/* ============================================================
   主题 N2 · 生日风格 (Birthday Party)
   糖果色渐变映深紫夜底，气球飘动欢快明亮，如生日派对影像集
   ============================================================ */
:root{
  --c-bg:#1a0a1e;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(255,107,157,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(192,132,252,.18),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(255,107,157,.12),transparent 50%),
              linear-gradient(165deg,#1a0a1e,#241033);
  --c-surface:rgba(48,24,58,.72);
  --c-surface-2:rgba(64,30,76,.60);
  --c-text:#fdf2ff;
  --c-muted:#b89ac9;
  --c-accent:#ff6b9d;
  --c-accent-2:#c084fc;
  --c-on-accent:#1a0a1e;
  --c-border:rgba(255,107,157,.18);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#ff6b9d,#c084fc 50%,#fbb6ce);
  --nav-bg:rgba(26,10,30,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(255,107,157,.30);
  --radius:18px;
}
/* 气球飘浮层 —— 糖果色圆点缓缓上浮 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 14% 80%,rgba(255,107,157,.55) 4px,transparent 5px),
    radial-gradient(circle at 38% 70%,rgba(192,132,252,.50) 3.5px,transparent 4.5px),
    radial-gradient(circle at 62% 85%,rgba(251,182,206,.50) 4px,transparent 5px),
    radial-gradient(circle at 84% 72%,rgba(255,107,157,.45) 3.5px,transparent 4.5px),
    radial-gradient(circle at 26% 50%,rgba(192,132,252,.45) 3px,transparent 4px),
    radial-gradient(circle at 74% 40%,rgba(251,182,206,.42) 3px,transparent 4px);
  background-size:220px 260px,180px 240px,200px 280px,190px 250px,160px 220px,170px 230px;
  opacity:.5;
  animation:balloonFloat 14s linear infinite alternate;
}
@keyframes balloonFloat{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}
  100%{background-position:0 -120px,20px -100px,-20px -110px,15px -90px,-25px -80px,10px -130px}
}
/* 标题：糖果渐变流光 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#ff6b9d,#c084fc 40%,#fbb6ce 70%,#ff6b9d);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:balloonShimmer 7s linear infinite;
}
@keyframes balloonShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,107,157,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(192,132,252,.45),0 34px 70px rgba(255,107,157,.40);border-color:rgba(192,132,252,.50);transform:translateY(-6px)}
.album-info{background:rgba(40,18,48,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#ff6b9d,#c084fc);color:#1a0a1e;border:none}
.album-meta{border-top-color:rgba(255,107,157,.14)}
.album-meta .view{color:#c084fc}
.section-head .kicker{background:linear-gradient(115deg,#ff6b9d,#c084fc);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#5c1840,#ff6b9d 50%,#c084fc);background-size:200% auto;animation:balloonShimmer 9s linear infinite;box-shadow:0 0 60px rgba(255,107,157,.40)}
.eyebrow{background:linear-gradient(115deg,#ff6b9d,#c084fc) !important;color:#1a0a1e !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#ff6b9d,#c084fc);color:#1a0a1e;box-shadow:0 12px 30px rgba(255,107,157,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fdf2ff;border-color:rgba(255,107,157,.22)}
.divider{background:linear-gradient(115deg,#ff6b9d,#c084fc)}
.footer{background:#0e0512;border-top:1px solid rgba(255,107,157,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(255,107,157,.55)}
.nav-menu a:hover{color:#c084fc;background:rgba(255,107,157,.10)}
.ts-swatch.ts-birthday{background:linear-gradient(135deg,#ff6b9d,#c084fc)}
.shape.s1{background:#ff6b9d !important;opacity:.22 !important}
.shape.s2{background:#c084fc !important;opacity:.20 !important}
