fix(webui): 窄屏日历/详情的圆角——圆角要给到「能裁剪的那一层」

用户（2026-09-14）：「我这边看还是方角」。上一轮我只修了宽屏那条分支，
窄屏（手机/平板，<1024px）当时仍然是方角 —— 这次按像素量到了。

## 实测（真浏览器读渲染像素，不是读声明）

390x844 日历页左上角：
  改前 (255,255,255) 纯白 → 方角；面板 computed radius = 0px
  改后 (249,250,251) 页面底色 → 圆角；上边缘内缩 8px

## 根因：圆角落在**裁不住东西**的那层上

窄屏走 NarrowStack（`list`+`main` 的覆盖式容器，日历与收件箱详情都用它）：

    .narrow-shell > *          ← 14px 加在这里（App.tsx 的 flex-1 min-h-0 flex）
      NarrowStack 根            ← overflow:hidden，但 radius 0px
        absolute inset-0 flex   ← 透明
          gridPane (bg-white)   ← 0px，直角原样露出来

`overflow: visible` 的透明 flex 容器拿到圆角 = 什么也没发生。
NarrowStack 的根节点是**唯一**同时具备「自己 overflow:hidden」与「包住有底色那一层」
的层，圆角必须加在它上面 —— 加给它，底层页与滑入的覆盖层就一起被裁到圆角里。

顺带修好一处同类问题：**收件箱详情在窄屏也是方角**（同一个容器），
以前没人报过，这次一起圆了（实测同上）。

## 判据

narrow-layout 新增 2 条，分开钉两件事（分开一条都不算修好）：
  ① 那层自己带上面板圆角（类名与 CSS 规则接得上）；
  ② 那一层同时具备裁剪能力（overflow:hidden）。
三组变异全部红在对的那条上（去掉类名 / 去掉 border-radius / 去掉 overflow-hidden）。

narrow-verify（手动探针）新增**读像素**的能力与两条判据 —— 这件事只有像素能回答：
computed radius 是 14px、角上 2px 处"谁在画"也指着面板本身，**但渲染出来仍是方的**
（圆角加在没底色的层上，被内层直角原地盖掉）。所以这里截 1x1 再解 PNG，
只用 zlib，不引图像库。方角=255,255,255 / 圆角=249,250,251，两个数字就能分辨。

client/electron/src/components/NarrowStack.tsx

@@ -56,7 +56,9 @@ export default function NarrowStack({
   }, [open]);
 
   return (
-    <div className="flex-1 min-h-0 relative overflow-hidden">
+    /* `narrow-stack`：这一层才是「能裁剪 + 包住有底色的那一层」，
+       圆角加在这里底层与覆盖层才会一起被裁（详见 index.css）*/
+    <div className="narrow-stack flex-1 min-h-0 relative overflow-hidden">
       {/* 底层：始终挂载。打开覆盖层时用 aria-hidden 把它从无障碍树里摘掉，
           否则屏幕阅读器会读到两层内容。
 

client/electron/src/index.css

@@ -877,6 +877,26 @@ html[data-bg='on'] .hover\:bg-gray-100:hover {
   border-radius: var(--radius-card);
 }
 
+/*
+ * ★ 窄屏「页面覆盖」容器（NarrowStack 的根节点）
+ *   用户（2026-09-14）：「我这边看还是方角」—— 上一轮我只修了宽屏那条分支。
+ *
+ * 它是窄屏上**唯一**同时具备两个条件的层：
+ *   ① 自己 `overflow: hidden`（能裁）；
+ *   ② 包着真正有底色的那一层（底层页 / 滑入的覆盖层）。
+ *
+ * 而 `.narrow-shell > *` 那条圆角落在它**外面**那层透明 flex 容器上
+ * （App.tsx 的 `<div className="flex-1 min-h-0 flex">`），那层 `overflow: visible`
+ * 裁不住任何东西 —— 于是白底页面的直角原样露出来。
+ * 实测 390x844 日历页：左上角像素纯白（方角），面板 computed radius = 0px。
+ *
+ * 所以圆角必须加在这一层：加给它，底层与覆盖层就**一起**被裁到圆角里。
+ * （日历与收件箱详情都走这个容器，一条规则同时修好；收件箱详情以前也是方角。）
+ */
+.narrow-stack {
+  border-radius: var(--radius-card);
+}
+
 html[data-bg='on'] .app-shell {
   padding: var(--pane-gap);
   gap: var(--pane-gap);