feat(5f): reader 模式+版式基底+首屏 tagline+图库质感（T4/T7/T8）

- T4 reader：html.reader 单 class（去装饰非去内容：隐辉光/图标
  钮/pv 行，ICP 合规底线永留；正文字号+1px 行宽 56ch；入场动效
  关）；命令面板 reader 命令+r 键+localStorage；ThemeScript 预绘
  防闪
- T7 基底：--flow-* 五流距变量双轨应用；暗色 hairline 降档；
  页面标题 700→600（裁定 #6 减字重不减号）；focus-visible ring
  统一；列表行距 +2px；--paper/--radius-img/--ease-out 入库
- T8：首页 IdCard slot 落 tagline「写作者 · 读者 · 快门按压者，
  拥抱开源。」；图库暗色 4% 轻衬底+圆角统一（裁定 #4 双模式分判）

验证: E2E 33/33；reader r 键触发+辉光 none+刷新保持实测；流距
      computed 0.6em 实算；tagline 渲染实测

Spec: 2026-10-26_blog-5f

Co-authored-by: GLM-5.3

src/styles/global.css

@@ -219,3 +219,29 @@ hr { border: none; border-top: 1px solid var(--line); margin-block: var(--space-
     transition-duration: 0.01ms !important;
   }
 }
+
+
+/* ===== Phase 5f T7：流距变量应用（标题前后距/p+p 统一双轨） ===== */
+.prose-reading h2, .prose-tech h2 { margin-top: var(--flow-h2-pre); margin-bottom: var(--flow-h2-post); }
+.prose-reading h3, .prose-tech h3 { margin-top: var(--flow-h3-pre); margin-bottom: var(--flow-h3-post); }
+.prose-reading p + p, .prose-tech p + p { margin-top: var(--flow-p); }
+/* 页面标题字重 700→600（视觉裁定 #6：要轻减字重不减号；!important 压组件 scoped 默认） */
+h1.page-title { font-weight: 600 !important; }
+/* focus ring 收尾（O 卡：统一可键盘巡览性） */
+a:focus-visible, button:focus-visible, summary:focus-visible {
+  outline: 2px solid var(--ink-3); outline-offset: 2px; border-radius: 4px;
+}
+/* 列表行距微增（裁定 #7：行距 +2~4px 优先于删线） */
+.postlist .row { padding-block: calc(var(--space-2) + 2px); }
+
+/* ===== Phase 5f T4：reader 纯文本模式（08 文档 §4.4 清单，视觉语义=去装饰非去内容） ===== */
+html.reader .bg-glow { display: none !important; }
+html.reader .site-header .nav-actions { display: none; }        /* 收图标钮：保品牌+导航词 */
+html.reader .site-footer .fine > *:not(a[href*="beian"]):not(.icp-sep) { display: none; }
+html.reader .atk-pv-line { display: none; }                      /* 元信息让位正文 */
+html.reader .prose-reading, html.reader .prose-tech {
+  font-size: calc(var(--prose-size-reading, 1.05rem) + 0.0625rem);
+  max-width: 56ch;                                               /* 行宽收窄 */
+}
+html.reader #main > * { animation: none; }                       /* 入场动效关闭 */
+/* ICP 备案链接永不隐藏（合规底线）；分隔点号随之保留必要最小集 */