/* ==========================================================================
   shangqiu-xiayi.css · 夏邑分站
   题头：浅蓝面板+图(右图左文，与民权镜像) ｜ 内容区：导语段 / 异地回迁对照双栏 / 材料图+列表 / 培训时间轴 / 咨询标签墙 / FAQ表格对比
   ========================================================================== */

/* ---------- 浅蓝面板+图 题头（右图左文） ---------- */
.xy-hero{
  padding:calc(var(--header-h) + 56px) 0 64px;
  background:linear-gradient(200deg,var(--blue-50) 0%,var(--white) 80%);
}
.xy-hero-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.xy-hero-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.xy-hero-img img{width:100%;height:380px;object-fit:cover}
.xy-hero h1{margin:16px 0 16px;font-size:clamp(28px,3.6vw,40px)}
.xy-hero h1 em{font-style:normal;color:var(--blue-600)}
.xy-hero p{font-size:15px;color:var(--gray-600);line-height:1.95;margin-bottom:24px}
.xy-hero-actions{display:flex;gap:14px;flex-wrap:wrap}

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

/* ---------- 异地回迁 对照双栏 ---------- */
.xy-dual{background:var(--gray-50);padding:56px 0}
.xy-dual-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.xy-dual-card{background:var(--white);border-radius:var(--radius-m);padding:32px;box-shadow:var(--shadow-s)}
.xy-dual-card h3{font-size:19px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--blue-100)}
.xy-dual-card p{font-size:14px;color:var(--gray-600);line-height:1.9;margin-bottom:12px}
.xy-dual-card .tag{display:inline-block;font-size:12px;color:var(--blue-700);background:var(--blue-50);padding:3px 10px;border-radius:999px}

/* ---------- 材料 图+列表 ---------- */
.xy-mat{padding:60px 0}
.xy-mat-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.xy-mat-img{border-radius:var(--radius-l);overflow:hidden;box-shadow:var(--shadow-m)}
.xy-mat-img img{width:100%;height:340px;object-fit:cover}
.xy-mat-list li{padding:10px 0;border-bottom:1px dashed var(--gray-200);font-size:14.5px;color:var(--gray-700);line-height:1.8}
.xy-mat-list li:last-child{border-bottom:none}
.xy-mat-list b{color:var(--gray-900)}

/* ---------- 培训时间轴 ---------- */
.xy-tl-sec{background:var(--blue-50);padding:60px 0}
.xy-tl{position:relative;max-width:740px;margin:24px auto 0;padding-left:28px}
.xy-tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--blue-300)}
.xy-tl-item{position:relative;padding:0 0 24px 22px}
.xy-tl-item::before{content:"";position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:var(--white);border:3px solid var(--blue-500)}
.xy-tl-item .t{font-size:12.5px;color:var(--blue-600);font-weight:700;letter-spacing:1px}
.xy-tl-item h4{font-size:16px;margin:4px 0 6px}
.xy-tl-item p{font-size:14px;color:var(--gray-600);line-height:1.8}

/* ---------- 咨询标签墙 ---------- */
.xy-contact{padding:60px 0;text-align:center}
.xy-contact .tagwall{justify-content:center;margin-top:22px}
.xy-contact p.desc{color:var(--gray-600);font-size:14.5px;max-width:540px;margin:14px auto 0;line-height:1.9}

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

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .xy-hero-wrap,.xy-dual-cols,.xy-mat-wrap{grid-template-columns:1fr}
  .xy-hero-img{order:-1}
  .xy-yd-steps,.xy-fa-cols{grid-template-columns:1fr !important}
}

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

/* ---------- 异地报考 4 步 ---------- */
.xy-yidi{padding:64px 0}
.xy-yd-steps{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;
}
.xy-yd{
  background:#f4f7fb;border-radius:10px;padding:22px 16px;text-align:center;
}
.xy-yd b{
  display:inline-block;background:#1a3a6b;color:#fff;font-size:13px;
  padding:3px 12px;border-radius:20px;margin-bottom:10px;
}
.xy-yd h4{font-size:15px;color:#1a3a6b;margin-bottom:6px}
.xy-yd p{font-size:13.5px;color:#666;line-height:1.7}

/* ---------- 回乡回迁 ---------- */
.xy-huixiang{padding:64px 0;background:#f4f7fb}
.xy-huixiang h3{font-size:22px;color:#1a3a6b;margin:8px 0 16px}
.xy-huixiang p{font-size:15px;line-height:2;color:#444;text-indent:2em;margin-bottom:14px}

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

/* ---------- 异地网课+返乡面授 2 列 ---------- */
.xy-fangan{padding:64px 0;background:#f4f7fb}
.xy-fa-cols{
  display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;
}
.xy-fa-card{
  background:#fff;border-radius:10px;padding:24px 20px;
  box-shadow:0 2px 10px rgba(0,0,0,.05);
}
.xy-fa-card h3{font-size:17px;color:#1a3a6b;margin-bottom:10px}
.xy-fa-card p{font-size:14px;color:#555;line-height:1.8}

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