# STYLE-NOTES · 风格标准提取（参照 uistacks.dev）

> 提取日期：2026-11-13。参照站 https://uistacks.dev/（UI Stacks：面向 shadcn 生态的组件库，264 个组件 / 15 组，含 agent runs、chat 等组件组）。
> **「1:1」的定义**：版式构成与视觉标准对齐参照站——近白底、浅灰面板、白卡大圆角轻阴影、黑字黑主按钮、组件化密度；**不抄其文案与品牌**。
> **与参照站唯一的品牌性差异（定版）**：强调色用 **Savills 黄 `#FFD500`**（参照站为中性单色系无品牌强调色）；其余令牌全部按参照站的 neutral/shadcn 白天标准落地。

## 提取方法与诚实说明
- 参照站经文本抓取确认其构成：组件化浅色版式、明暗双主题、顶部导航＋分组侧栏、卡片拼装的真实应用演示（"Assembled into real apps"）。
- 本 VM 的 headless 截图通道无法经出口代理打开外网（隧道失败，实测三次），**参照站的像素级色值未能从截图实测**；下表色值采用该站所属 shadcn/neutral 令牌系的公开标准值，并已在原型中逐项落地自洽。这一项列为已知差距（见 QA.md）。

## 令牌（双主题成对，默认白天）

| 角色 | 白天版 | 夜间版 |
|---|---|---|
| 页面底 `--bg` | `#FAFAFA` | `#09090B` |
| 卡面 `--surface` | `#FFFFFF` | `#101013` |
| 浅灰面板 `--surface-2` | `#F4F4F5` | `#17171B` |
| 边框 `--border` | `#E4E4E7` | `#232329` |
| 主文字 `--text` | `#09090B` | `#FAFAFA` |
| 次文字 `--muted` | `#71717A` | `#A1A1AA` |
| 主按钮 `--btn` | 黑底 `#09090B` / 白字 | 白底 / 黑字（翻转） |
| 品牌强调 `--brand` | `#FFD500`（Savills 黄，黑字） | 同左 |

- 圆角：卡片 16px、控件 10–12px、标签/页签全圆角（999px）、登录卡 20px。
- 阴影：卡片 `0 1px 2px rgba(9,9,11,.05), 0 10px 30px -14px rgba(9,9,11,.12)`——只靠边框＋极轻阴影分层，不用重投影。
- 间距节奏：页面边距 28px、卡片内距 18px、栅格间隙 16px、表格行距 11px——全站统一一套 4/8 倍数节奏。
- 字体与字阶：**全站 MiSans**（字体栈首位 MiSans，中英数统一，数字 tabular 对齐；**严禁等宽/衬线**，D3 定版不破例——Agent 任务流与 ticker 亦用 MiSans）。字阶：页头 23/800、正文 13–13.5、辅助 11.5–12、KPI 大数 29/800。
- 按钮：主按钮黑底白字（夜间翻白底黑字）、次按钮白底描边、黄按钮仅品牌点睛位（头条签、简报头条框、分数条）。
- 标签：结论签用柔和底色＋同色文字（绿=已核实、黄=部分核实、灰=待核、红=证伪候选）；**状态色只用于核实结论与价格涨跌方向（红涨绿跌）**，不作装饰。
- 表格：表头 11.5px 大写字距灰字、无竖线、行下边框分隔、hover 浅灰底——高密度但呼吸感来自行距。
- 导航与页头：顶栏（品牌块＋市场状态条＋搜索框＋用户区）＋黑色 ticker 条（黄字重点）＋左侧分组导航（选中项黑底翻转）＋内容区；工作台页右侧加 Agent 任务列（卡片式 agent 行＋任务流时间线）。
- 动效：ticker 横向无缝滚动（hover 暂停）、Agent 在线点呼吸脉冲、主题切换即时翻转令牌；动效克制，不用弹跳/渐变炫技。

## 平台特有构成（在参照风格内扩展，不出格）
- ticker 市场状态条、评分条（黄填充）、穿透树图（根节点黑卡、断点虚线卡）、五道闸校验单、负荷红黄灯条、模拟登录选人列表——全部由上表令牌拼装，无自创视觉语言。

## 登录页与人员数据口径
- 登录走微软 SSO（Entra ID）：主按钮「使用 Microsoft 账号登录」（黑主按钮＋微软四色方标），无密码框。
- 「模拟登录（开发期）」选人区仿 Savills Kanban 快速选人入口：按 EXEC / OPERATOR / ADMIN 与内地 / 香港分组，**人员条目用职能占位**（如「CM 负责人 · 香港 · EXEC」），**真实名单将自 Kanban 用户目录导入替换**；正式环境隐藏模拟入口且服务端拒绝，审计打 mock 标记。
- 各页顶栏用户区＝Entra 目录用户呈现（头像首字母＋姓名＋角色签）。