| 1 | Catppuccin 摩卡是一杯深色热可可中的粉彩光点——深灰的底色如摩卡咖啡的表面，柔和的蓝色和青色在其中轻轻浮动。这个风格经过精心调校，让眼睛在长时间凝视后依然舒适。每一帧都像透过磨砂玻璃看到的温柔世界。 |
| 2 | |
| 3 | ## 配色 |
| 4 | 标题 #c6d0f5 柔蓝白、正文 #a5adce 灰蓝，强调色 #8caaee 柔蓝与 #99d1db 浅青是摩卡中的两颗糖果。背景 radial-gradient(circle at 20% 0%, #303446 0%, #24273a 50%, #1e2030 100%) 从中灰到深灰蓝，如摩卡的层次。卡片 rgba(48,52,70,0.75) 是暗色的沉稳载体，边框 rgba(166,173,186,0.2) 是极淡的灰蓝描边。 |
| 5 | |
| 6 | ## 排版 |
| 7 | 等宽或开发者友好字体，字重偏轻到中等。标题清晰但不刺眼，正文保持柔和对暗底的对比度。代码展示是这个风格的自然场景。 |
| 8 | |
| 9 | ## 布局 |
| 10 | 暗色卡片在更暗的背景上，层级靠柔和的色彩区分而非硬边框。布局宽松舒适，像开发者的 IDE 设置——经过调校，每个元素都恰到好处。 |
| 11 | |
| 12 | ## 动画 |
| 13 | fade-up、stagger-list、neon-glow |
| 14 | |
| 15 | ## 适合场景 |
| 16 | 开发者内部分享、长时间技术培训、代码 Review 演示、开源项目介绍——需要让开发者在屏幕前坐一下午也不会累的场合。 |
| 17 | |
| 18 | ## 不要 |
| 19 | - 不要使用过亮或过饱和的颜色 |
| 20 | - 不要使用硬边框或高对比元素 |
| 21 | - 不要追求「酷炫」效果，保持温柔 |
| 22 | - 不要用纯黑替代深灰，保持层次 |
| 23 |