/* ============================================================
   主题 19 · 海沫轻拂  Seafoam Whisper
   浅青绿底配海沫青色，清新柔和如海风拂面的清晨
   ============================================================ */
:root{
  --c-bg:#f0f9f6;
  --c-bg-grad:radial-gradient(circle at 20% 14%,#e0f5ee,transparent 45%),
              radial-gradient(circle at 80% 80%,#e8f8f2,transparent 46%),
              linear-gradient(165deg,#f2faf6,#eaf6f0);
  --c-surface:#ffffff;
  --c-surface-2:#eef8f3;
  --c-text:#2a4a3e;
  --c-muted:#80a89a;
  --c-accent:#2dd4a7;
  --c-accent-2:#5eebc4;
  --c-on-accent:#ffffff;
  --c-border:rgba(45,212,167,.12);
  --font-display:'Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#2dd4a7,#5eebc4 55%,#a7f3d0);
  --nav-bg:rgba(240,249,246,.78);
  --nav-blur:blur(14px);
  --shadow:0 16px 40px rgba(45,212,167,.14);
  --radius:16px;
}
/* 海沫波纹层 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(circle at 18% 30%,#5eebc4 1px,transparent 2px),
                   radial-gradient(circle at 62% 68%,#a7f3d0 1.5px,transparent 2.5px),
                   radial-gradient(circle at 88% 22%,#2dd4a7 1px,transparent 2px),
                   radial-gradient(circle at 42% 85%,#5eebc4 1px,transparent 2px);
  background-size:140px 140px,120px 120px,160px 160px,100px 100px;
  animation:seafoamDrift 20s linear infinite;
}
@keyframes seafoamDrift{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:140px 140px,0 120px,160px 0,100px 100px}
}
.hero h1{font-weight:700;letter-spacing:-.5px}
.hero h1 .grad{background:linear-gradient(135deg,#2dd4a7,#5eebc4);-webkit-background-clip:text;background-clip:text;color:transparent}
.album-card{border:1px solid rgba(45,212,167,.12)}
.album-card:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(45,212,167,.2);border-color:rgba(45,212,167,.4)}
.album-info h3{letter-spacing:.2px}
.album-badge{background:rgba(255,255,255,.92);color:#2dd4a7;backdrop-filter:blur(6px)}
.album-meta .view{color:#2dd4a7}
.section-head .kicker{color:#2dd4a7;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#2dd4a7,#5eebc4,#a7f3d0)}
.eyebrow{background:linear-gradient(135deg,#2dd4a7,#5eebc4) !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#2dd4a7,#5eebc4);box-shadow:0 12px 28px rgba(45,212,167,.3)}
.footer{background:#1a3329}
.logo-mark{box-shadow:0 6px 20px rgba(45,212,167,.4)}
.nav-menu a:hover{color:#2dd4a7}
.divider{background:linear-gradient(135deg,#2dd4a7,#5eebc4)}
.shape.s1{background:#2dd4a7 !important;opacity:.14 !important}
.shape.s2{background:#5eebc4 !important;opacity:.12 !important}
.ts-swatch.ts-seafoam{background:linear-gradient(135deg,#f0f9f6,#2dd4a7)}