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

/* ============================================================
   五彩纸屑 Confetti
   彩色碎片飘落
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;600;700&family=Bungee&display=swap');
:root{
  --c-bg:#fffbf0;
  --c-bg-grad:radial-gradient(circle at 25% 25%,rgba(245,158,11,.04),transparent 40%),radial-gradient(circle at 75% 75%,rgba(239,68,68,.04),transparent 40%);
  --c-surface:#ffffff;
  --c-surface-2:#fffbeb;
  --c-text:#78350f;
  --c-muted:#ca8a04;
  --c-accent:#f59e0b;
  --c-accent-2:#ef4444;
  --c-on-accent:#78350f;
  --c-border:rgba(245,158,11,.10);
  --font-display:'Bungee','PingFang SC',sans-serif;
  --font-body:'Barlow','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#f59e0b,#ef4444,#3b82f6,#22c55e);
  --nav-bg:rgba(255,251,240,.82);
  --nav-blur:blur(12px);
  --shadow:0 16px 40px rgba(245,158,11,.10);
  --radius:14px;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
background-image:radial-gradient(circle at 10% 15%,#f59e0b 3px,transparent 4px),radial-gradient(circle at 30% 8%,#ef4444 2.5px,transparent 3.5px),radial-gradient(circle at 55% 20%,#3b82f6 3px,transparent 4px),radial-gradient(circle at 75% 12%,#22c55e 2.5px,transparent 3.5px),radial-gradient(circle at 90% 25%,#ec4899 3px,transparent 4px),radial-gradient(circle at 20% 50%,#a855f7 2.5px,transparent 3.5px),radial-gradient(circle at 50% 60%,#f59e0b 3px,transparent 4px),radial-gradient(circle at 80% 55%,#ef4444 2.5px,transparent 3.5px),radial-gradient(circle at 15% 85%,#3b82f6 3px,transparent 4px),radial-gradient(circle at 45% 90%,#22c55e 2.5px,transparent 3.5px),radial-gradient(circle at 75% 82%,#ec4899 3px,transparent 4px);
background-size:150px 180px,130px 160px,170px 200px,140px 170px,160px 190px,150px 180px,130px 160px,170px 200px,140px 170px,160px 190px,150px 180px;
animation:ef49confetti 18s linear infinite;}
@keyframes ef49confetti{0%{background-position:0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px,0 -20px}100%{background-position:15px 180px,-12px 160px,18px 200px,-10px 170px,12px 190px,15px 180px,-12px 160px,18px 200px,-10px 170px,12px 190px,15px 180px}}
.hero h1{font-family:var(--font-display);font-weight:700;}
.hero h1 .grad{background:linear-gradient(135deg,#f59e0b,#ef4444,#3b82f6,#22c55e);-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(245,158,11,.14);}
.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(255,251,224,.6);}
.ts-swatch.ts-ext-confetti{background:linear-gradient(135deg,#f59e0b,#ef4444,#3b82f6,#22c55e);}

/* === Footer text fix: dark text on light background === */
.footer,.foot-logo,.foot-name,.foot-logo-cc,.foot-desc,.foot-text,
.foot-record a,.foot-record span,.foot-bottom{color:#333!important;}
.foot-record a:hover{color:#000!important;}
.footer a{color:#444!important;}
.footer a:hover{color:#000!important;}