/*!
 * 光影集 (Light & Shadow Collection) — 网站相册程序
 * Copyright (C) 王文方 / loves.net.cn 版权所有
 * All Rights Reserved. 永久保留所有权利.
 * 未经授权不得复制、修改、分发、破解或逆向工程本程序.
 */

/* ============================================================
   雨林绿意 Rainforest Green
   深绿翠绿+水滴
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@400;700;900&display=swap');
:root{
  --c-bg:#0a1a0e;
  --c-bg-grad:radial-gradient(ellipse at 50% 80%,rgba(34,197,94,.06),transparent 60%),radial-gradient(ellipse at 50% 20%,rgba(22,163,74,.04),transparent 50%);
  --c-surface:#0e1e12;
  --c-surface-2:#0c1a10;
  --c-text:#a7f3d0;
  --c-muted:#4ade80;
  --c-accent:#22c55e;
  --c-accent-2:#16a34a;
  --c-on-accent:#0a1a0e;
  --c-border:rgba(34,197,94,.12);
  --font-display:'Playfair Display','Songti SC',serif;
  --font-body:'Inter','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#22c55e,#16a34a);
  --nav-bg:rgba(10,26,14,.88);
  --nav-blur:blur(14px);
  --shadow:0 16px 40px rgba(34,197,94,.12);
  --radius:8px;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.3;
background-image:radial-gradient(circle at 18% 22%,#22c55e 2px,transparent 3px),radial-gradient(circle at 48% 52%,#16a34a 1.5px,transparent 2.5px),radial-gradient(circle at 78% 28%,#4ade80 2px,transparent 3px),radial-gradient(circle at 35% 78%,#86efac 1.5px,transparent 2.5px);
background-size:80px 100px,70px 90px,90px 110px,60px 80px;
animation:ef31drop 14s linear infinite;}
@keyframes ef31drop{0%{background-position:0 -10px,0 -10px,0 -10px,0 -10px}100%{background-position:0 100px,0 90px,0 110px,0 80px}}
.shape.s1{background:#22c55e !important;opacity:.22 !important;}
.shape.s2{background:#16a34a !important;opacity:.20 !important;}
.hero h1{font-family:var(--font-display);font-weight:700;}
.hero h1 .grad{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.album-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .3s,box-shadow .3s;}
.album-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(34,197,94,.16);}
.album-info{padding:16px 20px;}
.album-badge{background:var(--c-accent);color:var(--c-on-accent);}
.album-meta .view{color:var(--c-muted);}
.section-head .kicker{color:var(--c-accent);font-family:var(--font-body);}
.section-head h2{font-family:var(--font-display);}
.about-visual{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}
.eyebrow{color:var(--c-accent);font-family:var(--font-body);}
.btn.primary{background:var(--c-accent);color:var(--c-on-accent);font-family:var(--font-body);}
.footer{background:rgba(6,16,8,.92);}
.ts-swatch.ts-ext-rainforest{background:linear-gradient(135deg,#22c55e,#16a34a);}