/*
 * 驭鬼者论坛 · 玻璃材质（R108 重建）
 * 统一的暗色磨砂玻璃：顶部高光 + 细描边 + 柔和投影。
 * 低端设备 / 不支持 backdrop-filter 时自动退化为不透明深色面板，避免掉帧。
 */
.glass-element,
.ygz-glass {
  position: relative;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .085), rgba(255, 255, 255, .018) 52%, rgba(255, 255, 255, .03)),
    rgba(14, 15, 21, .72);
  border: 1px solid rgba(255, 255, 255, .13);
  box-shadow:
    0 18px 44px rgba(0, 0, 0, .42),
    0 2px 6px rgba(0, 0, 0, .25),
    inset 0 1px 0 rgba(255, 255, 255, .13),
    inset 0 -1px 0 rgba(255, 255, 255, .03);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  backdrop-filter: blur(18px) saturate(150%);
}

/* 玻璃表面的一道很淡的流光，只在支持的设备上出现 */
.glass-element::after,
.ygz-glass::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: radial-gradient(120% 140% at 12% -30%, rgba(255, 255, 255, .10), transparent 46%);
  opacity: .9;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .glass-element, .ygz-glass { background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015) 52%), #121319; }
}

/* 省电模式 / 低性能设备（由导航运行时检测后加类） */
html.ygz-lite .glass-element,
html.ygz-lite .ygz-glass {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background: linear-gradient(135deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .015) 52%), #121319;
}

@media (prefers-reduced-transparency: reduce) {
  .glass-element, .ygz-glass {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: #121319;
  }
}