/* ============================================================
   主题 N15 · 宇宙流光 (Cosmic Flow)
   深紫蓝夜底缀星云流转，浩瀚壮丽如深空天文影像集
   ============================================================ */
:root{
  --c-bg:#080820;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(108,92,231,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(162,155,254,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(108,92,231,.13),transparent 50%),
              linear-gradient(165deg,#080820,#10102e);
  --c-surface:rgba(24,24,56,.72);
  --c-surface-2:rgba(36,34,72,.60);
  --c-text:#eef0ff;
  --c-muted:#9698c8;
  --c-accent:#6c5ce7;
  --c-accent-2:#a29bfe;
  --c-on-accent:#080820;
  --c-border:rgba(108,92,231,.18);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#6c5ce7,#a29bfe 50%,#d6c9ff);
  --nav-bg:rgba(8,8,32,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(108,92,231,.30);
  --radius:18px;
}
/* 星云旋转动画层 —— 紫蓝星云缓缓旋转 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 35% at 22% 18%,rgba(108,92,231,.24),transparent 70%),
    radial-gradient(45% 38% at 68% 14%,rgba(162,155,254,.20),transparent 70%),
    radial-gradient(40% 35% at 84% 30%,rgba(214,201,255,.16),transparent 70%),
    radial-gradient(50% 40% at 40% 80%,rgba(108,92,231,.14),transparent 70%);
  filter:blur(8px);
  animation:cosmicSpin 30s linear infinite;
}
@keyframes cosmicSpin{
  0%{transform:rotate(0deg) scale(1.05);opacity:.85}
  50%{transform:rotate(180deg) scale(1.12);opacity:1}
  100%{transform:rotate(360deg) scale(1.05);opacity:.85}
}
/* 标题：星云渐变流光闪烁 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#6c5ce7,#a29bfe 40%,#d6c9ff 70%,#a29bfe);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:cosmicShimmer 7s linear infinite;
}
@keyframes cosmicShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(108,92,231,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(162,155,254,.45),0 34px 70px rgba(108,92,231,.40);border-color:rgba(162,155,254,.50);transform:translateY(-6px)}
.album-info{background:rgba(20,20,48,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#6c5ce7,#a29bfe);color:#080820;border:none}
.album-meta{border-top-color:rgba(108,92,231,.14)}
.album-meta .view{color:#a29bfe}
.section-head .kicker{background:linear-gradient(115deg,#6c5ce7,#a29bfe);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#3a2c8c,#6c5ce7 50%,#a29bfe);background-size:200% auto;animation:cosmicShimmer 9s linear infinite;box-shadow:0 0 60px rgba(108,92,231,.40)}
.eyebrow{background:linear-gradient(115deg,#6c5ce7,#a29bfe) !important;color:#080820 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#6c5ce7,#a29bfe);color:#080820;box-shadow:0 12px 30px rgba(108,92,231,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#eef0ff;border-color:rgba(108,92,231,.22)}
.divider{background:linear-gradient(115deg,#6c5ce7,#a29bfe)}
.footer{background:#04041a;border-top:1px solid rgba(108,92,231,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(162,155,254,.55)}
.nav-menu a:hover{color:#a29bfe;background:rgba(108,92,231,.10)}
.ts-swatch.ts-cosmic{background:linear-gradient(135deg,#6c5ce7,#a29bfe)}
.shape.s1{background:#6c5ce7 !important;opacity:.22 !important}
.shape.s2{background:#a29bfe !important;opacity:.20 !important}