玻璃拟态：怎样把网站做得「好看又不简陋」

「好看且不简陋」关键在细节。玻璃拟态是这套博客的视觉主线。

四个要点

1. 有景深的背景：深色底 + 几团模糊的彩色光斑，画面立刻有空间感。
2. 真正的毛玻璃：backdrop-filter: blur() 让卡片透出背景，而非纯色块。
3. 克制的边框与阴影：1px 半透明描边 + 柔和投影，立体但不脏。
4. 恰到好处的动效：悬浮微抬升、渐变高光，动得轻、停得稳。

避坑

• 模糊别过度，否则文字发虚。
• 对比度要够，深色模式尤其注意正文可读性。
• 动效服务于体验，不是炫技。

做到这几点，普通内容页也能有「高级感」。