/* ============================================================
   锐客网 · 地域落地页专用样式
   依赖外链主站 rk.css / header.css / footer.css
   只定义新增区块，沿用站内语汇：细线、留白、字号层级、深藏青 + 橙点缀
   禁止：大圆角、渐变图标块、重阴影、悬停旋转
   ============================================================ */

:root{
  --geo-ink:#131a26;
  --geo-mid:#4a5568;
  --geo-line:#e4e7ec;
  --geo-soft:#f6f7f9;
  --geo-orange:#f0780c;
  --geo-amber:#ffb657;
}

/* 浮头页面顶端留白归零（rk.css 的 .mian 默认 96px） */
.geo-landing .mian{margin-top:0!important;overflow-x:clip}
.geo-landing body,.geo-landing{background:#fff}
.geo-page{color:var(--geo-ink)}
.geo-page p{line-height:1.95;color:var(--geo-mid);font-size:15px;margin:0 0 16px}
.geo-page strong{color:var(--geo-ink);font-weight:600}

/* ---------- Hero：沿用站内 .hp-hero ---------- */
.geo-page .hp-hero{min-height:520px}
.geo-page .hp-hero h1{font-size:40px;line-height:1.35;letter-spacing:.5px;max-width:760px}
/* 上面的 .geo-page p 基础规则会命中 hero 副文案，这里提权恢复站内白色 */
.geo-page .hp-hero .hp-hero-desc{color:rgba(255,255,255,.88);font-size:16.5px;
  line-height:1.9;margin:0 0 22px;max-width:680px}
.geo-page .hp-hero .hp-hero-desc strong{color:#fff}
.geo-page .hp-hero-mono-br{letter-spacing:1.6px}
.geo-page .hp-hero-facts{margin-top:26px}

/* ---------- 面包屑（细线，不做胶囊） ---------- */
.geo-crumb{border-bottom:1px solid var(--geo-line);background:#fff}
.geo-crumb .container{display:flex;align-items:center;gap:10px;min-height:52px;
  font-size:12.5px;color:#8a94a3;flex-wrap:wrap}
.geo-crumb a:hover{color:var(--geo-orange)}
.geo-crumb i{font-size:10px;color:#c3c9d2}

/* ---------- 通用 Section 节奏 ---------- */
.geo-sec{padding:88px 0;border-bottom:1px solid var(--geo-line)}
.geo-sec--soft{background:var(--geo-soft)}
.geo-sec--tight{padding:64px 0}
.geo-head{margin-bottom:44px}
.geo-head .sec-tag{display:block;font-size:12px;letter-spacing:2.4px;
  color:var(--geo-orange);font-weight:600;margin-bottom:14px;text-transform:uppercase}
.geo-head h2{font-size:32px;line-height:1.4;font-weight:600;letter-spacing:.4px;margin:0 0 12px}
.geo-head p{font-size:14px;color:#7b8696;margin:0;max-width:760px;line-height:1.8}

/* ---------- 非对称分屏 ---------- */
.geo-split{display:grid;grid-template-columns:1.18fr .82fr;gap:72px;align-items:start}
.geo-split-main h2{font-size:30px;line-height:1.45;font-weight:600;margin:0 0 26px}
.geo-split-main p{margin-bottom:18px}
.geo-aside{border-top:1px solid var(--geo-ink);padding-top:6px}
.geo-info{display:grid;grid-template-columns:96px 1fr;gap:0 18px;
  border-bottom:1px solid var(--geo-line);padding:16px 2px;font-size:14px;line-height:1.7}
.geo-info dt{color:#8a94a3;font-size:13px}
.geo-info dd{margin:0;color:var(--geo-ink)}
.geo-aside-note{font-size:12.5px;color:#9aa3b0;line-height:1.8;margin-top:18px}

/* ---------- 覆盖区县：细线标签，无框 ---------- */
.geo-tags{display:flex;flex-wrap:wrap;gap:0 0;margin:0;padding:0;list-style:none;
  border-top:1px solid var(--geo-line)}
.geo-tags li{border-bottom:1px solid var(--geo-line);padding:15px 26px 15px 0;
  margin-right:26px;font-size:15px;color:var(--geo-ink);min-width:120px}
.geo-tags li::before{content:"";display:inline-block;width:5px;height:5px;
  background:var(--geo-orange);margin-right:10px;vertical-align:middle;border-radius:50%}
.geo-tags-foot{font-size:13px;color:#8a94a3;margin-top:20px;line-height:1.8}

/* ---------- 服务清单：大号侧边编号 ---------- */
.geo-svc{border-top:1px solid var(--geo-ink)}
.geo-svc-row{display:grid;grid-template-columns:78px 250px 1fr;gap:24px;align-items:baseline;
  padding:26px 6px;border-bottom:1px solid var(--geo-line);transition:background .2s}
.geo-svc-row:hover{background:var(--geo-soft)}
.geo-svc-num{font:600 26px/1 Georgia,serif;color:#c9ced7;letter-spacing:1px}
.geo-svc-row h3{font-size:18px;font-weight:600;margin:0;letter-spacing:.3px}
.geo-svc-row p{margin:0;font-size:14px;line-height:1.8;color:var(--geo-mid)}

/* ---------- 深色横带：全页唯一深色带（Hero 之外） ---------- */
.geo-band{background:var(--geo-ink);color:#fff;padding:78px 0 84px}
.geo-band .geo-head h2{color:#fff}
.geo-band .geo-head p{color:#aab3c0}
.geo-band .geo-head .sec-tag{color:var(--geo-amber)}
.geo-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  border-top:1px solid rgba(255,255,255,.18);padding-top:34px}
.geo-flow-step{padding:0 30px 0 0;position:relative}
.geo-flow-step + .geo-flow-step{border-left:1px solid rgba(255,255,255,.14);padding-left:30px}
.geo-flow-step b{display:block;font:600 13px/1 Georgia,serif;color:var(--geo-amber);
  letter-spacing:2px;margin-bottom:18px}
.geo-flow-step h3{font-size:18px;font-weight:500;margin:0 0 12px;color:#fff}
.geo-flow-step p{font-size:13.5px;line-height:1.85;color:#c3cbd7;margin:0}
.geo-band-foot{margin-top:38px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);
  font-size:13px;color:#b0bac7;line-height:1.8}

/* ---------- FAQ：原生手风琴，零 JS ---------- */
.geo-faq{border-top:1px solid var(--geo-ink)}
.geo-faq details{border-bottom:1px solid var(--geo-line)}
.geo-faq summary{list-style:none;cursor:pointer;padding:22px 40px 22px 0;position:relative;
  font-size:17px;font-weight:600;color:var(--geo-ink);line-height:1.6}
.geo-faq summary::-webkit-details-marker{display:none}
.geo-faq summary::after{content:"+";position:absolute;right:4px;top:20px;
  font:400 22px/1 Georgia,serif;color:var(--geo-orange)}
.geo-faq details[open] summary::after{content:"\2212"}
.geo-faq details[open] summary{color:var(--geo-orange)}
.geo-faq .geo-a{padding:0 60px 26px 0;max-width:940px}
.geo-faq .geo-a p{margin:0;font-size:14.5px;line-height:1.95}

/* ---------- 邻近城市互链 ---------- */
.geo-links{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--geo-line);
  padding-top:8px;list-style:none;margin:0}
.geo-links li{border-bottom:1px solid var(--geo-line)}
.geo-links a{display:inline-block;padding:15px 24px 15px 0;margin-right:24px;
  font-size:14px;color:var(--geo-mid)}
.geo-links a:hover{color:var(--geo-orange)}
.geo-links .geo-links-all a{color:var(--geo-orange)}

/* ---------- 收尾 CTA（浅底，深色带不超两处） ---------- */
.geo-cta{background:#fff;padding:76px 0 88px}
.geo-cta-in{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center}
.geo-cta h2{font-size:30px;font-weight:600;line-height:1.45;margin:0 0 14px}
.geo-cta p{font-size:14.5px;color:var(--geo-mid);margin:0;line-height:1.9}
.geo-cta-side{text-align:right}
.geo-cta-tel{display:block;font:600 28px/1.2 Georgia,serif;color:var(--geo-ink);margin-bottom:22px}
.geo-cta-btn{display:inline-block;background:var(--geo-orange);color:#fff!important;
  padding:14px 30px;border-radius:3px;font-size:15px;letter-spacing:.5px}
.geo-cta-btn:hover{background:#d96a08}
.geo-cta-note{font-size:12.5px;color:#9aa3b0;margin-top:16px}

/* ---------- Hub 页（全国 / 省份） ---------- */
.geo-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 56px;
  border-top:1px solid var(--geo-ink);padding-top:28px}
.geo-hub-col h3{font-size:16px;font-weight:600;margin:0 0 12px;
  padding-bottom:12px;border-bottom:1px solid var(--geo-line)}
.geo-hub-col a{display:inline-block;font-size:13.5px;color:var(--geo-mid);
  padding:7px 16px 7px 0}
.geo-hub-col a:hover{color:var(--geo-orange)}
.geo-hub-col span{display:block;line-height:1.9}
.geo-hub-prov{border-bottom:1px solid var(--geo-line);padding:8px 0 20px;margin-bottom:18px}
.geo-hub-prov > a{font-size:17px;font-weight:600;color:var(--geo-ink);display:inline-block;margin-bottom:8px}
.geo-hub-meta{font-size:12.5px;color:#9aa3b0;margin-left:12px}

/* ---------- 滚动渐入（与站内 .reveal 同语义） ---------- */
.geo-page .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.geo-page .reveal.in{opacity:1;transform:none}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
  .geo-split{gap:44px}
  .geo-svc-row{grid-template-columns:60px 210px 1fr;gap:18px}
  .geo-hub-grid{gap:0 32px}
}
@media (max-width:900px){
  .geo-sec{padding:60px 0}
  .geo-band{padding:58px 0 64px}
  .geo-page .hp-hero h1{font-size:30px}
  .geo-split{grid-template-columns:1fr;gap:36px}
  .geo-head h2,.geo-split-main h2,.geo-cta h2{font-size:25px}
  .geo-flow{grid-template-columns:repeat(2,1fr);gap:28px 0}
  .geo-flow-step:nth-child(3){border-left:0;padding-left:0}
  .geo-flow-step:nth-child(n+3){border-top:1px solid rgba(255,255,255,.14);padding-top:26px}
  .geo-cta-in,.geo-hub-grid{grid-template-columns:1fr}
  .geo-cta-side{text-align:left}
  .geo-svc-row{grid-template-columns:44px 1fr;gap:6px 16px}
  .geo-svc-row p{grid-column:2}
  .geo-hub-grid{gap:0}
}
@media (max-width:520px){
  .geo-page .hp-hero h1{font-size:25px}
  .geo-page .hp-hero{min-height:440px}
  .geo-tags li{min-width:50%;margin-right:0;padding-right:12px;font-size:14px}
  .geo-faq summary{font-size:15.5px;padding-right:28px}
  .geo-faq .geo-a{padding-right:0}
  .geo-flow{grid-template-columns:1fr}
  .geo-flow-step + .geo-flow-step{border-left:0;padding-left:0;
    border-top:1px solid rgba(255,255,255,.14);padding-top:24px}
  .geo-info{grid-template-columns:80px 1fr}
}