深色玻璃界面怎么保持可读性

八月给博客换了一套深色玻璃质感的界面，背景是一张随机图，卡片全部半透明加模糊。

好看是真好看，翻车也是真翻车。有读者发截图过来，正文压在背景图的亮部上，字几乎看不见。

问题的根子在对比度。玻璃卡片是半透明的，背景图的明暗会直接透到文字底下。我在自己的屏幕上看着还行，换一张更亮的壁纸就完了。

改法是给背景加一层压暗的遮罩，把整体亮度先压到可控的范围，再让卡片保持半透明。这样不管壁纸多亮，文字底下的底色都是稳定的。

另外几个细节也一起调了。

模糊分了层级：导航和弹窗 16px 以上，内容卡片 14px，内嵌的小块不加。全站一个模糊值会糊成一团，而且模糊是昂贵的合成操作。

正文不用纯白。纯白在深色玻璃上会发光，改成接近白但不等于白的颜色，刺眼感立刻消失。

不支持 backdrop-filter 的环境也要管：卡片退化成实色底，不然文字直接泡在壁纸里。

这次改动让我确定了一件事：玻璃质感是锦上添花，可读性才是底线。