/* ============================================================================
   qiye-zhengshu.html 企业证书管理专属样式（复古美式工业风）
   ========================================================================== */

/* ---------- 题头：蓝图网格窄带 ---------- */
.z-head{
  position:relative;padding:calc(var(--header-h) + 60px) 0 56px;overflow:hidden;
  background:
    linear-gradient(rgba(15,33,24,.94),rgba(15,33,24,.94)),
    repeating-linear-gradient(0deg,transparent 0 39px,rgba(210,176,120,.16) 39px 40px),
    repeating-linear-gradient(90deg,transparent 0 39px,rgba(210,176,120,.16) 39px 40px),
    var(--green-900);
  color:var(--cream-100);
}
.z-head .crumb{margin-bottom:16px}
.z-head h1{font-size:clamp(28px,4vw,46px);color:var(--cream-50);max-width:780px;line-height:1.25;margin-bottom:14px}
.z-head h1::after{content:"";display:block;width:70px;height:4px;background:var(--brass);margin-top:16px}
.z-head p{font-size:15.5px;color:var(--cream-200);max-width:700px;line-height:1.9}

/* ---------- 证书生命周期（里程碑网格） ---------- */
.z-life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.z-life-cell{
  background:var(--cream-50);border:1px solid var(--line);padding:26px 22px;position:relative;
  border-top:3px solid var(--brass);transition:transform .3s ease,box-shadow .3s ease;
}
.z-life-cell:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.z-life-n{
  display:inline-block;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--brass);
  border:1.5px solid var(--brass);padding:2px 10px;border-radius:var(--r-xs);margin-bottom:12px;letter-spacing:.1em;
}
.z-life-cell h3{font-size:17.5px;color:var(--brown-800);margin-bottom:6px}
.z-life-cell p{font-size:13.5px;color:var(--ink-soft);line-height:1.8}

/* ---------- 图夹文交叠 ---------- */
.z-stack{overflow:hidden}
.z-stack-wrap{position:relative;min-height:420px}
.z-stack-media{width:62%;box-shadow:var(--shadow-lg)}
.z-stack-media img{width:100%;height:360px;object-fit:cover}
.z-stack-card{
  position:relative;margin:-20px 4% 0 44%;background:var(--cream-50);
  border:1px solid var(--line);padding:30px 32px;box-shadow:var(--shadow-lg);
  border-left:5px solid var(--brass);
}
.z-stack-quote{
  font-family:var(--font-display);font-size:16px;color:var(--green-700);margin-bottom:14px;line-height:1.6;
}
.z-stack-card h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.z-stack-card p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}

/* ---------- 企业证书服务对接 ---------- */
.z-link-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(26px,4vw,52px);align-items:center}
.z-link-media img{width:100%;height:300px;object-fit:cover;box-shadow:var(--shadow-md)}
.z-link-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.z-link-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:12px}
.z-link-body ul{margin-bottom:18px}
.z-link-body li{font-size:14px;color:var(--green-800);padding:5px 0 5px 18px;position:relative;font-weight:600}
.z-link-body li::before{content:"✓";position:absolute;left:0;color:var(--brass)}

/* ---------- 借用归还表 ---------- */
.z-borrow .sec-head{max-width:640px}

/* ---------- 现场速览 ---------- */
.z-quick{background:var(--cream-50)}
.z-quick-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(26px,4vw,52px);align-items:center}
.z-quick-media img{width:100%;height:280px;object-fit:cover;box-shadow:var(--shadow-md)}
.z-quick-body h2{font-size:clamp(22px,2.6vw,30px);color:var(--brown-800);margin-bottom:12px}
.z-quick-body p{font-size:14.5px;color:var(--ink-soft);line-height:1.9;margin-bottom:10px}

/* ---------- 管理工具（连续色带磁贴） ---------- */
.z-tools{background:var(--brown-800);color:var(--cream-100)}
.z-tools .sec-head h2{color:var(--cream-50)}
.z-tool-strip{display:grid;grid-template-columns:repeat(4,1fr)}
.z-tool{
  padding:28px 22px;border-left:1px solid var(--line-dark);transition:background .25s ease;
}
.z-tool:first-child{border-left:none}
.z-tool:nth-child(1){background:linear-gradient(180deg,transparent,rgba(181,137,63,.14))}
.z-tool:nth-child(2){background:linear-gradient(180deg,transparent,rgba(181,137,63,.22))}
.z-tool:nth-child(3){background:linear-gradient(180deg,transparent,rgba(181,137,63,.30))}
.z-tool:nth-child(4){background:linear-gradient(180deg,transparent,rgba(181,137,63,.38))}
.z-tool h3{color:var(--brass-light);font-size:17px;margin-bottom:8px}
.z-tool p{font-size:13.5px;color:var(--cream-200);line-height:1.8}

/* ---------- 手风琴FAQ ---------- */
.z-faq-list{max-width:820px}
.z-faq-item{
  background:var(--cream-50);border:1px solid var(--line);margin-bottom:12px;border-radius:var(--r-sm);
  overflow:hidden;
}
.z-faq-q{
  display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;
  padding:18px 22px;font-size:15.5px;font-weight:600;color:var(--brown-800);text-align:left;
}
.z-faq-sign{color:var(--brass);font-size:20px;transition:transform .3s ease;flex-shrink:0}
.z-faq-item.open .z-faq-sign{transform:rotate(45deg)}
.z-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.z-faq-a p{padding:0 22px 18px;font-size:14px;color:var(--ink-soft);line-height:1.9}

/* ---------- 底部横幅CTA ---------- */
.z-foot{padding:56px 0;background:var(--green-900)}
.z-foot-inner{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:center}
.z-foot-left h2{color:var(--cream-50);font-size:clamp(22px,2.8vw,32px);margin-bottom:10px}
.z-foot-left p{color:var(--cream-200);font-size:15px;line-height:1.8}
.z-foot-right{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .z-life-grid{grid-template-columns:1fr 1fr}
  .z-stack-media{width:100%}
  .z-stack-card{margin:20px 0 0}
  .z-link-wrap,.z-quick-wrap{grid-template-columns:1fr}
  .z-tool-strip{grid-template-columns:1fr 1fr}
  .z-tool{border-left:none;border-top:1px solid var(--line-dark)}
  .z-foot-inner{grid-template-columns:1fr}
  .z-foot-right{justify-content:flex-start}
}
@media (max-width:560px){
  .z-life-grid,.z-tool-strip{grid-template-columns:1fr}
}

/* 借用归还表列宽 */.data-table .bw-col-a{width:22%}.data-table .bw-col-c{width:30%}