:root{
  --green:#0b7a4b; --green-d:#085c39; --blue:#1b5fa8;
  --ink:#1a2b23; --gray:#5f6f66; --bg:#f4f7f5; --line:#e3eae6;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--ink);background:#fff;line-height:1.7;display:flex;flex-direction:column;min-height:100vh}
img{max-width:100%;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
main{flex:1}

/* ===== 导航 ===== */
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:16px}
.logo{font-weight:700;font-size:15px;color:var(--green-d);letter-spacing:.02em;
  text-decoration:none;white-space:nowrap}
.logo span{color:var(--blue)}
.navlinks{display:flex;gap:4px;font-size:14px;overflow-x:auto;scrollbar-width:none}
.navlinks::-webkit-scrollbar{display:none}
.navlinks a{color:var(--gray);text-decoration:none;padding:6px 12px;border-radius:980px;
  white-space:nowrap;transition:color .2s,background .2s}
.navlinks a:hover{color:var(--green)}
.navlinks a.on{color:#fff;background:var(--green)}
@media(max-width:760px){.logo{font-size:13px}.navlinks a{padding:6px 9px;font-size:13px}}

/* 封面页导航（覆盖在图上） */
nav.cover{position:fixed;top:0;left:0;right:0;background:transparent;border:none;backdrop-filter:none}
nav.cover .logo,nav.cover .navlinks a{color:rgba(255,255,255,.9)}
nav.cover .navlinks a.on{background:rgba(255,255,255,.22);color:#fff}
nav.cover .navlinks a:hover{color:#fff}

/* ===== 封面 ===== */
.hero{min-height:100vh;display:flex;align-items:center;
  background:linear-gradient(105deg,rgba(6,60,38,.90) 0%,rgba(8,92,57,.70) 45%,rgba(8,92,57,.22) 100%),
  url("gate.jpg") center/cover no-repeat;color:#fff}
.hero .wrap{padding:120px 20px 80px}
.hero .kicker{font-size:14px;letter-spacing:.3em;opacity:.85;margin-bottom:16px}
.hero h1{font-size:44px;line-height:1.35;font-weight:800;margin-bottom:16px;max-width:680px}
.hero p{font-size:16px;opacity:.92;max-width:560px;margin-bottom:36px}
.hero .btns{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 28px;border-radius:980px;font-size:15px;
  text-decoration:none;font-weight:600;transition:transform .15s}
.btn:active{transform:scale(.97)}
.btn-p{background:#fff;color:var(--green-d)}
.btn-g{border:1.5px solid rgba(255,255,255,.7);color:#fff}
.coverwrap{position:relative}
.coverwrap .foot{position:absolute;bottom:22px;left:0;right:0;text-align:center;
  font-size:12px;color:rgba(255,255,255,.6)}
@media(max-width:760px){.hero h1{font-size:29px}}

/* ===== 子页页头 ===== */
.pagehead{background:linear-gradient(120deg,var(--green-d),var(--green));color:#fff;padding:52px 0}
.pagehead .en{font-size:12px;letter-spacing:.3em;opacity:.8;margin-bottom:6px}
.pagehead h1{font-size:28px;font-weight:800}
.pagehead p{font-size:14px;opacity:.9;margin-top:6px;max-width:640px}

/* ===== 通用区块 ===== */
section{padding:56px 0}
section.alt{background:var(--bg)}
.tag{font-size:13px;font-weight:700;color:var(--green);letter-spacing:.2em;margin-bottom:8px}
h2{font-size:24px;font-weight:800;margin-bottom:8px}
.lead{color:var(--gray);font-size:15px;margin-bottom:30px;max-width:640px}

/* 数据条 */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.stat{background:#fff;border:1px solid var(--line);border-radius:16px;text-align:center;padding:22px 10px}
.stat b{display:block;font-size:26px;font-weight:800;color:var(--green-d)}
.stat span{font-size:13px;color:var(--gray)}
@media(max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

/* 卡片 */
.grid{display:grid;gap:18px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:repeat(2,1fr)}
.g5{grid-template-columns:repeat(5,1fr)}
@media(max-width:860px){.g3{grid-template-columns:1fr 1fr}.g5{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.g3,.g2,.g5{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;
  transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(11,122,75,.10)}
.card .ico{font-size:26px;margin-bottom:10px}
.card h3{font-size:17px;margin-bottom:6px}
.card p{font-size:14px;color:var(--gray)}

/* 镀种 */
.plating{display:flex;flex-wrap:wrap;gap:12px}
.chip{padding:10px 22px;border-radius:980px;background:#fff;border:1px solid var(--line);
  font-size:15px;font-weight:600;color:var(--green-d)}

/* 区位 */
.loc{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
@media(max-width:860px){.loc{grid-template-columns:1fr}}
.loc img{border-radius:16px;border:1px solid var(--line)}
.dist{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dist .d{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.dist .d b{display:block;font-size:22px;color:var(--green-d)}
.dist .d span{font-size:13px;color:var(--gray)}
.roads{margin-top:18px;font-size:14px;color:var(--gray)}

/* 表格 */
table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}
th,td{padding:12px 14px;text-align:center;border-bottom:1px solid var(--line)}
th{background:var(--green);color:#fff;font-weight:600;white-space:nowrap}
tr:last-child td{border-bottom:none}
td:first-child,th:first-child{font-weight:600}
.tblwrap{overflow-x:auto;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,.05)}

/* 实景 */
.photos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media(max-width:760px){.photos{grid-template-columns:1fr}}
.photos figure{border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.photos figcaption{font-size:13px;color:var(--gray);padding:12px 16px;background:#fff}

/* ===== 收费：可展开卡片 ===== */
details.fee{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
details.fee summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:22px 24px}
details.fee summary::-webkit-details-marker{display:none}
details.fee summary .t{display:flex;align-items:center;gap:14px;min-width:0}
details.fee summary .ico{font-size:24px}
details.fee summary h3{font-size:16px;margin-bottom:2px}
details.fee summary .s{font-size:13px;color:var(--gray)}
details.fee summary .arrow{flex-shrink:0;color:#b6c4bb;font-size:18px;transition:transform .2s}
details.fee[open] summary .arrow{transform:rotate(90deg)}
details.fee .body{border-top:1px solid var(--line);padding:8px 24px 22px}
details.fee .body table{box-shadow:none}
.fee-note{font-size:13px;color:var(--gray);margin-top:16px}

/* 联系方式 */
.contact-card{background:linear-gradient(120deg,var(--green-d),var(--green));color:#fff;
  border-radius:20px;padding:44px 40px}
.contact-card h2{color:#fff}
.contact-card .lead{color:rgba(255,255,255,.85);margin-bottom:26px}
.phones{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:560px}
@media(max-width:600px){.phones{grid-template-columns:1fr}}
.phone{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  border-radius:14px;padding:18px 22px}
.phone b{font-size:21px;letter-spacing:.03em;display:block}
.phone span{font-size:13px;opacity:.85}

/* 二维码位 */
.qrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;max-width:560px}
.qr{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}
.qr .box{position:relative;width:150px;height:150px;margin:0 auto 10px;border-radius:12px;
  border:1.5px dashed #b6c4bb;background:var(--bg);display:flex;align-items:center;
  justify-content:center;overflow:hidden}
.qr .box em{font-style:normal;font-size:12px;color:#9bada2;line-height:1.6;padding:0 10px}
.qr .box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.qr p{font-size:14px;font-weight:600}
.qr span{font-size:12px;color:var(--gray)}

/* 二期 */
.phase2{text-align:center}
.phase2 .box{display:inline-block;border:1.5px dashed var(--green);border-radius:20px;
  padding:34px 44px;background:#fff}
.phase2 h3{font-size:19px;color:var(--green-d);margin-bottom:6px}
.phase2 p{color:var(--gray);font-size:14px}

footer{background:#10271d;color:#8fa89b;font-size:13px;padding:26px 0;text-align:center;line-height:2}
footer a{color:#8fa89b;text-decoration:none}
footer a:hover{color:#cfe3d8}