玻璃拟态 UI：好看但不翻车的 4 条军规

毛玻璃（glassmorphism）是本站默认皮肤”星空”的基调，落地时有几条红线。

军规

• 对比度优先：半透明背景上文字必须够清晰，否则再美也不可用
• 层级要少：玻璃叠玻璃会糊，最多两层
• 动效克制：hover 微光即可，别全屏乱闪
• 性能兜底：backdrop-filter 贵，低端机提供纯色降级

代码片段

.card {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

做到这四点，炫酷和可读就能兼得。