液态玻璃深色 作者： 陈帅帅

| 层 | 质量 | 覆盖面 |
|---|---|---|
| 原生：browserSettings.overrideContentColorScheme 让浏览器对所有站点报告 prefers-color-scheme: dark | 完美，站点用自己设计的深色 | 只对有深色设计的站点 |
| 动态改色：读计算样式，HSL 空间压明度保色相 | 好，图片/图标/SVG 完全不碰 | 全部站点 |
| 滤镜反色 | 糙，色相会偏 | 兜底 |

自动模式先让第一层生效，再探测页面背景亮度——够暗就收手，还亮才上第二层。

探测能成立靠一个细节：防白闪的 preload.css 用的是 background-image: linear-gradient() 而不是 background-color，这样内容脚本读到的是站点的真实背景色，不会被自己的防闪层污染。


自动识别吸顶栏、<header>/<nav>/<aside>/<dialog>、有阴影+圆角的卡片，加背景模糊、半透明底、顶边高光、环形描边。两个决定"像不像"的实现选择：描边用 outline + 负 offset（border 会撑大盒子改布局）、顶边高光用 background-image 渐变（不占用站点的 ::before/::after）。

还配了氛围背景层——backdrop-filter 模糊的是背后的东西，页面底是纯色的话玻璃根本看不出来。

面板本身就用了一遍这套玻璃，顺便当效果预览。滑块拖动即时生效，不用刷新。