feat(design): design/ 真相源 + 防漂移静态闸（#25）

真相源整固：
- design/index.html 登记簿：token 色板（var() 实时渲染）/ 组件登记卡 /
  图标与跨端映射 / guidelines / ui_kits 单一入口，check-ds 强制登记
- design/icons.js 图标单源（Lucide 线条）+ icon-map.json 跨端映射表
  （web/iOS/Android 三列，iOS 12 个 SF Symbol 全部收编登记）
- components/core/Icon.jsx 单源图标渲染器；MicBar/RecognitionOverlay 接入
- tokens 新增 --brand-wechat(-press)（微信官方绿）与 --overlay-wave
- fonts.css 弃 Google Fonts CDN，Outfit 可变字体自托管
  （assets/outfit-latin.woff2，40KB；中国网络下 CDN 不可用会卡字体）
- design/serve.mjs 零依赖预览服务器（登记簿与原型评审入口）

codegen 强化（export-tokens.mjs）：
- 产物直写消费位置：ios/dudu/Shared/DuduTheme.swift、
  android/.../design/DuduTheme.kt——删除 design-pipeline/generated/
  中间拷贝层（此前 app 内是手工拷贝，--check 守不到真实消费文件已漂移）
- 新增 web/tokens.css 产物（custom props 透传 + Outfit data URI 内嵌）
- tokens 文件遍历排序，产物确定性

存量收编：
- desktop：三个窗口内联 SVG → Icon 组件；tray 裸 rgba → token+opacity
- Android：LoginScreen 微信绿常量 → DuduPalette.brandWechat(Press)，
  Color.White → textOnAccent
- 官网 web/index.html：接入 tokens.css，34 处硬编码 hex 全部 var() 化；
  深色板块（metrics/cta/footer）改挂 data-theme="dark" 复用 dark 令牌；
  移除 Google Fonts CDN
- design 包内 8 处裸色：微信绿 token 化、装饰色 ds-ignore 白名单、
  同值色改 var() 引用

防漂移闸（零依赖 Node）：
- design-pipeline/check-ds.mjs：真相源自检 7 道（dark⊆light / var 链 /
  裸色∈tokens 值集 / 组件登记 / icons 唯一 / icon-map 双向同集 / 禁 emoji）
- design-pipeline/check-code.mjs：代码侧单源（desktop 禁字面色+内联 path /
  iOS 禁字面色+SF Symbol 同集 / Android 禁 Color(0x / web 禁字面色），
  ds-ignore 行级豁免制
- .githooks/pre-commit（启用：git config core.hooksPath .githooks）
- CI design job 扩展为三道闸全绿
- 反向验证通过：注入裸色/孤儿 token/未登记组件/未登记 symbol 均被拦截

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

design/icons.js

@@ -0,0 +1,36 @@
+/* ============================================================
+   dudu · UI 图标单源（web 侧）
+   Lucide 线条图标（ISC）：24 网格、2px 圆头描边、currentColor。
+   新增图标：从 lucide.dev 复制 path → 在此登记 → icon-map.json
+   补跨端映射 → 登记簿（design/index.html）自动展示。
+   禁止在业务代码里内联 <path>——check-code 闸会拦。
+   ============================================================ */
+
+/** 24 网格图标 path 片段（不含 <svg> 外壳） */
+export const icons = {
+  /** 麦克风（识别/录音） */
+  mic: '<path d="M12 2a3 3 0 0 0-3 3v7a3 3 0 0 0 6 0V5a3 3 0 0 0-3-3Z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2"/><line x1="12" x2="12" y1="19" y2="22"/>',
+  /** 对勾（完成/选中） */
+  check: '<path d="M20 6 9 17l-5-5"/>',
+  /** 关闭 */
+  x: '<path d="M18 6 6 18M6 6l12 12"/>',
+  /** 添加图片（反馈附图） */
+  imagePlus:
+    '<path d="M16 5h6"/><path d="M19 2v6"/><path d="M21 11.5V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7.5"/><circle cx="9" cy="9" r="2"/><path d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"/>',
+  /** 钥匙（权限引导） */
+  key: '<path d="m15.5 7.5 3 3L22 7l-3-3"/><path d="m21 2-9.6 9.6"/><circle cx="7.5" cy="15.5" r="5.5"/>',
+};
+
+/** 品牌 mark（48 网格、3.5 圆头——圆嘴 + 三条声波，与 assets/logo-mark.svg 同构） */
+export const logoMark =
+  '<circle cx="24" cy="24" r="18"/><path d="M17 20.5v7"/><path d="M24 16.5v15"/><path d="M31 20.5v7"/>';
+
+/** 生成完整 <svg> 字符串（框架无关，官网/innerHTML 场景用） */
+export function svgIcon(name, { size = 16, sw = 2 } = {}) {
+  const body = icons[name];
+  if (!body) throw new Error(`unknown icon: ${name}`);
+  return (
+    `<svg width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" ` +
+    `stroke-width="${sw}" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${body}</svg>`
+  );
+}