概览
这套主题的目标很明确
如果这个站点是卖视觉资产的，那它自己必须先是一个视觉样本。
Glass 的所有决策都围绕这一点：让人打开第一屏就产生「这个站做得挺讲究」的判断。
三个技术要点
一、渐变背景要够淡
从 #E0E7FF 到 #FAE8FF，两个色都非常浅。原因：磨砂卡片本身是半透明白，如果背景太浓，卡片会被染上背景色，看起来脏。
二、磨砂强度 16px / 透明度 62%
这两个值是「能明确看出磨砂，但文字仍然锐利」的边界。低于 12px 像没做，高于 18px 开始糊。
三、外发光用低透明蓝
rgba(129, 140, 248, 0.35) —— 24px 扩散。它的作用不是「发光」，而是在浅色背景上把卡片边界钉住，否则半透明白卡在浅紫背景上会边界不清。
性能与降级
backdrop-filter 是这套主题唯一的性能风险点。
- 全站只在卡片上启用，且通过
data-theme-glass="on"条件输出； - 关闭主题时该属性完全不渲染，不产生任何合成层；
- Safari 15- 需要
-webkit-前缀，已通过内联样式提供（构建工具会误删该前缀，这是个已知坑）。
适合谁
- 视觉设计 / 摄影作品集
- 售卖主题、模板、字体等视觉资产的站点
- 想让首页「一眼有质感」的产品页
