/* ============================================================
   主题 CNY-C · 春联纳福  Couplet New Year
   春联红金映深红夜底，金屑飘浮纳福迎春，ZCOOL KuaiLe 趣味笔意贺岁
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=ZCOOL+KuaiLe&family=Noto+Sans+SC:wght@400;700&display=swap');
:root{
  --c-bg:#1c0a0a;
  --c-bg-grad:radial-gradient(circle at 20% 18%,rgba(230,57,70,.24),transparent 46%),
              radial-gradient(circle at 80% 26%,rgba(255,215,0,.18),transparent 46%),
              radial-gradient(circle at 50% 92%,rgba(230,57,70,.14),transparent 50%),
              linear-gradient(165deg,#1c0a0a,#2a1010);
  --c-surface:rgba(52,22,22,.72);
  --c-surface-2:rgba(68,28,28,.60);
  --c-text:#fff3ec;
  --c-muted:#c89a8e;
  --c-accent:#e63946;
  --c-accent-2:#ffd700;
  --c-on-accent:#1c0a0a;
  --c-border:rgba(255,215,0,.18);
  --font-display:'ZCOOL KuaiLe','PingFang SC',cursive;
  --font-body:'Noto Sans SC','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#e63946,#ffd700 50%,#ff7a59);
  --nav-bg:rgba(28,10,10,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(230,57,70,.30);
  --radius:20px;
}
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 14% 20%,rgba(255,215,0,.45) 2px,transparent 3px),
    radial-gradient(circle at 32% 14%,rgba(230,57,70,.42) 2.2px,transparent 3.2px),
    radial-gradient(circle at 54% 22%,rgba(255,215,0,.40) 1.8px,transparent 2.8px),
    radial-gradient(circle at 76% 16%,rgba(230,57,70,.40) 2px,transparent 3px),
    radial-gradient(circle at 88% 30%,rgba(255,215,0,.38) 1.6px,transparent 2.6px),
    radial-gradient(circle at 26% 78%,rgba(255,215,0,.40) 2px,transparent 3px),
    radial-gradient(circle at 58% 84%,rgba(230,57,70,.38) 1.8px,transparent 2.8px),
    radial-gradient(circle at 80% 76%,rgba(255,215,0,.36) 1.6px,transparent 2.6px);
  background-size:200px 220px,180px 200px,220px 240px,190px 210px,170px 190px,210px 230px,200px 220px,180px 200px;
  opacity:.55;
  animation:coupletDrift 18s linear infinite alternate;
}
@keyframes coupletDrift{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
  100%{background-position:60px 40px,-40px 30px,50px -20px,-30px 50px,40px -30px,-50px 20px,30px -40px,-40px -30px}
}
/* 标题：ZCOOL KuaiLe 趣味笔意，红金渐变轻跃 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.05em}
.hero h1 .grad{
  background:linear-gradient(115deg,#e63946,#ffd700 45%,#ff9a6c 75%,#ffd700);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:coupletShine 6s ease-in-out infinite;
}
@keyframes coupletShine{
  0%,100%{filter:brightness(1) drop-shadow(0 0 14px rgba(255,215,0,.22))}
  50%{filter:brightness(1.14) drop-shadow(0 0 22px rgba(255,180,80,.36))}
}
/* 玻璃质感卡片 */
.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(230,57,70,.40);border-color:rgba(255,215,0,.55);transform:translateY(-6px) rotate(-.3deg)}
.album-info{background:rgba(44,18,18,.50)}
.album-info h3{font-weight:700;letter-spacing:.03em}
.album-badge{background:linear-gradient(115deg,#e63946,#ffd700);color:#1c0a0a;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,#e63946,#ffd700);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px}
.section-head h2{font-family:var(--font-display);letter-spacing:.04em}
.about-visual{background:linear-gradient(135deg,#8c1c24,#e63946 50%,#ffd700);background-size:200% auto;animation:coupletShine 9s ease-in-out infinite;box-shadow:0 0 60px rgba(230,57,70,.40)}
.eyebrow{background:linear-gradient(115deg,#e63946,#ffd700) !important;color:#1c0a0a !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#e63946,#ffd700);color:#1c0a0a;box-shadow:0 12px 30px rgba(230,57,70,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff3ec;border-color:rgba(255,215,0,.22)}
.divider{background:linear-gradient(115deg,#e63946,#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:#e63946 !important;opacity:.22 !important}
.shape.s2{background:#ffd700 !important;opacity:.20 !important}
.ts-swatch.ts-cny-couplet{background:linear-gradient(135deg,#e63946,#ffd700)}