/* ============================================================
   主题 16 · 北欧极简  Nordic Minimal
   冷调灰白配石墨灰，简约克制如斯堪的纳维亚设计美学
   ============================================================ */
:root{
  --c-bg:#f5f6f7;
  --c-bg-grad:radial-gradient(circle at 25% 12%,#eceff2,transparent 48%),
              radial-gradient(circle at 75% 85%,#eef1f3,transparent 45%),
              linear-gradient(170deg,#f8f9fa,#f0f2f4);
  --c-surface:#ffffff;
  --c-surface-2:#f2f4f6;
  --c-text:#2c3338;
  --c-muted:#889098;
  --c-accent:#5a6c7a;
  --c-accent-2:#8a9ba8;
  --c-on-accent:#ffffff;
  --c-border:rgba(90,108,122,.1);
  --font-display:'Helvetica Neue','Helvetica','Arial','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#5a6c7a,#8a9ba8);
  --nav-bg:rgba(245,246,247,.82);
  --nav-blur:blur(14px);
  --shadow:0 8px 24px rgba(90,108,122,.08);
  --radius:8px;
}
/* 极简网格纹理 —— 极淡的几何感 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.018;
  background-image:linear-gradient(rgba(90,108,122,1) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(90,108,122,1) 1px,transparent 1px);
  background-size:60px 60px;
}
.hero h1{font-weight:200;letter-spacing:-1px}
.hero h1 .grad{background:linear-gradient(135deg,#5a6c7a,#8a9ba8);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.album-card{border:1px solid rgba(90,108,122,.08);box-shadow:0 6px 18px rgba(90,108,122,.06)}
.album-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(90,108,122,.12);border-color:rgba(90,108,122,.2)}
.album-info h3{font-weight:500;letter-spacing:.3px}
.album-badge{background:rgba(255,255,255,.92);color:#2c3338;border:1px solid rgba(90,108,122,.1)}
.album-meta .view{color:#5a6c7a}
.section-head .kicker{color:#5a6c7a;letter-spacing:6px}
.section-head h2{font-weight:200;letter-spacing:-.5px}
.about-visual{background:linear-gradient(135deg,#5a6c7a,#8a9ba8)}
.eyebrow{background:#5a6c7a !important;letter-spacing:4px}
.btn.primary{background:#5a6c7a;color:#fff}
.btn.primary:hover{background:#4a5c6a}
.btn.ghost{background:transparent;color:#2c3338;border-color:rgba(90,108,122,.16)}
.footer{background:#1e2428;border-top:1px solid rgba(90,108,122,.08)}
.logo-mark{background:#5a6c7a;color:#fff;border-radius:10px}
.nav-menu a:hover{color:#5a6c7a}
.divider{background:linear-gradient(135deg,#5a6c7a,#8a9ba8)}
.shape.s1{background:#5a6c7a !important;opacity:.08 !important}
.shape.s2{background:#8a9ba8 !important;opacity:.06 !important}
.ts-swatch.ts-nordic{background:linear-gradient(135deg,#f5f6f7,#5a6c7a)}