/* ============================================================
   全站共享液态玻璃主题
   用法：<head> 引入本文件，</body> 前插入 <canvas id="fluidBg">
   并引入 /js/glass-bg.js 后调用 GlassBg.init(...)
   ============================================================ */

/* 深空底色放在 html，body 透明让玻璃背景透出 */
html {
  background:
    radial-gradient(1200px 700px at 80% -10%, rgba(77, 107, 254, 0.14), transparent 60%),
    radial-gradient(900px 600px at 10% 110%, rgba(154, 107, 255, 0.12), transparent 60%),
    #070b16;
}

/* 液态玻璃画布：盖在页面之上做环境光罩，不挡交互 */
#fluidBg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
  filter: blur(26px) saturate(1.25);
}

/* 页面内容压到玻璃画布之上（不影响 fixed 定位子元素） */
body > *:not(#fluidBg) {
  position: relative;
  z-index: 1;
}