/* ============================================================
   主题 23 · 玫瑰金流光 (Rose Gold Flow)
   玫瑰金透明渐变，粉色光晕，精致如高端美妆摄影集
   ============================================================ */
:root{
  --c-bg:#1a0a14;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(236,72,153,.20),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(245,158,11,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(251,113,133,.13),transparent 50%),
              linear-gradient(165deg,#1a0a14,#241420);
  --c-surface:rgba(42,22,38,.72);
  --c-surface-2:rgba(56,30,48,.60);
  --c-text:#fff0f5;
  --c-muted:#c89aa8;
  --c-accent:#ec4899;
  --c-accent-2:#f59e0b;
  --c-on-accent:#1a0a14;
  --c-border:rgba(236,72,153,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#ec4899,#f59e0b 45%,#fbbf24);
  --nav-bg:rgba(26,10,20,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(236,72,153,.30);
  --radius:18px;
}
/* 玫瑰金光流层 —— 粉金光带斜向流动 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(105deg,transparent 20%,rgba(236,72,153,.18) 36%,transparent 52%),
    linear-gradient(75deg,transparent 54%,rgba(245,158,11,.14) 68%,transparent 84%),
    radial-gradient(55% 40% at 30% 12%,rgba(251,113,133,.14),transparent 70%);
  background-size:240% 100%,240% 100%,100% 100%;
  filter:blur(10px);
  animation:rosegold2Flow 20s linear infinite;
}
@keyframes rosegold2Flow{
  0%{background-position:0% 0,100% 0,0 0}
  100%{background-position:240% 0,-240% 0,0 0}
}
/* 标题：纤细字重 + 渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#ec4899,#f59e0b 40%,#fbbf24 70%,#ec4899);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:rosegold2Shimmer 7s linear infinite;
}
@keyframes rosegold2Shimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(236,72,153,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(245,158,11,.45),0 34px 70px rgba(236,72,153,.40);border-color:rgba(245,158,11,.50)}
.album-info{background:rgba(36,18,32,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#ec4899,#f59e0b);color:#1a0a14;border:none}
.album-meta{border-top-color:rgba(236,72,153,.14)}
.album-meta .view{color:#f59e0b}
.section-head .kicker{background:linear-gradient(115deg,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#7a1e4a,#ec4899 40%,#f59e0b 80%);background-size:200% auto;animation:rosegold2Shimmer 9s linear infinite;box-shadow:0 0 60px rgba(236,72,153,.40)}
.eyebrow{background:linear-gradient(115deg,#ec4899,#f59e0b,#fbbf24) !important;color:#1a0a14 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#ec4899,#f59e0b);color:#1a0a14;box-shadow:0 12px 30px rgba(236,72,153,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#fff0f5;border-color:rgba(236,72,153,.22)}
.divider{background:linear-gradient(115deg,#ec4899,#f59e0b)}
.footer{background:#0e050a;border-top:1px solid rgba(236,72,153,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(236,72,153,.55)}
.nav-menu a:hover{color:#ec4899;background:rgba(236,72,153,.10)}
.ts-swatch.ts-rosegold2{background:linear-gradient(135deg,#ec4899,#fb7185,#f59e0b)}
.shape.s1{background:#ec4899 !important;opacity:.22 !important}
.shape.s2{background:#f59e0b !important;opacity:.20 !important}