fix(webui): 局部入场动画补回（写信页/回复框/转发面板）—— 你猜对了，是被整条删掉的

用户（2026-09-15）：「从发信按钮到发信页面，从聊天按钮到聊天输入，以及转发拉起输入框
都没有对应的动画，所有的动画都消失了，是不是我批评一下用力过猛你就全给删了」

是。9aa702b（09-14，回应「部分动画十分不合理，会导致页面大范围的闪动」）把
 整条删掉、换成 ，
而 **.pane-enter 没有任何组件在穿**（grep 确认）⇒ 这一档从「全部一起动」变成
「一条都不动」，连这三处局部、有明确语义的入场也一起没了。

批评针对的是**整面板/整屏**一起淡入（骨架跟着暗 = 闪），不是局部入场。所以补回
只动「刚出现的那一块」：@keyframes rise-in（4px + 不缩放，150ms，与 pane-in/menu-in
同一套尺子），仍挂在 view-switch 触发窗口上，骨架一动不动。

判据（narrow-layout 新增 3 条）：keyframes+规则存在、三处目标面都穿（MailView 里
回复框与转发面板各一处）、且 reduced-motion 块里也有它。变异：去掉转发面板那处 → 红；
从 reduced-motion 里删掉 → 红；复原 → 74 通过 0 失败。（第一版取错了 reduced-motion
块——文件里有多个，取到全局那个，判据自己假红，已改成逐块检查。）

生产实测（8180，点「新建邮件」后 90ms 读计算样式）：animationName=rise-in、0.15s、
cubic-bezier(.22,.61,.36,1)，此时 html 正带 view-switch。

client/electron/test/narrow-layout.test.mjs

@@ -242,6 +242,38 @@ check(
   /absolute[^`]*popup-surface/.test(addrSrc) && !/absolute[^`]*glass-control/.test(addrSrc),
   'AddressInput 的菜单还穿着控件档(.glass-control) —— 那档是给贴着面板的小控件用的'
 );
+
+/*
+ * 局部入场动画（2026-09-15 用户：「从发信按钮到发信页面，从聊天按钮到聊天输入，
+ * 以及转发拉起输入框都没有对应的动画，所有的动画都消失了」）。
+ *
+ * 9aa702b 把 `html.view-switch .app-shell > *, .narrow-shell > *` 整条删掉、
+ * 换成 `.pane-enter`，而 .pane-enter **没有任何组件在穿** ⇒ 这一档成了死规则。
+ *
+ * 判据钉三件事：① 局部入场类存在且有独立的 keyframes；② 三处目标面真的穿了
+ * 它（发信页 / 回复框 / 转发面板，去掉任一处必红）；③ `prefers-reduced-motion`
+ * 里必须也有它 —— 否则"关动画就一点都不动"这句承诺对新增的这档不成立。
+ */
+const composeSrc = code('src/components/ComposePage.tsx');
+const mailViewSrc = code('src/components/MailView.tsx');
+// 文件里有**多个** reduced-motion 块（还有一个全局的把 animation-duration 压到 0.01ms），
+// 所以必须逐块看，不能只取第一个 —— 第一版就取错了块，判据自己假红。
+const reducedBlocks = css.match(/@media \(prefers-reduced-motion: reduce\)\s*\{[\s\S]*?\n\}/g) || [];
+check(
+  '局部入场动画存在（rise-in）',
+  /@keyframes rise-in\s*\{/.test(css) && /html\.view-switch \.rise-in\s*\{/.test(css),
+  '局部入场动画不见了 —— 写信页/回复框/转发面板会"啪"地出现'
+);
+check(
+  '发信页、回复框、转发面板三处都穿 rise-in',
+  /rise-in/.test(composeSrc) && (mailViewSrc.match(/rise-in/g) || []).length >= 2,
+  '三处目标面没都穿上 rise-in（回复框与转发面板在 MailView 里，必须各有一处）'
+);
+check(
+  'rise-in 也受 prefers-reduced-motion 管',
+  reducedBlocks.some(b => /view-switch \.rise-in/.test(b)),
+  'reduced-motion 块里漏了 rise-in —— 关掉动画的人仍会被它位移'
+);
 check(
   '淡出规则同时带 -webkit- 前缀（Electron 里以哪个为准不由我们定）',
   (maskRule.match(/-webkit-mask-image:/g) || []).length === 1 &&