/* ============================================================
   主题 L06 · 鎏金流光体 (Gold Luster)
   深黑金底配鎏金渐变流光，Cinzel Decorative 华丽装饰衬线与金粉闪烁，如帝王宝阁
   字体: Cinzel Decorative(400;700;900) + Inter(400;600;700)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative:wght@400;700;900&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#0a0a0a;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(212,175,55,.20),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(255,215,0,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(212,175,55,.13),transparent 50%),
              linear-gradient(165deg,#0a0a0a,#161410);
  --c-surface:rgba(28,26,18,.72);
  --c-surface-2:rgba(40,36,24,.60);
  --c-text:#fff8e7;
  --c-muted:#b8a878;
  --c-accent:#d4af37;
  --c-accent-2:#ffd700;
  --c-on-accent:#0a0a0a;
  --c-border:rgba(255,215,0,.18);
  --font-display:'Cinzel Decorative',serif;
  --font-body:'Inter',sans-serif;
  --hero-grad:linear-gradient(115deg,#d4af37,#ffd700 50%,#fde68a);
  --nav-bg:rgba(10,10,10,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(212,175,55,.30);
  --radius:18px;
}
/* 金粉闪烁层 —— 鎏金细尘明灭跳跃，如金粉撒落 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 10% 18%,rgba(255,215,0,.55) 1px,transparent 2px),
    radial-gradient(circle at 24% 24%,rgba(212,175,55,.48) 1.5px,transparent 2.5px),
    radial-gradient(circle at 44% 14%,rgba(253,230,138,.42) 1px,transparent 2px),
    radial-gradient(circle at 64% 22%,rgba(255,215,0,.50) 1.5px,transparent 2.5px),
    radial-gradient(circle at 82% 16%,rgba(212,175,55,.45) 1px,transparent 2px),
    radial-gradient(circle at 92% 34%,rgba(253,230,138,.40) 1.5px,transparent 2.5px),
    radial-gradient(circle at 18% 70%,rgba(255,215,0,.46) 1px,transparent 2px),
    radial-gradient(circle at 76% 78%,rgba(212,175,55,.44) 1.5px,transparent 2.5px);
  background-size:100px 100px,130px 130px,90px 90px,120px 120px,110px 110px,140px 140px,150px 150px,160px 160px;
  opacity:.5;
  animation:goldSparkle 5s cubic-bezier(.25,.46,.45,.94) infinite alternate;
}
@keyframes goldSparkle{
  0%{opacity:.3;transform:scale(1) translateY(0)}
  25%{opacity:.6;transform:scale(1.03) translateY(-4px)}
  50%{opacity:.4;transform:scale(1.06) translateY(-8px)}
  75%{opacity:.65;transform:scale(1.08) translateY(-4px)}
  100%{opacity:.5;transform:scale(1.1) translateY(-10px)}
}
/* 标题：Cinzel Decorative 华丽装饰 + 鎏金流光闪烁 */
.hero h1{font-weight:700;letter-spacing:3px;font-family:var(--font-display)}
.hero h1 .grad{
  background:linear-gradient(115deg,#d4af37,#ffd700 30%,#fde68a 55%,#d4af37);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:900;letter-spacing:4px;animation:goldShimmer 7s linear infinite;
}
@keyframes goldShimmer{to{background-position:200% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,215,0,.22)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,215,0,.50),0 34px 70px rgba(212,175,55,.45);border-color:rgba(255,215,0,.60);transform:translateY(-6px)}
.album-info{background:rgba(28,24,14,.50)}
.album-info h3{font-weight:700;font-family:var(--font-display)}
.album-badge{background:linear-gradient(115deg,#d4af37,#ffd700);color:#0a0a0a;border:none}
.album-meta{border-top-color:rgba(255,215,0,.14)}
.album-meta .view{color:#fde68a}
.section-head .kicker{background:linear-gradient(115deg,#d4af37,#ffd700);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px;font-family:var(--font-display)}
.about-visual{background:linear-gradient(135deg,#6b5b1a,#d4af37 50%,#ffd700);background-size:200% auto;animation:goldShimmer 8s linear infinite;box-shadow:0 0 60px rgba(212,175,55,.45)}
.eyebrow{background:linear-gradient(115deg,#d4af37,#ffd700) !important;color:#0a0a0a !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#d4af37,#ffd700);color:#0a0a0a;box-shadow:0 12px 30px rgba(212,175,55,.50)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff8e7;border-color:rgba(255,215,0,.24)}
.divider{background:linear-gradient(115deg,#d4af37,#ffd700)}
.footer{background:#050505;border-top:1px solid rgba(255,215,0,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(255,215,0,.60)}
.nav-menu a:hover{color:#fde68a;background:rgba(255,215,0,.10)}
.ts-swatch.ts-luster-gold{background:linear-gradient(135deg,#d4af37,#ffd700)}
.shape.s1{background:#d4af37 !important;opacity:.22 !important}
.shape.s2{background:#ffd700 !important;opacity:.20 !important}