feat: 优化主题配色

CLAUDE.md

@@ -97,3 +97,54 @@ Prisma schema 位于 `packages/server/prisma/schema.prisma`，关键约定：
 - **异常处理**：使用 NestJS 内置异常（BadRequestException、NotFoundException 等）
 - **分页**：统一使用 `PaginatedResponse<T>`，包含 data、total、page、limit
 - **pnpm**：使用 `shamefully-hoist=true`（.npmrc），为 Uni-app 兼容所需
+
+## 前端样式规范
+
+### 主题色变量（必用）
+
+所有色值必须使用 `packages/app/src/uni.scss` 中定义的 SCSS 变量，禁止在 Vue/Scss 文件中硬编码色值。
+
+**主题色系：**
+
+```scss
+$primary-color:       #a9bfcc;   /* 主色-柔雾蓝灰 */
+$primary-dark:        #7ba5be;   /* 主色-深蓝灰 */
+$primary-light:       #c8d8e4;   /* 主色-浅蓝灰 */
+$primary-bg:         #f0f6f9;   /* 页面背景-冷白蓝 */
+$primary-border:      #d8eaf4;   /* 边框-淡蓝灰 */
+$primary-selected-bg: #EFF6F9;  /* 选中态背景 */
+```
+
+**通用语义变量（已同步主题色）：**
+
+| 变量 | 值 | 用途 |
+|------|----|------|
+| `$accent-color` | `#7ba5be` | 强调色 |
+| `$warning-color` | `#e8a87c` | 警告色 |
+| `$brand-light` | `#c8d8e4` | 品牌浅色 |
+| `$border-color` | `rgba(180,160,130,0.2)` | 边框（中性） |
+| `$text-primary` | `#4A4035` | 主文字（深棕灰） |
+| `$text-secondary` | `#7A6A5A` | 次文字 |
+| `$text-hint` | `#A09080` | 弱提示文字 |
+
+### 变量替换规则
+
+| 旧硬编码 | 替换为 |
+|---------|--------|
+| `#c9a87c`（旧暖棕金） | `$primary-dark` |
+| `#d4b896`（旧浅棕金） | `$primary-color` |
+| `#C4956A`（旧警告橙棕） | `$warning-color` |
+| `#B08050`（旧深棕） | `$accent-color` |
+| `#7d6608`（旧深暖绿） | `#5a7a8a`（冷青灰） |
+| `#e8c88a`、`#b49868`（旧暖渐变） | `$primary-color` / `$primary-dark` |
+
+### CSS 变量规范
+
+组件内部的多处共用颜色（如阴影、遮罩）若无法用 SCSS 变量，需用 `rgba($primary-dark, 0.x)` 形式动态构造，不可直接写死十六进制值。
+
+### 新增页面/组件
+
+新增页面或组件时：
+1. 优先查阅 `uni.scss` 已有变量
+2. 若需要新增语义化变量，先更新 `uni.scss`，再在组件中引用
+3. 禁止在 `<style>` 块内直接写十六进制颜色值（背景色、文字色、边框、阴影均需走变量）