/* ============================================================
   主题 NAT-F · 国旗飘扬  National Flag
   红金星光映深蓝夜底，五星闪耀大气磅礴，Noto Serif SC 庄重笔意颂盛世
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700;900&family=Noto+Sans+SC:wght@400;700&display=swap');
:root{
  --c-bg:#0a0a14;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(222,41,16,.24),transparent 46%),
              radial-gradient(circle at 82% 22%,rgba(255,222,0,.18),transparent 46%),
              radial-gradient(circle at 50% 95%,rgba(222,41,16,.12),transparent 50%),
              linear-gradient(165deg,#0a0a14,#141022);
  --c-surface:rgba(30,30,54,.72);
  --c-surface-2:rgba(42,38,70,.60);
  --c-text:#fbf5ee;
  --c-muted:#a0a0c4;
  --c-accent:#de2910;
  --c-accent-2:#ffde00;
  --c-on-accent:#0a0a14;
  --c-border:rgba(255,222,0,.18);
  --font-display:'Noto Serif SC','Songti SC',serif;
  --font-body:'Noto Sans SC','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#de2910,#ffde00 50%,#ff5a3c);
  --nav-bg:rgba(10,10,20,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(222,41,16,.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 16% 18%,rgba(255,222,0,.60) 2px,transparent 3px),
    radial-gradient(circle at 28% 12%,rgba(255,222,0,.45) 1.5px,transparent 2.5px),
    radial-gradient(circle at 22% 24%,rgba(255,222,0,.40) 1.5px,transparent 2.5px),
    radial-gradient(circle at 36% 20%,rgba(255,222,0,.42) 1.5px,transparent 2.5px),
    radial-gradient(circle at 14% 28%,rgba(255,222,0,.38) 1.5px,transparent 2.5px),
    radial-gradient(circle at 72% 16%,rgba(255,222,0,.55) 2px,transparent 3px),
    radial-gradient(circle at 64% 22%,rgba(255,222,0,.40) 1.5px,transparent 2.5px),
    radial-gradient(circle at 84% 30%,rgba(255,222,0,.35) 1.5px,transparent 2.5px);
  background-size:300px 300px,320px 320px,280px 280px,340px 340px,300px 300px,360px 360px,320px 320px,300px 300px;
  opacity:.7;
  animation:starTwinkle 5s ease-in-out infinite alternate;
}
@keyframes starTwinkle{
  0%{opacity:.4;transform:scale(1)}
  100%{opacity:.85;transform:scale(1.05)}
}
/* 标题：Noto Serif SC 庄重笔意，红金渐变缓缓流光 */
.hero h1{font-family:var(--font-display);font-weight:900;letter-spacing:.08em}
.hero h1 .grad{
  background:linear-gradient(115deg,#de2910,#ffde00 40%,#ff5a3c 70%,#ffde00);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 20px rgba(255,222,0,.28));
  animation:flagShimmer 7s linear infinite;
}
@keyframes flagShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,222,0,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,222,0,.45),0 34px 70px rgba(222,41,16,.40);border-color:rgba(255,222,0,.55);transform:translateY(-6px)}
.album-info{background:rgba(26,24,46,.50)}
.album-info h3{font-weight:700;letter-spacing:.04em}
.album-badge{background:linear-gradient(115deg,#de2910,#ffde00);color:#0a0a14;border:none;letter-spacing:.5px}
.album-meta{border-top-color:rgba(255,222,0,.14)}
.album-meta .view{color:#ffde00}
.section-head .kicker{background:linear-gradient(115deg,#de2910,#ffde00);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px}
.section-head h2{font-family:var(--font-display);font-weight:900;letter-spacing:.06em}
.about-visual{background:linear-gradient(135deg,#5c1208,#de2910 50%,#ffde00);background-size:200% auto;animation:flagShimmer 9s linear infinite;box-shadow:0 0 60px rgba(222,41,16,.40)}
.eyebrow{background:linear-gradient(115deg,#de2910,#ffde00) !important;color:#0a0a14 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#de2910,#ffde00);color:#0a0a14;box-shadow:0 12px 30px rgba(222,41,16,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fbf5ee;border-color:rgba(255,222,0,.22)}
.divider{background:linear-gradient(115deg,#de2910,#ffde00)}
.footer{background:#050510;border-top:1px solid rgba(255,222,0,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(255,222,0,.55)}
.nav-menu a:hover{color:#ffde00;background:rgba(255,222,0,.10)}
.shape.s1{background:#de2910 !important;opacity:.22 !important}
.shape.s2{background:#ffde00 !important;opacity:.20 !important}
.ts-swatch.ts-nat-flag{background:linear-gradient(135deg,#de2910,#ffde00)}