feat(home): hero 背景层 — 点阵 token 化 + 光标聚光（Skim 层）

参考 Accenture 分层背景（P1/P2 批次，用户决策先上点阵+聚光、粒子暂缓）：

L1 静态点阵 token 化：
- 48px / hardcoded rgba(196,30,58,0.4) / opacity 0.03（实测 1.05:1，几乎不可见）
- → 24px 网格 + 颜色/透明度走 CSS 变量（浅色 brand@0.12=1.22:1；深底中性浅灰 text-muted@0.08=1.20:1）
- 暗黑模式零 JS 自动反色（原硬编码在深底不反色）

L2 光标聚光（Skim 层）：
- mask + 2 个 CSS 变量（--spot-x/--spot-y），无 canvas、无逐帧 JS
- 直接写 DOM 变量，零 re-render；prefers-reduced-motion 下不渲染
- 复用既有资产思路（hero-section-v2 光标跟随 / design-system inkGlow）

验证（evidence-first）：
- type-check 0 errors / lint 0 errors（127 warnings 均既有）
- jest 13 passed（hero 声明先行断言未被破坏）
- 视觉回归 22 passed（点阵 1px 改动在全页截图下低于像素阈值，快照零 diff；
  已 curl 确认 DOM 实为 hero-dot-grid+hero-dot-spot，硬编码已清除）

粒子（L3）按决策暂缓，待 L2 聚光效果评估

src/app/globals.css

@@ -768,6 +768,31 @@ html[data-theme='dark'] body {
     background-size: 24px 24px;
   }
 
+  /* === Hero 背景点阵：L1 静态 + L2 光标聚光 ===
+     颜色 / 透明度走 CSS 变量，暗黑模式在 html[data-theme='dark'] 覆盖，零 JS 自动反色。
+     实测：浅色 brand 红 @0.12 → 1.22:1；深底中性浅灰 @0.08 → 1.20:1（可感知不抢戏）。
+     原 hero 内联点阵为 rgba(196,30,58,0.4)+opacity 0.03，实测仅 1.05:1，等于不可见。
+     L2 聚光层用 mask + 2 个 CSS 变量（--spot-x/--spot-y），无 canvas、无逐帧 JS。 */
+  :root {
+    --hero-dot-color: rgba(var(--color-brand-rgb), 0.12);
+    --hero-dot-size: 24px;
+    --spot-x: 50%;
+    --spot-y: 50%;
+  }
+  html[data-theme='dark'] {
+    --hero-dot-color: rgba(var(--color-text-muted-rgb), 0.08);
+  }
+  .hero-dot-grid {
+    background-image: radial-gradient(circle at 1px 1px, var(--hero-dot-color) 1px, transparent 1px);
+    background-size: var(--hero-dot-size) var(--hero-dot-size);
+  }
+  .hero-dot-spot {
+    background-image: radial-gradient(circle at 1px 1px, var(--hero-dot-color) 1px, transparent 1px);
+    background-size: var(--hero-dot-size) var(--hero-dot-size);
+    -webkit-mask-image: radial-gradient(280px circle at var(--spot-x) var(--spot-y), #000 0%, transparent 72%);
+    mask-image: radial-gradient(280px circle at var(--spot-x) var(--spot-y), #000 0%, transparent 72%);
+  }
+
   .bg-grain {
     position: relative;
   }