/* ============================================================
   jianzhu-zizhi.css —— 建筑企业证书申报（L3 之字画廊原型）
   斜线窄条 hero / 图文之字交错 / 各块高度边距错开
   ============================================================ */

/* ---------- Hero：斜线窄条 ---------- */
.jz-hero{
  position:relative; min-height:78vh; display:flex; align-items:center;
  padding:calc(var(--header-h) + 60px) 0 80px; overflow:hidden;
}
.jz-hero__media{ position:absolute; inset:0; }
.jz-hero__media img{ width:100%; height:100%; object-fit:cover; }
.jz-hero__veil{
  position:absolute; inset:0;
  background:linear-gradient(100deg,rgba(27,42,33,.92) 0%,rgba(34,57,46,.78) 42%,rgba(34,57,46,.25) 75%,rgba(34,57,46,.05) 100%);
}
.jz-hero__content{ position:relative; z-index:2; color:var(--cream-50); }
.jz-hero .breadcrumb{ color:rgba(251,248,241,.7); }
.jz-hero .breadcrumb a{ color:var(--cream-100); }
.jz-hero__eyebrow{ font-size:13px; letter-spacing:.34em; color:var(--brown-500); margin:22px 0 16px; }
.jz-hero h1{ color:var(--cream-50); font-size:clamp(32px,4.6vw,56px); line-height:1.28; }
.jz-hero__lead{ margin-top:20px; max-width:560px; color:rgba(251,248,241,.85); font-size:16.5px; line-height:2.05; }
.jz-hero__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:32px; }

/* ---------- 之字画廊通用 ---------- */
.zig__row{
  display:grid; grid-template-columns:1fr 1fr; gap:clamp(28px,4.5vw,64px);
  align-items:center; margin-bottom:clamp(48px,7vw,90px);
}
.zig__row:last-child{ margin-bottom:0; }
.zig__pic img{ border-radius:var(--radius-l); box-shadow:var(--shadow-md); }
.zig__txt h2{ margin:10px 0 16px; }
.zig__txt h3{ margin-bottom:10px; }
.zig__txt p{ font-size:15.5px; margin-bottom:12px; }
.zig__txt .btn{ margin-top:10px; }

/* A 行：图左文右，图略小、上移 */
.zig__row--a .zig__pic{ margin-top:-30px; }
.zig__row--a .zig__pic img{ aspect-ratio:640/440; object-fit:cover; }

/* B 行：文左图右，图下移 */
.zig__row--b{ direction:rtl; }
.zig__row--b > *{ direction:ltr; }
.zig__row--b .zig__pic{ margin-top:44px; }
.zig__row--b .zig__pic img{ aspect-ratio:640/400; object-fit:cover; }

.zig__chips{ display:flex; flex-wrap:wrap; gap:10px; margin-top:16px; }
.zig__chips li{
  font-size:13.5px; padding:6px 16px; border-radius:999px;
  background:rgba(44,74,58,.08); color:var(--green-800); border:1px solid rgba(44,74,58,.2);
}

/* C 行：三列（文-图-文），中间图下沉 */
.zig__row--c{ grid-template-columns:1fr 1.1fr 1fr; align-items:start; }
.zig__row--c .zig__pic{ margin-top:36px; }
.zig__row--c .zig__txt p{ font-size:14.5px; }
.zig__row--c .zig__txt:first-child{ margin-top:10px; }

/* D 行：图左文右，图更大 */
.zig__row--d .zig__pic img{ aspect-ratio:640/420; object-fit:cover; }
.zig__steps{ counter-reset:jzs; margin-top:14px; }
.zig__steps li{ display:flex; gap:14px; padding:12px 0; border-bottom:1px dashed var(--line); }
.zig__steps b{
  flex:none; font-family:var(--font-serif); color:var(--brown-600); font-size:15px;
  min-width:74px; padding-top:2px;
}
.zig__steps p{ font-size:14.5px; margin:0; }

/* ---------- 年度培养（深绿通栏） ---------- */
.zig--deep{ padding:clamp(56px,8vw,96px) 0; }
.zig__grow{ max-width:820px; }
.zig__grow h2{ color:var(--cream-50); margin:10px 0 16px; }
.zig__grow p{ color:rgba(251,248,241,.78); margin-bottom:14px; }
.zig__grow__actions{ display:flex; flex-wrap:wrap; gap:14px; margin-top:24px; }

/* ---------- FAQ：左右分栏折叠 ---------- */
.zig-faq__list{ max-width:960px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; }
.zig-faq-item{
  background:var(--white); border:1px solid var(--line); border-radius:var(--radius-m);
  padding:4px 24px;
}
.zig-faq-item summary{
  cursor:pointer; list-style:none; padding:18px 0;
  font-family:var(--font-serif); font-size:16px; font-weight:700; color:var(--green-900);
}
.zig-faq-item summary::-webkit-details-marker{ display:none; }
.zig-faq-item[open] summary{ color:var(--brown-700); }
.zig-faq-item p{ padding:0 0 20px; font-size:14.5px; }

/* ---------- CTA：横条卡片 ---------- */
.zig-booking{ background:linear-gradient(120deg,var(--cream-100),var(--cream-50)); }
.zig-booking__bar{
  background:var(--white); border-radius:var(--radius-l); box-shadow:var(--shadow-md);
  display:grid; grid-template-columns:1fr 1.1fr; overflow:hidden;
}
.zig-booking__txt{
  background:var(--green-900); color:var(--cream-50);
  padding:clamp(30px,4vw,52px); display:flex; flex-direction:column; justify-content:center;
}
.zig-booking__txt h2{ color:var(--cream-50); margin-bottom:14px; }
.zig-booking__txt p{ color:rgba(251,248,241,.78); }
.zig-booking__form{
  padding:clamp(26px,3.5vw,44px); display:flex; flex-direction:column; gap:16px; justify-content:center;
}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zig__row,.zig__row--b,.zig__row--c{ grid-template-columns:1fr; direction:ltr; }
  .zig__row--a .zig__pic,.zig__row--b .zig__pic,.zig__row--c .zig__pic{ margin-top:0; }
  .zig-faq__list{ grid-template-columns:1fr; }
  .zig-booking__bar{ grid-template-columns:1fr; }
}