/* ============================================================
   主题 CNY-F · 福运新年  Fortune New Year
   福字金光映深红夜底，毛笔挥洒福运绵长，Ma Shan Zheng 行书贺岁
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;700&display=swap');
:root{
  --c-bg:#1a0808;
  --c-bg-grad:radial-gradient(circle at 22% 16%,rgba(220,38,38,.26),transparent 46%),
              radial-gradient(circle at 78% 24%,rgba(251,191,36,.20),transparent 46%),
              radial-gradient(circle at 50% 94%,rgba(220,38,38,.14),transparent 50%),
              linear-gradient(165deg,#1a0808,#28100e);
  --c-surface:rgba(52,20,20,.72);
  --c-surface-2:rgba(68,26,24,.60);
  --c-text:#fdf3e8;
  --c-muted:#c69a82;
  --c-accent:#dc2626;
  --c-accent-2:#fbbf24;
  --c-on-accent:#1a0808;
  --c-border:rgba(251,191,36,.18);
  --font-display:'Ma Shan Zheng','Songti SC',cursive;
  --font-body:'Noto Sans SC','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#dc2626,#fbbf24 50%,#f97316);
  --nav-bg:rgba(26,8,8,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(220,38,38,.30);
  --radius:16px;
}
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(251,191,36,.55) 1.6px,transparent 2.6px),
    radial-gradient(circle at 30% 14%,rgba(251,191,36,.40) 1.2px,transparent 2px),
    radial-gradient(circle at 24% 28%,rgba(220,38,38,.42) 1.8px,transparent 2.8px),
    radial-gradient(circle at 52% 12%,rgba(251,191,36,.48) 1.5px,transparent 2.5px),
    radial-gradient(circle at 76% 22%,rgba(251,191,36,.50) 1.6px,transparent 2.6px),
    radial-gradient(circle at 82% 30%,rgba(220,38,38,.38) 1.5px,transparent 2.5px),
    radial-gradient(circle at 38% 80%,rgba(251,191,36,.42) 1.5px,transparent 2.5px),
    radial-gradient(circle at 66% 84%,rgba(220,38,38,.36) 1.5px,transparent 2.5px);
  background-size:180px 200px,150px 170px,200px 220px,160px 180px,190px 210px,170px 190px,180px 200px,200px 220px;
  opacity:.6;
  animation:fortuneSpark 4.5s ease-in-out infinite alternate;
}
@keyframes fortuneSpark{
  0%{opacity:.30;transform:scale(1)}
  50%{opacity:.70;transform:scale(1.06)}
  100%{opacity:.45;transform:scale(1.10)}
}
/* 标题：Ma Shan Zheng 行书笔意，金光流转变换 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.06em}
.hero h1 .grad{
  background:linear-gradient(115deg,#fbbf24,#fde68a 30%,#dc2626 60%,#fbbf24);
  background-size:240% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 18px rgba(251,191,36,.32));
  animation:fortuneShimmer 7s linear infinite;
}
@keyframes fortuneShimmer{to{background-position:240% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(251,191,36,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(251,191,36,.45),0 34px 70px rgba(220,38,38,.40);border-color:rgba(251,191,36,.55);transform:translateY(-6px)}
.album-info{background:rgba(44,16,16,.50)}
.album-info h3{font-weight:700;letter-spacing:.04em}
.album-badge{background:linear-gradient(115deg,#dc2626,#fbbf24);color:#1a0808;border:none;letter-spacing:.5px}
.album-meta{border-top-color:rgba(251,191,36,.14)}
.album-meta .view{color:#fbbf24}
.section-head .kicker{background:linear-gradient(115deg,#dc2626,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px}
.section-head h2{font-family:var(--font-display);letter-spacing:.05em}
.about-visual{background:linear-gradient(135deg,#7c1414,#dc2626 50%,#fbbf24);background-size:200% auto;animation:fortuneShimmer 9s linear infinite;box-shadow:0 0 60px rgba(220,38,38,.40)}
.eyebrow{background:linear-gradient(115deg,#dc2626,#fbbf24) !important;color:#1a0808 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#dc2626,#fbbf24);color:#1a0808;box-shadow:0 12px 30px rgba(220,38,38,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fdf3e8;border-color:rgba(251,191,36,.22)}
.divider{background:linear-gradient(115deg,#dc2626,#fbbf24)}
.footer{background:#0e0303;border-top:1px solid rgba(251,191,36,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(251,191,36,.55)}
.nav-menu a:hover{color:#fbbf24;background:rgba(251,191,36,.10)}
.shape.s1{background:#dc2626 !important;opacity:.22 !important}
.shape.s2{background:#fbbf24 !important;opacity:.20 !important}
.ts-swatch.ts-cny-fortune{background:linear-gradient(135deg,#dc2626,#fbbf24)}