🎨 色彩 Token（五端一致）
--primary #2B5CFF
主操作/链接/进度
主操作/链接/进度
--primary-weak #EAF0FF
弱背景/选中态
弱背景/选中态
--success #0FBF7F
完成/解冻/在售
完成/解冻/在售
--warn #F59E0B
倒计时/待办/锁定
倒计时/待办/锁定
--danger #F04438
阻断/逾期/金额
阻断/逾期/金额
--text #1D2129
主文本
主文本
--text2 #667085
次文本/说明
次文本/说明
--bg #F5F6FA
页面底色
页面底色
🔤 字体与字号
字体族PingFang SC / Microsoft YaHei
导航标题16px / 600
卡片标题15px / 600
正文13~14px / 400
辅助说明11~12px / 400（text2/text3）
金额16~20px / 700~800
📏 圆角 / 间距 / 画框
卡片圆角12px（按钮 22px 胶囊 / PC 按钮 8px）
卡片间距12px（PC panel 16px）
页面内边距移动 12px / PC 24px
移动画框375px 手机壳（statusbar+nav+body+tabbar）
PC 画框1280px：sidebar 208px + main 自适应
🧩 通用组件（状态徽章 / 标签 / 按钮）
进行中已完成待处理
已逾期已关闭
状态徽章（移动端 badge 同色系）
💡 信息提示 note.blue：用于解释业务规则（原型每页顶部一条，兼作演示话术）
⚠️ 警示提示 note.warn：倒计时/冻结/风险类信息
✅ 确认提示 note.green：闭环/成功/到账类信息
🔄 订单状态机（六环节 · 全端统一口径）
| 环节 | 状态 | 触发方 | 资金动作 | 可见端 |
|---|---|---|---|---|
| ① 下单 | 待支付 → 已支付 | 需求方 | 全额入托管 | 五端 |
| ② Brief | 待补 Brief → 已冻结 | 需求方 | — | 智单/智艺/智控 |
| ③ 设计 | 设计中 → 待批注确认 → 终稿锁定 | 设计师 ⇄ 需求方 | — | + 智绘 |
| ④ 生产 | 工厂已接单 → 生产中 → 质检完工 | 工厂（24h 接单倒计时） | 解冻 70% | + 智制 |
| ⑤ 配送安装 | 已发货 → 安装中 → 完工上报 | 工厂 → 安装队（保险前置校验） | — | 五端 |
| ⑥ 验收 | 待验收 → 已验收（超时 7 天自动验收） | 需求方 | 解冻 30% + 分账执行 | 五端 |
异常旁路：任意环节可进入「客诉/仲裁」→ 分账暂停 → 裁定后按结果执行（退款/赔付/恢复解冻），详见仲裁工作台。