/* ============================================================
   主题 18 · 绯红暮色  Crimson Dusk
   深红暗调配猩红与暗金，浓烈炽热如火烧云暮色
   ============================================================ */
:root{
  --c-bg:#1a0a0a;
  --c-bg-grad:radial-gradient(circle at 20% 12%,rgba(220,38,38,.20),transparent 45%),
              radial-gradient(circle at 80% 82%,rgba(185,28,28,.14),transparent 48%),
              radial-gradient(circle at 50% 50%,rgba(127,29,29,.08),transparent 55%),
              linear-gradient(160deg,#1a0a0a,#2a0e0e);
  --c-surface:rgba(36,14,14,.85);
  --c-surface-2:rgba(46,18,18,.65);
  --c-text:#f5e0e0;
  --c-muted:#b07878;
  --c-accent:#dc2626;
  --c-accent-2:#ef4444;
  --c-on-accent:#ffffff;
  --c-border:rgba(220,38,38,.18);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#dc2626,#ef4444 55%,#f87171);
  --nav-bg:rgba(26,10,10,.62);
  --nav-blur:blur(18px);
  --shadow:0 20px 50px rgba(220,38,38,.25);
  --radius:12px;
}
/* 绯红余晖层 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 45% at 18% 10%,rgba(220,38,38,.18),transparent 65%),
    radial-gradient(55% 40% at 82% 88%,rgba(239,68,68,.12),transparent 60%);
  animation:crimsonGlow 13s ease-in-out infinite alternate;
}
@keyframes crimsonGlow{from{opacity:.7}to{opacity:1}}
.hero h1{font-weight:700;letter-spacing:-1px}
.hero h1 .grad{background:linear-gradient(135deg,#f87171,#dc2626,#ef4444);-webkit-background-clip:text;background-clip:text;color:transparent}
.album-card{backdrop-filter:blur(12px);border:1px solid rgba(220,38,38,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(239,68,68,.5),0 30px 60px rgba(220,38,38,.3);border-color:rgba(239,68,68,.5);transform:translateY(-6px)}
.album-info{border-top:1px solid rgba(220,38,38,.14)}
.album-info h3{letter-spacing:.3px}
.album-badge{background:rgba(26,10,10,.82);color:#ef4444;border:1px solid rgba(220,38,38,.4);backdrop-filter:blur(6px)}
.album-meta .view{color:#ef4444}
.section-head .kicker{color:#f87171;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#5a0e0e,#dc2626,#ef4444);box-shadow:0 0 50px rgba(220,38,38,.25)}
.eyebrow{background:linear-gradient(135deg,#dc2626,#ef4444) !important}
.btn.primary{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 12px 30px rgba(220,38,38,.4)}
.btn.ghost{background:rgba(255,255,255,.06);color:#f5e0e0;border-color:rgba(220,38,38,.25)}
.footer{background:#0e0404;border-top:1px solid rgba(220,38,38,.1)}
.logo-mark{box-shadow:0 6px 22px rgba(220,38,38,.45)}
.nav-menu a:hover{color:#f87171}
.divider{background:linear-gradient(135deg,#dc2626,#ef4444)}
.shape.s1{background:#dc2626 !important;opacity:.18 !important}
.shape.s2{background:#ef4444 !important;opacity:.15 !important}
.ts-swatch.ts-crimson{background:linear-gradient(135deg,#1a0a0a,#dc2626)}