/* ==========================================================================
   shangqiu-suixian.css · 睢县分站
   题头：数字题头(大数字) ｜ 内容区：导语段 / 痛点斑马纹 / 材料图+列表 / 培训2列栅格 / 咨询入口卡 / FAQ表格对比
   ========================================================================== */

/* ---------- 数字题头 ---------- */
.sx-hero{
  padding:calc(var(--header-h) + 60px) 0 56px;background:var(--gray-900);color:#fff;
}
.sx-hero .breadcrumb a{color:rgba(255,255,255,.75)}
.sx-hero .breadcrumb{color:rgba(255,255,255,.6)}
.sx-hero .breadcrumb .bc-now{color:#fff}
.sx-hero h1{color:#fff;margin:16px 0 18px;max-width:640px}
.sx-hero p.lead{color:rgba(255,255,255,.85);max-width:620px;font-size:15px;line-height:1.9}
.sx-hero-nums{display:flex;gap:48px;margin-top:32px;flex-wrap:wrap}
.sx-hero-nums .n b{display:block;font-size:40px;font-weight:800;color:var(--blue-300);line-height:1}
.sx-hero-nums .n span{font-size:12.5px;color:rgba(255,255,255,.7);margin-top:6px;display:block}

/* ---------- 导语段 ---------- */
.sx-intro{padding:60px 0 10px}
.sx-intro p{font-size:15px;color:var(--gray-700);line-height:2;max-width:860px;margin:0 auto 16px}

/* ---------- 痛点斑马纹 ---------- */
.sx-pain{padding:30px 0 60px}
.sx-zebra{max-width:840px;margin:0 auto}
.sx-zebra .row{display:grid;grid-template-columns:60px 200px 1fr;gap:18px;padding:16px 20px;align-items:baseline;border-bottom:1px solid var(--gray-100)}
.sx-zebra .row:nth-child(odd){background:var(--gray-50)}
.sx-zebra .idx{font-weight:800;color:var(--blue-400);font-size:18px}
.sx-zebra .t{font-weight:700;font-size:14.5px;color:var(--gray-800)}
.sx-zebra .d{font-size:14px;color:var(--gray-600);line-height:1.8}

/* ---------- 材料 图+列表 ---------- */
.sx-mat{background:var(--gray-50);padding:60px 0}
.sx-mat-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.sx-mat-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.sx-mat-img img{width:100%;height:340px;object-fit:cover}
.sx-mat-list li{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--gray-200)}
.sx-mat-list li:last-child{border-bottom:none}
.sx-mat-list .ck{
  flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue-100);color:var(--blue-700);
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:3px;
}
.sx-mat-list .tx b{display:block;font-size:14.5px;color:var(--gray-800)}
.sx-mat-list .tx span{font-size:13px;color:var(--gray-500);line-height:1.7}

/* ---------- 培训 2 列栅格 ---------- */
.sx-train{padding:60px 0}
.sx-train-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.sx-train-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-m);padding:28px;box-shadow:var(--shadow-s)}
.sx-train-card .tag{display:inline-block;font-size:12px;color:var(--blue-600);background:var(--blue-50);padding:4px 12px;border-radius:999px;margin-bottom:14px}
.sx-train-card h3{font-size:18px;margin-bottom:10px}
.sx-train-card p{font-size:14px;color:var(--gray-600);line-height:1.85}

/* ---------- 咨询入口卡 ---------- */
.sx-consult{background:var(--blue-50);padding:60px 0}
.sx-consult-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:24px auto 0}
.sx-consult-card{background:var(--white);border-radius:var(--radius-m);padding:32px;text-align:center;box-shadow:var(--shadow-s)}
.sx-consult-card h3{font-size:19px;margin-bottom:10px}
.sx-consult-card p{font-size:14px;color:var(--gray-600);line-height:1.8;margin-bottom:20px}

/* ---------- FAQ 表格对比 ---------- */
.sx-faq{padding:60px 0}
.sx-table{max-width:860px;margin:24px auto 0;border-collapse:collapse;width:100%;font-size:14px}
.sx-table th,.sx-table td{border:1px solid var(--gray-200);padding:14px 16px;text-align:left;line-height:1.8;vertical-align:top}
.sx-table th{background:var(--gray-50);font-weight:700;color:var(--gray-800)}
.sx-table td:first-child{font-weight:600;color:var(--gray-700);width:32%;background:var(--gray-50)}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .sx-mat-wrap,.sx-train-grid,.sx-consult-grid{grid-template-columns:1fr}
  .sx-zebra .row{grid-template-columns:40px 1fr;gap:8px}
  .sx-zebra .d{grid-column:1/-1}
  .sx-pain-grid,.sx-frag-grid{grid-template-columns:1fr !important}
}

/* ---------- 园区背景长文 ---------- */
.sx-bg{padding:64px 0;background:#f4f7fb}
.sx-bg h2{font-size:26px;color:#1a3a6b;margin:8px 0 20px}
.sx-bg p{font-size:15.5px;line-height:2;color:#444;text-indent:2em;margin-bottom:16px}

/* ---------- 三大痛点 3 列 ---------- */
.sx-pain{padding:64px 0}
.sx-pain-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;
}
.sx-pain-card{
  background:#f4f7fb;border-radius:10px;padding:24px 20px;
}
.sx-pain-card h3{font-size:17px;color:#1a3a6b;margin-bottom:10px}
.sx-pain-card p{font-size:14px;color:#555;line-height:1.8}

/* ---------- 报考条件自查 ---------- */
.sx-zicha{padding:64px 0;background:#f4f7fb}
.sx-zicha h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.sx-zicha p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- 碎片学习方案 ---------- */
.sx-fragment{padding:64px 0}
.sx-frag-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;
}
.sx-frag-card{
  background:#f4f7fb;border-radius:10px;padding:24px 20px;
}
.sx-frag-card h3{font-size:17px;color:#1a3a6b;margin-bottom:10px}
.sx-frag-card p{font-size:14px;color:#555;line-height:1.8}
.sx-frag-note{font-size:14px;color:#888;margin-top:16px;text-align:center}

/* ---------- 机考体验说明 ---------- */
.sx-exam{padding:64px 0;background:#f4f7fb}
.sx-exam h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.sx-exam p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- 年审 ---------- */
.sx-nianshen{padding:64px 0}
.sx-nianshen h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.sx-nianshen p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

/* ---------- CTA ---------- */
.sx-cta{padding:56px 0;background:#1a3a6b;color:#fff;text-align:center}
.sx-cta h2{font-size:24px;margin-bottom:10px}
.sx-cta p{font-size:15px;color:#c5d5e8;margin-bottom:20px}