/* ==========================================================================
   zhoukou-dancheng.css · 郸城县（主线：教育之乡学校配套抢工）
   题头：大色块+竖排装饰；区序：教育背景 → 暑期抢工节奏双栏 → 抢工配岗zigzag →
   报考条件编号 → 材料清单 → 备考拆段3卡 → 年审 → FAQ → CTA
   ========================================================================== */

/* ---------- 题头：大色块 + 竖排装饰 ---------- */
.dc-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--gray-900),var(--blue-800));
  color:#fff;padding:calc(var(--header-h) + 50px) 0 60px;
}
.dc-hero-v{
  position:absolute;right:6%;top:50%;transform:translateY(-50%);
  writing-mode:vertical-rl;font-size:64px;font-weight:800;letter-spacing:12px;
  color:rgba(255,255,255,.08);pointer-events:none;user-select:none;
}
.dc-hero-in{position:relative;max-width:720px}
.dc-hero .breadcrumb{color:rgba(255,255,255,.7);margin-bottom:16px}
.dc-hero .breadcrumb a{color:rgba(255,255,255,.85)}
.dc-hero .breadcrumb span::after{color:rgba(255,255,255,.4)}
.dc-hero .bc-now{color:#fff}
.dc-hero h1{color:#fff;margin:10px 0 16px}
.dc-hero h1 em{font-style:normal;color:var(--blue-200)}
.dc-hero .lead{color:rgba(255,255,255,.88);font-size:15px;line-height:1.9}
.dc-hero-actions{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.btn-light-ghost{border-color:rgba(255,255,255,.5);color:#fff}
.btn-light-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}

/* ---------- 教育背景长文 ---------- */
.dc-bg{padding:70px 0 20px;background:var(--white)}
.dc-bg-body{max-width:860px;margin:0 auto}
.dc-bg-body h2{margin:10px 0 24px}
.dc-bg-body p{color:var(--gray-600);font-size:15.5px;line-height:2;margin-bottom:18px;text-indent:2em}

/* ---------- 暑期抢工节奏双栏 ---------- */
.dc-rhythm{padding:60px 0;background:var(--gray-50)}
.dc-rhythm-cols{
  display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:stretch;
  max-width:920px;margin:0 auto;
}
.dc-rhythm-col{border-radius:var(--radius-m);padding:30px 28px}
.dc-rhythm-col:first-child{background:var(--gray-100)}
.dc-rhythm-col:last-child{background:var(--blue-50);border:1px solid var(--blue-150)}
.dc-rhythm-col h3{font-size:17px;margin-bottom:12px}
.dc-rhythm-col p{font-size:14px;color:var(--gray-600);line-height:1.85}
.dc-rhythm-mid{display:flex;align-items:center;font-size:24px;font-weight:800;color:var(--blue-400)}

/* ---------- 抢工配岗 zigzag ---------- */
.dc-staff{padding:70px 0;background:var(--white)}
.dc-staff-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.dc-staff-img img{border-radius:var(--radius-l);width:100%;height:auto;box-shadow:var(--shadow-m)}
.dc-staff-body h3{margin:10px 0 16px}
.dc-staff-body p{color:var(--gray-600);margin-bottom:14px;line-height:1.9}
.dc-staff-body .btn{margin-top:8px}

/* ---------- 报考条件编号 ---------- */
.dc-cond{padding:60px 0;background:var(--gray-50)}
.dc-cond-list{max-width:820px;margin:0 auto}
.dc-cond-row{
  display:flex;gap:18px;align-items:flex-start;background:var(--white);
  border-radius:var(--radius-m);padding:18px 22px;margin-bottom:14px;box-shadow:var(--shadow-s);
}
.dc-cond-n{
  flex-shrink:0;width:30px;height:30px;border-radius:50%;background:var(--blue-500);
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;
}
.dc-cond-row p{font-size:14px;color:var(--gray-600);line-height:1.8}
.dc-cond-row b{color:var(--gray-900)}

/* ---------- 材料清单 ---------- */
.dc-mat{padding:64px 0;background:var(--white)}
.dc-mat-list{max-width:760px;margin:0 auto}
.dc-mat-row{
  display:flex;justify-content:space-between;gap:20px;padding:15px 4px;
  border-bottom:1px dashed var(--gray-200);
}
.dc-mat-row b{color:var(--gray-900);flex-shrink:0;width:100px}
.dc-mat-row span{color:var(--gray-600);font-size:14px;text-align:right}
.dc-mat-note{text-align:center;margin-top:22px;font-size:13px;color:var(--gray-400)}

/* ---------- 备考拆段 3卡 ---------- */
.dc-study{padding:64px 0;background:var(--gray-50)}
.dc-study-band{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dc-study-card{
  background:var(--white);border-radius:var(--radius-m);padding:28px 24px;box-shadow:var(--shadow-s);
  border-top:3px solid var(--blue-400);
}
.dc-study-card h4{font-size:16px;margin-bottom:10px}
.dc-study-card p{font-size:13.5px;color:var(--gray-600);line-height:1.8}

/* ---------- 年审横盒 ---------- */
.dc-renew{padding:56px 0;background:var(--white)}
.dc-renew-box{
  display:flex;align-items:center;justify-content:space-between;gap:30px;
  background:linear-gradient(135deg,var(--blue-700),var(--blue-600));
  border-radius:var(--radius-l);padding:36px 40px;color:#fff;flex-wrap:wrap;
}
.dc-renew-text{max-width:640px}
.dc-renew-text h3{color:#fff;margin:6px 0 12px}
.dc-renew-text p{color:rgba(255,255,255,.9);font-size:14.5px;line-height:1.9}
.dc-renew-text a{color:#fff;text-decoration:underline}

/* ---------- FAQ 段落式 ---------- */
.dc-faq{padding:60px 0 80px;background:var(--gray-50)}
.dc-faq-list{max-width:820px;margin:0 auto}
.dc-faq-item{padding:20px 0;border-bottom:1px solid var(--gray-200)}
.dc-faq-item h3{font-size:15.5px;margin-bottom:8px}
.dc-faq-item p{font-size:14px;color:var(--gray-600)}

/* ---------- CTA ---------- */
.dc-cta{
  background:linear-gradient(135deg,var(--gray-900),var(--blue-800));
  padding:64px 0;text-align:center;
}
.dc-cta-inner{max-width:680px;margin:0 auto}
.dc-cta h2{color:#fff;margin-bottom:14px}
.dc-cta p{color:rgba(255,255,255,.85);margin-bottom:26px}
.dc-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:920px){
  .dc-rhythm-cols{grid-template-columns:1fr}
  .dc-rhythm-mid{justify-content:center;padding:6px 0}
  .dc-staff-row{grid-template-columns:1fr;gap:30px}
  .dc-study-band{grid-template-columns:1fr}
}