/* ============================================================
   主题 13 · 薰衣草田  Lavender Field
   柔紫淡底配薰衣草紫，优雅宁静如普罗旺斯花田
   ============================================================ */
:root{
  --c-bg:#f6f3fa;
  --c-bg-grad:radial-gradient(circle at 20% 15%,#ede6f5,transparent 45%),
              radial-gradient(circle at 80% 80%,#f0e8f8,transparent 48%),
              linear-gradient(165deg,#f8f5fc,#f0ebf6);
  --c-surface:#ffffff;
  --c-surface-2:#f3eef8;
  --c-text:#4a3f5a;
  --c-muted:#9888b0;
  --c-accent:#8b6fc4;
  --c-accent-2:#b89de0;
  --c-on-accent:#ffffff;
  --c-border:rgba(139,111,196,.14);
  --font-display:'Playfair Display','Georgia','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#8b6fc4,#b89de0 55%,#d4c5ed);
  --nav-bg:rgba(246,243,250,.78);
  --nav-blur:blur(14px);
  --shadow:0 18px 44px rgba(139,111,196,.16);
  --radius:16px;
}
/* 薰衣草花瓣飘落 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.38;
  background-image:radial-gradient(circle at 18% 28%,#c8b0e8 1.5px,transparent 2.5px),
                   radial-gradient(circle at 62% 68%,#b89de0 1.5px,transparent 2px),
                   radial-gradient(circle at 88% 20%,#d4c5ed 2px,transparent 3px),
                   radial-gradient(circle at 42% 85%,#c8b0e8 1px,transparent 2px);
  background-size:120px 120px,100px 100px,150px 150px,110px 110px;
  animation:lavenderFall 25s linear infinite;
}
@keyframes lavenderFall{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:120px 120px,0 100px,150px 0,110px 110px}
}
.hero h1{font-weight:700;letter-spacing:-.5px}
.hero h1 .grad{background:linear-gradient(135deg,#8b6fc4,#b89de0);-webkit-background-clip:text;background-clip:text;color:transparent}
.album-card{border:1px solid rgba(139,111,196,.14)}
.album-card:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(139,111,196,.22);border-color:rgba(139,111,196,.4)}
.album-info h3{letter-spacing:.2px}
.album-badge{background:rgba(255,255,255,.92);color:#8b6fc4;backdrop-filter:blur(6px)}
.album-meta .view{color:#8b6fc4}
.section-head .kicker{color:#8b6fc4;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#8b6fc4,#b89de0,#d4c5ed)}
.eyebrow{background:linear-gradient(135deg,#8b6fc4,#b89de0) !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#8b6fc4,#b89de0);box-shadow:0 12px 28px rgba(139,111,196,.3)}
.footer{background:#2e2240}
.logo-mark{box-shadow:0 6px 20px rgba(139,111,196,.4)}
.nav-menu a:hover{color:#8b6fc4}
.divider{background:linear-gradient(135deg,#8b6fc4,#b89de0)}
.ts-swatch.ts-lavender{background:linear-gradient(135deg,#f6f3fa,#8b6fc4)}