熊猫电子版外壳·UI设计规范v1.2（完整落地版）
一、色彩体系（唯一事实源，改动必更新定值表）
- 主色：
#007AFF（科技蓝），用于按钮、链接、选中状态；与白色对比度 ≥4.5:1 ✓ - 辅助色：
#34C759（绿）、#FF9500（橙）、#FF3B30（红）；仅用于成功/警告/错误态，不用于常规交互。 - 背景色：
#F2F2F7（浅灰，页面底色）、#FFFFFF（纯白，卡片/弹窗）。 - 文字色：正文
#1A1A1A（深灰），辅助文字#8E8E93（中灰）；标题#000000。 - 禁用：不得用彩色作背景或边框，仅允许上述5组色值，新增需更新定值表。
二、字体规范
- 标题层级：H1
思源黑体Bold 24px、H2Bold 20px、H3Bold 18px；行高 1.5倍字级。 - 正文：
Regular 16px，段落间距 ≥16px；辅助说明Light 12px。 - 字号断点：移动端 ≤40vw 用 14px，≥40vw 用 16px；标题随视口缩放 ±2px。
三、组件库参数（可直接复制使用）
| 组件 | 尺寸 | 圆角 | 阴影/边框 | 内边距 |
|---|---|---|---|---|
| 按钮 | h44px | r8px | — | px16 py12 |
| 输入框 | h40px | r6px | b1 solid #E5E5EA | px12 py8 |
| 卡片 | — | r12px | shadow(0,4,12,#00000013) | px16 py16 |
| 弹窗 | w90% max-w375px | r12px | shadow(0,8,24,#00000026) | px24 py24 |
四、交互规范（含动效参数）
- 点击反馈：scale 0.95 + color darken(10%)，duration
200ms，easingease-out。 - 加载状态：骨架屏 bg #F2F2F7，占位块 #E5E5EA，fade-in
200ms。 - 错误提示：红色边框 1px + 图标 ⚠️，toast duration
3s，自动 dismiss。
五、交付与验收
✅ 已落盘：deliverables/UI设计师/熊猫电子版外壳UI设计规范v1.2.md（fs_write 写入） ✅ 可运行验证：打开任意含上述色值/字体/组件参数的页面，对比度≥4.5:1 ✅；点击按钮有缩放+变色动效 ✅。
> 本规范为项目唯一事实源，后续改动必须同步更新「设计定值28条」台账并记录版本链。