/* ============================================================
   主题 6 · 紫藤花廊  Wisteria Arch
   紫藤紫蓝花廊，Playfair Display 高对比衬线字体，浪漫华丽如紫藤垂蔓花廊
   字体：Playfair Display (display) + Inter (body)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,700;1,900&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#f6f4fa;
  --c-bg-grad:radial-gradient(circle at 20% 15%,#ece6f4,transparent 46%),
              radial-gradient(circle at 80% 80%,#eee8f6,transparent 48%),
              linear-gradient(165deg,#f8f6fc,#f0ecf6);
  --c-surface:#ffffff;
  --c-surface-2:#efeaf5;
  --c-text:#43395a;
  --c-muted:#8e86b0;
  --c-accent:#7b6cb0;
  --c-accent-2:#9d8cc8;
  --c-on-accent:#ffffff;
  --c-border:rgba(123,108,176,.14);
  --font-display:'Playfair Display','Georgia','Songti SC',serif;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#7b6cb0,#9d8cc8 55%,#c4b4e2);
  --nav-bg:rgba(246,244,250,.78);
  --nav-blur:blur(14px);
  --shadow:0 18px 44px rgba(123,108,176,.16);
  --radius:16px;
}
/* 紫藤光点飘浮 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42;
  background-image:
    radial-gradient(2px 2px at 22px 32px,rgba(157,140,200,.6),transparent),
    radial-gradient(1.5px 1.5px at 94px 110px,rgba(123,108,176,.55),transparent),
    radial-gradient(2.5px 2.5px at 162px 60px,rgba(196,180,226,.5),transparent),
    radial-gradient(1.5px 1.5px at 222px 180px,rgba(157,140,200,.55),transparent),
    radial-gradient(2px 2px at 282px 90px,rgba(123,108,176,.45),transparent),
    radial-gradient(1.5px 1.5px at 342px 220px,rgba(196,180,226,.5),transparent);
  background-size:362px 262px,362px 262px,362px 262px,362px 262px,362px 262px,362px 262px;
  filter:blur(1px);
  animation:wisteriaDrift 29s linear infinite;
}
@keyframes wisteriaDrift{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}
  100%{background-position:362px 262px,0 262px,362px 0,0 262px,362px 0,0 262px}
}
/* 标题：Playfair Display 高对比衬线，戏剧化渐变 */
.hero h1{font-family:var(--font-display);font-weight:700;letter-spacing:-.5px}
.hero h1 .grad{
  background:linear-gradient(135deg,#7b6cb0,#9d8cc8 50%,#c4b4e2);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-style:italic;font-weight:900;
}
.album-card{border:1px solid rgba(123,108,176,.14)}
.album-card:hover{transform:translateY(-6px);box-shadow:0 28px 54px rgba(123,108,176,.22);border-color:rgba(123,108,176,.4)}
.album-info h3{font-family:var(--font-display);letter-spacing:.2px}
.album-badge{background:rgba(255,255,255,.92);color:#7b6cb0;backdrop-filter:blur(6px)}
.album-meta .view{color:#7b6cb0}
.section-head .kicker{font-family:var(--font-body);color:#7b6cb0;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#7b6cb0,#9d8cc8,#c4b4e2)}
.eyebrow{background:linear-gradient(135deg,#7b6cb0,#9d8cc8) !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(135deg,#7b6cb0,#9d8cc8);box-shadow:0 12px 28px rgba(123,108,176,.3)}
.btn.ghost{background:rgba(255,255,255,.55);color:#43395a;border-color:rgba(123,108,176,.3)}
.divider{background:linear-gradient(135deg,#7b6cb0,#9d8cc8)}
.footer{background:#2b2450}
.logo-mark{box-shadow:0 6px 20px rgba(123,108,176,.4)}
.nav-menu a:hover{color:#7b6cb0}
.shape.s1{background:#7b6cb0 !important;opacity:.18 !important}
.shape.s2{background:#9d8cc8 !important;opacity:.16 !important}