/* ============================================================
   主题 SCRAP · 手账剪贴  Scrapbook
   彩色贴纸映米白底，碎屑彩纸轻飘，Indie Flower 手写剪贴趣味
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#f9f6f0;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(232,134,156,.18),transparent 46%),
              radial-gradient(circle at 82% 24%,rgba(124,179,66,.16),transparent 46%),
              radial-gradient(circle at 50% 92%,rgba(232,134,156,.12),transparent 50%),
              linear-gradient(160deg,#f9f6f0,#f3efe4);
  --c-surface:#ffffff;
  --c-surface-2:#f3efe4;
  --c-text:#4a3a30;
  --c-muted:#a08a78;
  --c-accent:#e8869c;
  --c-accent-2:#7cb342;
  --c-on-accent:#ffffff;
  --c-border:rgba(74,58,48,.14);
  --font-display:'Indie Flower','Comic Sans MS',cursive;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --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,.18);
  --radius:14px;
}
body{font-family:var(--font-body)}
/* 彩纸贴纸层 —— 彩色碎屑缓缓飘移 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.46;
  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:stickerConfetti 22s linear infinite alternate;
}
@keyframes stickerConfetti{
  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}
}
/* 标题：Indie Flower 手写剪贴，粉绿渐变活泼 */
.hero h1{font-family:var(--font-display);font-weight:400;letter-spacing:.4px;line-height:1.15}
.hero h1 .grad{
  background:linear-gradient(115deg,#e8869c,#f0b4c4 35%,#7cb342 70%,#e8869c);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 3px 8px rgba(232,134,156,.20));
  animation:scrapShimmer 7s linear infinite;
}
@keyframes scrapShimmer{to{background-position:220% center}}
/* 剪贴卡片 —— 米白卡纸贴纸感 */
.album-card{background:#ffffff;border:1px solid rgba(232,134,156,.22);box-shadow:0 14px 32px rgba(180,140,130,.18)}
.album-card:hover{transform:translateY(-6px) rotate(.6deg);box-shadow:0 26px 48px rgba(232,134,156,.26);border-color:rgba(124,179,66,.5)}
.album-info{padding:16px 20px 20px}
.album-info h3{font-family:var(--font-display);font-weight:400;letter-spacing:.3px}
.album-badge{background:linear-gradient(115deg,#e8869c,#7cb342);color:#ffffff;border:none;letter-spacing:.5px}
.album-meta{border-top-color:rgba(74,58,48,.12)}
.album-meta .view{color:#e8869c}
.section-head .kicker{color:#7cb342;letter-spacing:4px}
.section-head h2{font-family:var(--font-display);letter-spacing:.4px}
.about-visual{background:linear-gradient(135deg,#e8869c,#f0b4c4,#7cb342);background-size:200% auto;animation:scrapShimmer 9s linear infinite}
.eyebrow{background:linear-gradient(115deg,#e8869c,#7cb342) !important;color:#ffffff !important;letter-spacing:3px}
.btn.primary{background:linear-gradient(115deg,#e8869c,#7cb342);color:#ffffff;box-shadow:0 12px 28px rgba(232,134,156,.30)}
.btn.ghost{background:#ffffff;color:#4a3a30;border-color:rgba(232,134,156,.30)}
.divider{background:linear-gradient(115deg,#e8869c,#7cb342)}
.footer{background:#3a2e26}
.logo-mark{box-shadow:0 6px 18px rgba(232,134,156,.36);font-family:var(--font-display)}
.nav-menu a:hover{color:#e8869c}
.shape.s1{background:#e8869c !important;opacity:.18 !important}
.shape.s2{background:#7cb342 !important;opacity:.16 !important}
.ts-swatch.ts-scrapbook{background:linear-gradient(135deg,#e8869c,#7cb342)}