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

/* ============================================================
   能量爆发 Energy Burst
   黄黑能量，爆发力强
   ============================================================ */
:root{
  --c-bg:#0e0a02;
  --c-bg-grad:radial-gradient(circle at 50% 50%,rgba(255,200,0,.06),transparent 60%);
  --c-surface:#1a1408;
  --c-surface-2:#161208;
  --c-text:#ffcc44;
  --c-muted:#6a5a14;
  --c-accent:#ffc800;
  --c-accent-2:#ffe066;
  --c-on-accent:#000000;
  --c-border:rgba(255,200,0,.15);
  --font-display:'Bungee','PingFang SC',sans-serif;
  --font-body:'Barlow','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#ffc800,#ffe066);
  --nav-bg:rgba(14,10,2,.88);
  --nav-blur:blur(12px);
  --shadow:0 0 20px rgba(255,200,0,.18),0 16px 40px rgba(255,200,0,.10);
  --radius:4;
}

.hero h1{font-family:var(--font-display);font-weight:700;}
.hero h1 .grad{background:linear-gradient(135deg,#ffc800,#ffe066);-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(255,200,0,.22);}
.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(8,6,2,.92);}
.ts-swatch.ts-energy{background:linear-gradient(135deg,#ffc800,#ffe066);}