/* ============================================================
   主题 21 · 天鹅绒光 (Velvet Sheen)
   深紫天鹅绒质感，金色光晕，奢华如高级珠宝摄影集
   ============================================================ */
:root{
  --c-bg:#100820;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(126,34,206,.20),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(251,191,36,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(168,85,247,.13),transparent 50%),
              linear-gradient(165deg,#100820,#1a1030);
  --c-surface:rgba(32,20,56,.74);
  --c-surface-2:rgba(44,28,72,.62);
  --c-text:#f7f0ff;
  --c-muted:#a890c8;
  --c-accent:#7e22ce;
  --c-accent-2:#fbbf24;
  --c-on-accent:#100820;
  --c-border:rgba(126,34,206,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#7e22ce,#fbbf24 45%,#a855f7);
  --nav-bg:rgba(16,8,32,.62);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(126,34,206,.30);
  --radius:18px;
}
/* 金紫光晕层 —— 金色光点与紫色光晕交织流动 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 30% at 24% 20%,rgba(251,191,36,.20),transparent 70%),
    radial-gradient(55% 40% at 72% 30%,rgba(126,34,206,.18),transparent 70%),
    radial-gradient(45% 35% at 50% 88%,rgba(168,85,247,.16),transparent 70%),
    radial-gradient(circle at 60% 60%,rgba(251,191,36,.10),transparent 40%);
  filter:blur(10px);
  animation:velvetGlow 18s ease-in-out infinite alternate;
}
@keyframes velvetGlow{
  0%{transform:translate3d(-2%,1%,0) scale(1.03);opacity:.85}
  100%{transform:translate3d(2%,-2%,0) scale(1.07);opacity:1}
}
/* 标题：纤细字重 + 渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#7e22ce,#fbbf24 40%,#a855f7 70%,#7e22ce);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:velvetShimmer 7s linear infinite;
}
@keyframes velvetShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(126,34,206,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(251,191,36,.45),0 34px 70px rgba(126,34,206,.40);border-color:rgba(251,191,36,.50)}
.album-info{background:rgba(28,18,52,.52)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#7e22ce,#fbbf24);color:#100820;border:none}
.album-meta{border-top-color:rgba(126,34,206,.14)}
.album-meta .view{color:#fbbf24}
.section-head .kicker{background:linear-gradient(115deg,#7e22ce,#fbbf24);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#3a1666,#7e22ce 40%,#fbbf24 80%);background-size:200% auto;animation:velvetShimmer 9s linear infinite;box-shadow:0 0 60px rgba(126,34,206,.40)}
.eyebrow{background:linear-gradient(115deg,#7e22ce,#fbbf24,#a855f7) !important;color:#100820 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#7e22ce,#fbbf24);color:#100820;box-shadow:0 12px 30px rgba(126,34,206,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f7f0ff;border-color:rgba(126,34,206,.22)}
.divider{background:linear-gradient(115deg,#7e22ce,#fbbf24)}
.footer{background:#080414;border-top:1px solid rgba(126,34,206,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(126,34,206,.55)}
.nav-menu a:hover{color:#7e22ce;background:rgba(126,34,206,.10)}
.ts-swatch.ts-velvet{background:linear-gradient(135deg,#7e22ce,#a855f7,#fbbf24)}
.shape.s1{background:#7e22ce !important;opacity:.22 !important}
.shape.s2{background:#fbbf24 !important;opacity:.20 !important}
