/* ===== 商丘专属样式 ===== */
.hero-center{text-align:center;background:var(--paper-deep);padding:calc(var(--header-h) + var(--topbar-h) + 70px) 0 90px}
.hc-inner{max-width:780px;margin:0 auto}
.hc-kicker{font-size:12.5px;letter-spacing:.32em;color:#8E6B36;margin-bottom:18px}
.hc-title{font-size:clamp(30px,4.6vw,52px);line-height:1.25;margin-bottom:20px}
.hc-rule{width:80px;height:3px;background:#8E6B36;margin:0 auto 22px}
.hc-sub{color:var(--ink-soft);max-width:640px;margin:0 auto 28px;line-height:1.9}
.hc-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.hc-contact{margin-top:22px;font-size:13px;color:var(--ink-faint);letter-spacing:.08em}
/* 商丘站专属样式 */
.hero-ct{position:relative;padding:calc(var(--header-h) + var(--topbar-h) + 40px) 0 80px;overflow:hidden}
.city-econ .econ-wrap{display:grid;grid-template-columns:1fr 1.6fr;gap:48px;align-items:start}
.econ-body p{margin-bottom:14px;color:var(--ink-soft);line-height:1.9}
.advn-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.advn-item{display:flex;gap:16px;background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:var(--radius)}
.advn-num{font-family:var(--font-serif);font-size:30px;color:#8E6B36;line-height:1;flex:none}
.advn-item h3{font-size:17px;margin-bottom:6px}
.advn-item p{font-size:14px;color:var(--ink-soft);line-height:1.8}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ind-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:all .35s ease}
.ind-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.ind-card img{width:100%;height:200px;object-fit:cover}
.ind-body{padding:18px}
.ind-body h3{font-size:16px;margin-bottom:8px}
.caseph-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.caseph-img{position:relative}
.caseph-img img{width:100%;border-radius:var(--radius)}
.caseph-tag{position:absolute;left:16px;bottom:16px;background:var(--dark);color:#EDE7DA;font-size:12px;padding:5px 12px;letter-spacing:.1em}
.caseph-body p{color:var(--ink-soft);line-height:1.9;margin:14px 0}
.caseph-note{font-size:12px;color:var(--ink-faint)}
.prc-section{background:var(--dark);color:#D8D2C6}
.prc-head{margin-bottom:36px}
.prc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none}
.prc-num{font-family:var(--font-serif);font-size:34px;color:#8E6B36;display:block;margin-bottom:10px}
.prc-item h3{color:#EFE9DC;font-size:16px;margin-bottom:8px}
.prc-item p{font-size:13.5px;color:#B8B0A1;line-height:1.8}
.why-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.why-photo img{width:100%;border-radius:var(--radius)}
.why-list{margin:18px 0 26px;display:grid;gap:12px}
.why-list li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-soft);font-size:14.5px}
.why-list svg{width:16px;height:16px;fill:#8E6B36;flex:none;margin-top:4px}
.citylinks-grid{display:flex;flex-wrap:wrap;gap:10px}
.citylinks-grid a{font-size:13.5px;border:1px solid var(--line);padding:7px 16px;border-radius:20px;color:var(--ink-soft);transition:all .25s ease}
.citylinks-grid a:hover{border-color:#8E6B36;color:#8E6B36}
.faq-wrap{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;align-items:start}
.faq-list{max-width:760px}
.cta-band{background:var(--paper-deep)}
.cta-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}
.cta-title{font-family:var(--font-serif);font-size:clamp(24px,3vw,34px);line-height:1.4;margin:14px 0}
.cta-sub{color:var(--ink-soft);margin-bottom:22px}
.cta-contacts{display:flex;gap:14px;flex-wrap:wrap}
.cta-contact{display:flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);padding:12px 18px;border-radius:var(--radius)}
.cta-contact svg{width:18px;height:18px;fill:#8E6B36}
.cta-contact small{display:block;font-size:11px;color:var(--ink-faint);letter-spacing:.1em}
.cta-btn{justify-self:end}

@media (max-width:991px){
  .city-econ .econ-wrap,.advn-grid,.ind-grid,.caseph-wrap,.why-wrap,.faq-wrap,.cta-wrap,.prc-grid,.hst-inner,.hero-side,.hero-split{grid-template-columns:1fr}
  .hst-board{height:280px;margin-top:20px}
  .cta-btn{justify-self:start}
  .hs-main,.hsplit-img{min-height:280px;min-height:280px}
  .hs-aside,.hsplit-text{padding:calc(var(--header-h) + var(--topbar-h) + 30px) 6vw 40px}
}
@media (max-width:560px){
  .ind-grid,.prc-grid{grid-template-columns:1fr 1fr}
}
