:root{
  --ink:#1b3a36;
  --deep:#0e2622;
  --water:#2e7d74;
  --water-light:#5cb3a4;
  --gold:#c9a063;
  --gold-light:#e3c896;
  --paper:#f7f4ec;
  --muted:#6b7a76;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;
  color:var(--ink);background:var(--paper);line-height:1.9;
}
.serif-en{font-family:Georgia,"Times New Roman",serif}
a{color:var(--water);text-decoration:none}
a:hover{text-decoration:underline}

/* ===== 导航 ===== */
.site-nav{
  position:sticky;top:0;z-index:100;background:rgba(14,38,34,.92);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:60px;
}
.site-nav .nav-brand{color:#fff;font-size:20px;letter-spacing:4px;font-weight:700}
.site-nav .nav-brand span{color:var(--gold-light)}
.site-nav ul{display:flex;gap:8px;list-style:none;flex-wrap:wrap}
.site-nav ul a{
  color:rgba(255,255,255,.75);font-size:15px;letter-spacing:2px;padding:6px 14px;border-radius:6px;
}
.site-nav ul a:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}
.site-nav ul a.active{color:var(--gold-light);background:rgba(227,200,150,.12)}
@media (max-width:700px){
  .site-nav{padding:0 14px;height:auto;flex-direction:column;gap:4px}
  .site-nav ul{justify-content:center;padding-bottom:8px}
}

/* ===== 子页头图 ===== */
.page-hero{
  position:relative;min-height:46vh;display:flex;align-items:flex-end;overflow:hidden;background:var(--deep);
}
.page-hero .ph-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.page-hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(10,26,23,.25),rgba(10,26,23,.82));
}
.page-hero .ph-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;width:100%;padding:0 24px 42px;color:#fff}
.page-hero .ph-eyebrow{font-size:13px;letter-spacing:5px;color:var(--gold-light);margin-bottom:10px;text-transform:uppercase}
.page-hero h1{font-size:clamp(30px,5.5vw,48px);letter-spacing:.08em;font-weight:700;text-shadow:0 3px 20px rgba(0,0,0,.5)}
.page-hero .ph-sub{margin-top:8px;font-size:16px;letter-spacing:3px;color:rgba(255,255,255,.85)}
.breadcrumb{font-size:13px;color:rgba(255,255,255,.65);margin-bottom:12px;letter-spacing:1px}
.breadcrumb a{color:rgba(255,255,255,.75)}
.breadcrumb a:hover{color:var(--gold-light)}

/* ===== 通用 ===== */
section{padding:88px 24px}
.container{max-width:1080px;margin:0 auto}
.sec-head{text-align:center;margin-bottom:56px}
.sec-eyebrow{font-size:13px;letter-spacing:6px;color:var(--water);text-transform:uppercase;margin-bottom:14px}
.sec-title{font-size:clamp(28px,4.6vw,42px);font-weight:700;letter-spacing:.08em}
.sec-title em{font-style:normal;color:var(--water)}
.sec-divider{width:64px;height:3px;margin:22px auto 0;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

/* 文章排版 */
.prose p{margin-bottom:18px;font-size:16.5px;color:#3d4a47}
.prose h2{font-size:26px;margin:44px 0 18px;letter-spacing:2px;padding-left:14px;border-left:4px solid var(--gold)}
.prose h3{font-size:20px;margin:30px 0 12px;color:var(--deep)}
.prose ul,.prose ol{margin:0 0 20px 24px;color:#3d4a47;font-size:16.5px}
.prose li{margin-bottom:8px}
.prose blockquote{
  margin:26px 0;padding:20px 26px;background:#fff;border-left:4px solid var(--water-light);
  border-radius:0 12px 12px 0;color:#44544f;font-size:16px;
}
.prose figure{margin:30px 0}
.prose figure img{width:100%;border-radius:14px;display:block;box-shadow:0 12px 40px rgba(27,58,54,.15)}
.prose figcaption{text-align:center;font-size:13.5px;color:var(--muted);margin-top:10px;letter-spacing:1px}
.prose table{width:100%;border-collapse:collapse;margin:24px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(27,58,54,.06);font-size:15.5px}
.prose th{background:var(--deep);color:var(--gold-light);padding:12px 16px;text-align:left;letter-spacing:2px;font-weight:600}
.prose td{padding:12px 16px;border-bottom:1px solid #efe9db;color:#3d4a47}
.prose tr:last-child td{border-bottom:none}

/* ===== Hero（首页） ===== */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--deep)}
.hero-bg{position:absolute;inset:0;background:url('hero.jpg') center/cover no-repeat;transform:scale(1.05);animation:slowZoom 18s ease-out forwards}
@keyframes slowZoom{from{transform:scale(1.12)}to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,26,23,.35) 0%,rgba(10,26,23,.15) 40%,rgba(10,26,23,.78) 100%)}
.hero-content{position:relative;z-index:2;text-align:center;padding:0 24px;color:#fff}
.hero-badge{
  display:inline-block;border:1px solid rgba(255,255,255,.55);border-radius:999px;
  padding:6px 22px;font-size:14px;letter-spacing:6px;margin-bottom:28px;color:var(--gold-light);
  backdrop-filter:blur(4px);background:rgba(14,38,34,.25);
}
.hero h1{font-size:clamp(56px,10vw,120px);font-weight:700;letter-spacing:.12em;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero h1 span{color:var(--gold-light)}
.hero-sub{margin-top:18px;font-size:clamp(16px,2.4vw,22px);letter-spacing:10px;font-weight:300;text-shadow:0 2px 16px rgba(0,0,0,.6)}
.hero-en{margin-top:10px;font-size:13px;letter-spacing:4px;color:rgba(255,255,255,.75);text-transform:uppercase}
.hero-line{width:1px;height:70px;background:linear-gradient(180deg,transparent,var(--gold-light));margin:36px auto 0}
.scroll-hint{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);z-index:2;color:rgba(255,255,255,.8);font-size:12px;letter-spacing:4px;animation:float 2.4s ease-in-out infinite}
@keyframes float{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,10px)}}

/* ===== 概况 ===== */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.about-text p{margin-bottom:18px;font-size:17px;color:#3d4a47}
.about-text .lead{font-size:20px;font-weight:600;color:var(--ink)}
.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#e5e0d3;border-radius:14px;overflow:hidden}
.stat{background:#fff;padding:34px 22px;text-align:center;transition:transform .3s}
.stat:hover{transform:translateY(-4px)}
.stat-num{font-size:38px;font-weight:700;color:var(--water)}
.stat-num small{font-size:15px;color:var(--muted);font-weight:400;margin-left:2px}
.stat-label{font-size:14px;color:var(--muted);margin-top:4px;letter-spacing:2px}

/* ===== 三绝 ===== */
.wonders{background:linear-gradient(180deg,#fff 0%,#f2efe5 100%)}
.wonder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.wonder{
  background:#fff;border-radius:16px;padding:44px 32px;position:relative;overflow:hidden;
  box-shadow:0 10px 40px rgba(27,58,54,.08);transition:transform .35s,box-shadow .35s;border-top:3px solid transparent;
}
.wonder:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(27,58,54,.14);border-top-color:var(--gold)}
.wonder-char{font-size:56px;font-weight:700;color:var(--water);line-height:1;margin-bottom:18px;display:block}
.wonder h3{font-size:22px;margin-bottom:6px;letter-spacing:2px}
.wonder .en{font-size:12px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:18px}
.wonder p{font-size:15px;color:#4a5854}

/* ===== 景点卡片 ===== */
.spots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.spot{display:flex;gap:20px;background:#fff;border-radius:14px;padding:26px 28px;box-shadow:0 6px 24px rgba(27,58,54,.06);transition:transform .3s}
.spot:hover{transform:translateX(6px)}
.spot-icon{flex:none;width:54px;height:54px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:26px;background:linear-gradient(135deg,#eaf4f1,#dcede6)}
.spot h3{font-size:19px;margin-bottom:6px}
.spot h3 small{font-size:12px;color:var(--gold);letter-spacing:2px;margin-left:8px}
.spot p{font-size:14.5px;color:#5a6864}

/* ===== 季节 ===== */
.season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.season{background:#fff;border-radius:14px;padding:30px 24px;box-shadow:0 6px 24px rgba(27,58,54,.06);border-bottom:3px solid transparent;transition:transform .3s,border-color .3s}
.season:hover{transform:translateY(-6px);border-bottom-color:var(--gold)}
.season .s-icon{font-size:30px;margin-bottom:12px}
.season h3{font-size:19px;letter-spacing:2px;margin-bottom:4px}
.season .s-en{font-size:11px;letter-spacing:3px;color:var(--gold);text-transform:uppercase;margin-bottom:12px}
.season p{font-size:14px;color:#5a6864}

/* ===== 路线 ===== */
.routes{background:var(--deep);color:#e9e4d6;position:relative;overflow:hidden}
.routes .sec-eyebrow{color:var(--gold-light)}
.routes .sec-title{color:#fff}
.routes .sec-title em{color:var(--gold-light)}
.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.route{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:38px 30px;transition:background .3s,border-color .3s}
.route:hover{background:rgba(255,255,255,.09);border-color:var(--gold)}
.route-tag{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--deep);background:var(--gold-light);border-radius:999px;padding:4px 14px;margin-bottom:18px;font-weight:700}
.route h3{font-size:21px;margin-bottom:12px;letter-spacing:2px;color:#fff}
.route p{font-size:14.5px;color:rgba(233,228,214,.75)}
.route-meta{margin-top:18px;font-size:13px;color:var(--gold-light);letter-spacing:1px;border-top:1px dashed rgba(255,255,255,.2);padding-top:14px}

/* ===== 实用信息 ===== */
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.info-card{background:#fff;border-radius:14px;padding:32px 34px;box-shadow:0 6px 24px rgba(27,58,54,.06)}
.info-card h3{font-size:19px;color:var(--water);margin-bottom:14px;letter-spacing:2px;display:flex;align-items:center;gap:10px}
.info-card ul{list-style:none}
.info-card li{font-size:15px;color:#4a5854;padding:7px 0;border-bottom:1px dashed #eee6d6;display:flex;justify-content:space-between;gap:20px}
.info-card li:last-child{border-bottom:none}
.info-card li b{color:var(--ink);font-weight:600;flex:none}
.note{margin-top:26px;text-align:center;font-size:13px;color:var(--muted);letter-spacing:1px}

/* ===== CTA ===== */
.cta-band{background:linear-gradient(135deg,var(--deep),#1d423c);text-align:center;padding:76px 24px}
.cta-band h2{color:#fff;font-size:clamp(24px,4vw,34px);letter-spacing:3px;margin-bottom:14px}
.cta-band p{color:rgba(255,255,255,.7);font-size:15.5px;margin-bottom:30px;letter-spacing:1px}
.cta-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.cta-links a{
  display:inline-block;padding:12px 34px;border-radius:999px;font-size:15.5px;letter-spacing:2px;
  border:1px solid var(--gold-light);color:var(--gold-light);transition:background .3s,color .3s;
}
.cta-links a:hover{background:var(--gold-light);color:var(--deep);text-decoration:none}
.cta-links a.solid{background:var(--gold-light);color:var(--deep)}
.cta-links a.solid:hover{background:#fff;border-color:#fff}

/* ===== FAQ ===== */
.faq-list{max-width:820px;margin:0 auto}
.faq-item{background:#fff;border-radius:14px;margin-bottom:16px;box-shadow:0 6px 24px rgba(27,58,54,.06);overflow:hidden}
.faq-item summary{
  cursor:pointer;list-style:none;padding:22px 28px;font-size:17px;font-weight:600;letter-spacing:1px;
  display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink);
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:22px;color:var(--gold);flex:none;transition:transform .3s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-body{padding:0 28px 24px;font-size:15.5px;color:#4a5854}

/* ===== 页脚 ===== */
footer{background:var(--deep);color:rgba(255,255,255,.65);padding:56px 24px 40px}
.foot-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;margin-bottom:36px}
footer h4{color:#fff;font-size:16px;letter-spacing:3px;margin-bottom:14px}
footer ul{list-style:none}
footer li{font-size:14px;padding:4px 0}
footer a{color:rgba(255,255,255,.65)}
footer a:hover{color:var(--gold-light)}
.foot-brand .brand{font-size:26px;color:#fff;letter-spacing:8px;margin-bottom:8px}
.foot-brand .brand span{color:var(--gold-light)}
.foot-brand .domain{font-size:14px;letter-spacing:3px;color:var(--gold-light);margin-bottom:10px}
.foot-brand p{font-size:13.5px;line-height:1.9}
.copyright{text-align:center;font-size:12px;color:rgba(255,255,255,.4);border-top:1px solid rgba(255,255,255,.1);padding-top:24px;max-width:1080px;margin:0 auto;letter-spacing:1px}

/* ===== 滚动显现 ===== */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s ease}
.reveal.on{opacity:1;transform:none}

@media (max-width:860px){
  .about-grid,.wonder-grid,.route-grid,.spots-grid,.info-grid{grid-template-columns:1fr}
  .season-grid{grid-template-columns:repeat(2,1fr)}
  section{padding:64px 20px}
  .foot-grid{grid-template-columns:1fr}
}