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

/* ============================================================
   剪贴手账 Scrapbook
   彩纸+胶带+贴纸密布
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Indie+Flower&display=swap');
:root{
  --c-bg:#f9f6f0;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(232,134,156,.08),transparent 46%),radial-gradient(circle at 82% 24%,rgba(124,179,66,.06),transparent 46%);
  --c-surface:#ffffff;
  --c-surface-2:#f5f0e4;
  --c-text:#4a3a30;
  --c-muted:#a08a78;
  --c-accent:#e8869c;
  --c-accent-2:#7cb342;
  --c-on-accent:#ffffff;
  --c-border:rgba(74,58,48,.12);
  --font-display:'Caveat','PingFang SC',cursive;
  --font-body:'Indie Flower','Comic Sans MS',cursive;
  --hero-grad:linear-gradient(115deg,#e8869c,#7cb342 50%,#f0b4c4);
  --nav-bg:rgba(249,246,240,.80);
  --nav-blur:blur(14px);
  --shadow:0 16px 40px rgba(180,140,130,.14);
  --radius:14px;
}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.35;
background-image:radial-gradient(circle at 12% 14%,#e8869c 3px,transparent 4px),radial-gradient(circle at 32% 8%,#7cb342 2.5px,transparent 3.5px),radial-gradient(circle at 54% 18%,#f0b4c4 3px,transparent 4px),radial-gradient(circle at 74% 10%,#a8d578 2.5px,transparent 3.5px),radial-gradient(circle at 90% 22%,#ffd76b 3px,transparent 4px),radial-gradient(circle at 24% 80%,#7cb342 2.5px,transparent 3.5px),radial-gradient(circle at 66% 86%,#e8869c 3px,transparent 4px);
background-size:220px 250px,180px 230px,200px 270px,190px 240px,210px 260px,200px 250px,180px 230px;
animation:ef45confetti 22s linear infinite alternate;}
@keyframes ef45confetti{0%{background-position:0 -30px,0 -30px,0 -30px,0 -30px,0 -30px,0 -30px,0 -30px}100%{background-position:30px 250px,-40px 230px,40px 270px,-30px 240px,30px 260px,-40px 250px,30px 230px}}
.album-card:hover{transform:translateY(-6px) rotate(.8deg) !important;box-shadow:0 24px 50px rgba(0,0,0,.15);}
.hero h1{font-family:var(--font-display);font-weight:400;}
.hero h1 .grad{background:linear-gradient(115deg,#e8869c,#7cb342 50%,#f0b4c4);-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(232,134,156,.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(58,46,38,.9);}
.ts-swatch.ts-ext-scrapbook{background:linear-gradient(135deg,#e8869c,#7cb342);}