HY ERP V2.0 设计系统 · 方向 A「制图台 Blueprint」
漫画分镜制图台的视觉语言：冷白绘图纸底 + 制图蓝 + 批注橙。金额与镜号强制等宽数字体现账本精确；取景框角线是全站唯一的签名元素，只出现在「镜头/取景」语义的载体上。所有屏仅允许引用本页定稿的 tokens。
Ant Design 4 组件语义桌面端 1440×900移动 H5 375×812状态色语义唯一AI 紫专用标识
一、色彩 · 品牌与中性 tokens.css 为唯一取值来源，禁止硬编码
二、状态色语义表 红/橙/绿/蓝语义全站唯一，出现即结论；混用视为缺陷
| 语义 | 色值 | 标签示例 | 适用状态（业务口径） |
|---|---|---|---|
| 成功绿 | #237804 | 按时完成 | 按时完成(2)、审核通过(8)、已入账、转账成功(5)、已收、回款正常 |
| 危险红 | #CF1322 | 拖档完成 | 拖档完成(3)、驳回/修改(5-7)、逾期、转账失败(6)、应收逾期、SLA 超期 |
| 警告橙 | #D46B08 | 临期 3 天 | 档期临期、金额环比异常(±50%)、审核积压、待处理提醒、空镜/借用提示 |
| 进行蓝 | #2B4ACB | 送审中(9) | 制作中(1)、送审(9)、待审核(1)、转账中(4)、修改中(10) |
| 中性灰 | #6B7587 | 未开始(0) | 未开始(0)、缺资料(1)、暂停(2)、草稿、已取消(7)、挂起 |
| AI 紫 | #722ED1 | AI 预检通过 | 所有 AI 生成内容/入口/建议，附「AI 生成」标注与依据 |
三、字体阶梯 中文黑体栈；金额/镜号/单号一律等宽 + tabular-nums
--fs-display 24px / 700本月毛利 ¥386,400.00
--fs-title-lg 18px / 600 页头审片队列 · 雾山五行·第二季 EP03 原画
--fs-title 15px / 600 卡片标题待办任务（6）
--fs-body 14px 正文基准镜头 SC012_045 已由指导审核通过，自动流转至导演审核环节。
--fs-body-sm 13px 表格/密集区结算期间 2026-08-01 ~ 2026-08-31 · 六来源合计 182,460.50
--fs-caption 12px 辅助说明金额口径：finish_time 落月、status ∈ {2,3}、is_settlement=0 的镜头单价之和
等宽数字 font-num（金额/镜号）SC012_045 · ¥1,280.00 · SS-20260831-0137
四、间距栅格（8px 基准）与圆角/阴影
4
8
12
16
24
32
40
48
--r-sm 4px
小标签/输入框
小标签/输入框
--r-md 6px
按钮/下拉
按钮/下拉
--r-lg 8px
卡片/弹窗
卡片/弹窗
--shadow-2 悬浮
--shadow-3 弹窗
五、签名元素：取景框角线 仅用于镜头/取景语义载体（镜头卡、审片缩略图、驾驶舱风险卡），禁止滥用
对角取景角线
hover 时外扩 3px
=「正在取景」隐喻
hover 时外扩 3px
=「正在取景」隐喻
六、组件规范 与 antd 4 组件一一对应，V2 生产端可直接对照实现
按钮 Button · 标签 Tag · 徽标
按时完成逾期 3 天临期送审中未开始AI 生成
剩 2h剩 6h剩 22h
表单 · 开关 · 单选
结算/打款复核模式开关
头像 · 进度 · 时间线 · 步骤
沈林周陈
42%
EP03 进度 78.5%（工作量加权）
08-24 14:02
指导审核通过（赵擎）
进行中
导演审核 · 已停留 5.2h
1
选范围
2
预览
3
复核
4
执行
提示条 Alert · AI 标注
该镜头已由指导审核通过，自动流转至导演审核（通知韩铮）。
结算异常提示：周砚 环比 +127%（上月 ¥8,400 → 本月 ¥19,080），归因：雾山五行 EP05 上色集中交付。请核实后继续。
AI 排产建议：SC018_102 推荐分配给 苏晚晴（按时率 92%，当前负载 61%，预估 2.5 人天）· AI 生成，仅供参考，采纳记录留存
七、桌面外壳规格 Tauri 2 自定义标题栏 + 左侧导航 216px + 页头 52px + 设计说明条（原型专属）
标题栏 36px（logo / 产品名 / 全局搜索 Ctrl+K / 窗口控制）→ 侧导航（身份切换器 + 工作台分组菜单 + 同步引擎状态）→ 页头（面包屑 + 场次身份条 + 消息 12 未读 + AI 助手 + 用户）→ 原型专属 设计说明条（PRD 章节 / 字段口径 / 操作清单 / 验收要点，可折叠）→ 内容区 20px 内边距。
一人多岗：身份切换器切换后数据按身份收敛，任务收件箱默认聚合全部身份、可按身份过滤（PRD 3.3）。
一人多岗：身份切换器切换后数据按身份收敛，任务收件箱默认聚合全部身份、可按身份过滤（PRD 3.3）。