/* ============================================================
   主题 N4 · 极光幻境 (Aurora Mirage)
   深蓝夜底缀青·粉·紫多色极光流变，梦幻升级，如极地光影摄影集
   ============================================================ */
:root{
  --c-bg:#0a0a1f;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(0,212,170,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(255,0,110,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(124,77,255,.13),transparent 50%),
              linear-gradient(165deg,#0a0a1f,#12102e);
  --c-surface:rgba(26,26,56,.72);
  --c-surface-2:rgba(38,34,72,.60);
  --c-text:#f0f0ff;
  --c-muted:#9696c8;
  --c-accent:#00d4aa;
  --c-accent-2:#ff006e;
  --c-on-accent:#0a0a1f;
  --c-border:rgba(0,212,170,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#00d4aa,#ff006e 45%,#7c4dff);
  --nav-bg:rgba(10,10,31,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(0,212,170,.30);
  --radius:18px;
}
/* 多色极光流动层 —— 四道彩光交织漂移 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 45% at 18% 12%,rgba(0,212,170,.22),transparent 70%),
    radial-gradient(55% 40% at 42% 6%,rgba(124,77,255,.18),transparent 70%),
    radial-gradient(60% 45% at 65% 8%,rgba(255,0,110,.18),transparent 70%),
    radial-gradient(55% 40% at 86% 14%,rgba(0,180,255,.16),transparent 70%);
  filter:blur(10px);
  animation:mirageDrift 18s ease-in-out infinite alternate;
}
@keyframes mirageDrift{
  0%{transform:translate3d(-4%,0,0) scale(1.04);opacity:.85}
  50%{transform:translate3d(2%,-1%,0) scale(1.10);opacity:1}
  100%{transform:translate3d(4%,-2%,0) scale(1.08);opacity:.9}
}
/* 标题：多色渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#00d4aa,#ff006e 35%,#7c4dff 65%,#00b4ff);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:mirageShimmer 6s linear infinite;
}
@keyframes mirageShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,212,170,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(255,0,110,.45),0 34px 70px rgba(0,212,170,.40);border-color:rgba(255,0,110,.50);transform:translateY(-6px)}
.album-info{background:rgba(20,18,44,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#00d4aa,#ff006e);color:#0a0a1f;border:none}
.album-meta{border-top-color:rgba(0,212,170,.14)}
.album-meta .view{color:#00d4aa}
.section-head .kicker{background:linear-gradient(115deg,#00d4aa,#ff006e);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#005c4a,#00d4aa 40%,#ff006e 75%,#7c4dff);background-size:200% auto;animation:mirageShimmer 9s linear infinite;box-shadow:0 0 60px rgba(0,212,170,.40)}
.eyebrow{background:linear-gradient(115deg,#00d4aa,#ff006e) !important;color:#0a0a1f !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#00d4aa,#ff006e);color:#0a0a1f;box-shadow:0 12px 30px rgba(0,212,170,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f0f0ff;border-color:rgba(0,212,170,.22)}
.divider{background:linear-gradient(115deg,#00d4aa,#ff006e)}
.footer{background:#06061a;border-top:1px solid rgba(0,212,170,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(0,212,170,.55)}
.nav-menu a:hover{color:#00d4aa;background:rgba(0,212,170,.10)}
.ts-swatch.ts-aurora2{background:linear-gradient(135deg,#00d4aa,#ff006e,#7c4dff)}
.shape.s1{background:#00d4aa !important;opacity:.22 !important}
.shape.s2{background:#ff006e !important;opacity:.20 !important}