/* ============================================================
   主题 L09 · 银白流光体 (Silver Luster)
   深灰底配银白渐变流光，Cormorant 优雅细衬线与银色冷光，如月下霜华
   字体: Cormorant(400;600;700) + Inter(400;600;700)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@400;600;700&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#0e0e14;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(192,192,208,.18),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(226,232,240,.14),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(192,192,208,.12),transparent 50%),
              linear-gradient(165deg,#0e0e14,#16161e);
  --c-surface:rgba(30,30,40,.72);
  --c-surface-2:rgba(40,40,52,.60);
  --c-text:#f1f5f9;
  --c-muted:#9aa0b4;
  --c-accent:#c0c0d0;
  --c-accent-2:#e2e8f0;
  --c-on-accent:#0e0e14;
  --c-border:rgba(226,232,240,.16);
  --font-display:'Cormorant',serif;
  --font-body:'Inter',sans-serif;
  --hero-grad:linear-gradient(115deg,#c0c0d0,#e2e8f0 50%,#f8fafc);
  --nav-bg:rgba(14,14,20,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(192,192,208,.22);
  --radius:18px;
}
/* 银色冷光层 —— 银白光点清冷闪动，如月下霜星 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 16% 22%,rgba(226,232,240,.45) 1px,transparent 2px),
    radial-gradient(circle at 30% 16%,rgba(192,192,208,.40) 1.4px,transparent 2.4px),
    radial-gradient(circle at 50% 28%,rgba(248,250,252,.36) 1px,transparent 2px),
    radial-gradient(circle at 72% 20%,rgba(226,232,240,.42) 1.4px,transparent 2.4px),
    radial-gradient(circle at 88% 30%,rgba(192,192,208,.38) 1px,transparent 2px),
    radial-gradient(circle at 24% 72%,rgba(248,250,252,.34) 1px,transparent 2px),
    radial-gradient(circle at 68% 80%,rgba(226,232,240,.40) 1.4px,transparent 2.4px);
  background-size:115px 115px,140px 140px,105px 105px,135px 135px,125px 125px,165px 165px,155px 155px;
  opacity:.45;
  animation:silverGlint 6.5s cubic-bezier(.37,.05,.63,.95) infinite alternate;
}
@keyframes silverGlint{
  0%{opacity:.3;transform:translateY(0) scale(1);filter:brightness(1)}
  33%{opacity:.5;transform:translateY(-6px) scale(1.04);filter:brightness(1.2)}
  66%{opacity:.42;transform:translateY(-10px) scale(1.08);filter:brightness(1)}
  100%{opacity:.55;transform:translateY(-14px) scale(1.1);filter:brightness(1.15)}
}
/* 标题：Cormorant 优雅细衬线 + 银白冷光流光 */
.hero h1{font-weight:400;letter-spacing:2px;font-family:var(--font-display)}
.hero h1 .grad{
  background:linear-gradient(115deg,#9aa0b4,#e2e8f0 35%,#f8fafc 60%,#9aa0b4);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;letter-spacing:2.5px;animation:silverShimmer 8s ease-in-out infinite;
}
@keyframes silverShimmer{
  0%,100%{background-position:0% center}
  50%{background-position:110% center}
}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(226,232,240,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(192,192,208,.40),0 34px 70px rgba(192,192,208,.30);border-color:rgba(226,232,240,.50);transform:translateY(-6px)}
.album-info{background:rgba(26,26,36,.50)}
.album-info h3{font-weight:600;font-family:var(--font-display)}
.album-badge{background:linear-gradient(115deg,#c0c0d0,#e2e8f0);color:#0e0e14;border:none}
.album-meta{border-top-color:rgba(226,232,240,.14)}
.album-meta .view{color:#f8fafc}
.section-head .kicker{background:linear-gradient(115deg,#c0c0d0,#e2e8f0);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px;font-family:var(--font-display)}
.about-visual{background:linear-gradient(135deg,#475569,#c0c0d0 50%,#e2e8f0);background-size:200% auto;animation:silverShimmer 10s ease-in-out infinite;box-shadow:0 0 60px rgba(192,192,208,.30)}
.eyebrow{background:linear-gradient(115deg,#c0c0d0,#e2e8f0) !important;color:#0e0e14 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#c0c0d0,#e2e8f0);color:#0e0e14;box-shadow:0 12px 30px rgba(192,192,208,.35)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f1f5f9;border-color:rgba(226,232,240,.22)}
.divider{background:linear-gradient(115deg,#c0c0d0,#e2e8f0)}
.footer{background:#08080c;border-top:1px solid rgba(226,232,240,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(192,192,208,.45)}
.nav-menu a:hover{color:#e2e8f0;background:rgba(192,192,208,.10)}
.ts-swatch.ts-luster-silver{background:linear-gradient(135deg,#c0c0d0,#e2e8f0)}
.shape.s1{background:#c0c0d0 !important;opacity:.20 !important}
.shape.s2{background:#e2e8f0 !important;opacity:.18 !important}