/* ============================================================
   主题 N9 · 鎏金奢华 (Gold Luxury)
   深褐金底缀鎏金光斑，奢华质感高贵典雅，如精装典藏影像集
   ============================================================ */
:root{
  --c-bg:#1a1408;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(212,175,55,.22),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,#1a1408,#242010);
  --c-surface:rgba(44,38,18,.72);
  --c-surface-2:rgba(58,50,26,.60);
  --c-text:#fbf5e6;
  --c-muted:#c4b088;
  --c-accent:#d4af37;
  --c-accent-2:#ffd700;
  --c-on-accent:#1a1408;
  --c-border:rgba(212,175,55,.18);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(115deg,#d4af37,#ffd700 50%,#f5e6a8);
  --nav-bg:rgba(26,20,8,.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:
    radial-gradient(50% 40% at 20% 14%,rgba(255,215,0,.22),transparent 65%),
    radial-gradient(55% 42% at 76% 18%,rgba(212,175,55,.18),transparent 65%),
    radial-gradient(60% 45% at 50% 92%,rgba(245,230,168,.12),transparent 70%);
  filter:blur(6px);
  animation:goldFlow 16s ease-in-out infinite alternate;
}
@keyframes goldFlow{
  0%{transform:translate3d(-2%,0,0) scale(1.03);opacity:.85}
  50%{transform:translate3d(1%,-1%,0) scale(1.08);opacity:1}
  100%{transform:translate3d(3%,-2%,0) scale(1.06);opacity:.9}
}
/* 标题：鎏金渐变流光 */
.hero h1{font-weight:400;letter-spacing:-1px}
.hero h1 .grad{
  background:linear-gradient(115deg,#d4af37,#ffd700 40%,#f5e6a8 70%,#d4af37);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:goldShimmer 7s linear infinite;
}
@keyframes goldShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(212,175,55,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,215,0,.45),0 34px 70px rgba(212,175,55,.40);border-color:rgba(255,215,0,.50);transform:translateY(-6px)}
.album-info{background:rgba(38,32,14,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#d4af37,#ffd700);color:#1a1408;border:none}
.album-meta{border-top-color:rgba(212,175,55,.14)}
.album-meta .view{color:#ffd700}
.section-head .kicker{background:linear-gradient(115deg,#d4af37,#ffd700);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#5c4a10,#d4af37 50%,#ffd700);background-size:200% auto;animation:goldShimmer 9s linear infinite;box-shadow:0 0 60px rgba(212,175,55,.40)}
.eyebrow{background:linear-gradient(115deg,#d4af37,#ffd700) !important;color:#1a1408 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#d4af37,#ffd700);color:#1a1408;box-shadow:0 12px 30px rgba(212,175,55,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fbf5e6;border-color:rgba(212,175,55,.22)}
.divider{background:linear-gradient(115deg,#d4af37,#ffd700)}
.footer{background:#0e0a04;border-top:1px solid rgba(212,175,55,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(212,175,55,.55)}
.nav-menu a:hover{color:#ffd700;background:rgba(212,175,55,.10)}
.ts-swatch.ts-goldlux{background:linear-gradient(135deg,#d4af37,#ffd700)}
.shape.s1{background:#d4af37 !important;opacity:.22 !important}
.shape.s2{background:#ffd700 !important;opacity:.20 !important}
