/* ============================================
   Glassmorphism — 玻璃质感系统
   ============================================ */

/* L1 常规玻璃 — 轻量模糊 */
.glass-l1 {
  background: var(--glass-bg-l1);
  -webkit-backdrop-filter: var(--glass-blur-l1);
  backdrop-filter: var(--glass-blur-l1);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow-sm);
}

/* L2 标准玻璃 — 主要使用 */
.glass-l2 {
  background: var(--glass-bg-l2);
  -webkit-backdrop-filter: var(--glass-blur-l2);
  backdrop-filter: var(--glass-blur-l2);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow-md);
}

/* L3 深度玻璃 — 导航、Modal、抽屉 */
.glass-l3 {
  background: var(--glass-bg-l3);
  -webkit-backdrop-filter: var(--glass-blur-l3);
  backdrop-filter: var(--glass-blur-l3);
  border: 1px solid var(--glass-border-strong);
  box-shadow: var(--glass-shadow-lg);
}

/* 玻璃光泽高光 — 叠加层 */
.glass-highlight {
  position: relative;
  isolation: isolate;
}

.glass-highlight::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.3) 0%,
    rgba(255, 255, 255, 0.05) 30%,
    transparent 50%,
    rgba(255, 255, 255, 0.05) 70%,
    rgba(255, 255, 255, 0.15) 100%
  );
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  z-index: 1;
}

/* 降级处理 — 不支持 backdrop-filter */
@supports not (backdrop-filter: blur(1px)) {
  .glass-l1, .glass-l2, .glass-l3 {
    background: rgba(20, 20, 22, 0.92);
  }
}