/* ============================================================
   主题 7 · 蓟花原野  Thistle Meadow
   蓟花紫银原野，Cormorant 清雅衬线字体，纤瘦空灵如蓟花银紫原野
   字体：Cormorant (display) + Inter (body)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#f4f3f6;
  --c-bg-grad:radial-gradient(circle at 22% 18%,#e9e7ef,transparent 46%),
              radial-gradient(circle at 78% 78%,#eceaf2,transparent 48%),
              linear-gradient(165deg,#f6f5f8,#efedf3);
  --c-surface:#ffffff;
  --c-surface-2:#eeeaf2;
  --c-text:#423c50;
  --c-muted:#948fa6;
  --c-accent:#8e7baf;
  --c-accent-2:#a895c4;
  --c-on-accent:#ffffff;
  --c-border:rgba(142,123,175,.14);
  --font-display:'Cormorant','Georgia','Songti SC',serif;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#8e7baf,#a895c4 55%,#cab9dc);
  --nav-bg:rgba(244,243,246,.78);
  --nav-blur:blur(14px);
  --shadow:0 18px 44px rgba(142,123,175,.16);
  --radius:16px;
}
/* 蓟花花瓣飘落 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4;
  background-image:radial-gradient(circle at 19% 29%,#b6a4cf 1.5px,transparent 2.5px),
                   radial-gradient(circle at 63% 69%,#a895c4 1.5px,transparent 2px),
                   radial-gradient(circle at 89% 21%,#cab9dc 2px,transparent 3px),
                   radial-gradient(circle at 43% 87%,#b6a4cf 1px,transparent 2px);
  background-size:116px 116px,104px 104px,146px 146px,114px 114px;
  animation:thistleFall 26s linear infinite;
}
@keyframes thistleFall{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:116px 116px,0 104px,146px 0,114px 114px}
}
/* 标题：Cormorant 纤瘦清雅，大字距渐变 */
.hero h1{font-family:var(--font-display);font-weight:500;letter-spacing:1.5px}
.hero h1 .grad{
  background:linear-gradient(135deg,#8e7baf,#a895c4 50%,#cab9dc);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-style:italic;font-weight:600;
}
.album-card{border:1px solid rgba(142,123,175,.14)}
.album-card:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(142,123,175,.22);border-color:rgba(142,123,175,.4)}
.album-info h3{font-family:var(--font-display);letter-spacing:.4px}
.album-badge{background:rgba(255,255,255,.92);color:#8e7baf;backdrop-filter:blur(6px)}
.album-meta .view{color:#8e7baf}
.section-head .kicker{font-family:var(--font-body);color:#8e7baf;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#8e7baf,#a895c4,#cab9dc)}
.eyebrow{background:linear-gradient(135deg,#8e7baf,#a895c4) !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#8e7baf,#a895c4);box-shadow:0 12px 28px rgba(142,123,175,.3)}
.btn.ghost{background:rgba(255,255,255,.55);color:#423c50;border-color:rgba(142,123,175,.3)}
.divider{background:linear-gradient(135deg,#8e7baf,#a895c4)}
.footer{background:#2e2845}
.logo-mark{box-shadow:0 6px 20px rgba(142,123,175,.4)}
.nav-menu a:hover{color:#8e7baf}
.shape.s1{background:#8e7baf !important;opacity:.18 !important}
.shape.s2{background:#a895c4 !important;opacity:.16 !important}