/* ============================================================
   星海音乐 Web · glass.css（v6.24 · 从 style.css 结构化拆分）
   内容：v6.20 液态玻璃层序 / 按压光斑（glass.js 注入）
   【v6.22】--lg-glow-rgb 主题光色下沉到宿主（指示胶囊/图标光晕共用）
   【v6.23】光斑改聚光尺寸跟手（点哪亮哪），尺寸由 glass.js 按指针写
   【v6.24】光斑加白色 specular 内核（光源中心的高光点，不是纯色雾）
   ⚠ 级联顺序即加载顺序（app.html 按本文件在链中的位置引入），
     调整 @media / 覆盖关系时请保持文件间相对顺序不变。
   ============================================================ */

/* ============================================================
   【v6.22】主题光色（导航宿主级变量，子元素全部继承）：
   指示胶囊 #navIndicator/#bnIndicator 的体积光、外发光晕、激活项
   图标光晕、按压光斑 .lg-glow 都从宿主取色 → 五种玻璃样式切换时
   导航“灯色”整体联动（清透=蓝紫/水晶=青/深邃=深蓝紫…）。
   glass.js 把当前样式的色值写到宿主 inline（覆盖此默认）；
   关闭玻璃（off）/模块加载失败/ WebGL2 不可用时回退此默认蓝紫。 */
.sidebar .nav, #bottomNav { --lg-glow-rgb: 124, 140, 255; }

/* ============================================================
   【v6.20】液态玻璃层（js/ui/glass.js 注入 · apple-liquid-glass-webgl）
   桌面侧栏选项区(.nav) 与 手机底部导航(#bottomNav) 的玻璃画布层序；
   仅在 .glass-on 作用域生效，WebGL2 不可用/模块加载失败时零影响。
   层序：玻璃画布 z:0 < 滑动指示条/按压光斑 z:2 < 选项按钮 z:3（文字永远在玻璃上）
   ============================================================ */
.lg-canvas { position: absolute; pointer-events: none; display: block; z-index: 0; }
.nav.glass-on .nav-item { position: relative; z-index: 3; }
.nav.glass-on #navIndicator { z-index: 2; }
#bottomNav.glass-on .bn-item { z-index: 3; }
#bottomNav.glass-on #bnIndicator { z-index: 2; }

/* 【v6.20 活玻璃】按压/悬停光斑（glass.js 注入 .lg-glow）：
   玻璃层与文字之间的跟手径向高亮点——按压满亮弹性放大、桌面悬停半亮，
   让玻璃面板对每次触摸/点击都有可见回应（不再是"死玻璃"）。
   【v6.21】--lg-glow-rgb 由 glass.js 按当前玻璃样式写入（清透=蓝紫 /
   水晶=青色 / 深邃=深蓝紫…），v6.22 起写到宿主（此处继承，默认值见上方宿主规则） */
.lg-glow {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  /* 【v6.24】白核 + 主题色晕双层：中心是光源直射的高光点（白），
     外圈才是染色光雾——光斑从“一团色雾”变成“一点光源打在玻璃上” */
  background: radial-gradient(closest-side circle,
    rgba(255, 255, 255, 0.22) 0%,
    rgba(var(--lg-glow-rgb), 0.36) 24%,
    rgba(var(--lg-glow-rgb), 0.12) 55%,
    transparent 72%);
  transform: scale(0.82);
  transition: opacity 0.32s ease, transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}
.lg-glow.hover { opacity: 0.5; transform: scale(1); }
.lg-glow.press { opacity: 1; transform: scale(1.06); transition-duration: 0.09s; }
@media (prefers-reduced-motion: reduce) {
  .lg-glow { transition: none !important; }
}

/* 减弱透明效果偏好：玻璃模块本身有材质回退，这里保证布局类规则无害保留 */
@media (prefers-reduced-transparency: reduce) {
  .lg-canvas { display: none; }
  .lg-glow { display: none; }
}