ke: 宽屏 app-shell 几何落地：padding/gap 10 + 面板圆角 14（WebUI 一比一）

- MainPage 宽屏 Row({ space: Theme.paneGap }) —— gap 10（窄屏无子间距，无害）
- 内容面板 borderRadius(isWide ? glassRadius : 0) + clip(isWide) —— 圆角 14 仅宽屏
- 容器 padding 条件：宽屏 paneGap 10（壁纸从缝隙露出）/ 窄屏 0（贴合全屏）
- Theme.glassRadius=14 / paneGap=10 已在上一提交引入，这里真正用上
- 判据：harmony-widescreen ⑤ 钉 app-shell 几何（令牌值/space/radius/clip/padding 与 WebUI 同值）

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

@@ -87,4 +87,27 @@ test('④ MainPage 接线：宽屏才挂侧栏、宽屏藏底部条、断点 768
   assert.match(code_, />=\s*768/s, '断点是 768（与 WebUI 的 lg 断点同一档）');
   // let为0（宽屏没有底部条，内容 padding 归零）
   assert.match(code_, /bottom:\s*this\.isWide \? 0 : NAV_CONTENT_RESERVE/, '宽屏内容 padding 要归零（没有底部条了）');
+});
+
+test('⑤ 宽屏 app-shell 几何：padding/gap/radius 与 WebUI 同值（一比一复刻的骨架）', () => {
+  const main = read('pages/MainPage.ets');
+  const code_ = stripComments(main);
+  /*
+   * WebUI 的 `.app-shell`（index.css）：
+   *   padding: var(--pane-gap)   → 10px
+   *   gap: var(--pane-gap)       → 10px
+   *   > * { border-radius: var(--radius-card) }  → 14px
+   * 宽屏面板之间留缝（壁纸从缝隙露出）、各面板圆角 14。窄屏贴合全屏（无 padding / 无圆角）。
+   */
+  // 令牌值要和 WebUI 同值（14/10）
+  const theme = read('common/Theme.ets');
+  assert.match(theme, /static readonly glassRadius: number = 14/, 'glassRadius = 14（与 WebUI --radius-card 同值）');
+  assert.match(theme, /static readonly paneGap: number = 10/, 'paneGap = 10（与 WebUI --pane-gap 同值）');
+  // Row 用 space=paneGap（gap）
+  assert.match(code_, /Row\(\{ space: Theme\.paneGap \}\)/, '宽屏 Row 用 space=paneGap（与 WebUI gap 同值）');
+  // 内容面板圆角只在宽屏启用（窄屏贴合全屏）
+  assert.match(code_, /borderRadius\(this\.isWide \? Theme\.glassRadius : 0\)/, '内容面板圆角宽屏 14 / 窄屏 0');
+  assert.match(code_, /clip\(this\.isWide\)/, '面板内容要被圆角裁剪（clip 宽屏才开）');
+  // 容器 padding 宽屏 paneGap / 窄屏 0（壁纸从缝隙露出）
+  assert.match(code_, /left: this\.isWide \? Theme\.paneGap : 0/, '宽屏容器左右 padding paneGap（窄屏 0 贴合全屏）');
 });