/* ============================================================
   主题 05 · 黑白经典  Mono Classic
   纯粹黑白，强烈对比与充裕留白
   极细边线、零彩色，高阶黑白摄影作品集
   ============================================================ */
:root{
  --c-bg:#fafafa;
  --c-bg-grad:linear-gradient(180deg,#ffffff,#f4f4f4);
  --c-surface:#ffffff;
  --c-surface-2:#f2f2f2;
  --c-text:#1a1a1a;
  --c-muted:#7a7a7a;
  --c-accent:#1a1a1a;
  --c-accent-2:#4a4a4a;
  --c-on-accent:#ffffff;
  --c-border:rgba(0,0,0,.08);
  --font-display:'Helvetica Neue','Arial','PingFang SC',sans-serif;
  --hero-grad:linear-gradient(135deg,#1a1a1a,#4a4a4a);
  --nav-bg:rgba(250,250,250,.82);
  --nav-blur:blur(14px);
  --shadow:0 10px 30px rgba(0,0,0,.05);
  --radius:2px;
}
/* 极淡的基线网格——近乎隐形的克制装饰 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.018;
  background-image:linear-gradient(rgba(0,0,0,1) 1px,transparent 1px);
  background-size:100% 32px;
}
/* 充裕留白 */
.hero{padding:110px 28px 96px}
.section{padding:90px 28px}
.hero h1{font-weight:900;letter-spacing:-2px;text-transform:uppercase}
.hero h1 .grad{background:none;-webkit-text-fill-color:#1a1a1a;color:#1a1a1a}
.album-card{border:1px solid rgba(0,0,0,.1);box-shadow:none}
.album-card:hover{box-shadow:0 26px 50px rgba(0,0,0,.14);transform:translateY(-6px);border-color:rgba(0,0,0,.25)}
.album-cover img{filter:grayscale(1) contrast(1.08)}
.album-card:hover .album-cover img{filter:grayscale(0) contrast(1)}
.album-badge{background:#1a1a1a;color:#fff;border-radius:2px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}
.album-info h3{text-transform:uppercase;letter-spacing:1.5px;font-weight:800}
.album-meta{border-top:1px solid rgba(0,0,0,.08)}
.album-meta .view{color:#1a1a1a}
.section-head .kicker{color:#1a1a1a;letter-spacing:6px}
.section-head h2{font-weight:900}
.about-visual{background:#1a1a1a}
.eyebrow{background:#1a1a1a !important;color:#fff !important}
.btn.primary{background:#1a1a1a;color:#fff}
.btn.ghost{border:1px solid #1a1a1a;color:#1a1a1a}
.footer{background:#1a1a1a;color:#999}
.logo-mark{background:#1a1a1a;color:#fff;border-radius:3px}
.nav-menu a:hover{background:#1a1a1a;color:#fff}
.divider{background:#1a1a1a}
.shape.s1{background:#1a1a1a !important;opacity:.06 !important}
.shape.s2{background:#4a4a4a !important;opacity:.05 !important}
.ts-swatch.ts-mono{background:linear-gradient(135deg,#ffffff,#1a1a1a)}
