/**
 * Frosted Glass Design Tokens（磨砂玻璃设计令牌）
 * 全站统一引用，集中控制透明度 / 模糊度 / 描边，便于一键调节"克制"程度。
 * 使用原则：只用于浮层（吸顶导航、抽屉、遮罩、浮层按钮），不用于正文卡片与主图区域。
 */

:root {
  /* —— 亮色玻璃（用于白底场景：吸顶 header、抽屉本体）—— */
  --glass-bg: rgba(255, 255, 255, 0.55);              /* 玻璃底色 */
  --glass-bg-strong: rgba(255, 255, 255, 0.72);       /* 需要更高可读性的玻璃（抽屉头部/底部） */
  --glass-blur: blur(14px) saturate(160%);            /* 模糊 + 轻微提饱和，透出下层轮廓 */
  --glass-blur-subtle: blur(8px) saturate(140%);      /* 遮罩用弱模糊，避免页面内容被过度涂抹 */
  --glass-border: 1px solid rgba(0, 0, 0, 0.05);      /* 玻璃描边：极淡，制造边缘分界 */
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);     /* 玻璃浮层阴影：轻 */

  /* —— 暗色玻璃（用于深色 scheme-3 或图片上方浮层）—— */
  --glass-bg-dark: rgba(20, 20, 20, 0.45);
  --glass-border-dark: 1px solid rgba(255, 255, 255, 0.12);

  /* —— 遮罩（抽屉/弹层背后的页面压暗）—— */
  --glass-overlay-bg: rgba(0, 0, 0, 0.32);            /* 比原 40% 更轻的压暗 */
}

/* Safari 兼容前缀统一处理：所有用到 backdrop-filter 的选择器都在各自文件里写 -webkit- 版本 */