/* ============================================================
   主题 10 · 星河宇宙  Galaxy Cosmos
   极暗底缀星河紫与星光蓝，璀璨深邃如天文摄影集
   ============================================================ */
:root{
  --c-bg:#08091a;
  --c-bg-grad:radial-gradient(circle at 25% 20%,rgba(124,77,255,.22),transparent 45%),
              radial-gradient(circle at 78% 75%,rgba(68,138,255,.18),transparent 48%),
              radial-gradient(circle at 50% 50%,rgba(124,77,255,.07),transparent 60%),
              linear-gradient(160deg,#08091a,#0c0d22);
  --c-surface:rgba(20,22,52,.6);
  --c-surface-2:rgba(28,30,66,.5);
  --c-text:#eef0ff;
  --c-muted:#8e93c4;
  --c-accent:#7c4dff;
  --c-accent-2:#448aff;
  --c-on-accent:#ffffff;
  --c-border:rgba(124,77,255,.16);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#7c4dff,#448aff 55%,#8fb4ff);
  --nav-bg:rgba(8,9,26,.62);
  --nav-blur:blur(18px);
  --shadow:0 18px 50px rgba(124,77,255,.32);
  --radius:14px;
}
/* 星空闪烁 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.7;
  background-image:radial-gradient(1px 1px at 24px 34px,#fff,transparent),
                   radial-gradient(1px 1px at 92px 118px,#cdd4ff,transparent),
                   radial-gradient(1.5px 1.5px at 156px 64px,#e3d8ff,transparent),
                   radial-gradient(1px 1px at 210px 182px,#fff,transparent),
                   radial-gradient(2px 2px at 264px 92px,#8fb4ff,transparent),
                   radial-gradient(1px 1px at 330px 220px,#fff,transparent),
                   radial-gradient(1px 1px at 60px 220px,#cdd4ff,transparent);
  background-size:380px 280px;
  animation:twinkle 5s ease-in-out infinite alternate;
}
@keyframes twinkle{from{opacity:.4}to{opacity:.8}}
.hero h1{font-weight:700;letter-spacing:-1px}
.hero h1 .grad{background:linear-gradient(135deg,#8fb4ff,#7c4dff,#e3d8ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.album-card{backdrop-filter:blur(12px);border:1px solid rgba(124,77,255,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(124,77,255,.55),0 30px 60px rgba(124,77,255,.35);border-color:rgba(68,138,255,.6);transform:translateY(-6px)}
.album-info{border-top:1px solid rgba(124,77,255,.14)}
.album-info h3{letter-spacing:.3px}
.album-badge{background:rgba(8,9,26,.82);color:#8fb4ff;border:1px solid rgba(124,77,255,.4);backdrop-filter:blur(6px)}
.album-meta .view{color:#8fb4ff}
.section-head .kicker{color:#8fb4ff;letter-spacing:5px}
.section-head h2{letter-spacing:-1px}
.about-visual{background:linear-gradient(135deg,#2a1a5e,#7c4dff,#448aff);box-shadow:0 0 60px rgba(124,77,255,.35)}
.eyebrow{background:linear-gradient(135deg,#7c4dff,#448aff) !important}
.btn.primary{background:linear-gradient(135deg,#7c4dff,#448aff);box-shadow:0 12px 30px rgba(124,77,255,.45)}
.btn.ghost{background:rgba(255,255,255,.06);color:#eef0ff;border-color:rgba(124,77,255,.25)}
.footer{background:#04051a;border-top:1px solid rgba(124,77,255,.12)}
.logo-mark{box-shadow:0 6px 22px rgba(124,77,255,.5)}
.nav-menu a:hover{color:#8fb4ff}
.divider{background:linear-gradient(135deg,#7c4dff,#448aff)}
.ts-swatch.ts-galaxy{background:linear-gradient(135deg,#08091a,#7c4dff)}