/* ============================================================
   zhengzhou-kaobao · 变体E 镜像叙事式 (pgE)
   ============================================================ */

/* 页头 */
.ze-hero{position:relative;overflow:hidden;padding:120px 0 90px;background:linear-gradient(160deg,#eaf3fb 0%,#d9e9f7 60%,#eaf3fb 100%)}

/* feature-img 全幅大图+浮层标题 */
.ze-feature{position:relative}
.ze-feature-img{margin:0}
.ze-feature-img img{display:block;width:100%;height:auto}
.ze-feature-cap{position:relative;background:linear-gradient(120deg,#16334f,#2f62a1);color:#fff;padding:46px 0}
.ze-feature-cap h2{font-size:26px;font-weight:900;margin-bottom:12px}
.ze-feature-cap p{font-size:15px;line-height:1.9;max-width:820px;color:rgba(255,255,255,.92)}
.ze-feature-bar{background:#fff;border-bottom:1px solid var(--line-soft)}
.ze-bar-in{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:26px 0}
.ze-bar-item{text-align:center}
.ze-bar-item b{display:block;font-size:34px;font-weight:900;color:var(--red-600);line-height:1.1}
.ze-bar-item span{font-size:12.5px;color:var(--ink-2)}

/* metric-row */
.ze-metric{padding:70px 0}
.ze-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.ze-m{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px 22px;transition:.3s}
.ze-m:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.ze-m b{display:block;font-size:18px;font-weight:900;color:var(--blue-900);margin-bottom:10px}
.ze-m p{font-size:13.5px;color:var(--ink-2);line-height:1.85}

/* split-pic 图左文右 */
.ze-split{padding:70px 0}
.ze-split-in{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}
.ze-split-img img{width:100%;height:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.ze-split-txt h2{margin:8px 0 16px}
.ze-split-txt p{font-size:14.5px;line-height:1.95;color:var(--ink);margin-bottom:14px}
.ze-split-txt .btn{margin-top:8px}

/* map 专属 */
.ze-map{padding:70px 0}
.ze-map-note{margin-top:18px;font-size:13.5px;color:var(--ink-2)}
.ze-map-note a{color:var(--red-600);font-weight:800}

/* cond-strip 条件横条 */
.ze-condstrip{padding:70px 0}
.ze-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.ze-strip-i{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:22px 20px;border-top:3px solid var(--blue-600)}
.ze-strip-i b{display:block;font-size:16px;font-weight:900;color:var(--blue-900);margin-bottom:8px}
.ze-strip-i p{font-size:13px;color:var(--ink-2);line-height:1.8}

/* qiye 专属 */
.ze-qiye{position:relative;padding:70px 0;overflow:hidden}
.ze-qiye-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}
.ze-q{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px 22px;transition:.3s}
.ze-q:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.ze-q b{display:block;font-size:16px;font-weight:900;color:var(--red-600);margin-bottom:10px}
.ze-q p{font-size:13.5px;color:var(--ink-2);line-height:1.85}

/* exam-cards */
.ze-examcards{padding:70px 0}
.ze-ex-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}
.ze-ex{background:#fff;border:1px solid var(--line-soft);border-radius:var(--r-md);padding:28px 26px}
.ze-ex h3{font-size:19px;font-weight:900;color:var(--blue-900);margin-bottom:12px}
.ze-ex p{font-size:14px;color:var(--ink-2);line-height:1.9}

/* renew-cycle */
.ze-renew{padding:70px 0}
.ze-cycle{display:flex;align-items:stretch;gap:18px;margin-top:26px;flex-wrap:wrap}
.ze-cyc{flex:1;min-width:180px;background:linear-gradient(135deg,#eaf3fb,#fff);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:24px 20px;text-align:center}
.ze-cyc b{display:block;font-size:20px;font-weight:900;color:var(--blue-900);margin-bottom:10px}
.ze-cyc p{font-size:13px;color:var(--ink-2);line-height:1.8}
.ze-cyc-arrow{align-self:center;font-size:26px;color:var(--blue-600);font-weight:900}

/* flow-vert */
.ze-flowvert{padding:70px 0}
.ze-flow{max-width:680px;margin:26px auto 0}
.ze-f{display:flex;gap:18px;align-items:flex-start;padding:16px 0;border-bottom:1px dashed var(--line-soft)}
.ze-f>span{flex:none;width:38px;height:38px;border-radius:50%;background:var(--blue-600);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.ze-f h3{font-size:16px;font-weight:800;color:var(--blue-900);margin-bottom:4px}
.ze-f p{font-size:13.5px;color:var(--ink-2)}

/* faq */
.ze-faq{padding:70px 0}
.ze-faq .acc{max-width:860px;margin:24px auto 0}

/* relate */
.ze-relate{padding:60px 0}
.ze-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}
.ze-rel{background:var(--ice);border:1px solid var(--line-soft);border-radius:var(--r-md);padding:20px 18px;transition:.3s}
.ze-rel:hover{background:#fff;box-shadow:var(--shadow-sm);transform:translateY(-4px)}
.ze-rel h3{font-size:14.5px;font-weight:800;color:var(--blue-900);margin-bottom:5px}
.ze-rel p{font-size:12.5px;color:var(--ink-2)}

/* responsive */
@media (max-width:1024px){
  .ze-metric-grid{grid-template-columns:1fr 1fr}
  .ze-split-in{grid-template-columns:1fr;gap:30px}
  .ze-strip,.ze-qiye-grid,.ze-rel-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .ze-bar-in{grid-template-columns:1fr 1fr}
  .ze-metric-grid,.ze-ex-grid,.ze-strip,.ze-qiye-grid,.ze-rel-grid{grid-template-columns:1fr}
  .ze-cycle{flex-direction:column}
  .ze-cyc-arrow{transform:rotate(90deg)}
  .ze-feature-cap h2{font-size:21px}
}