/* ============================================================
   主题 03 · 专业摄影  Pro Gallery
   深邃炭黑画廊配暖金细线，优雅衬线标题
   留白考究、装饰极简的专业摄影作品集
   ============================================================ */
:root{
  --c-bg:#121417;
  --c-bg-grad:radial-gradient(circle at 50% 0%,#1b1e22,transparent 55%),
              linear-gradient(180deg,#14171b,#121417);
  --c-surface:#181b1f;
  --c-surface-2:#21252a;
  --c-text:#e9e7e1;
  --c-muted:#8a877f;
  --c-accent:#c9a84c;
  --c-accent-2:#9e8038;
  --c-on-accent:#121417;
  --c-border:rgba(201,168,76,.10);
  --font-display:'Didot','Bodoni MT','Playfair Display','Georgia','Times New Roman','Songti SC',serif;
  --hero-grad:linear-gradient(135deg,#c9a84c,#9e8038);
  --nav-bg:rgba(18,20,23,.72);
  --nav-blur:blur(16px);
  --shadow:0 26px 60px rgba(0,0,0,.55);
  --radius:4px;
}
/* 画廊挂线网格——极淡的暖金经纬 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.022;
  background-image:linear-gradient(rgba(201,168,76,1) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(201,168,76,1) 1px,transparent 1px);
  background-size:72px 72px;
}
.hero{padding:110px 28px 90px}
.hero h1{font-weight:300;letter-spacing:1px}
.hero h1 .grad{background:linear-gradient(135deg,#e6cf86,#c9a84c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:600}
.album-card{border:1px solid rgba(201,168,76,.12);box-shadow:0 18px 44px rgba(0,0,0,.45)}
.album-card:hover{transform:translateY(-6px);box-shadow:0 30px 64px rgba(0,0,0,.6),0 0 0 1px rgba(201,168,76,.45)}
.album-info{border-top:1px solid rgba(201,168,76,.16)}
.album-info h3{font-size:17px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
.album-badge{background:rgba(18,20,23,.86);color:#c9a84c;border:1px solid rgba(201,168,76,.35);letter-spacing:.5px}
.album-meta .view{color:#c9a84c}
.section-head .kicker{color:#c9a84c;letter-spacing:6px}
.section-head h2{font-weight:300;letter-spacing:.5px}
.about-visual{background:#181b1f;border:1px solid rgba(201,168,76,.22)}
.eyebrow{background:#c9a84c !important;color:#121417 !important}
.btn.primary{background:#c9a84c;color:#121417}
.btn.primary:hover{background:#d6b85e}
.footer{background:#0a0b0d;border-top:1px solid rgba(201,168,76,.12)}
.logo-mark{background:#c9a84c;color:#121417}
.nav-menu a:hover{color:#c9a84c}
.divider{background:linear-gradient(135deg,#c9a84c,#9e8038)}
.shape.s1{background:#c9a84c !important;opacity:.10 !important}
.shape.s2{background:#9e8038 !important;opacity:.08 !important}
.ts-swatch.ts-pro{background:linear-gradient(135deg,#121417,#c9a84c)}