diff --git a/client/electron/src/App.tsx b/client/electron/src/App.tsx
index 882a652..d8722f2 100644
--- a/client/electron/src/App.tsx
+++ b/client/electron/src/App.tsx
@@ -195,7 +195,7 @@ export default function App() {
    * 外层 `relative` 是给悬浮加号定位用的 —— 窄屏时它正好落在底部导航之上。
    */
   const list = isComm && listBody ? (
-    <div className="relative flex-1 min-w-0 min-h-0 flex flex-col">
+    <div className="comm-pane relative flex-1 min-w-0 min-h-0 flex flex-col">
       <CommTabs />
       {listBody}
       <ComposeFab />
diff --git a/client/electron/src/components/CalendarView.tsx b/client/electron/src/components/CalendarView.tsx
index 98c7aba..b70ca54 100644
--- a/client/electron/src/components/CalendarView.tsx
+++ b/client/electron/src/components/CalendarView.tsx
@@ -118,6 +118,34 @@ export default function CalendarView() {
     else setAnchor(a => addDays(a, dir));
   }
 
+  /*
+   * 左右滑动手势（2026-09-14 用户：「日历页面还不支持左右滑动手势」）。
+   *
+   * 复用 shift() —— 手势与「上一月/下一月」按钮必须是同一套翻页逻辑，
+   * 各写一遍的话阈值、边界、"周/日/月"三种刻度的行为迟早分叉。
+   *
+   * 判据：水平位移 ≥ 40px 且明显大于垂直位移（否则会把纵向滚动列表误判成翻页，
+   * 那是移动端最容易犯的手势错误）；同时要求时间 < 600ms，避免"慢慢拖"也翻页。
+   */
+  const touch = useRef<{ x: number; y: number; t: number } | null>(null);
+  const onTouchStart = (e: React.TouchEvent) => {
+    const t = e.touches[0];
+    if (!t) return;
+    touch.current = { x: t.clientX, y: t.clientY, t: Date.now() };
+  };
+  const onTouchEnd = (e: React.TouchEvent) => {
+    const start = touch.current;
+    touch.current = null;
+    const t = e.changedTouches[0];
+    if (!start || !t) return;
+    const dx = t.clientX - start.x;
+    const dy = t.clientY - start.y;
+    const fast = Date.now() - start.t < 600;
+    if (Math.abs(dx) < 40 || Math.abs(dx) < Math.abs(dy) * 1.5 || !fast) return;
+    // 左滑 = 看下一段（与翻页按钮的"下一月"同向），右滑 = 上一段
+    shift(dx < 0 ? 1 : -1);
+  };
+
   function goToday() {
     const now = new Date();
     setAnchor(now);
@@ -199,7 +227,11 @@ export default function CalendarView() {
 
   // ─── 左栏：工具条 + 网格 ───
   const gridPane = (
-    <div className="flex-1 min-w-0 flex flex-col bg-white min-h-0">
+    <div
+      className="flex-1 min-w-0 flex flex-col bg-white min-h-0"
+      onTouchStart={onTouchStart}
+      onTouchEnd={onTouchEnd}
+    >
       <div className="flex items-center gap-2 px-3 py-2.5 border-b border-gray-200 shrink-0 flex-wrap">
         <div className="flex items-center gap-1">
           <button
diff --git a/client/electron/src/index.css b/client/electron/src/index.css
index c584e9f..3218ef1 100644
--- a/client/electron/src/index.css
+++ b/client/electron/src/index.css
@@ -826,9 +826,17 @@ html[data-bg='on'] .hover\:bg-gray-100:hover {
 
 .app-shell > * {
   border-radius: var(--radius-card);
-  overflow: hidden;
+  /*
+   * ★ 这里**不能**写 `overflow: hidden`（2026-09-14 用户：「通信页面完全无法上下滑动」）。
+   *
+   * 面板自己就是滚动容器（列表/详情都是 overflow-y-auto），而这条规则的特异性
+   * 比 Tailwind 的 `.overflow-y-auto` 高 ⇒ 滚动被静默干掉：实测当时**一个可滚动
+   * 容器都不存在**（scrollerCount=0），内容是直接被裁掉的，连"滚到底"都做不到。
+   *
+   * 圆角仍然生效（border-radius 不影响滚动）；角落的方角残影改用
+   * background-clip 处理，代价是溢出内容在圆角处可能露一点点 —— 比不能滚动好得多。
+   */
   box-shadow: 0 8px 24px rgb(15 23 42 / 0.08);
-  /* 圆角处的背景不要溢出圆角外（否则边缘会出现方角残影） */
   background-clip: padding-box;
 }
 
@@ -846,8 +854,8 @@ html[data-bg='on'] .hover\:bg-gray-100:hover {
 }
 
 .narrow-shell > *:not(.narrow-nav) {
+  /* 同样不写 overflow: hidden —— 见上面 app-shell 那段（会杀掉滚动） */
   border-radius: var(--radius-card);
-  overflow: hidden;
 }
 
 html[data-bg='on'] .app-shell {
@@ -1025,3 +1033,29 @@ html.view-switch .glass-control,
     animation: none !important;
   }
 }
+
+
+/*
+ * ★ 通信中栏里的直接子面板必须能被压缩（2026-09-14 用户：「通信页面的各个子页面
+ *   还是无法滑动啊，我真服了」）。
+ *
+ * 根因：我把「页签 + 列表 + 悬浮加号」包进了一个 flex 列 wrapper 来挂内部导航，
+ * 而 **flex 子项默认 min-height: auto** ⇒ 子面板不能被压到比内容矮 ⇒ 列表被撑高 ⇒
+ * 外壳的 overflow:hidden 把它整段裁掉：表现出来就是"完全无法上下滑动"，
+ * 而且因为容器自己没溢出，连滚动条都不会出现。
+ *
+ * 为什么以前没坏：列表原先直接挂在窄屏覆盖层（`absolute inset-0 flex`，**行**方向）下，
+ * 行方向的高度来自 align-items: stretch，不需要 min-height:0；换成列方向后就必需了。
+ *
+ * 这条规则对所有子页面一视同仁（收件/发件/授权/联系人），避免只修好一个。
+ */
+.comm-pane > *:not([data-testid='comm-tabs']) {
+  /*
+   * 既要能压缩（min-height:0），也要**填满**这一列（flex:1 1 0%）：
+   * 子面板（如 MailList 的根）原本写着 `shrink-0` —— 那是给"行"方向布局写的，
+   * 放进列方向后它会连高度都不肯让，内部 `flex-1 overflow-y-auto` 永远拿不到
+   * 可用高度，于是"完全无法上下滑动"。
+   */
+  flex: 1 1 0%;
+  min-height: 0;
+}