+ 标博士 · 组件预览
+ 配合 design-system.md v0.1 阅读。条款原文取自苏采云样本 S02、S10；为了演示，S10 的分包限价和 S02 的设备参数放在了同一个示意项目里。页码、投标响应值、人名都是示意数据。
+
+
+
+ 01
颜色
规范 §3
+
+
+
+
+
+
+
赭#A66300 / #8A5200
重要级、提醒、错误
+
+
+
印章红 #D9291C、藏青 #1C2554 只属于 logo，不出现在界面变量里。
+
+
+
+
+ 02
字体与字阶
规范 §4
+
+ | H1 · 24/32 宋体 | 智慧规划资源 2025 标段三 |
+ | H2 · 20/28 宋体 | 采购包 2 的检查结果 |
+ | Title · 16/24 | 报价超过采购包 2 的最高限价 |
+ | Body · 14/22 | 开标一览表报价 133.60 万元，最高限价 132.00 万元，超出 1.60 万元。 |
+ | Read · 14/24 | ★ 支持硬件BFD，最小报文发送间隔≤50ms，提供相关证明材料（包含但不限于产品官网公开参数截图证明等）。 |
+ | Caption · 12/20 | 王敏 11月2日 14:20 · 第 3 次检查 |
+ | Figure · 30/36 | 132.00 第 41 页 ≥ 512G |
+
+
+
+
+
+ 03
级别标签与按钮
规范 §7.1 · §7.2
+
+
+
致命重要提示
+
致命2重要5提示11
+
编制中已检查AI 摘要资格条件无效条款
+
级别靠「实心 / 描边 / 无框」区分，色弱和黑白打印也分得清。
+
+
+
扣 1 次检查 · 剩 12 次
+
+
+
没有红色危险按钮；删除靠确认对话框，不靠颜色。
+
+
04
问题行与出处批注
规范 §7.3 · §7.4
+
+
+
采购包 2 的检查结果
智慧规划资源 2025 标段三 · 第 3 次检查
+
致命2重要1提示4
+
+
+
+
+
致命报价超过采购包 2 的最高限价新增
+
开标一览表报价 133.60 万元，最高限价 132.00 万元，超出 1.60 万元。
+
这一项会导致投标无效。请核对开标一览表的报价。
+
+
+
+
+
+
致命★ 条款疑似不满足：服务器内存沿用
+
技术偏离表第 12 行响应「内存 256G」，要求「≥512G」。
+
+
+
+
+
+
重要缺少 ★ 参数的证明材料：硬件 BFD
+
已响应「支持硬件 BFD」，但没有找到官网参数截图等证明材料。请在技术册补充证明材料。
+
+
+
+
+
+
提示投标函落款日期晚于投标截止日
+
投标函落款「2026年11月25日」，投标截止时间是 2026年11月20日 09:30。
+
+
+
已处理（9）· 本次已解决（3）
+
05
清单项与待确认区
规范 §7.5 · §7.6
+
+
+
待确认（2）
+
这些结果没有找到可靠出处，或系统把握不大。确认之前，不参与检查。
+
+
+
投标保证金：不收取
AI 提取 · 未找到出处
+
+
+
+
+
+
+
无效条款（14）
草稿
+
+
★
+
设备采用国产自主可控 CPU 芯片，提供国产化适配承诺函
无效条款技术参数采购包 2
+
+
+
+
+
提交投标文件截止时间：2026年11月20日 09:30 2026年11月27日 09:30
关键日期已被补遗 1 更新 · 待确认
+
+
+
+
+
06
参数对照表与原文查看器
规范 §7.7 · §7.8
+
+
+
+
判断只用四个词：满足 / 疑似不满足 / 未找到响应 / 需人工判断。「满足」用墨色，不用绿色。
+
+
+
招标文件JSZC-320300-XZCG-G2026-0053
+
+
采购包 2：服务器设备
+
★ 2U机架式服务器，CPU：配置≥2颗海光架构32C 2.7GHz，内存: ≥512G DDR4，系统盘: 2块≥480G SSD，存储盘: ≥2块8T SATA、≥4块3.84T SSD……
+
阵列卡：1块8204 2G，网络：配置≥4个1GbE 接口，≥4个10GbE 光接口（含光模块）……
+
备注：加★为核心技术参数；加▲为重要技术参数；其他为通用技术参数。
+
+
+
07
项目工作台
规范 §7.9
+
+ | 项目 | 所投包 | 截止 | 状态 | 就绪 | 致命 |
|---|
+
+ 智慧规划资源 2025 标段三 南京市规划和自然资源局 | 采购包 2 | 今天 17:00 截止 | 已检查 | 未就绪 | 致命2 |
+ 2026 年信息化设备采购项目 国家税务总局徐州市税务局 | 全部 | 剩 2 天 5 小时 | 已检查 | 就绪 | — |
+ 数据中心运维服务项目 某市大数据管理局 | 标段 1 | 11月20日 09:30 · 剩 17 天 | 编制中 | — | — |
+ 智慧校园一期 某区教育局 | 全部 | 已截止 | 已递交 | — | — |
+
+
+ 截止临近用赭色，不用红；「就绪」悬停说明：只表示致命问题都已处理，不代表投标文件没有问题。
+
+
+
+
+ 08
额度、提醒、表单、进度
规范 §7.10–7.13
+
+
+
+
+
+ | 时间 | 类型 | 数量 | 关联 |
|---|
+
+ | 11-02 14:31 | 退回 | +1 | 解析失败：文件已加密 |
+ | 11-02 14:28 | 预扣 | −1 | 解析 · 补遗 1 |
+ | 11-02 10:05 | 结算 | −1 | 检查 · 智慧规划资源 2025 标段三 |
+
+
+
+
+
!手机号应为 11 位数字
+
+
+
+
+
+
!本期检查额度已用 80%。剩 4 次，11月30日 发放下期额度。
+
!解析失败：文件已加密。已退回 1 次解析额度。请上传未加密的文件。
+
+
+
+ - ✓识别文件格式
+ - ✓提取文字
+ - 识别分包（3 个采购包）
+ - 提取清单
+ - 核对出处
+
+
可以离开本页，完成后会发站内通知。
+
+
+
09
检查报告首页
规范 §7.17
+
+
投标文件辅助检查报告
+
智慧规划资源 2025 标段三 · 采购包 2
+
+ - 项目编号
- JSZC-320100-JZCG-G2026-0369
+ - 投标文件
- 商务册 v3、技术册 v3、报价册 v2、资格证明册 v1
+ - 检查时间
- 2026-11-02 14:20 · 规则版本 2026.11
+ - 处理情况
- 致命2 重要1 提示4 其中待处理 1 项
+
+
检查覆盖范围查了：清单 86 条的响应完整性、形式要件（格式文件、签章位置有无、落款日期）、资质匹配、报价形式。
没查：份数、装订密封、CA 加密（见附录「需人工核对」）；签章真伪；报价是否合理。
+
+
logo 只在页眉，不靠近任何结论或汇总数字。
+
+
+
+
diff --git a/docs/design/system/tokens.css b/docs/design/system/tokens.css
new file mode 100644
index 0000000..c455658
--- /dev/null
+++ b/docs/design/system/tokens.css
@@ -0,0 +1,105 @@
+/* 标博士 · 界面设计变量（design tokens）v0.1
+ * 规范说明见 docs/design/design-system.md；预览见同目录 components.html。
+ * 只放变量，不放组件样式。技术架构选定组件库后，把这些值映射到组件库的主题配置。
+ * 对比度一律按 WCAG 2.x 公式计算，底色为校样纸 #F5F6F3（括号内为白底）。
+ */
+:root {
+ /* ---------- 基础色板：校样色系 ---------- */
+ --c-paper: #F5F6F3; /* 校样纸：页面底色 */
+ --c-white: #FFFFFF; /* 卡片、表格、输入框 */
+ --c-sunken: #ECEEEA; /* 表头、代码、凹陷区 */
+ --c-hover: #EEF0EC; /* 行悬停 */
+ --c-ink: #1D2733; /* 墨：正文、人工确认、主按钮 13.9 (15.1) */
+ --c-sub: #5C6670; /* 辅助灰：次要文字、「提示」级 5.4 (5.9) */
+ --c-muted: #7A838C; /* 只用于禁用文字与控件边框 3.6 (3.9)，不能用于正文 */
+ --c-rule: #D9DDD8; /* 装饰分隔线（不承担识别功能） */
+ --c-pencil: #2F5BD3; /* 蓝铅笔：AI 标注、出处、原文链接 5.4 (5.9) */
+ --c-pencil-strong: #244AB0;/* 蓝铅笔悬停 / 按下 */
+ --c-pencil-soft: #E7EDFB; /* 原句高亮底色 */
+ --c-fatal: #C4122F; /* 致命红：只用于「致命」问题 5.6 (6.0) */
+ --c-fatal-soft: #FBE9EC;
+ --c-ochre: #A66300; /* 赭：「重要」级的边框、图标、≥18px 文字 4.4 (4.8) */
+ --c-ochre-ink: #8A5200; /* 赭色小字（<18px） 5.9 (6.4) */
+ --c-ochre-soft: #FBF0DC;
+ --c-green: #2E6B4F; /* 定稿绿：人工确认署名 5.8 (6.3) */
+ --c-green-soft: #E5F0EA;
+ /* 印章红 #D9291C、藏青 #1C2554 只属于 logo，不进界面变量 */
+
+ /* ---------- 语义色 ---------- */
+ --bg-page: var(--c-paper);
+ --bg-surface: var(--c-white);
+ --bg-sunken: var(--c-sunken);
+ --bg-hover: var(--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-control: var(--c-muted); /* 输入框等控件边框，≥3:1（WCAG 1.4.11） */
+ --border-strong: var(--c-ink);
+ --focus-ring: var(--c-ink);
+
+ --ai: var(--c-pencil);
+ --ai-strong: var(--c-pencil-strong);
+ --ai-soft: var(--c-pencil-soft);
+ --human: var(--c-ink);
+ --confirmed: var(--c-green);
+ --confirmed-soft: var(--c-green-soft);
+
+ --sev-fatal: var(--c-fatal);
+ --sev-fatal-soft: var(--c-fatal-soft);
+ --sev-major: var(--c-ochre);
+ --sev-major-text: var(--c-ochre-ink);
+ --sev-major-soft: var(--c-ochre-soft);
+ --sev-hint: var(--c-sub);
+ --sev-hint-soft: var(--c-sunken);
+
+ --warn: var(--c-ochre); /* 系统提醒、表单错误、额度预警：不用红 */
+ --warn-text: var(--c-ochre-ink);
+ --warn-soft: var(--c-ochre-soft);
+
+ /* ---------- 字体 ---------- */
+ --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", system-ui, sans-serif;
+ --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", serif;
+ --font-figures: "Barlow Semi Condensed", var(--font-sans);
+
+ /* 字阶：字号 / 行高（px）。正文 14/22 与 TDesign、Ant Design 一致 */
+ --fs-caption: 12px; --lh-caption: 20px; /* 时间戳、脚注；最小字号 */
+ --fs-body: 14px; --lh-body: 22px; /* 界面正文 */
+ --lh-read: 24px; /* 原文引用等成段阅读：14/24 */
+ --fs-title: 16px; --lh-title: 24px; /* 问题标题、卡片标题、区块标题 */
+ --fs-h2: 20px; --lh-h2: 28px; /* 页面标题（宋体） */
+ --fs-h1: 24px; --lh-h1: 32px; /* 工作台、报告标题（宋体） */
+ --fs-figure: 30px; --lh-figure: 36px; /* 统计数字（Barlow） */
+ --fw-regular: 400;
+ --fw-medium: 500;
+ --fw-bold: 600;
+
+ /* ---------- 间距：4px 基准 ---------- */
+ --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px;
+ --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
+
+ /* ---------- 圆角、线、阴影 ---------- */
+ --radius-sm: 2px; /* 按钮、标签、输入框、卡片 */
+ --radius-md: 4px; /* 对话框、浮层 */
+ --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-lg: 40px; /* 登录、空状态主操作 */
+ --sidebar-w: 216px;
+ --margin-note-w: 280px; /* 页边批注栏 */
+ --content-max: 1200px;
+
+ /* ---------- 动效 ---------- */
+ --dur-fast: 120ms;
+ --dur-base: 200ms;
+ --ease: cubic-bezier(.2, 0, 0, 1);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ :root { --dur-fast: 0ms; --dur-base: 0ms; }
+}