/* ============================================================
   xinyang-baokao.css — 信阳报考专题
   骨架：S8v2 五步数字流程（横向步骤条＋纵向细节）
   光影：D1 hero光带（.beam）＋ D3 斜角切角卡片（.cut-card 复用）
   ============================================================ */

/* ---------- 首屏 D1 ---------- */
.xb-hero{
  padding:112px 0 64px;
  background:linear-gradient(135deg,#FAF7F1 0%,#FFFFFF 48%,#EFE9DE 100%);
}
.xb-hero .crumb{margin-bottom:22px}
.xb-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center}
.xb-hero-text h1{font-size:36px;line-height:1.3;margin:16px 0 14px}
.xb-hero-text p{color:#55554F;font-size:15px;max-width:560px}
.xb-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.xb-hero-img img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}

/* ---------- 标题区 ---------- */
.xb-head{max-width:720px;margin-bottom:38px}
.xb-head h2{font-size:27px;margin-bottom:8px}
.xb-head p{color:#8B8B85;font-size:14.5px}

/* ---------- 五步卡片（D3 cut-card） ---------- */
.xb-steps{
  display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;
}
.xb-step{
  background:#fff;border:1px solid #EBEBE7;padding:24px 20px 22px;
  box-shadow:0 6px 18px rgba(122,101,76,.09);
  display:flex;flex-direction:column;
}
.xb-step-no{
  font-size:30px;font-weight:800;color:#C7B49A;line-height:1;
  margin-bottom:12px;
}
.xb-step h3{font-size:16.5px;margin-bottom:8px}
.xb-step p{font-size:13px;color:#6E6E68;flex:1}
.xb-pit{
  margin-top:10px;padding:10px 12px;background:#F5F2EC;font-size:12.5px;
  border-left:2px solid #B09A7E;color:#6E6E68;
}
.xb-step a{color:#94795A;text-decoration:underline}

/* ---------- 条件自查 ---------- */
.xb-cond-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.xb-cond-text h2{font-size:25px;margin:14px 0 14px}
.xb-cond-text p{font-size:14.5px;color:#55554F}
.xb-cond-img img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}
.xb-cond-img figcaption{margin-top:10px;font-size:12.5px;color:#8B8B85}

/* ---------- 理论实操 ---------- */
.xb-exam{display:grid;gap:34px;margin-bottom:26px}
.xb-exam-item{
  display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;
  background:#fff;border:1px solid #EBEBE7;padding:24px;
}
.xb-exam-item figure img{width:100%;border-radius:2px}
.xb-exam-item h3{font-size:19px;margin-bottom:8px;color:#7A654C}
.xb-exam-item p{font-size:14px;color:#6E6E68}
.xb-tip{
  background:linear-gradient(135deg,#F5F0E6,#EFE8DA);
  border-left:4px solid #94795A;padding:18px 22px;
}
.xb-tip p{margin:0;font-size:14px;color:#5C5040}

/* ---------- 本地话 ---------- */
.xb-local h2{font-size:25px;margin-bottom:20px}
.xb-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.xb-local-grid p{
  background:#fff;border:1px solid #EBEBE7;padding:18px 20px;
  font-size:14px;color:#55554F;margin:0;
}
.xb-local-grid strong{color:#7A654C}
.xb-local-grid a{color:#94795A;text-decoration:underline}

/* ---------- CTA ---------- */
.xb-cta{
  background:linear-gradient(135deg,#94795A 0%,#7A654C 100%);
  padding:64px 0 52px;text-align:center;color:#F5F1E8;
}
.xb-cta h2{color:#fff;font-size:26px;margin-bottom:10px}
.xb-cta p{color:rgba(255,255,255,.85);margin-bottom:22px}
.xb-rel{margin-top:28px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.xb-rel a{color:rgba(255,255,255,.9);font-size:13.5px;text-decoration:underline}
.xb-rel a:hover{color:#fff}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .xb-steps{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:920px){
  .xb-hero-grid,.xb-cond-grid,.xb-exam-item{grid-template-columns:1fr;gap:26px}
  .xb-exam-item figure{order:-1}
}
@media (max-width:600px){
  .xb-steps,.xb-local-grid{grid-template-columns:1fr}
  .xb-hero-text h1{font-size:28px}
}