/* ============================================================
   主题 17 · 琥珀流光  Amber Flow
   暗琥珀底配金黄流光，温润如玉的琥珀质感
   ============================================================ */
:root{
  --c-bg:#1a1308;
  --c-bg-grad:radial-gradient(circle at 22% 15%,rgba(255,191,0,.18),transparent 45%),
              radial-gradient(circle at 78% 80%,rgba(255,160,0,.12),transparent 48%),
              radial-gradient(circle at 50% 50%,rgba(200,140,0,.06),transparent 55%),
              linear-gradient(160deg,#1a1308,#241a0a);
  --c-surface:rgba(36,26,10,.85);
  --c-surface-2:rgba(44,32,14,.65);
  --c-text:#f5e6c8;
  --c-muted:#b0986a;
  --c-accent:#ffb800;
  --c-accent-2:#ff8c00;
  --c-on-accent:#1a1308;
  --c-border:rgba(255,184,0,.16);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#ffb800,#ff8c00 55%,#ffd966);
  --nav-bg:rgba(26,19,8,.62);
  --nav-blur:blur(18px);
  --shadow:0 20px 50px rgba(255,140,0,.22);
  --radius:12px;
}
/* 琥珀光泽流动层 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(55% 40% at 20% 15%,rgba(255,184,0,.16),transparent 60%),
    radial-gradient(50% 38% at 80% 82%,rgba(255,140,0,.12),transparent 58%);
  animation:amberFlow 15s ease-in-out infinite alternate;
}
@keyframes amberFlow{from{opacity:.7;transform:scale(1.02)}to{opacity:1;transform:scale(1.05)}}
.hero h1{font-weight:400;letter-spacing:-.5px}
.hero h1 .grad{background:linear-gradient(135deg,#ffd966,#ffb800,#ff8c00);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.album-card{backdrop-filter:blur(12px);border:1px solid rgba(255,184,0,.16)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,184,0,.45),0 30px 60px rgba(255,140,0,.25);border-color:rgba(255,184,0,.5);transform:translateY(-6px)}
.album-info{border-top:1px solid rgba(255,184,0,.14)}
.album-info h3{letter-spacing:.2px}
.album-badge{background:rgba(26,19,8,.82);color:#ffb800;border:1px solid rgba(255,184,0,.35);backdrop-filter:blur(6px)}
.album-meta .view{color:#ffb800}
.section-head .kicker{color:#ffd966;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#5a3a00,#ffb800,#ff8c00);box-shadow:0 0 50px rgba(255,140,0,.25)}
.eyebrow{background:linear-gradient(135deg,#ffb800,#ff8c00) !important;color:#1a1308 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#ffb800,#ff8c00);color:#1a1308;box-shadow:0 12px 30px rgba(255,140,0,.35)}
.btn.ghost{background:rgba(255,255,255,.06);color:#f5e6c8;border-color:rgba(255,184,0,.22)}
.footer{background:#100a04;border-top:1px solid rgba(255,184,0,.1)}
.logo-mark{box-shadow:0 6px 22px rgba(255,184,0,.4)}
.nav-menu a:hover{color:#ffd966}
.divider{background:linear-gradient(135deg,#ffb800,#ff8c00)}
.shape.s1{background:#ffb800 !important;opacity:.16 !important}
.shape.s2{background:#ff8c00 !important;opacity:.13 !important}
.ts-swatch.ts-amber{background:linear-gradient(135deg,#1a1308,#ffb800)}