/* ── 液态玻璃聚光灯效果（全局复用） ── */
.lg-overlay {
  isolation: isolate; /* 创建独立层叠上下文，确保伪元素正确显示 */
}

.lg-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  /* 径向渐变光晕：中心亮白 → 边缘透明 */
  background: radial-gradient(
    circle 80px at var(--glow-x) var(--glow-y),
    rgba(255, 255, 255, 0.6) 0%,
    /* 中心：亮白 */ rgba(255, 255, 255, 0.2) 25%,
    /* 过渡：柔和 */ transparent 80% /* 边缘：完全透明 */
  );
  opacity: var(--glow-opacity); /* 通过 CSS 变量控制显隐 */
  transition: opacity 0.4s ease; /* 平滑过渡 */
  pointer-events: none; /* 不拦截鼠标事件 */
  z-index: 2; /* 显示在玻璃效果之上 */
  border-radius: inherit; /* 继承父元素圆角 */
  mix-blend-mode: overlay; /* 叠加混合模式，增强发光效果 */
}