fix(webui): 统一玻璃语言 —— 导航改深色玻璃 + 内层面板自带圆角

用户：「你不觉得页面设计很割裂吗？尤其是通信页，大面积的非圆角元素。
同时还有大面积的非玻璃样式。导航栏不也应该改为玻璃样式吗，为什么还是黑色」。

## ① 导航还是黑的：因为我自己留了一条"必须不透明"的规则

`html[data-bg='on'] .bg-chrome-900 { background-color: rgb(var(--c-chrome-900));
backdrop-filter: none }` —— 这是**更早一轮**用户的要求（当时面板太透，壁纸从导航里
透出来显得脏）。现在整套语言统一到玻璃之后，导航继续做一块实心黑就成了全页唯一的
例外，也就是"割裂"的来源。

改成**深色玻璃**（α=0.72 + blur(18px) + saturate）——用深色而不是白色玻璃：
白字压在深色上才有对比度。没开壁纸时用 0.82（后面是页面底色而不是照片，太透显脏）。

## ② 通信页"大面积非圆角"：是我修滚动时带出来的

圆角原本只加在外壳上，靠 `overflow: hidden` 裁掉内层的直角 —— 但那个 overflow
会杀掉滚动（上一封），必须去掉。**于是内层白底面板的直角就从圆角外壳里戳了出来。**
现在把圆角直接给内层面板（`.comm-pane > *`），两边对齐，且不依赖裁剪 ⇒ 与滚动不冲突。
MailView 的两条工具条也不再自带宽底（只留上边框，底色继承面板），否则同样会戳角。

## 判据

`background.test.mjs` 里两条**旧判据**（断言"导航必须不透明、不参与模糊"）按现行契约
重写为"深色玻璃（α∈[0.6,0.9]）+ 参与模糊"，并新增"内层面板自带圆角"。
要求反转后旧判据必须一起改 —— 留着只会让下次改动"要么违规、要么把缺陷写回去"。

**实测**（真浏览器，1280×900，壁纸态）：导航 α=0.72 / blur(18px) / radius 14px；
内层 MailList 面板 radius **14px**（不再是直角）。背景套件 31 条全绿。

client/electron/test/background.test.mjs

@@ -223,10 +223,26 @@ check('新组件未使用未映射色族', unmapped.length === 0, unmapped.join(
   // 用户 2026-09-14 原话：「导航栏应当完全不透明……没有正文的位置过于不通透，
   // 同时导航栏应当现代化一下，整个界面应当圆角化玻璃化」。
   // 注意这是**两个方向**的要求：框架要实、内容要透 —— 写成一条规则就会互相打架。
-  const opaqueNav = /html\[data-bg='on'\] \.bg-chrome-900,[\s\S]{0,160}background-color: rgb\(var\(--c-chrome-900\)\)/.test(css);
-  const navNoBlur = /html\[data-bg='on'\] \.app-shell > \.bg-chrome-900 \{[\s\S]{0,160}backdrop-filter: none/.test(css);
-  check('导航栏在背景模式下完全不透明', opaqueNav);
-  check('导航栏不再参与模糊', navNoBlur);
+  /*
+   * ★ 导航栏：从"不透明"改成"深色玻璃"（2026-09-14 用户：「导航栏不也应该改为玻璃样式吗，
+   *   为什么还是黑色」）。
+   *
+   * 这两条判据原本断言的是**相反**的东西（不透明 + 不模糊），是更早一轮的要求
+   * （当时面板太透、壁纸从导航透出来显得脏）。要求反转后旧判据必须一起改 ——
+   * 留着它只会让下一次改动"要么违规、要么把缺陷写回去"。
+   *
+   * 现在的契约：**深色玻璃**（白字要对比度，所以不用白色玻璃），
+   * α 落在 [0.6, 0.9]：太透读不清，太实就退回那块黑 slab。
+   */
+  const navAlpha = Number(
+    (css.match(/html\[data-bg='on'\] \.bg-chrome-900,[\s\S]{0,200}?rgb\(var\(--c-chrome-900\) \/ ([\d.]+)\)/) || [])[1]
+  );
+  const navGlass = /html\[data-bg='on'\] \.bg-chrome-900,[\s\S]{0,240}backdrop-filter: blur\(/.test(css);
+  check('导航栏是深色玻璃（α 在 0.6–0.9，读得清又不挡壁纸）',
+    Number.isFinite(navAlpha) && navAlpha >= 0.6 && navAlpha <= 0.9, `α=${navAlpha}`);
+  check('导航栏参与模糊（玻璃的必要条件）', navGlass);
+  check('内层面板自带圆角（不靠裁剪，否则与滚动冲突）',
+    /\.comm-pane > \*:not\(\[data-testid='comm-tabs'\]\) \{[\s\S]{0,80}border-radius: var\(--radius-card\)/.test(css));
   /*
    * ★ 浮动面板几何必须**无条件**生效（2026-09-14 用户：「通信页面大面积缺失圆角与
    * 玻璃效果，所有有内容与无内容区域都是硬截断」）。