/* ============================================================
   主题 L03 · 玫瑰流光体 (Rose Luster)
   深红底配玫瑰粉金渐变流光，Playfair Display 优雅衬线与玫瑰绽放，如夜蔷薇
   字体: Playfair Display(400;700;900) + Inter(400;600;700)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#1a0a0e;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(225,29,72,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(253,164,175,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(225,29,72,.13),transparent 50%),
              linear-gradient(165deg,#1a0a0e,#2a0e14);
  --c-surface:rgba(48,16,22,.72);
  --c-surface-2:rgba(64,20,28,.60);
  --c-text:#fff0f3;
  --c-muted:#c47a90;
  --c-accent:#e11d48;
  --c-accent-2:#fda4af;
  --c-on-accent:#1a0a0e;
  --c-border:rgba(253,164,175,.18);
  --font-display:'Playfair Display',serif;
  --font-body:'Inter',sans-serif;
  --hero-grad:linear-gradient(115deg,#e11d48,#fda4af 50%,#fecdd3);
  --nav-bg:rgba(26,10,14,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(225,29,72,.30);
  --radius:18px;
}
/* 玫瑰绽放光层 —— 粉金光晕缓缓舒展，如花瓣绽放 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(50% 40% at 22% 16%,rgba(225,29,72,.22),transparent 70%),
    radial-gradient(45% 36% at 58% 10%,rgba(253,164,175,.18),transparent 70%),
    radial-gradient(50% 40% at 82% 22%,rgba(254,205,211,.14),transparent 70%);
  filter:blur(9px);
  animation:roseBloom 8s ease-in-out infinite alternate;
}
@keyframes roseBloom{
  0%{transform:scale(1) rotate(0deg);opacity:.5}
  50%{transform:scale(1.06) rotate(1deg);opacity:.7}
  100%{transform:scale(1.1) rotate(2deg);opacity:.55}
}
/* 标题：Playfair Display 优雅衬线 + 玫瑰粉金流光闪烁 */
.hero h1{font-weight:400;letter-spacing:.5px;font-family:var(--font-display)}
.hero h1 .grad{
  background:linear-gradient(115deg,#fda4af,#e11d48 35%,#fecdd3 65%,#fda4af);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:900;letter-spacing:1px;animation:roseShimmer 7.5s linear infinite;
}
@keyframes roseShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(253,164,175,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(225,29,72,.45),0 34px 70px rgba(225,29,72,.40);border-color:rgba(253,164,175,.55);transform:translateY(-6px)}
.album-info{background:rgba(40,12,18,.50)}
.album-info h3{font-weight:700;font-family:var(--font-display)}
.album-badge{background:linear-gradient(115deg,#e11d48,#fda4af);color:#1a0a0e;border:none}
.album-meta{border-top-color:rgba(253,164,175,.14)}
.album-meta .view{color:#fecdd3}
.section-head .kicker{background:linear-gradient(115deg,#e11d48,#fda4af);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px;font-family:var(--font-display)}
.about-visual{background:linear-gradient(135deg,#881337,#e11d48 50%,#fda4af);background-size:200% auto;animation:roseShimmer 9s linear infinite;box-shadow:0 0 60px rgba(225,29,72,.40)}
.eyebrow{background:linear-gradient(115deg,#e11d48,#fda4af) !important;color:#1a0a0e !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#e11d48,#fda4af);color:#1a0a0e;box-shadow:0 12px 30px rgba(225,29,72,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff0f3;border-color:rgba(253,164,175,.22)}
.divider{background:linear-gradient(115deg,#e11d48,#fda4af)}
.footer{background:#0e0407;border-top:1px solid rgba(253,164,175,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(225,29,72,.55)}
.nav-menu a:hover{color:#fda4af;background:rgba(225,29,72,.10)}
.ts-swatch.ts-luster-rose{background:linear-gradient(135deg,#e11d48,#fda4af)}
.shape.s1{background:#e11d48 !important;opacity:.22 !important}
.shape.s2{background:#fda4af !important;opacity:.20 !important}