/* ============================================================
   主题 MINI · 极简留白  Minimalist
   纯白底衬靛蓝点缀，极简纯净留白，Space Grotesk 现代字体利落克制
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#fafafa;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(99,102,241,.06),transparent 46%),
              radial-gradient(circle at 82% 24%,rgba(26,26,26,.04),transparent 46%),
              radial-gradient(circle at 50% 94%,rgba(99,102,241,.04),transparent 50%),
              linear-gradient(160deg,#fafafa,#f4f4f5);
  --c-surface:#ffffff;
  --c-surface-2:#f4f4f5;
  --c-text:#1a1a1a;
  --c-muted:#9a9a9e;
  --c-accent:#1a1a1a;
  --c-accent-2:#6366f1;
  --c-on-accent:#ffffff;
  --c-border:rgba(26,26,26,.10);
  --font-display:'Space Grotesk','Helvetica Neue','PingFang SC',sans-serif;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#1a1a1a,#4a4a4a 50%,#6366f1);
  --nav-bg:rgba(250,250,250,.82);
  --nav-blur:blur(14px);
  --shadow:0 14px 40px rgba(20,20,20,.08);
  --radius:14px;
}
body{font-family:var(--font-body)}
/* 极简纯净层 —— 靛蓝微光极缓漂移 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.05;
  background-image:
    radial-gradient(circle at 20% 20%,#6366f1 2px,transparent 3px),
    radial-gradient(circle at 80% 30%,#1a1a1a 1.5px,transparent 2.5px),
    radial-gradient(circle at 50% 80%,#6366f1 2px,transparent 3px);
  background-size:300px 320px,260px 280px,320px 340px;
  animation:minimalDrift 40s linear infinite alternate;
}
@keyframes minimalDrift{
  0%{background-position:0 0,0 0,0 0}
  100%{background-position:40px 30px,-30px 40px,30px -30px}
}
/* 标题：Space Grotesk 现代利落，墨黑靛蓝渐变克制 */
.hero h1{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em;text-transform:none}
.hero h1 .grad{
  background:linear-gradient(115deg,#1a1a1a,#3a3a3a 45%,#6366f1);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;
  animation:minimalShift 10s ease-in-out infinite;
}
@keyframes minimalShift{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.06)}
}
/* 极简卡片 —— 细线描边纯净 */
.album-card{background:#ffffff;border:1px solid rgba(26,26,26,.10);box-shadow:0 8px 24px rgba(20,20,20,.06)}
.album-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(20,20,20,.12);border-color:rgba(99,102,241,.45)}
.album-info{padding:18px 22px 22px}
.album-info h3{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}
.album-badge{background:#1a1a1a;color:#ffffff;border:none;font-family:var(--font-body);font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.album-meta{border-top-color:rgba(26,26,26,.08)}
.album-meta .view{color:#6366f1}
.section-head .kicker{color:#6366f1;letter-spacing:5px;text-transform:uppercase;font-family:var(--font-display)}
.section-head h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.02em}
.about-visual{background:linear-gradient(135deg,#1a1a1a,#4a4a4a 50%,#6366f1)}
.eyebrow{background:#1a1a1a !important;color:#ffffff !important;letter-spacing:3px;text-transform:uppercase}
.btn.primary{background:#1a1a1a;color:#ffffff;box-shadow:0 10px 26px rgba(20,20,20,.18)}
.btn.primary:hover{background:#6366f1}
.btn.ghost{background:transparent;color:#1a1a1a;border-color:rgba(26,26,26,.20)}
.divider{background:linear-gradient(115deg,#1a1a1a,#6366f1)}
.footer{background:#161616}
.logo-mark{box-shadow:0 6px 16px rgba(20,20,20,.20);font-family:var(--font-display)}
.nav-menu a:hover{color:#6366f1}
.shape.s1{background:#1a1a1a !important;opacity:.06 !important}
.shape.s2{background:#6366f1 !important;opacity:.14 !important}
.ts-swatch.ts-minimalist{background:linear-gradient(135deg,#fafafa,#6366f1)}