ke: 鸿蒙 UI 整改：emoji→AmIcon 图标、宽屏侧栏、Md 第三方库、通知可配置项

- common/Icons.ets（生成器产出）：43 枚与 WebUI icons.tsx 同几何的 Path 图标
- NavItems.ts：icon(emoji) → iconKey，与 WebUI 导航同图标
- 全页面 emoji 清除（空态改单行灰字，按钮/头像/刷新等换 AmIcon）
- MailDetailPage 接入 @luvi/lv-markdown-in（第三方，替代手写解析器）
- WideSidebar + MainPage isWide(≥768vp)：宽屏侧栏 60vp 图标轨、藏底部条、onAreaChange 断点
- 通知=可配置项（默认关）：PushService.isEnabled/setEnabled + reportToken 最前 gate （关=不取token/不弹权限/不打网关）+ SettingsPage Toggle + 服务端通道状态提示
- EntryAbility.onCreate 解析 want：冷启点通知也能路由（原来只有 onNewWant）
- 判据：harmony-widescreen(4) + harmony-push-optin(4) 新增；harmony-nav 同步 iconKey/条件 padding

client/electron/test/harmony-nav.test.mjs

@@ -203,7 +203,14 @@ test('④ 悬浮 + 让位：自绘浮动层（留白/圆角/系统材质），
   // 内容让位：让出的高度必须够（否则最后一行压在条底下 —— 看得见、点不到）
   assert.ok(N.NAV_CONTENT_RESERVE >= N.NAV_BAR_HEIGHT + N.NAV_BAR_BOTTOM,
     `内容让位（${N.NAV_CONTENT_RESERVE}）必须 ≥ 条高 + 离底留白（${N.NAV_BAR_HEIGHT + N.NAV_BAR_BOTTOM}）`);
-  assert.match(main, /\.padding\(\{\s*bottom:\s*NAV_CONTENT_RESERVE\s*\}\)/, '内容底部要让出这段高度');
+  /*
+   * ★ 2026-09-15：padding 现在是**条件式**（宽屏变 0、窄屏取 NAV_CONTENT_RESERVE）。
+   * 宽屏有侧栏图标轨、没有底部条，所以内容不再需要让位 —— 但窄屏那条老规矩仍然在。
+   * 断言匹配两种形态：旧的直接取值、新的三元式（宽屏取 0）。
+   */
+  const padOk = /\.padding\(\{\s*bottom:\s*NAV_CONTENT_RESERVE\s*\}\)/.test(main)
+    || /\.padding\(\{\s*bottom:\s*this\.isWide\s*\?\s*0\s*:\s*NAV_CONTENT_RESERVE\s*\}\)/.test(main);
+  assert.ok(padOk, '内容底部要让出这段高度（窄屏取 NAV_CONTENT_RESERVE；宽屏可变 0）');
   /*
    * 让位要生效在**内容**上，不是条上（条自己 padding 不解决遮挡）。
    *
@@ -212,7 +219,8 @@ test('④ 悬浮 + 让位：自绘浮动层（留白/圆角/系统材质），
    * 判的是"同一件事"，红的原因却只是"变长了"，正是本仓库反复记的窗口式判据。
    * 改成**按花括号配对取正文**：内容层那个 Column 的 `{...}` 里必须出现让位。
    */
-  const contentOpen = main.indexOf('Column() {\n        if (this.currentIndex === 0)');
+  const contentM = /Column\(\) \{\n\s*if \(this\.currentIndex === 0\)/.exec(main);
+  const contentOpen = contentM ? contentM.index : -1;
   assert.ok(contentOpen > 0, '要能找到挂载内容的那层 Column');
   // `.padding(...)` 是**链在 `}` 之后**的，所以不能只看 {} 里面 —— 从配对结束处往后取到 NavBar 之前
   const braceAt = main.indexOf('{', contentOpen);
@@ -224,8 +232,8 @@ test('④ 悬浮 + 让位：自绘浮动层（留白/圆角/系统材质），
   }
   assert.ok(end > 0, '内容层的花括号要闭合');
   const chain = main.slice(end, main.indexOf('this.NavBar()', end));
-  assert.match(chain, /\.padding\(\{\s*bottom:\s*NAV_CONTENT_RESERVE\s*\}\)/,
-    '让位要加在挂载内容的那层上（链在那个 Column 的 } 之后）');
+  assert.match(chain, /\.padding\(\{\s*bottom:\s*this\.isWide\s*\?\s*0\s*:\s*NAV_CONTENT_RESERVE\s*\}\)/,
+    '让位要加在挂载内容的那层上（链在那个 Column 的 } 之后），宽屏变 0、窄屏取 NAV_CONTENT_RESERVE');
 });
 
 test('★ 系统 `Tabs` 的 bar 已经不在（这一期换的就是它），且平级项是 通信/日历/联系人', () => {
@@ -312,10 +320,10 @@ test('⑤ 选中态只换颜色：图标与文字都变色，且不引入背景/
   const hits = itemCode.match(active) || [];
   assert.equal(hits.length, 2,
     `图标与文字都要过同一个选中三元式（现在 ${hits.length} 处）—— 只给文字上色就是"选中了一半"`);
-  // 图标（item.icon）与文字（item.label）各自紧跟着那个三元式
-  const icon = itemCode.slice(itemCode.indexOf('Text(item.icon)'), itemCode.indexOf('Text(item.label)'));
-  assert.match(icon, /fontColor\(this\.currentIndex === index \? Theme\.navFgActive : Theme\.navFg\)/,
-    '图标的 fontColor 必须跟着选中态走');
+  // 图标（AmIcon 的 iconColor）与文字（Text 的 fontColor）各自紧跟着那个三元式
+  const icon = itemCode.slice(itemCode.indexOf('AmIcon({'), itemCode.indexOf('Text(item.label)'));
+  assert.match(icon, /iconColor:\s*this\.currentIndex === index \? Theme\.navFgActive : Theme\.navFg/,
+    '图标的 iconColor 必须跟着选中态走');
   // 反面：选中态不得靠形状表达（背景 / 圆角块 / 下划线元素）
   assert.ok(!/backgroundColor\([^)]*currentIndex/.test(itemCode),
     '选中态不许改背景色（"变色即可"，形状是另一套语言）');
@@ -331,18 +339,18 @@ test('⑤ 选中态只换颜色：图标与文字都变色，且不引入背景/
 
 /** ⑤ 的变异自检：把图标那行退回"只给文字上色"，判据必须红。 */
 test('★ ⑤ 变异自检：图标不上色（改造前的写法）必须被判红', () => {
-  const oldIconLine = 'Text(item.icon).fontSize(20)';
+  const oldIconLine = 'AmIcon({ iconName: item.iconKey, iconSize: 22 })';
   const itemCode = `Column() {\n      ${oldIconLine}\n      Text(item.label)\n        .fontColor(this.currentIndex === index ? Theme.navFgActive : Theme.navFg)\n    }`;
   const hits = itemCode.match(/this\.currentIndex === index \? Theme\.navFgActive : Theme\.navFg/g) || [];
   assert.equal(hits.length, 1, '旧写法只有 label 上色 ⇒ ⑤ 的"必须两处"会命中它');
   /*
-   * 判定窗口必须与 ⑤ **完全同一条规则**：从 `Text(item.icon)` 切到下一个 `Text(`。
+   * 判定窗口必须与 ⑤ **完全同一条规则**：从 `AmIcon({` 切到下一个 `Text(`。
    * 我第一版在这里写的是 `Text\(item\.icon\)[\s\S]{0,80}fontColor` —— 那个窗口
    * 把**下一行 label 的** fontColor 也圈进来了，于是"旧写法没有图标上色"这条
    * 自检自己绿了（正是本仓库反复记的"窗口式判据"）。判据被它咬了一次。
    */
-  const icon = itemCode.slice(itemCode.indexOf('Text(item.icon)'), itemCode.indexOf('Text(', itemCode.indexOf('Text(item.icon)') + 1));
-  assert.ok(!/fontColor/.test(icon), `旧写法里图标没有 fontColor ⇒ ⑤ 的图标那一半会命中它（切片=${JSON.stringify(icon)}）`);
+  const icon = itemCode.slice(itemCode.indexOf('AmIcon({'), itemCode.indexOf('Text(', itemCode.indexOf('AmIcon({') + 1));
+  assert.ok(!/iconColor:/.test(icon), `旧写法里图标没有 iconColor ⇒ ⑤ 的图标那一半会命中它（切片=${JSON.stringify(icon)}）`);
 });
 
   /**