/* ── 陈光摄影工作室 · 共用样式 ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --black:   #0A0A0A;
  --dark:    #111111;
  --dark-2:  #1A1A1A;
  --dark-3:  #242424;
  --dark-4:  #2E2E2E;
  --gold:    #C9A84C;
  --gold-lt: #E5C76B;
  --gold-dk: #8A6A28;
  --white:   #FFFFFF;
  --gray:    #B0B0B0;
  --gray-dim:#666666;
  --cream:   #F5F0E8;
}

html { scroll-behavior:smooth; }

body {
  background:var(--black);
  color:var(--gray);
  font-family:'Montserrat','Noto Serif SC',serif;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

/* ── 导航 ── */
.nav {
  position:fixed; top:0; left:0; right:0; z-index:200;
  height:70px; display:flex; align-items:center;
  background:rgba(10,10,10,0.92);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(201,168,76,0.1);
  transition:border-color .3s;
}

.nav-inner {
  max-width:1300px; margin:0 auto; padding:0 48px;
  width:100%; display:flex; align-items:center; justify-content:space-between;
}

.nav-logo {
  font-family:'Cormorant Garamond','Georgia',serif;
  font-size:20px; font-weight:400; letter-spacing:3px;
  color:var(--white); text-decoration:none;
}

.nav-logo span { color:var(--gold); }

.nav-links { display:flex; gap:36px; list-style:none; }
.nav-links a {
  font-size:11px; letter-spacing:2.5px; text-transform:uppercase;
  color:var(--gray-dim); text-decoration:none; font-weight:500; transition:color .2s;
}
.nav-links a:hover, .nav-links a.active { color:var(--gold); }

.nav-book {
  font-size:10px; letter-spacing:2px; text-transform:uppercase;
  font-weight:700; color:var(--gold); text-decoration:none;
  border:1px solid var(--gold); padding:9px 22px;
  transition:all .3s;
}
.nav-book:hover { background:var(--gold); color:var(--black); }

@media(max-width:900px){
  .nav-inner { padding:0 24px; }
  .nav-links { display:none; }
}

/* ── Footer ── */
.footer {
  background:var(--dark); padding:64px 48px 32px;
  border-top:1px solid rgba(201,168,76,0.1);
}

.footer-inner {
  max-width:1300px; margin:0 auto;
  display:grid; grid-template-columns:1.8fr 1fr 1fr;
  gap:48px; margin-bottom:48px;
}

@media(max-width:760px){
  .footer-inner { grid-template-columns:1fr; gap:32px; }
  .footer { padding:48px 24px 28px; }
}

.footer-brand-name {
  font-family:'Cormorant Garamond','Georgia',serif;
  font-size:24px; font-weight:400; letter-spacing:3px;
  color:var(--white); margin-bottom:14px;
}
.footer-brand-name span { color:var(--gold); }
.footer-desc { font-size:13px; color:var(--gray-dim); line-height:1.8; max-width:280px; }

.footer-col h4 {
  font-size:10px; letter-spacing:3px; text-transform:uppercase;
  color:var(--gold); margin-bottom:20px; font-weight:600;
}
.footer-col ul { list-style:none; }
.footer-col li { margin-bottom:10px; }
.footer-col a { font-size:13px; color:var(--gray-dim); text-decoration:none; transition:color .2s; letter-spacing:.5px; }
.footer-col a:hover { color:var(--gold); }

.footer-bottom {
  max-width:1300px; margin:0 auto;
  padding-top:24px; border-top:1px solid rgba(201,168,76,0.1);
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:12px;
}
.footer-copy { font-size:11px; color:var(--gray-dim); letter-spacing:1px; }

/* ── 通用 ── */
.page-wrapper { padding-top:70px; }
.container { max-width:1300px; margin:0 auto; padding:0 48px; }
.container-sm { max-width:960px; margin:0 auto; padding:0 48px; }
.container-xs { max-width:720px; margin:0 auto; padding:0 48px; }

@media(max-width:600px){
  .container,.container-sm,.container-xs { padding:0 24px; }
}

.section { padding:110px 0; }

.eyebrow {
  font-size:10px; letter-spacing:5px; text-transform:uppercase;
  color:var(--gold); display:block; margin-bottom:16px; font-weight:600;
}

.display-1 {
  font-family:'Cormorant Garamond','Georgia',serif;
  font-size:clamp(52px,8vw,100px);
  font-weight:300; color:var(--white);
  letter-spacing:-1px; line-height:1.04;
}

.display-2 {
  font-family:'Cormorant Garamond','Georgia',serif;
  font-size:clamp(36px,5vw,64px);
  font-weight:300; color:var(--white);
  letter-spacing:-.5px; line-height:1.08;
}

.display-3 {
  font-family:'Cormorant Garamond','Georgia',serif;
  font-size:clamp(28px,3.5vw,48px);
  font-weight:400; color:var(--white);
  letter-spacing:-.3px; line-height:1.15;
}

.lead { font-size:16px; color:rgba(255,255,255,.5); line-height:1.85; }
.body-text { font-size:14px; color:var(--gray); line-height:1.85; }

.gold-rule { width:48px; height:1px; background:linear-gradient(90deg,var(--gold),transparent); margin:20px 0 32px; }
.gold-rule.center { margin-inline:auto; }

.ornament {
  display:flex; align-items:center; gap:16px; max-width:200px;
  margin:16px 0 32px;
}
.ornament.center { margin-inline:auto; }
.ornament-line { flex:1; height:1px; background:rgba(201,168,76,.25); }
.ornament-diamond { width:6px; height:6px; background:var(--gold); transform:rotate(45deg); flex-shrink:0; }

.btn {
  display:inline-flex; align-items:center; gap:8px;
  font-size:11px; letter-spacing:2px; text-transform:uppercase;
  font-weight:700; text-decoration:none; padding:14px 32px;
  transition:all .3s; cursor:pointer; border:none; font-family:inherit;
}

.btn-gold { background:var(--gold); color:var(--black); }
.btn-gold:hover { background:var(--gold-lt); }
.btn-outline { border:1px solid rgba(201,168,76,.4); color:var(--gold); background:transparent; }
.btn-outline:hover { background:var(--gold); color:var(--black); border-color:var(--gold); }
.btn-white { border:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.7); background:transparent; }
.btn-white:hover { border-color:var(--gold); color:var(--gold); }

.fade-up { opacity:0; transform:translateY(28px); transition:opacity .8s ease,transform .8s ease; }
.fade-up.visible { opacity:1; transform:translateY(0); }
.fade-up:nth-child(2){ transition-delay:.1s; }
.fade-up:nth-child(3){ transition-delay:.2s; }
.fade-up:nth-child(4){ transition-delay:.3s; }
.fade-up:nth-child(5){ transition-delay:.4s; }