/* ============================================================
   主题 CNY-L · 灯笼贺岁  Lantern New Year
   红金灯笼光晕映深红夜底，朱砂描金，ZCOOL XiaoWei 书法笔意贺岁
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+XiaoWei&family=Noto+Sans+SC:wght@400;700&display=swap');
:root{
  --c-bg:#1a0a0a;
  --c-bg-grad:radial-gradient(circle at 20% 18%,rgba(255,23,68,.24),transparent 44%),
              radial-gradient(circle at 80% 26%,rgba(255,215,0,.18),transparent 46%),
              radial-gradient(circle at 50% 92%,rgba(255,23,68,.14),transparent 50%),
              linear-gradient(165deg,#1a0a0a,#2a0e0e);
  --c-surface:rgba(50,22,22,.72);
  --c-surface-2:rgba(66,28,28,.60);
  --c-text:#fff5f0;
  --c-muted:#c9a09a;
  --c-accent:#ff1744;
  --c-accent-2:#ffd700;
  --c-on-accent:#1a0a0a;
  --c-border:rgba(255,215,0,.18);
  --font-display:'ZCOOL XiaoWei','Songti SC',serif;
  --font-body:'Noto Sans SC','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#ff1744,#ffd700 50%,#ff5252);
  --nav-bg:rgba(26,10,10,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(255,23,68,.30);
  --radius:18px;
}
body{font-family:var(--font-body)}
/* 灯笼光晕层 —— 红金圆光缓脉明灭 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 16% 22%,rgba(255,215,0,.42) 3px,transparent 5px),
    radial-gradient(circle at 18% 24%,rgba(255,23,68,.30) 7px,transparent 12px),
    radial-gradient(circle at 50% 14%,rgba(255,215,0,.38) 2.5px,transparent 4.5px),
    radial-gradient(circle at 52% 16%,rgba(255,23,68,.26) 6px,transparent 10px),
    radial-gradient(circle at 80% 28%,rgba(255,23,68,.34) 3px,transparent 5px),
    radial-gradient(circle at 82% 30%,rgba(255,215,0,.30) 6px,transparent 10px),
    radial-gradient(circle at 34% 78%,rgba(255,215,0,.32) 3px,transparent 5px),
    radial-gradient(circle at 66% 82%,rgba(255,23,68,.30) 3px,transparent 5px);
  background-size:260px 280px,260px 280px,220px 240px,220px 240px,300px 300px,300px 300px,240px 260px,260px 280px;
  opacity:.6;
  animation:lanternGlow 5s ease-in-out infinite alternate;
}
@keyframes lanternGlow{
  0%{opacity:.32;transform:scale(1)}
  50%{opacity:.66;transform:scale(1.05)}
  100%{opacity:.5;transform:scale(1.09)}
}
/* 标题：ZCOOL XiaoWei 书法笔意，金红描金缓光 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.04em}
.hero h1 .grad{
  background:linear-gradient(115deg,#ff1744,#ffd700 40%,#ffb84d 70%,#ffd700);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 22px rgba(255,180,60,.30));
  animation:lanternPulse 6s ease-in-out infinite;
}
@keyframes lanternPulse{
  0%,100%{filter:drop-shadow(0 0 18px rgba(255,180,60,.22)) brightness(1)}
  50%{filter:drop-shadow(0 0 30px rgba(255,200,80,.40)) brightness(1.18)}
}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,215,0,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,215,0,.45),0 34px 70px rgba(255,23,68,.40);border-color:rgba(255,215,0,.55);transform:translateY(-6px)}
.album-info{background:rgba(42,18,18,.50)}
.album-info h3{font-weight:700;letter-spacing:.02em}
.album-badge{background:linear-gradient(115deg,#ff1744,#ffd700);color:#1a0a0a;border:none;letter-spacing:.5px}
.album-meta{border-top-color:rgba(255,215,0,.14)}
.album-meta .view{color:#ffd700}
.section-head .kicker{background:linear-gradient(115deg,#ff1744,#ffd700);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px}
.section-head h2{font-family:var(--font-display);letter-spacing:.03em}
.about-visual{background:linear-gradient(135deg,#8c1414,#ff1744 50%,#ffd700);background-size:200% auto;animation:lanternPulse 8s ease-in-out infinite;box-shadow:0 0 60px rgba(255,23,68,.40)}
.eyebrow{background:linear-gradient(115deg,#ff1744,#ffd700) !important;color:#1a0a0a !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#ff1744,#ffd700);color:#1a0a0a;box-shadow:0 12px 30px rgba(255,23,68,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff5f0;border-color:rgba(255,215,0,.22)}
.divider{background:linear-gradient(115deg,#ff1744,#ffd700)}
.footer{background:#0e0404;border-top:1px solid rgba(255,215,0,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(255,215,0,.55)}
.nav-menu a:hover{color:#ffd700;background:rgba(255,215,0,.10)}
.shape.s1{background:#ff1744 !important;opacity:.22 !important}
.shape.s2{background:#ffd700 !important;opacity:.20 !important}
.ts-swatch.ts-cny-lantern{background:linear-gradient(135deg,#ff1744,#ffd700)}
