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/decisions.md

@@ -4,6 +4,32 @@
 
 ---
 
+## U5 · 2026-11-03 · UI 风格定稿：白色主调 + 墨色渐变窄侧栏
+
+- **背景**：种子用户走查结束，进入 UI 精修。用户看了 UI demo，认为细节没问题，但整体风格「像 Windows 2000」：处处描边框、2px 圆角、灰色凹陷表头、四张一样的统计卡。
+- **过程**：在工作台页面上做了六轮方案（`docs/design/ui-demo/explore/`）。
+  - 第一轮 A 留白文档、B 工作面板、C 截止线：用户反馈 C 排除，A 像只读报告，B 有点乱，校样纸底色太绿灰。
+  - 第二轮 D 明亮工作区、E 下一步、F 列表 + 详情：用户选 D，但觉得太白。
+  - 之后在 D 上迭代：侧栏改墨色；顶栏改透明；试过装饰图标后去掉；侧栏融合方式和选中样式调了几版；最后改为不折叠的窄侧栏。
+- **定稿**：`docs/design/ui-demo/explore/workbench-d5.html`。规则写入设计规范 v0.2 和 `tokens.css` v0.2：
+  - **页面**：白色主调。浅灰全部从墨色派生（`--c-n50` #F8F8F9 页面底、`--c-n100`、`--c-nline`），不再用校样纸作页面底色。只有一种容器，即白卡片加发丝线边框；表头无底色。
+  - **圆角三档**：标签 6、控件 8、卡片 12；按钮高 36 / 32 / 40。
+  - **侧栏**：
+    - 96px，单一状态，不折叠。
+    - 墨色到深墨蓝的竖向渐变，底部有淡点阵。
+    - 顶部是竖版反白 logo，居中；菜单上图标、下文字（house / award / wallet）。
+    - 选中态是圆角矩形的半透明浅底。
+    - 底部是大头像、姓名、套餐标签。
+  - **顶栏**：透明，滚动后变为半透明白加毛玻璃；搜索框靠右。
+  - **图标**：只用功能图标，不用装饰图标（统计卡、区块标题、列表行首都不加）。
+  - **项目行**：「下一步」左对齐，悬停只让箭头右移；「更多」单独一列，常驻显示；「致命」列居中。
+  - **文案**：少写说明，用户原话「文案多了反而会增加 AI 感」。产品红线要求明示的扣点说明和签章说明保留。
+  - **套餐标签**：金色阶梯（免费版灰、专业版浅金、企业版金色实底），从赭色派生。作为例外只用于账户区，以便将来区分专业版、企业版。
+- **不变**：颜色语义（红只给致命、赭给提醒、蓝铅笔给 AI 和出处、绿给确认署名）、三套字体、问题级别的形状规则、产品红线。
+- **影响**：
+  - 其余 UI demo 页（控件、表单、卡片、列表、读标）和 MVP 原型，仍是 v0.1 的结构。它们引用 `tokens.css`，颜色、圆角、控件高度已经随变量更新，但侧栏、表头这类结构要按 v0.2 重刷。
+  - UI demo 的待定问题 Q1–Q12 在重刷时一并回答。
+
 ## TV1 · 2026-11-03 · 技术验证 S1–S4 后确定的目标值：按建议
 
 验证报告见 `docs/architecture/tech-validation.md`，代码在 `spikes/`。