/* ============================================================
   主题 POLA · 拍立得  Polaroid Snap
   纯白相纸映奶白底，胶片漏光缓移，Caveat 手写随性定格瞬间
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Inter:wght@400;600;700&display=swap');
:root{
  --c-bg:#f8f8f5;
  --c-bg-grad:radial-gradient(circle at 18% 16%,rgba(74,74,74,.06),transparent 46%),
              radial-gradient(circle at 82% 24%,rgba(224,224,224,.30),transparent 46%),
              radial-gradient(circle at 50% 94%,rgba(74,74,74,.05),transparent 50%),
              linear-gradient(160deg,#f8f8f5,#f1f1ee);
  --c-surface:#ffffff;
  --c-surface-2:#f1f1ee;
  --c-text:#2a2a2a;
  --c-muted:#8a8a86;
  --c-accent:#4a4a4a;
  --c-accent-2:#e0e0e0;
  --c-on-accent:#ffffff;
  --c-border:rgba(74,74,74,.14);
  --font-display:'Caveat','Snell Roundhand',cursive;
  --font-body:'Inter','Helvetica Neue','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(115deg,#2a2a2a,#4a4a4a 50%,#7a7a7a);
  --nav-bg:rgba(248,248,245,.80);
  --nav-blur:blur(14px);
  --shadow:0 16px 40px rgba(40,40,40,.14);
  --radius:4px;
}
body{font-family:var(--font-body)}
/* 胶片漏光层 —— 柔光尘埃缓缓飘移 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:
    radial-gradient(circle at 14% 18%,rgba(255,210,160,.30) 4px,transparent 8px),
    radial-gradient(circle at 78% 22%,rgba(200,200,210,.36) 5px,transparent 10px),
    radial-gradient(circle at 40% 80%,rgba(255,220,180,.26) 4px,transparent 8px),
    radial-gradient(circle at 88% 76%,rgba(180,180,190,.30) 5px,transparent 10px);
  background-size:260px 280px,300px 320px,240px 260px,280px 300px;
  animation:polaroidDrift 26s linear infinite alternate;
}
@keyframes polaroidDrift{
  0%{background-position:0 0,0 0,0 0,0 0}
  100%{background-position:40px 30px,-30px 40px,-40px -20px,30px -30px}
}
/* 标题：Caveat 手写随性，墨灰渐变手写感 */
.hero h1{font-family:var(--font-display);font-weight:700;letter-spacing:.5px;line-height:1.1}
.hero h1 .grad{
  background:linear-gradient(115deg,#2a2a2a,#4a4a4a 50%,#6a6a6a);
  background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:snapShift 9s ease-in-out infinite;
}
@keyframes snapShift{
  0%,100%{filter:brightness(1)}
  50%{filter:brightness(1.08)}
}
/* 拍立得白框卡片 —— 厚白边相纸感 */
.album-card{background:#ffffff;border:1px solid rgba(74,74,74,.10);box-shadow:0 14px 30px rgba(40,40,40,.16);padding-bottom:8px}
.album-card:hover{transform:translateY(-6px) rotate(-.5deg);box-shadow:0 26px 48px rgba(40,40,40,.24)}
.album-info{padding:14px 18px 18px}
.album-info h3{font-family:var(--font-display);font-weight:700;letter-spacing:.3px}
.album-badge{background:#2a2a2a;color:#ffffff;border:none;font-family:var(--font-body);font-weight:600;letter-spacing:.5px}
.album-meta{border-top-color:rgba(74,74,74,.12)}
.album-meta .view{color:#4a4a4a}
.section-head .kicker{color:#4a4a4a;letter-spacing:5px;text-transform:uppercase}
.section-head h2{font-family:var(--font-display);letter-spacing:.4px}
.about-visual{background:linear-gradient(135deg,#c4c4c0,#8a8a86 50%,#4a4a4a);filter:contrast(.96)}
.eyebrow{background:#2a2a2a !important;color:#ffffff !important;letter-spacing:3px;text-transform:uppercase}
.btn.primary{background:#2a2a2a;color:#ffffff;box-shadow:0 10px 26px rgba(40,40,40,.22)}
.btn.ghost{background:#ffffff;color:#2a2a2a;border-color:rgba(74,74,74,.24)}
.divider{background:linear-gradient(115deg,#2a2a2a,#8a8a86)}
.footer{background:#262624}
.logo-mark{box-shadow:0 6px 18px rgba(40,40,40,.30);font-family:var(--font-display)}
.nav-menu a:hover{color:#2a2a2a}
.shape.s1{background:#4a4a4a !important;opacity:.10 !important}
.shape.s2{background:#e0e0e0 !important;opacity:.50 !important}
.ts-swatch.ts-polaroid{background:linear-gradient(135deg,#f8f8f5,#4a4a4a)}