/* ============================================================
   主题 14 · 翡翠流光  Emerald Glow
   深翠暗绿配翡翠碧光，莹润通透，如宝石般的质感摄影集
   ============================================================ */
:root{
  --c-bg:#0a1e1a;
  --c-bg-grad:radial-gradient(circle at 20% 15%,rgba(16,185,129,.20),transparent 45%),
              radial-gradient(circle at 80% 78%,rgba(52,211,153,.14),transparent 48%),
              radial-gradient(circle at 50% 50%,rgba(5,150,105,.08),transparent 55%),
              linear-gradient(160deg,#0a1e1a,#0d2823);
  --c-surface:rgba(18,40,34,.82);
  --c-surface-2:rgba(24,52,44,.65);
  --c-text:#e0f5ee;
  --c-muted:#7aaa9a;
  --c-accent:#10b981;
  --c-accent-2:#34d399;
  --c-on-accent:#0a1e1a;
  --c-border:rgba(16,185,129,.18);
  --font-display:'Trebuchet MS','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#10b981,#34d399 55%,#6ee7b7);
  --nav-bg:rgba(10,30,26,.62);
  --nav-blur:blur(18px);
  --shadow:0 20px 50px rgba(16,185,129,.28);
  --radius:14px;
}
/* 翡翠光晕层 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(60% 45% at 18% 12%,rgba(16,185,129,.16),transparent 65%),
    radial-gradient(55% 40% at 82% 80%,rgba(52,211,153,.12),transparent 60%);
  animation:emeraldPulse 14s ease-in-out infinite alternate;
}
@keyframes emeraldPulse{from{opacity:.7}to{opacity:1}}
.hero h1{font-weight:700;letter-spacing:-1px}
.hero h1 .grad{background:linear-gradient(135deg,#6ee7b7,#10b981,#34d399);-webkit-background-clip:text;background-clip:text;color:transparent}
.album-card{backdrop-filter:blur(12px);border:1px solid rgba(16,185,129,.18)}
.album-card:hover{box-shadow:0 0 0 1px rgba(52,211,153,.5),0 30px 60px rgba(16,185,129,.3);border-color:rgba(52,211,153,.5);transform:translateY(-6px)}
.album-info{border-top:1px solid rgba(16,185,129,.14)}
.album-info h3{letter-spacing:.3px}
.album-badge{background:rgba(10,30,26,.82);color:#34d399;border:1px solid rgba(16,185,129,.4);backdrop-filter:blur(6px)}
.album-meta .view{color:#34d399}
.section-head .kicker{color:#34d399;letter-spacing:5px}
.about-visual{background:linear-gradient(135deg,#064e3b,#10b981,#34d399);box-shadow:0 0 50px rgba(16,185,129,.3)}
.eyebrow{background:linear-gradient(135deg,#10b981,#34d399) !important;color:#0a1e1a !important}
.btn.primary{background:linear-gradient(135deg,#10b981,#34d399);color:#0a1e1a;box-shadow:0 12px 30px rgba(16,185,129,.4)}
.btn.ghost{background:rgba(255,255,255,.06);color:#e0f5ee;border-color:rgba(16,185,129,.25)}
.footer{background:#051410;border-top:1px solid rgba(16,185,129,.1)}
.logo-mark{box-shadow:0 6px 22px rgba(16,185,129,.45)}
.nav-menu a:hover{color:#34d399}
.divider{background:linear-gradient(135deg,#10b981,#34d399)}
.shape.s1{background:#10b981 !important;opacity:.18 !important}
.shape.s2{background:#34d399 !important;opacity:.15 !important}
.ts-swatch.ts-emerald{background:linear-gradient(135deg,#0a1e1a,#10b981)}