/* ============================================================
   主题 04 · 复古胶片  Vintage Film
   暖棕米黄做旧色调，胶片颗粒与纸面纹理
   卡纸裱框，宛如一本泛黄的旧相册
   ============================================================ */
:root{
  --c-bg:#f5f0e8;
  --c-bg-grad:radial-gradient(circle at 30% 18%,#efe6d4,transparent 50%),
              radial-gradient(circle at 78% 82%,#ece1cc,transparent 45%),
              linear-gradient(160deg,#f7f2ea,#efe7d6);
  --c-surface:#fbf6ec;
  --c-surface-2:#ece3d2;
  --c-text:#4a3a28;
  --c-muted:#8a7553;
  --c-accent:#8b6f47;
  --c-accent-2:#6b5235;
  --c-on-accent:#f5f0e8;
  --c-border:rgba(139,111,71,.16);
  --font-display:'Georgia','Palatino Linotype','Book Antiqua','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#8b6f47,#6b5235);
  --nav-bg:rgba(245,240,232,.72);
  --nav-blur:blur(14px);
  --shadow:0 14px 36px rgba(139,111,71,.18);
  --radius:6px;
}
/* 胶片颗粒——SVG 噪点叠加，纸面做旧的颗粒感 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.9'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
.hero h1{font-weight:600;letter-spacing:0}
.hero h1 .grad{background:linear-gradient(135deg,#a07c4e,#6b5235);-webkit-background-clip:text;background-clip:text;color:transparent}
/* 相册卡如老照片——米白卡纸裱框 */
.album-card{border:10px solid #fbf6ec;border-radius:4px;box-shadow:0 12px 28px rgba(74,58,40,.22)}
.album-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:0 20px 40px rgba(74,58,40,.3)}
.album-info{background:#fbf6ec}
.album-info h3{font-style:italic;font-weight:600}
.album-badge{background:#4a3a28;color:#fbf6ec;font-family:'Courier New',monospace;border-radius:2px;letter-spacing:.5px}
.album-meta .view{color:#8b6f47}
.section-head .kicker{color:#8b6f47;letter-spacing:4px}
.about-visual{background:linear-gradient(135deg,#c4a474,#8a5a2b);filter:sepia(.25)}
.eyebrow{background:#4a3a28 !important;font-family:'Courier New',monospace !important}
.btn.primary{background:#8b6f47;color:#f5f0e8}
.btn.primary:hover{background:#7a5f3d}
.footer{background:#3a2c1a}
.logo-mark{background:#4a3a28;color:#fbf6ec;border-radius:6px}
.nav-menu a:hover{color:#8b6f47}
.divider{background:linear-gradient(135deg,#8b6f47,#6b5235)}
.shape.s1{background:#8b6f47 !important;opacity:.12 !important}
.shape.s2{background:#6b5235 !important;opacity:.10 !important}
.ts-swatch.ts-vintage{background:linear-gradient(135deg,#8b6f47,#c4a474)}
