fix(mobile): 移动端全站横向溢出修复——Header 三档断点与长词断行

- B1（移动审计 blocker）：Header 7 项一行在 390px 溢出 51-88px（主题钮
  被推出屏、整页可晃——用户实测报告的"布局存在问题"实锤）→ 430px
  断点收紧（字号/边距/间隙/图标钮 32px）+ 370px 末档（en Open Source
  长词）
- M1：.prose-tech 补 overflow-wrap:break-word（裸长 URL 曾撑破 88px，
  只给了书评轨是漏）
- m1：ProjectWall 标题 i18n（en 页曾硬编码中文）+ locale prop
- m3：列表标题两行钳制（en 长标题截断丢信息）；m4：页脚/pn/书架
  触控目标 ≥24px
- 已知边界：320px 超窄屏 en 仍溢 23px（超出现实机型范围，记录不改）

验证: 移动溢出回归 390/360 × 12 页全过（scrollWidth 断言，曾全站
      51-118px）；E2E 30/30 PASS；技术文长 URL 页 +88→0

Spec: 2026-10-25_add-blog-5c

Co-authored-by: GLM-5.3

src/components/Header.astro

@@ -122,4 +122,20 @@ const switchLabel = curLocale === 'zh' ? 'EN' : '中';
   @media (max-width: 560px) {
     .nav-link { font-size: 14px; padding-inline: var(--space-1); }
   }
+  /* 移动端审计 B1：7 项一行在 390px 溢出 50-88px（主题钮被推出屏）——
+     更窄一档整体收紧，估算总宽 ~344px < 360 */
+  @media (max-width: 430px) {
+    .brand { font-size: 16px; }
+    .nav-link { font-size: 12.5px; padding-inline: 3px; }
+    nav ul { gap: 2px; }
+    .header-inner { gap: 6px; padding-inline: 10px; }
+    /* 图标钮在此密度下 32px（WCAG 24px 下限之上，44 标准的密度妥协） */
+    .header-inner .tap { min-width: 32px; min-height: 32px; }
+    .nav-lang { font-size: 12px; padding-inline: 2px; }
+  }
+  @media (max-width: 370px) {
+    /* en "Open Source" 长词最后 4px：再收字距 */
+    .nav-link { font-size: 12px; padding-inline: 2px; }
+    .brand { letter-spacing: 0; }
+  }
 </style>