/* ===== region-henan 页面独立样式 · 吊灯轻奢风 ===== */
/* ===== 页头 Hero 背景图 ===== */
.rg-hero{padding:186px 0 96px;overflow:hidden;background:linear-gradient(160deg,#23262C 0%,#17191D 70%,#22252B 100%)}
.rg-hero-bg{position:absolute;inset:0;z-index:0}
.rg-hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.28}
.rg-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,25,29,.92) 30%,rgba(23,25,29,.55) 100%)}
.rg-hero .container{z-index:2}

/* ===== 底部 CTA ===== */
.rg-cta{background:radial-gradient(600px 300px at 20% 20%,rgba(217,190,133,.14),transparent 60%),linear-gradient(160deg,#2A2E35,#1A1D22);color:#E9E6DE;position:relative;overflow:hidden}
.rg-cta-inner{text-align:center;position:relative;z-index:2}
.rg-cta h2{color:#fff;font-size:34px;letter-spacing:2px;margin:14px 0 18px}
.rg-cta p{color:#C6C2B4;max-width:720px;margin:0 auto 28px;font-size:15px}
.rg-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.rg-cta-note{margin-top:20px;font-size:13px;color:#9A968C}

/* ===== 上门沟通列表 ===== */
.rg-visit-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.rg-visit-list li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 24px;box-shadow:var(--shadow-soft);font-size:15px;color:var(--ink-2)}
.rg-visit-list a{color:var(--gold-3);font-weight:600}
.rg-visit-list a:hover{text-decoration:underline}

/* 市场数据带 */
.hn-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:40px 0 36px}
.hn-stat{background:var(--mist);border:1px solid var(--line);border-radius:12px;padding:26px 18px;text-align:center}
.hn-stat b{display:block;font-family:var(--font-serif);font-size:38px;color:var(--gold-3);line-height:1.1}
.hn-stat span{font-size:13px;color:var(--gray);margin-top:6px;display:block}
.hn-prose p{font-size:16px;margin-bottom:16px;max-width:980px}
.hn-prose a{color:var(--gold-3);font-weight:600;border-bottom:1px solid var(--gold-2)}

/* 14 城矩阵 */
.hn-city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.hn-city{display:block;background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.25);border-radius:10px;padding:20px;transition:all .35s ease}
.hn-city:hover{background:rgba(217,190,133,.12);border-color:var(--gold-2);transform:translateY(-4px)}
.hn-city b{font-family:var(--font-serif);font-size:22px;color:var(--gold-2);display:block;margin-bottom:6px}
.hn-city span{font-size:12.5px;color:#9A9EA6;line-height:1.6}

/* 产业速览行 */
.hn-rows{display:flex;flex-direction:column;gap:14px}
.hn-row{display:grid;grid-template-columns:220px 1fr;gap:24px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 28px;box-shadow:var(--shadow-soft);align-items:center}
.hn-row span{font-family:var(--font-serif);font-size:18px;color:var(--gold-3);letter-spacing:1px}
.hn-row p{font-size:15px}
.hn-row a{color:var(--gold-3);font-weight:600}

/* 案例横排 */
.hn-case-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:26px}
.hn-case{display:block;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);transition:all .35s ease}
.hn-case:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.hn-case img{width:100%;aspect-ratio:16/9;object-fit:cover}
.hn-case span{display:inline-block;margin:14px 18px 4px;font-size:12px;color:var(--gold-3);letter-spacing:2px}
.hn-case h3{font-size:17px;padding:0 18px 18px}
.hn-case-more{text-align:center;color:var(--gray);font-size:14px}
.hn-case-more a{color:var(--gold-3);font-weight:600}

/* 服务 chips */
.rg-svc-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.rg-svc-chip{padding:11px 22px;border-radius:40px;border:1px solid var(--line-2);font-size:14px;color:var(--ink-2);background:#fff;transition:all .3s ease}
.rg-svc-chip:hover{border-color:var(--gold);color:var(--gold-3);background:var(--gold-soft)}

@media (max-width:992px){
  .rg-hero{padding:150px 0 70px}
  .rg-cta h2{font-size:26px}
}
@media (max-width:640px){
  .rg-hero{padding:130px 0 56px}
  .rg-cta h2{font-size:22px}
}

@media (max-width:992px){
  .hn-stats{grid-template-columns:repeat(2,1fr)}
  .hn-city-grid{grid-template-columns:repeat(2,1fr)}
  .hn-row{grid-template-columns:1fr;gap:8px}
  .hn-case-row{grid-template-columns:1fr}
}
@media (max-width:640px){
  .hn-stats{grid-template-columns:repeat(2,1fr);gap:12px}
  .hn-stat b{font-size:28px}
  .hn-city-grid{grid-template-columns:1fr 1fr}
}
