/* ============================================================
   主题 N12 · 翡翠流光 (Emerald Dream)
   深绿夜底缀翠·萤绿光点，萤火虫闪烁神秘自然，如林间秘境影像集
   ============================================================ */
:root{
  --c-bg:#0a1a12;
  --c-bg-grad:radial-gradient(circle at 18% 14%,rgba(0,184,148,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(85,239,196,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(0,184,148,.13),transparent 50%),
              linear-gradient(165deg,#0a1a12,#0e2418);
  --c-surface:rgba(18,42,32,.72);
  --c-surface-2:rgba(26,54,40,.60);
  --c-text:#eafaf0;
  --c-muted:#8fb8a0;
  --c-accent:#00b894;
  --c-accent-2:#55efc4;
  --c-on-accent:#0a1a12;
  --c-border:rgba(0,184,148,.18);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#00b894,#55efc4 50%,#a8f5d0);
  --nav-bg:rgba(10,26,18,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(0,184,148,.30);
  --radius:18px;
}
/* 萤火虫粒子层 —— 翠绿光点错落明灭 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 16% 22%,rgba(85,239,196,.60) 2px,transparent 3px),
    radial-gradient(circle at 34% 14%,rgba(168,245,208,.50) 1.5px,transparent 2.5px),
    radial-gradient(circle at 28% 30%,rgba(85,239,196,.45) 2px,transparent 3px),
    radial-gradient(circle at 48% 20%,rgba(168,245,208,.42) 1.5px,transparent 2.5px),
    radial-gradient(circle at 66% 16%,rgba(85,239,196,.50) 2px,transparent 3px),
    radial-gradient(circle at 82% 26%,rgba(168,245,208,.40) 1.5px,transparent 2.5px),
    radial-gradient(circle at 72% 32%,rgba(85,239,196,.38) 1.5px,transparent 2.5px);
  background-size:260px 260px,240px 240px,280px 280px,220px 220px,300px 300px,250px 250px,270px 270px;
  opacity:.6;
  animation:fireflyGlow 5s ease-in-out infinite alternate;
}
@keyframes fireflyGlow{
  0%{opacity:.3;transform:scale(1)}
  50%{opacity:.7;transform:scale(1.05)}
  100%{opacity:.45;transform:scale(1.03)}
}
/* 标题：翠绿渐变流光 */
.hero h1{font-weight:300;letter-spacing:-1.5px}
.hero h1 .grad{
  background:linear-gradient(115deg,#00b894,#55efc4 40%,#a8f5d0 70%,#55efc4);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:800;animation:emeraldShimmer 7s linear infinite;
}
@keyframes emeraldShimmer{to{background-position:220% center}}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(0,184,148,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(85,239,196,.45),0 34px 70px rgba(0,184,148,.40);border-color:rgba(85,239,196,.50);transform:translateY(-6px)}
.album-info{background:rgba(14,36,26,.50)}
.album-info h3{font-weight:600}
.album-badge{background:linear-gradient(115deg,#00b894,#55efc4);color:#0a1a12;border:none}
.album-meta{border-top-color:rgba(0,184,148,.14)}
.album-meta .view{color:#55efc4}
.section-head .kicker{background:linear-gradient(115deg,#00b894,#55efc4);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#005c4a,#00b894 50%,#55efc4);background-size:200% auto;animation:emeraldShimmer 9s linear infinite;box-shadow:0 0 60px rgba(0,184,148,.40)}
.eyebrow{background:linear-gradient(115deg,#00b894,#55efc4) !important;color:#0a1a12 !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#00b894,#55efc4);color:#0a1a12;box-shadow:0 12px 30px rgba(0,184,148,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#eafaf0;border-color:rgba(0,184,148,.22)}
.divider{background:linear-gradient(115deg,#00b894,#55efc4)}
.footer{background:#04140a;border-top:1px solid rgba(0,184,148,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(0,184,148,.55)}
.nav-menu a:hover{color:#55efc4;background:rgba(0,184,148,.10)}
.ts-swatch.ts-forest2{background:linear-gradient(135deg,#00b894,#55efc4)}
.shape.s1{background:#00b894 !important;opacity:.22 !important}
.shape.s2{background:#55efc4 !important;opacity:.20 !important}