/* ============================================================
   dianyan-zonglan.css — 电工作业工种全解（L2 全屏大字+错位）
   满屏大字 hero + 竖排装饰 + 浮动圆环 + 宽窄错位分栏
   ============================================================ */

/* ---------- Hero ---------- */
.zl-hero{
  position:relative; min-height:96vh; display:flex; align-items:center;
  padding:calc(var(--header-h) + 40px) 0 80px; overflow:hidden;
}
.zl-hero__media{ position:absolute; inset:0; }
.zl-hero__media img{ width:100%; height:100%; object-fit:cover; }
.zl-hero__veil{
  position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(27,42,33,.95) 0%, rgba(34,57,46,.82) 52%, rgba(34,57,46,.35) 100%);
}
.zl-hero__inner{ position:relative; z-index:2; max-width:760px; }
.zl-hero .breadcrumb{ color:rgba(251,248,241,.6); margin-bottom:22px; }
.zl-hero .breadcrumb a{ color:var(--cream-100); }
.zl-hero .breadcrumb .cur{ color:rgba(251,248,241,.85); }
.zl-hero__eyebrow{ font-size:13px; letter-spacing:.36em; color:var(--brown-500); margin-bottom:18px; }
.zl-hero h1{
  color:var(--cream-50); font-size:clamp(44px,7vw,84px); line-height:1.1; letter-spacing:.02em;
}
.zl-hero__lead{ color:rgba(251,248,241,.82); margin:24px 0 32px; font-size:17px; max-width:560px; }
.zl-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; }
.zl-hero__vtext{
  position:absolute; right:30px; top:50%; transform:translateY(-50%);
  writing-mode:vertical-rl; font-size:13px; letter-spacing:.5em;
  color:rgba(251,248,241,.4); z-index:2;
}
.zl-hero__ring{
  position:absolute; right:12%; bottom:-60px; width:220px; height:220px;
  border:1.5px solid rgba(176,141,102,.5); border-radius:50%; z-index:2;
}

/* ---------- 区块 ---------- */
.zl-sec{ padding:clamp(56px,8vw,96px) 0; }
.zl-sec--cream{ background:var(--cream-100); }
.zl-sec--deep{ background:var(--green-900); }

/* 宽窄错位 */
.zl-overview{ display:grid; grid-template-columns:1.5fr 1fr; gap:clamp(34px,6vw,80px); align-items:center; }
.zl-overview__wide h2{ margin:6px 0 18px; }
.zl-overview__wide p{ margin-bottom:16px; }
.zl-fig{ position:relative; }
.zl-fig img{ width:100%; height:300px; object-fit:cover; border-radius:var(--radius-m); box-shadow:var(--shadow-lg); }
.zl-fig__cap{
  position:absolute; left:-18px; bottom:22px; background:var(--brown-600); color:var(--cream-50);
  padding:9px 18px; border-radius:var(--radius-round); font-size:13px; letter-spacing:.08em;
  box-shadow:var(--shadow-md);
}

/* 对比表 */
.zl-tbl{ table-layout:fixed; }
.zl-tbl col:nth-child(1){ width:16%; }
.zl-tbl col:nth-child(2){ width:30%; }
.zl-tbl col:nth-child(3){ width:18%; }
.zl-tbl col:nth-child(4){ width:36%; }
.zl-tbl td{ vertical-align:top; }
.zl-tbl td:first-child a{ font-weight:600; color:var(--green-800); }
.zl-tbl td:first-child a:hover{ color:var(--brown-600); }

/* 如何选择 */
.zl-choose{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.zl-choose__card{
  background:var(--cream-100); border-radius:var(--radius-m); padding:28px 26px;
  border-top:3px solid var(--brown-500);
}
.zl-choose__card b{ font-family:var(--font-serif); font-size:20px; color:var(--green-900); display:block; margin-bottom:10px; }
.zl-choose__card p{ font-size:14.5px; }
.zl-choose__note{ text-align:center; margin-top:28px; color:var(--muted); }
.zl-choose__note a{ color:var(--green-700); text-decoration:underline; }

/* 多证组合 */
.zl-combo{ display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(34px,6vw,70px); align-items:center; }
.zl-combo__txt h2{ margin:6px 0 16px; }
.zl-combo__txt p{ margin-bottom:14px; }
.zl-combo__txt a{ color:var(--green-700); text-decoration:underline; }
.zl-combo__list{ display:grid; gap:12px; }
.zl-combo__row{
  display:flex; justify-content:space-between; align-items:center; gap:16px;
  background:var(--cream-50); border:1px solid var(--line); border-radius:var(--radius-s);
  padding:16px 22px;
}
.zl-combo__row b{ font-family:var(--font-serif); color:var(--green-900); }
.zl-combo__row span{ font-size:14px; color:var(--brown-700); }

/* 通用条件 */
.zl-req{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.zl-req__item{
  border:1px solid var(--line); border-radius:var(--radius-s); padding:24px 20px;
  background:var(--cream-50);
}
.zl-req__item b{ font-family:var(--font-serif); font-size:20px; color:var(--brown-600); display:block; margin-bottom:8px; }
.zl-req__item p{ font-size:14px; }
.zl-req__note{ margin-top:18px; max-width:760px; font-size:14.5px; }
.zl-req__note a{ color:var(--green-700); text-decoration:underline; }

/* 考试复审 */
.zl-exam{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(30px,5vw,60px); }
.zl-exam__col h2{ color:var(--cream-100); margin-bottom:16px; }
.zl-exam__col p{ color:rgba(251,248,241,.74); }
.zl-exam__links{ margin-top:16px; font-size:14.5px; }
.zl-exam__links a{ color:var(--brown-500); }

/* FAQ */
.zl-faq{ max-width:840px; margin:0 auto; display:grid; gap:12px; }
.zl-faq__item{ background:var(--cream-100); border-radius:var(--radius-s); padding:0 24px; }
.zl-faq__item summary{ cursor:pointer; list-style:none; padding:18px 0; font-weight:600; color:var(--green-900); }
.zl-faq__item summary::-webkit-details-marker{ display:none; }
.zl-faq__item summary::after{ content:"↓"; float:right; color:var(--brown-600); transition:transform .3s; }
.zl-faq__item[open] summary::after{ transform:rotate(180deg); }
.zl-faq__item p{ padding-bottom:20px; font-size:14.5px; }
.zl-faq__item p a{ color:var(--green-700); text-decoration:underline; }

/* CTA */
.zl-sec--cta{ background:linear-gradient(160deg,var(--cream-100),var(--cream-50)); }
.zl-cta{ max-width:620px; margin:0 auto; text-align:center; }
.zl-cta h2{ margin-bottom:14px; }
.zl-cta > p{ margin-bottom:26px; }
.zl-cta > p a{ color:var(--green-800); font-weight:700; }
.zl-form{ display:grid; gap:14px; text-align:left; }

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .zl-hero__vtext,.zl-hero__ring{ display:none; }
  .zl-overview,.zl-combo,.zl-exam{ grid-template-columns:1fr; }
  .zl-choose{ grid-template-columns:1fr; }
  .zl-req{ grid-template-columns:1fr 1fr; }
}
@media (max-width:560px){
  .zl-req{ grid-template-columns:1fr; }
}