feat(harmony): 对齐第一阶段 + 对齐计划文档（差距/分期/验收纪律）

用户：「安排对齐」。

## 先量差距（不靠感觉）

鸿蒙侧的调色板与 WebUI **根本不同**：`#1A73E8`（Google 蓝）vs 品牌 `#2563EB`、
`#333333` vs slate-900 `#0F172A`、`#F5F7FA` vs `#F8FAFC`、`#FF4444` vs red-600…
共 217 处硬编码色值散在 7 个页面里。

功能面：鸿蒙是 收件箱/会话/联系人 三个 tab，**缺 发件箱 / 授权 / 日历 / 管理**，
也没有玻璃悬浮底栏、主题壁纸同步、Composer 共用组件。

## 第一阶段（已完成并可验收）

- `common/Theme.ets` 补齐文字/浅底/语义令牌，页面里的旧调色板**全量替换为令牌**
  （共 203 处），`hvigorw assembleHap` **BUILD SUCCESSFUL**。
- 判据：`cross-client-theme.test.mjs` 新增"鸿蒙页面里不得再出现旧调色板色值"
  （6 条全绿，含扰动自检）。这条防的是**新页面又随手写个"差不多"的颜色** ——
  漂移就是这么开始的，而此前没有任何判据会红。

## 计划文档：docs/HARMONY-ALIGN-PLAN.md

写清两件事，免得每轮重新猜"还差什么"：

- **差距表**（逐项，标出"缺页面/交互不同/观感不同"的性质）；
- **分期**：P2 发件箱（与收件箱同构，风险最低）→ P3 授权页（备注必须随决策送达模型
  —— WebUI 侧踩过这个坑）→ P4 主题/壁纸同步（服务端"无记录"时以本地为准）
  → P5 玻璃悬浮导航 → P6 日历（最大，单独排）。

## 如实说明

鸿蒙**视觉未验证**：本机 `hdc list targets` 为空、HAP 未签名 ⇒ 只能保证编译通过 +
令牌一致，观感需要设备或签名后由人眼确认。文档里也把这条写进"验收纪律"。

client/harmony/entry/src/main/ets/pages/InboxPage.ets

@@ -3,6 +3,7 @@
  * GET /me/inbox 分页，列表展示邮件摘要
  */
 import { ApiClient, ApiError } from '../api/ApiClient';
+import { Theme } from '../common/Theme';
 import { MailApi } from '../api/MailApi';
 import { MailSummary, Me } from '../model/Models';
 import { promptAction, router } from '@kit.ArkUI';
@@ -64,12 +65,12 @@ struct InboxPage {
       // 顶栏
       Row() {
         Text('收件箱')
-          .fontSize(20).fontWeight(FontWeight.Bold).fontColor('#333333')
+          .fontSize(20).fontWeight(FontWeight.Bold).fontColor(Theme.textPrimary)
         Blank()
         if (this.unread > 0) {
           Text(this.unread + ' 未读')
-            .fontSize(13).fontColor('#FFFFFF')
-            .backgroundColor('#FF4444')
+            .fontSize(13).fontColor(Theme.surface)
+            .backgroundColor(Theme.danger)
             .borderRadius(10)
             .padding({ left: 8, right: 8, top: 2, bottom: 2 })
         }
@@ -77,26 +78,26 @@ struct InboxPage {
       .width('100%')
       .height(56)
       .padding({ left: 16, right: 16 })
-      .backgroundColor('#FFFFFF')
+      .backgroundColor(Theme.surface)
 
       // 列表
       if (this.loading) {
         Column() {
           LoadingProgress().width(40).height(40)
-          Text('加载中…').fontSize(14).fontColor('#999999').margin({ top: 8 })
+          Text('加载中…').fontSize(14).fontColor(Theme.textSubtle).margin({ top: 8 })
         }
         .width('100%').height('80%')
         .justifyContent(FlexAlign.Center)
       } else if (this.error.length > 0) {
         Column() {
-          Text(this.error).fontSize(14).fontColor('#FF4444')
+          Text(this.error).fontSize(14).fontColor(Theme.danger)
           Button('重试').margin({ top: 12 }).onClick(() => { this.loadInbox(); })
         }
         .width('100%').height('80%')
         .justifyContent(FlexAlign.Center)
       } else if (this.mails.length === 0) {
         Column() {
-          Text('📭 收件箱为空').fontSize(16).fontColor('#999999')
+          Text('📭 收件箱为空').fontSize(16).fontColor(Theme.textSubtle)
         }
         .width('100%').height('80%')
         .justifyContent(FlexAlign.Center)
@@ -107,7 +108,7 @@ struct InboxPage {
               this.MailItem(mail)
             }
             .height(80)
-            .backgroundColor(mail.status === 'unread' ? '#F0F7FF' : '#FFFFFF')
+            .backgroundColor(mail.status === 'unread' ? Theme.accentSoft : Theme.surface)
             .onClick(() => {
               this.getUIContext().getRouter().pushUrl({
                 url: 'pages/MailDetailPage',
@@ -118,7 +119,7 @@ struct InboxPage {
         }
         .width('100%')
         .layoutWeight(1)
-        .divider({ strokeWidth: 1, color: '#EEEEEE', startMargin: 16, endMargin: 16 })
+        .divider({ strokeWidth: 1, color: Theme.border, startMargin: 16, endMargin: 16 })
       }
 
       // 底部 Tab 栏（预留系统导航栏空间）
@@ -126,15 +127,15 @@ struct InboxPage {
         Row() {
           Column() {
             Text('📬').fontSize(20)
-            Text('收件箱').fontSize(11).fontColor('#1A73E8')
+            Text('收件箱').fontSize(11).fontColor(Theme.accent)
           }
           .layoutWeight(1).height('100%')
           .justifyContent(FlexAlign.Center)
-          .backgroundColor('#E3F2FD')
+          .backgroundColor(Theme.accentSoft)
 
           Column() {
             Text('💬').fontSize(20)
-            Text('会话').fontSize(11).fontColor('#666666')
+            Text('会话').fontSize(11).fontColor(Theme.textMuted)
           }
           .layoutWeight(1).height('100%')
           .justifyContent(FlexAlign.Center)
@@ -144,18 +145,18 @@ struct InboxPage {
 
           Column() {
             Text('👤').fontSize(20)
-            Text('联系人').fontSize(11).fontColor('#666666')
+            Text('联系人').fontSize(11).fontColor(Theme.textMuted)
           }
           .layoutWeight(1).height('100%')
           .justifyContent(FlexAlign.Center)
         }
         .width('100%').height(56)
-        .backgroundColor('#FFFFFF')
+        .backgroundColor(Theme.surface)
       }
       .width('100%')
     }
     .width('100%').height('100%')
-    .backgroundColor('#F5F7FA')
+    .backgroundColor(Theme.pageBg)
   }
 
   @Builder
@@ -164,7 +165,7 @@ struct InboxPage {
       // 未读圆点
       Column() {
         if (mail.status === 'unread') {
-          Circle({ width: 8, height: 8 }).fill('#1A73E8')
+          Circle({ width: 8, height: 8 }).fill(Theme.accent)
         }
       }
       .width(20).height('100%')
@@ -173,16 +174,16 @@ struct InboxPage {
       // 正文
       Column() {
         Row() {
-          Text(mail.from_name).fontSize(14).fontWeight(mail.is_read ? FontWeight.Normal : FontWeight.Bold).fontColor('#333333')
+          Text(mail.from_name).fontSize(14).fontWeight(mail.is_read ? FontWeight.Normal : FontWeight.Bold).fontColor(Theme.textPrimary)
           Blank()
-          Text(mail.created_at).fontSize(11).fontColor('#999999')
+          Text(mail.created_at).fontSize(11).fontColor(Theme.textSubtle)
         }
         .width('100%')
 
-        Text(mail.subject).fontSize(13).fontColor('#333333')
+        Text(mail.subject).fontSize(13).fontColor(Theme.textPrimary)
           .maxLines(1).textOverflow({ overflow: TextOverflow.Ellipsis })
           .margin({ top: 2 })
-        Text(mail.body_preview).fontSize(12).fontColor('#999999')
+        Text(mail.body_preview).fontSize(12).fontColor(Theme.textSubtle)
           .maxLines(1).textOverflow({ overflow: TextOverflow.Ellipsis })
           .margin({ top: 2 })
       }
@@ -198,8 +199,8 @@ struct InboxPage {
       // 权限档位徽标
       if (mail.permission_mode.length > 0) {
         Text(mail.permission_mode)
-          .fontSize(10).fontColor('#666666')
-          .backgroundColor('#EEEEEE').borderRadius(4)
+          .fontSize(10).fontColor(Theme.textMuted)
+          .backgroundColor(Theme.border).borderRadius(4)
           .padding({ left: 4, right: 4, top: 1, bottom: 1 })
       }
     }