/* ============================================================
   xinyang-peixun.css — 信阳考前培训
   骨架：S2v2 杂志式卡片瀑布（不等高/不等宽卡片）
   光影：D3 斜角切角卡片（.cut-card）＋ D6 光影双色块（浅块左上/棕影块右下）
   ============================================================ */

/* ---------- 页头 ---------- */
.xp-hero{
  padding:112px 0 56px;
  background:linear-gradient(135deg,#F5F2EB 0%,#FFFFFF 55%,#ECE6DA 100%);
}
.xp-hero .crumb{margin-bottom:22px}
.xp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.xp-hero-text h1{font-size:35px;line-height:1.3;margin:16px 0 14px}
.xp-hero-text p{color:#55554F;font-size:15px;max-width:560px}
.xp-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.xp-hero-img img{width:100%;border-radius:2px;box-shadow:0 16px 38px rgba(122,101,76,.16)}

/* ---------- 标题 ---------- */
.xp-head{max-width:700px;margin-bottom:34px}
.xp-head h2{font-size:27px;margin-bottom:8px}
.xp-head p{color:#8B8B85;font-size:14.5px}

/* ---------- S2v2 瀑布（不等高） ---------- */
.xp-waterfall{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  grid-auto-rows:auto;
  gap:22px;
}
.xp-card{
  background:#fff;border:1px solid #EBEBE7;overflow:hidden;
  box-shadow:0 6px 20px rgba(122,101,76,.09);
  display:flex;flex-direction:column;
}
.xp-card:nth-child(odd){transform:translateY(14px)}
.xp-card:nth-child(even){transform:translateY(-6px)}
.xp-card figure{margin:0}
.xp-card figure img{width:100%}
.xp-card-body{padding:24px 24px 26px}
.xp-card-tag{
  display:inline-block;font-size:11.5px;letter-spacing:2px;color:#7A654C;
  background:rgba(199,180,154,.18);padding:4px 10px;margin-bottom:10px;
}
.xp-card-body h3{font-size:18px;margin-bottom:8px}
.xp-card-body p{font-size:13.5px;color:#6E6E68;margin:0}

/* ---------- D6 双色块 ---------- */
.xp-duotone{padding:76px 0;background:#F5F5F2}
.xp-dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;box-shadow:0 16px 40px rgba(122,101,76,.15)}
.xp-dt-light{
  background:linear-gradient(135deg,#FFFFFF 0%,#F3EEE4 100%);
  padding:44px 40px;
}
.xp-dt-dark{
  background:linear-gradient(135deg,#8A7358 0%,#6B563E 100%);
  color:#F2EDE3;padding:44px 40px;
}
.xp-dt-label{
  display:inline-block;font-size:11.5px;letter-spacing:3px;margin-bottom:14px;
  padding:4px 12px;
}
.xp-dt-light .xp-dt-label{background:rgba(199,180,154,.25);color:#7A654C}
.xp-dt-dark .xp-dt-label{background:rgba(255,255,255,.18);color:#fff}
.xp-dt-light h2,.xp-dt-dark h2{font-size:21px;margin-bottom:12px}
.xp-dt-light h2{color:#33332F}
.xp-dt-dark h2{color:#fff}
.xp-dt-light p{font-size:14px;color:#6E6E68;margin:0}
.xp-dt-dark p{font-size:14px;color:rgba(255,255,255,.88);margin:0}

/* ---------- 问答 ---------- */
.xp-faq h2{font-size:26px;margin-bottom:22px}
.xp-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.xp-faq-grid div{
  background:#fff;border:1px solid #EBEBE7;padding:20px 22px;
  border-left:3px solid #C7B49A;
}
.xp-faq-grid h3{font-size:15.5px;margin-bottom:6px}
.xp-faq-grid p{font-size:13.5px;color:#6E6E68;margin:0}

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

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .xp-hero-grid{grid-template-columns:1fr;gap:26px}
  .xp-waterfall{grid-template-columns:1fr}
  .xp-card:nth-child(odd),.xp-card:nth-child(even){transform:none}
  .xp-dt-grid{grid-template-columns:1fr}
  .xp-faq-grid{grid-template-columns:1fr}
}

/* FAQ supplement */
.sb-faq h2{font-size:24px;margin-bottom:18px}
.sb-faq-item{background:#fff;border:1px solid #EBEBE7;padding:20px 24px;margin-bottom:12px;border-left:4px solid #C7B49A}
.sb-faq-item h3{font-size:15.5px;color:#7A654C;margin-bottom:6px}
.sb-faq-item p{font-size:14px;color:#55554F;margin:0}