feat(clients): UI 设计同步到客户端 —— Electron 包重建 + 鸿蒙设计令牌

用户：「下一步就是同步 ui 设计到客户端了」。

## ① Electron 客户端（之前严重滞后）

打包产物停在 **09:11**，而前端 dist 是 **12:23** ⇒ 今天所有 UI 工作（导航合并、悬浮玻璃、
圆桌语言、Composer、动画、模糊分层…）**一个都不在包里**。已重建 AppImage + deb。

**验证**（关键：AppImage/deb 是压缩容器，`grep` 直接扫是扫不到的 ——
我第一次就差点因此得出"包里没有"的结论）：把 deb 解到 /tmp 再查 `app.asar`：

    comm-tabs=2  compose-fab=1  nav-rail=2  glass-control=2  cal-slide-next=2
    构建戳 "5ce25f6·0914-1240"（与当前提交一致）

## ② 鸿蒙客户端

它是**原生 ArkTS 应用**（22 个 .ets、自带 API 层），不是 WebView 壳 ⇒ 设计要移植。

第一步做的是**共用词表**：新增 `common/Theme.ets`（品牌蓝、页面底、面、分隔线、
导航玻璃不透明度、圆角 14/8、语义色、字号），全部注明与 WebUI 令牌的对应关系
（含一个易错点：CSS 是 `rgb(r g b / a)`，鸿蒙是 `#AARRGGBB`，0.72×255≈184=0xB8）。

顺带修掉一个真 bug：TabBar 的选中色写成 `this.currentIndex === 0` ⇒
**只有第一个 tab 会高亮**。现在按每个 tab 自己的下标判断。

**编译验证**：`hvigorw assembleHap` → **BUILD SUCCESSFUL**（HAP 已打包）。
（无法在设备上跑：本机 `hdc list targets` 为空、HAP 未签名 ⇒ 视觉未验证，如实说明。）

## ③ 判据：跨客户端令牌一致性

新增 `test/cross-client-theme.test.mjs` 5 条：品牌蓝、卡片圆角（0.875rem=14px）、
导航玻璃 0.72 —— 断言的是"两边对同一件事取值一致"，不约束实现方式
（CSS 变量 vs ArkTS 常量本来就该不同），并带一条扰动自检。
这种漂移**没有任何判据会红**，所以必须显式钉住。

## 还没做的（如实说明）

鸿蒙端只同步了**设计语言**，功能面不对等：鸿蒙是 收件箱/会话/联系人 三个 tab，
没有 日历/授权/管理；也没有玻璃悬浮底栏与 Compose 共用组件。要做功能对齐是另一件事，
需要单独排期（我可以按你的优先级来）。

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

@@ -3,6 +3,7 @@
  * 收件箱 / 会话 / 联系人 三个 TabContent
  */
 import { ApiClient, ApiError } from '../api/ApiClient';
+import { Theme } from '../common/Theme';
 import { MailApi, InboxResponse } from '../api/MailApi';
 import { AccountManager, AccountInfo } from '../api/AccountManager';
 import { SseService, SseEvent } from '../api/SseService';
@@ -613,10 +614,12 @@ struct MainPage {
   @State currentIndex: number = 0;
 
   @Builder
-  TabBarBuilder(title: string, icon: string) {
+  TabBarBuilder(title: string, icon: string, index: number) {
     Column() {
       Text(icon).fontSize(20)
-      Text(title).fontSize(11).fontColor(this.currentIndex === 0 ? '#1A73E8' : '#666666')
+      Text(title)
+        .fontSize(Theme.fontTiny)
+        .fontColor(this.currentIndex === index ? Theme.navFgActive : Theme.navFg)
     }
     .width('100%')
     .justifyContent(FlexAlign.Center)
@@ -627,17 +630,17 @@ struct MainPage {
       TabContent() {
         InboxTab()
       }
-      .tabBar(this.TabBarBuilder('收件箱', '📬'))
+      .tabBar(this.TabBarBuilder('收件箱', '📬', 0))
 
       TabContent() {
         SessionsTab()
       }
-      .tabBar(this.TabBarBuilder('会话', '💬'))
+      .tabBar(this.TabBarBuilder('会话', '💬', 1))
 
       TabContent() {
         ContactsTab()
       }
-      .tabBar(this.TabBarBuilder('联系人', '👤'))
+      .tabBar(this.TabBarBuilder('联系人', '👤', 2))
     }
     .onChange((index: number) => {
       this.currentIndex = index;