🌙 深色模式 ≠ 黑色模式
背景别用纯黑 000000！ 推荐用深灰：121212 / 1A1A2E / 1E1E2E 纯黑背景上白色文字对比过强，长时间看非常刺眼
📐 深色模式的色彩层级：
层级0（最底层背景）→ 121212 层级1（卡片/面板）→ 1E1E1E 层级2（悬浮/弹窗）→ 2C2C2C 层级3（下拉菜单）→ 383838
层级越高 → 颜色越浅。用"海拔高度"的概念来理解：离用户越近的元素越亮
🎨 品牌色/强调色需要调整
浅色模式下好看的饱和品牌色，在深色背景上会刺眼 解决方案：降低饱和度 + 提高明度。比如品牌蓝从 1677FF 调整到 4096FF
📝 文字颜色也要分层：
主要文字 → rgba(255,255,255,0.87) 次要文字 → rgba(255,255,255,0.60) 禁用/提示 → rgba(255,255,255,0.38)
别用纯白 FFFFFF 做正文！和浅色模式别用纯黑是同一个道理
⚠️ 特别注意：
阴影在深色模式下基本看不见 → 改用微妙的亮边或半透明叠层来区分层级 图标和插画需要单独适配 → 浅色模式的彩色图标在深底上可能辨识度极差
深色模式做得好，是B端产品的高级加分项。做得差，还不如不做👀
