docs(design): UI 风格定稿（U5），设计规范与 tokens 升到 v0.2

- ui-demo/explore/：工作台风格的六轮方案（A–F、D2–D5），D5 为定稿样张
- tokens.css v0.2：墨色派生的中性浅灰作页面底色；圆角三档（6 / 8 / 12）；控件高 36；侧栏渐变与套餐标签变量；旧变量保留兼容
- design-system.md v0.2：页面框架（96px 墨色渐变侧栏、透明顶栏、内容区圆角）、只用功能图标、项目行「下一步 / 更多」列、少写说明
- decisions.md 记录 U5；AGENTS.md 与 design/README 同步

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/design/system/tokens.css

@@ -1,7 +1,9 @@
-/* 标博士 · 界面设计变量（design tokens）v0.1
- * 规范说明见 docs/design/design-system.md；预览见同目录 components.html。
- * 只放变量，不放组件样式。技术架构选定组件库后，把这些值映射到组件库的主题配置。
- * 对比度一律按 WCAG 2.x 公式计算，底色为校样纸 #F5F6F3（括号内为白底）。
+/* 标博士 · 界面设计变量（design tokens）v0.2 · 2026-11-03
+ * 规范说明见 docs/design/design-system.md；定稿样张见 docs/design/ui-demo/explore/workbench-d5.html。
+ * 只放变量，不放组件样式。前端不用带样式的 UI 框架（AR10），组件样式直接引用这些变量。
+ * 对比度一律按 WCAG 2.x 公式计算。v0.1 的注释数值以校样纸 #F5F6F3 为底，括号内为白底；
+ * v0.2 起页面底色改为 --c-n50 #F8F8F9（比校样纸更亮），对比度介于两者之间。
+ * v0.2（决策 U5）：页面改为白色主调 + 墨色派生的中性浅灰；圆角三档；控件高 36；墨色渐变窄侧栏。
  */
 :root {
   /* ---------- 基础色板：校样色系 ---------- */
@@ -23,18 +25,40 @@
   --c-ochre-soft: #FBF0DC;
   --c-green: #2E6B4F;        /* 定稿绿：人工确认署名  5.8 (6.3) */
   --c-green-soft: #E5F0EA;
+
+  /* 中性浅灰（v0.2）：都由墨 #1D2733 按比例混白得到，不偏绿，不引入新色相 */
+  --c-n50: #F8F8F9;          /* 墨 3%：页面底色、行 / 格悬停 */
+  --c-n100: #F1F2F3;         /* 墨 6%：中性标签底、文字按钮悬停、进度槽 */
+  --c-nline: #E6E7E9;        /* 墨 11%：卡片边框、发丝分隔线 */
+
+  /* 侧栏（v0.2）：墨色竖向渐变，下端混 18% 蓝铅笔得到深墨蓝；只作底色，不承担 AI 语义 */
+  --side-top: var(--c-ink);
+  --side-bottom: #203050;
+  --side-fg: #C4C7CA;        /* 白 74% 混墨：未选中菜单 约 9:1 */
+  --side-fg-strong: var(--c-white);
+  --side-muted: #A0A4A9;     /* 白 58% 混墨：侧栏小字 约 6:1 */
+  --side-hover: rgba(255, 255, 255, .07);
+  --side-active: rgba(255, 255, 255, .14);
+  --side-line: rgba(255, 255, 255, .12);
+
+  /* 套餐标签（v0.2）：只用于账户区的套餐标签，从赭色派生的金色阶梯；靠深浅区分档次 */
+  --plan-free-bg: rgba(255, 255, 255, .12);
+  --plan-pro-bg: rgba(166, 99, 0, .42);
+  --plan-pro-fg: #F4ECE0;
+  --plan-pro-line: rgba(177, 119, 32, .8);
+  --plan-ent-bg: #CEA973;    /* 企业版：金色实底，墨色字 */
   /* 印章红 #D9291C、藏青 #1C2554 只属于 logo，不进界面变量 */
 
   /* ---------- 语义色 ---------- */
-  --bg-page: var(--c-paper);
+  --bg-page: var(--c-n50);           /* v0.2：原为校样纸 --c-paper */
   --bg-surface: var(--c-white);
-  --bg-sunken: var(--c-sunken);
-  --bg-hover: var(--c-hover);
+  --bg-sunken: var(--c-n100);        /* v0.2：原为 --c-sunken */
+  --bg-hover: var(--c-n50);          /* v0.2：原为 --c-hover */
   --text-primary: var(--c-ink);
   --text-secondary: var(--c-sub);
   --text-disabled: var(--c-muted);
   --text-on-dark: var(--c-white);
-  --border-subtle: var(--c-rule);
+  --border-subtle: var(--c-nline);   /* v0.2：原为 --c-rule */
   --border-control: var(--c-muted);   /* 输入框等控件边框，≥3:1（WCAG 1.4.11） */
   --border-strong: var(--c-ink);
   --focus-ring: var(--c-ink);
@@ -80,17 +104,22 @@
   --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
 
   /* ---------- 圆角、线、阴影 ---------- */
-  --radius-sm: 2px;    /* 按钮、标签、输入框、卡片 */
-  --radius-md: 4px;    /* 对话框、浮层 */
+  --radius-tag: 6px;   /* 标签、问题级别标签（v0.2） */
+  --radius-ctl: 8px;   /* 按钮、输入框、菜单项、下拉（v0.2） */
+  --radius-card: 12px; /* 卡片、对话框、浮层、内容区左上角（v0.2） */
+  --radius-sm: var(--radius-ctl);   /* 兼容 v0.1 的写法，新代码用上面三个 */
+  --radius-md: var(--radius-card);
   --line: 1px;
   --line-sev: 1.5px;   /* 「重要」标签描边 */
   --shadow-overlay: 0 4px 16px rgba(29, 39, 51, .14), 0 1px 3px rgba(29, 39, 51, .10);
 
   /* ---------- 尺寸 ---------- */
-  --control-h: 32px;       /* 默认按钮、输入框 */
-  --control-h-sm: 28px;    /* 表格行内 */
+  --control-h: 36px;       /* 默认按钮、输入框（v0.2：原 32） */
+  --control-h-sm: 32px;    /* 表格行内、筛选标签（v0.2：原 28） */
   --control-h-lg: 40px;    /* 登录、空状态主操作 */
-  --sidebar-w: 216px;
+  --rail-w: 96px;          /* 侧栏（v0.2）：单一状态，上图标下文字，不折叠 */
+  --topbar-h: 56px;        /* 顶栏：透明，滚动后半透明白 + 毛玻璃 */
+  --sidebar-w: 216px;      /* v0.1 宽侧栏，仅旧原型使用，重刷后删除 */
   --margin-note-w: 280px;  /* 页边批注栏 */
   --content-max: 1200px;