/* ============================================================
   主题 02 · 流光溢彩 (Aurora Glow)
   深邃夜空底配紫·粉·青极光渐变，现代精致，如夜空摄影师作品集
   ============================================================ */
:root{
  --c-bg:#0d0e1a;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(179,136,255,.20),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(126,232,250,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(232,121,249,.13),transparent 50%),
              linear-gradient(165deg,#0d0e1a,#14122a);
  --c-surface:rgba(26,24,48,.72);
  --c-surface-2:rgba(38,34,68,.60);
  --c-text:#f2f0fb;
  --c-muted:#9b96c4;
  --c-accent:#b388ff;
  --c-accent-2:#7ee8fa;
  --c-on-accent:#0d0e1a;
  --c-border:rgba(179,136,255,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#b388ff,#e879f9 45%,#7ee8fa);
  --nav-bg:rgba(13,14,26,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(124,77,255,.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(179,136,255,.20),transparent 70%),
    radial-gradient(55% 40% at 50% 6%, rgba(232,121,249,.16),transparent 70%),
    radial-gradient(60% 45% at 82% 14%,rgba(126,232,250,.18),transparent 70%);
  filter:blur(8px);
  animation:auroraDrift 20s ease-in-out infinite alternate;
}
@keyframes auroraDrift{
  from{transform:translate3d(-3%,0,0) scale(1.04)}
  to{transform:translate3d(3%,-2%,0) scale(1.08)}
}
/* 标题：纤细字重 + 渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#b388ff,#e879f9 40%,#7ee8fa 70%,#b388ff);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:auroraShimmer 7s linear infinite;
}
@keyframes auroraShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(179,136,255,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(126,232,250,.45),0 34px 70px rgba(124,77,255,.40);border-color:rgba(126,232,250,.50)}
.album-info{background:rgba(20,18,40,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#b388ff,#7ee8fa);color:#0d0e1a;border:none}
.album-meta{border-top-color:rgba(179,136,255,.14)}
.album-meta .view{color:#7ee8fa}
.section-head .kicker{background:linear-gradient(115deg,#b388ff,#7ee8fa);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#3a1c8c,#b388ff 50%,#7ee8fa);background-size:200% auto;animation:auroraShimmer 9s linear infinite;box-shadow:0 0 60px rgba(124,77,255,.40)}
.eyebrow{background:linear-gradient(115deg,#b388ff,#e879f9,#7ee8fa) !important;color:#0d0e1a !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#b388ff,#7ee8fa);color:#0d0e1a;box-shadow:0 12px 30px rgba(124,77,255,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#f2f0fb;border-color:rgba(179,136,255,.22)}
.divider{background:linear-gradient(115deg,#b388ff,#7ee8fa)}
.footer{background:#070712;border-top:1px solid rgba(179,136,255,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(179,136,255,.55)}
.nav-menu a:hover{color:#b388ff;background:rgba(179,136,255,.10)}
.ts-swatch.ts-aurora{background:linear-gradient(135deg,#b388ff,#e879f9,#7ee8fa)}
.shape.s1{background:#b388ff !important;opacity:.22 !important}
.shape.s2{background:#7ee8fa !important;opacity:.20 !important}