/* =====================================================================
   平顶山网站建设 · pingdingshan.css （T3 布局模板 · 变体）
   布局：居中引入+白卡四项数据 / 产业编号列表行 / 深色2x2坑带 /
        竖版时间轴沟通流程 / 编号式问答 / chips城市互链
   ===================================================================== */

/* ---------- 横幅 ---------- */
.banner-city{background-image:url('../images/banner-city.jpg')}

/* ---------- 主诉求：居中引入 + 白卡数据 ---------- */
.pds-intro{background:var(--c-ice-2)}
.pds-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1000px;margin:10px auto 0;
}
.pds-stat{
  background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow);
  padding:30px 20px;text-align:center;transition:all var(--trans);border-bottom:4px solid var(--c-accent);
}
.pds-stat:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.pds-stat b{display:block;font-size:32px;font-weight:800;color:var(--c-primary);line-height:1.1}
.pds-stat span{font-size:13px;color:var(--c-muted);margin-top:6px;display:block}

/* ---------- 产业：编号列表行（图右文左） ---------- */
.pds-industry{background:#fff}
.pds-ind-list{display:grid;gap:22px}
.pds-ind-row{
  display:grid;grid-template-columns:70px 1fr 260px;gap:28px;align-items:center;
  background:var(--c-ice-2);border-radius:var(--radius-lg);padding:26px 30px;
  border:1px solid var(--c-line);transition:all var(--trans);
}
.pds-ind-row:hover{background:#fff;box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.pds-ind-num{
  font-size:34px;font-weight:800;color:transparent;line-height:1;
  -webkit-text-stroke:1.5px var(--c-primary);text-align:center;
}
.pds-ind-row img{border-radius:14px;aspect-ratio:4/3;object-fit:cover;width:100%}
.pds-ind-body h3{font-size:19px;margin-bottom:8px}
.pds-ind-body p{color:var(--c-text-2);font-size:14.5px;margin-bottom:8px}
.pds-ind-body a{font-weight:700;color:var(--c-accent);font-size:14.5px}

/* ---------- 坑：深色2x2带 ---------- */
.pds-pit{background:var(--c-dark);color:#D6E2F6;position:relative;overflow:hidden}
.pds-pit::before{content:"";position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.35),transparent 70%)}
.pds-pit-head{position:relative;z-index:2}
.pds-pit-eyebrow{background:rgba(255,255,255,.12);color:#AFC6EC}
.pds-pit-head h2{color:#fff}
.pds-pit-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative;z-index:2}
.pds-pit-card{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:14px;padding:28px 30px;transition:all var(--trans);
}
.pds-pit-card:hover{background:rgba(37,99,235,.25);transform:translateY(-4px)}
.pds-pit-card h3{color:#fff;font-size:18px;margin-bottom:8px}
.pds-pit-card p{color:#B9C9E8;font-size:14.5px}

/* ---------- 沟通流程：竖版时间轴 ---------- */
.pds-flow{background:#fff}
.pds-timeline{max-width:720px;margin:0 auto;position:relative}
.pds-timeline::before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;background:var(--c-line)}
.pds-tl-item{position:relative;padding-left:46px;margin-bottom:26px}
.pds-tl-item:last-child{margin-bottom:0}
.pds-tl-dot{
  position:absolute;left:0;top:6px;width:24px;height:24px;border-radius:50%;
  background:#fff;border:5px solid var(--c-accent);box-shadow:0 0 0 4px var(--c-ice);
}
.pds-tl-card{background:var(--c-ice-2);border-radius:14px;padding:22px 26px;border:1px solid var(--c-line)}
.pds-tl-step{font-size:12.5px;font-weight:800;letter-spacing:1.5px;color:var(--c-accent)}
.pds-tl-card h3{font-size:17px;margin:6px 0 6px}
.pds-tl-card p{color:var(--c-text-2);font-size:14.5px}
.pds-tl-card a{color:var(--c-accent);font-weight:600}

/* ---------- FAQ：编号式问答 ---------- */
.pds-faq{background:var(--c-ice-2)}
.pds-faq-list{max-width:860px;margin:0 auto;display:grid;gap:14px}
.pds-faq-item{
  display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:start;
  background:#fff;border-radius:14px;padding:24px 28px;box-shadow:var(--shadow);
  border-right:4px solid var(--c-accent);
}
.pds-faq-item b{font-size:15px;font-weight:800;color:var(--c-accent);padding-top:2px;text-align:right}
.pds-faq-item h3{font-size:16.5px;margin-bottom:6px}
.pds-faq-item p{color:var(--c-text-2);font-size:14.5px}
.pds-faq-item p a{color:var(--c-accent);font-weight:600}

/* ---------- 城市互链：chips ---------- */
.pds-cities{background:#fff;padding-top:70px;padding-bottom:70px}
.pds-city-chips{display:flex;flex-wrap:wrap;gap:14px}
.pds-city-chips a{
  background:var(--c-ice);color:var(--c-primary);border-radius:999px;padding:11px 24px;
  font-weight:600;font-size:14.5px;transition:all var(--trans);
}
.pds-city-chips a:hover{background:var(--c-grad);color:#fff;transform:translateY(-3px);box-shadow:0 8px 18px rgba(37,99,235,.28)}

/* ---------- 响应式 ---------- */
@media (max-width:992px){
  .pds-stats{grid-template-columns:1fr 1fr}
  .pds-ind-row{grid-template-columns:1fr;gap:16px}
  .pds-ind-num{text-align:left}
  .pds-pit-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .pds-stats{grid-template-columns:1fr}
  .pds-faq-item{grid-template-columns:1fr;gap:8px}
  .pds-faq-item b{text-align:left}
}