/* ============================================================
   news-jianzhan.html · 建站知识分类页
   hero 变体 H10：双色块
   ============================================================ */

.jz-hero{position:relative;padding:84px 0 92px;background:linear-gradient(120deg,var(--blue) 0 50%,var(--yellow) 50% 100%)}
.jz-xline{bottom:8%;opacity:.5}
.jz-hero-split{position:absolute;top:0;bottom:0;left:50%;width:3px;background:rgba(39,66,79,.18)}
.jz-hero-in{max-width:720px}
.jz-hero-title{font-size:clamp(30px,4vw,46px);font-weight:800;margin:20px 0;color:#fff;text-shadow:0 2px 12px rgba(46,110,150,.25)}
.jz-hero-title em{font-style:normal;color:var(--ink)}
.jz-hero-sub{color:#EAF6FC;font-size:16.5px;max-width:560px}
.jz-hero-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}

/* 分类说明 */
.jz-intro{position:relative;background:var(--cream)}
.jz-dotline{top:0;left:10%;right:10%}
.jz-intro-wrap{max-width:820px;padding-top:44px}
.jz-intro-lead{font-size:19px;font-weight:800;margin-bottom:12px}
.jz-intro-p{color:var(--muted);line-height:2;font-size:15.5px}

/* 编号横排行 */
.jz-list{position:relative;background:var(--bg)}
.jz-vline{left:8%;opacity:.3}
.jz-rows{display:flex;flex-direction:column;gap:16px}
.jz-row{
  display:grid;grid-template-columns:70px 1fr auto;gap:22px;align-items:center;
  background:#fff;border:2px solid var(--line);border-radius:var(--r-lg);
  padding:22px 26px;transition:border-color .25s ease,transform .25s ease;
}
.jz-row:hover{border-color:var(--yellow);transform:translateX(6px)}
.jz-row-no{
  font-size:30px;font-weight:800;color:var(--blue);
  width:60px;height:60px;border-radius:50%;background:var(--bg);
  display:flex;align-items:center;justify-content:center;
}
.jz-row time{font-size:12.5px;color:var(--blue-ink);font-weight:700}
.jz-row h3{font-size:17px;margin:4px 0 6px}
.jz-row h3 a:hover{color:var(--blue-deep)}
.jz-row p{font-size:14px;color:var(--muted);line-height:1.7}
.jz-row-go{
  font-weight:800;color:var(--blue-ink);
  padding:9px 16px;border-radius:999px;border:2px solid var(--blue);
  white-space:nowrap;
}
.jz-row-go:hover{background:var(--blue)}
.jz-more-line{text-align:center;margin-top:34px}
.jz-more-line a{font-weight:700}

/* 其他分类入口 */
.jz-cats-sec{background:var(--cream)}
.jz-cats{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.jz-cat{
  border-radius:var(--r-lg);padding:28px 30px;color:var(--ink);
  border:2px solid var(--line);background:#fff;transition:transform .25s ease,box-shadow .25s ease;
}
.jz-cat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.jz-cat-l{border-top:5px solid var(--blue)}
.jz-cat-r{border-top:5px solid var(--green)}
.jz-cat b{font-size:19px;display:block;margin-bottom:8px}
.jz-cat p{color:var(--muted);font-size:14.5px}

/* CTA */
.jz-cta{background:linear-gradient(120deg,var(--green) 0%,var(--blue-ink) 100%);color:#fff;text-align:center}
.jz-cta-in h2{color:#fff;font-size:clamp(22px,3vw,32px)}
.jz-cta-in h2 em{color:var(--yellow);font-style:normal}
.jz-cta-in p{color:#D9EAF3;margin:14px auto 0;max-width:620px}
.jz-cta-btns{margin:26px 0 24px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.jz-cta-tel{display:flex;justify-content:center;gap:36px;flex-wrap:wrap}
.jz-cta-tel li{display:flex;gap:8px}
.jz-cta-tel span{color:#C4DFEC}
.jz-cta-tel a{color:#fff;font-weight:700}

@media (max-width:760px){
  .jz-hero-split{display:none}
  .jz-row{grid-template-columns:1fr;gap:12px}
  .jz-cats{grid-template-columns:1fr}
}

/* ===== 补充：阅读顺序 ===== */
.jz2-guide{position:relative;background:var(--cream)}
.jz2-vline{left:10%;opacity:.25}
.jz2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.jz2-step{background:#fff;border:2px solid var(--line);border-radius:var(--r-lg);padding:26px 24px}
.jz2-dot{display:inline-block;background:var(--yellow);font-weight:800;font-size:14px;padding:6px 16px;border-radius:999px;margin-bottom:12px}
.jz2-step p{font-size:14px;color:var(--muted);line-height:1.9}
.jz2-note{max-width:800px;margin:32px auto 0;text-align:center;color:var(--muted);line-height:1.9}
@media (max-width:960px){.jz2-steps{grid-template-columns:1fr}}
