/* ============================================================
   主题 L04 · 翡翠流光体 (Emerald Luster)
   深绿底配翡翠绿渐变流光，Cormorant Garamond 修长衬线与萤光粒子，如夜林萤火
   字体: Cormorant Garamond(400;600;700) + Inter(400;600;700)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600;700&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#0a1e1a;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(16,185,129,.22),transparent 45%),
              radial-gradient(circle at 82% 22%,rgba(52,211,153,.16),transparent 45%),
              radial-gradient(circle at 50% 95%,rgba(16,185,129,.13),transparent 50%),
              linear-gradient(165deg,#0a1e1a,#0e2a24);
  --c-surface:rgba(14,42,36,.72);
  --c-surface-2:rgba(20,56,48,.60);
  --c-text:#e6fff5;
  --c-muted:#7ac4a8;
  --c-accent:#10b981;
  --c-accent-2:#34d399;
  --c-on-accent:#0a1e1a;
  --c-border:rgba(52,211,153,.18);
  --font-display:'Cormorant Garamond',serif;
  --font-body:'Inter',sans-serif;
  --hero-grad:linear-gradient(115deg,#10b981,#34d399 50%,#a7f3d0);
  --nav-bg:rgba(10,30,26,.60);
  --nav-blur:blur(18px);
  --shadow:0 22px 55px rgba(16,185,129,.30);
  --radius:18px;
}
/* 萤光粒子层 —— 翡翠绿光点明灭游动，如萤火虫飞舞 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:
    radial-gradient(circle at 14% 20%,rgba(52,211,153,.55) 1.2px,transparent 2.2px),
    radial-gradient(circle at 32% 12%,rgba(16,185,129,.48) 1.6px,transparent 2.6px),
    radial-gradient(circle at 52% 26%,rgba(167,243,208,.42) 1.2px,transparent 2.2px),
    radial-gradient(circle at 74% 16%,rgba(52,211,153,.50) 1.6px,transparent 2.6px),
    radial-gradient(circle at 90% 30%,rgba(16,185,129,.44) 1.2px,transparent 2.2px),
    radial-gradient(circle at 26% 74%,rgba(167,243,208,.38) 1.2px,transparent 2.2px),
    radial-gradient(circle at 70% 82%,rgba(52,211,153,.46) 1.6px,transparent 2.6px);
  background-size:120px 120px,150px 150px,110px 110px,140px 140px,130px 130px,170px 170px,160px 160px;
  opacity:.5;
  animation:emeraldGlow 6s steps(8,end) infinite alternate;
}
@keyframes emeraldGlow{
  0%{opacity:.3;transform:translate(0,0) scale(1)}
  33%{opacity:.6;transform:translate(4px,-6px) scale(1.04)}
  66%{opacity:.45;transform:translate(-3px,-10px) scale(1.08)}
  100%{opacity:.55;transform:translate(2px,-14px) scale(1.1)}
}
/* 标题：Cormorant Garamond 修长优雅 + 翡翠绿流光 */
.hero h1{font-weight:400;letter-spacing:1px;font-family:var(--font-display)}
.hero h1 .grad{
  background:linear-gradient(115deg,#34d399,#10b981 35%,#a7f3d0 65%,#34d399);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  font-weight:700;letter-spacing:1.5px;animation:emeraldShimmer 5.5s ease-in-out infinite;
}
@keyframes emeraldShimmer{
  0%,100%{background-position:0% center}
  50%{background-position:100% center}
}
/* 玻璃质感卡片 */
.album-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(52,211,153,.20)}
.album-card:hover{box-shadow:0 0 0 1px rgba(16,185,129,.45),0 34px 70px rgba(16,185,129,.40);border-color:rgba(52,211,153,.55);transform:translateY(-6px)}
.album-info{background:rgba(12,36,32,.50)}
.album-info h3{font-weight:600;font-family:var(--font-display)}
.album-badge{background:linear-gradient(115deg,#10b981,#34d399);color:#0a1e1a;border:none}
.album-meta{border-top-color:rgba(52,211,153,.14)}
.album-meta .view{color:#a7f3d0}
.section-head .kicker{background:linear-gradient(115deg,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:6px;font-family:var(--font-display)}
.about-visual{background:linear-gradient(135deg,#065f46,#10b981 50%,#34d399);background-size:200% auto;animation:emeraldShimmer 8s ease-in-out infinite;box-shadow:0 0 60px rgba(16,185,129,.40)}
.eyebrow{background:linear-gradient(115deg,#10b981,#34d399) !important;color:#0a1e1a !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#10b981,#34d399);color:#0a1e1a;box-shadow:0 12px 30px rgba(16,185,129,.45)}
.btn.ghost{background:rgba(255,255,255,.05);color:#e6fff5;border-color:rgba(52,211,153,.22)}
.divider{background:linear-gradient(115deg,#10b981,#34d399)}
.footer{background:#040f0d;border-top:1px solid rgba(52,211,153,.10)}
.logo-mark{box-shadow:0 6px 24px rgba(16,185,129,.55)}
.nav-menu a:hover{color:#34d399;background:rgba(16,185,129,.10)}
.ts-swatch.ts-luster-emerald{background:linear-gradient(135deg,#10b981,#34d399)}
.shape.s1{background:#10b981 !important;opacity:.22 !important}
.shape.s2{background:#34d399 !important;opacity:.20 !important}