把博客前端从模板感里拉出来

模板感的根源不是配色不好看，而是层级关系没有被认真处理过。这篇记录我把一套前端从「能用」做到「像自己的」的过程。

先定语言，再画界面

我先把整套设计收敛成一组 CSS 变量：底色、墨色、描边、强调色、圆角、阴影、动效曲线。之后任何页面都只是这组变量的组合，改一处就能全站生效。

• 冷调底座：晨雾冷白，避免纯白的廉价感
• 单一强调色：钢青蓝，只在关键动作上出现
• 玻璃卡片：统一的描边 + 模糊 + 微阴影

动效的克制

只用 transform 和 opacity，其余一概不碰，并且尊重系统的减少动效偏好。

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
}

动效应该让人察觉不到，只觉得顺。