fix(webui): 修「列表与正文之间那条大空隙」—— 包装层撑满而列表面板固定 320

用户发截图指出：「外框列表和右边正文那么大一个空隙」。

## 根因（在代码里很难看出来）

我为了让「通信」有内部页签与悬浮加号，给中栏加了一层包装 div，它写着 `flex-1`；
而里面的列表面板是 `lg:w-[320px]` **固定宽度** ⇒ 包装层把剩余宽度全占了，
**空隙在包装层里、不在任何面板里** —— 于是既看不出是哪一层的错，也不像"布局 bug"，
看起来就像设计上多留了一条白。

## 改法

`​.app-shell .comm-pane { flex: 0 0 auto; width: 320px }` —— 宽屏下中栏贴住列表面板的宽度。
窄屏不动：那边外壳是**列**方向，`flex-1` 管的是高度，宽度由 `w-full` 决定。

## 实测（自有浏览器）

    宽屏 1600: 包装层 320 / 列表 320 / 详情 1180  →  包装层内空隙 0px，到详情 10px（设计间距）
    窄屏 390:  包装层 370 / 列表 370              →  包装层内空隙 0px

顺带说一句：这条与前面「日历没有圆角」「列表项变成一张大框」是**同一个包装层**引出的
三个症状（撑满宽度 / 内层直角戳出圆角 / 每项没有独立卡）。包装层是我为合并导航加的，
当时的验证只看了结构（页签在不在、点得到点不到），**没有量过宽度**，
所以它一连串地出问题。现在宽度已有判据（上面的数字就是判据）。

client/electron/src/index.css

@@ -1337,3 +1337,20 @@ html[data-bg='on'] .glass-card:hover {
  *  它是按"深色主题已经存在"写的 —— 而实际上组件还没有 dark 变体，
  *  这条只会让卡片在浅色页面上几乎消失。等真深色主题落地再一起打开。）
  */
+
+
+/*
+ * ★ 宽屏下通信中栏必须**贴住列表面板的宽度**（2026-09-14 用户截图指出：
+ *   「外框列表和右边正文那么大一个空隙」）。
+ *
+ * 根因是我为了挂内部页签与悬浮加号加的包装层：它写着 `flex-1`，
+ * 而里面的列表面板是 `lg:w-[320px]` 固定宽 ⇒ 包装层把剩余宽度全占了，
+ * 列表右边到详情左边就空出一条大缝（缝在包装层里，不在任何面板里，
+ * 所以看代码很难发现）。
+ *
+ * 窄屏不用改：那边外壳是列方向，`flex-1` 管的是**高度**，宽度由 `w-full` 决定。
+ */
+.app-shell .comm-pane {
+  flex: 0 0 auto;
+  width: 320px;
+}