/* ============================================================
   炎犁 · Liquid Glass 分档样式（2026-10-07）
   轻玻璃两档抄自 wave2234/liquid-glass-recipes demo/index.html
   （.clear / .frost，含内联 SVG 噪点），液态折射档接 VII-Cae/hyalite。
   只允许改颜色参数（白色叠加浓度/文字色/阴影色/高光强度），
   滤镜与折射实现一律原样。
   分档规则：
   - .lg-frost / .lg-clear：侧边栏、大面板、列表卡片（禁折射，保可读与滚动性能）
   - .lg-hyalite：悬浮工具条、弹窗、主按钮、宠物面板等小面积焦点（液态折射）
   ============================================================ */

/* 毛玻璃 · Clear（recipes: blur(14px) saturate(1.6)，薄纱+一线顶光）
   淡黄主题适配：白色叠加 .22/.10 → .40/.26；边框透明度上调；阴影改暖 */
.lg-clear {
  background: linear-gradient(180deg, rgba(255,255,255,.40), rgba(255,255,255,.26));
  -webkit-backdrop-filter: blur(14px) saturate(1.6);
  backdrop-filter: blur(14px) saturate(1.6);
  border: 1px solid rgba(255,255,255,.60);
  border-radius: 18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70),
              0 8px 24px rgba(122,96,52,.14);
}

/* 磨砂玻璃 · Frost（recipes: blur(22px) saturate(1.35)，SVG 噪点颗粒+厚纱）
   SVG 噪点原样保留；淡黄主题适配：白纱 .55/.42 → .72/.60 */
.lg-frost {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.60));
  -webkit-backdrop-filter: blur(22px) saturate(1.35);
  backdrop-filter: blur(22px) saturate(1.35);
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 18px;
}

/* 液态折射 · Hyalite 挂载类（抄 demo/card.html 的玻璃盒模型；
   颜色适配：rgba(0,0,0,.10) → rgba(255,255,255,.16)，阴影改暖；
   --hyalite / --hyalite-edge 由 hyalite.js 写入，括号内为 Safari/Firefox 的普通模糊兜底） */
.lg-hyalite {
  box-sizing: border-box;
  background: rgba(255,255,255,.16);
  backdrop-filter: var(--hyalite, blur(4px));
  -webkit-backdrop-filter: var(--hyalite, blur(4px));
  box-shadow: var(--hyalite-edge, none), 0 18px 40px rgba(122,96,52,.18);
}
.lg-hyalite-lg { border-radius: 24px; }   /* 卡/弹窗 */
.lg-hyalite-pill { border-radius: 999px; } /* 按钮/胶囊 */

/* hyalite 玻璃上的文字底色保护（浅色主题下保证可读） */
.lg-hyalite .lg-tint {
  background: rgba(255,255,255,.38);
  border-radius: inherit;
}

/* 主按钮：金色调玻璃（颜色参数，折射仍由 hyalite 滤镜承担） */
.lg-btn-primary {
  background: linear-gradient(180deg, rgba(224,168,92,.92), rgba(180,128,42,.86));
  color: #fff;
  border: 1px solid rgba(255,255,255,.35);
  box-shadow: var(--hyalite-edge, none), inset 0 1px 0 rgba(255,255,255,.45),
              0 10px 26px rgba(122,96,52,.32);
}
.lg-btn-ghost {
  background: rgba(255,255,255,.30);
  color: #3D3325;
  border: 1px solid rgba(255,255,255,.60);
}