/* ==========================================================================
   投标核查服务页 zhaobiao.css（周口八大员人才网 pzsr.cn）
   骨架：页面横幅 → 核查流程四步 → 核查清单大表 → 为什么提前核查(图文)
       → 案例数据条 → 常见问题(折叠) → 关联服务 → 底部CTA
   前缀：zb-
   ========================================================================== */

/* ---------- 1. 页面横幅 ---------- */
.zb-hero{padding-top:calc(var(--nav-h) + 40px)}
.zb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,4vw,56px);align-items:center}
.zb-hero .sub{margin-top:16px;max-width:640px}
.zb-hero-btns{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.zb-hero-img img{width:100%;height:380px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}

/* ---------- 2. 核查流程四步 ---------- */
.zb-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:zb}
.zb-step{
  position:relative;background:var(--glass);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px 22px;box-shadow:var(--shadow-sm);
  backdrop-filter:blur(10px);transition:transform .35s,box-shadow .35s;
}
.zb-step:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.zb-num{
  display:inline-flex;font-size:30px;font-weight:800;line-height:1;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;margin-bottom:14px;
}
.zb-step h3{font-size:17px;margin-bottom:10px}
.zb-step p{font-size:13.5px;color:var(--ink-3)}
/* 步骤间连线箭头 */
.zb-step:not(:last-child)::after{
  content:"";position:absolute;top:50%;right:-16px;width:16px;height:2px;
  background:var(--purple-soft);z-index:2;
}

/* ---------- 3. 核查清单大表 ---------- */
.zb-table-wrap{overflow-x:auto;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}
.zb-table{width:100%;border-collapse:collapse;background:var(--glass);table-layout:fixed;min-width:680px}
.zb-table thead th{
  background:var(--grad-purple);color:#fff;font-size:14px;font-weight:600;
  padding:15px 16px;text-align:left;letter-spacing:.5px;
}
.zb-table tbody td{
  padding:14px 16px;font-size:14px;color:var(--ink-2);
  border-bottom:1px solid var(--line);vertical-align:top;word-wrap:break-word;
}
.zb-table tbody tr:nth-child(even){background:rgba(237,230,252,.35)}
.zb-table tbody tr:last-child td{border-bottom:none}
.zb-table tbody tr:hover{background:var(--purple-mist)}

/* ---------- 4. 为什么提前核查 ---------- */
.zb-why-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,4vw,56px);align-items:center}
.zb-why-img img{width:100%;height:360px;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--shadow-md)}
.zb-why-txt .eyebrow{margin-bottom:6px}
.zb-why-txt h2{font-size:clamp(22px,2.6vw,30px);margin:12px 0 16px}
.zb-why-txt p{font-size:15px;margin-bottom:14px}
.zb-why-list{display:grid;gap:11px;margin-top:18px}
.zb-why-list li{display:flex;align-items:flex-start;gap:9px;font-size:14.5px;color:var(--ink-2)}
.zb-why-list svg{width:19px;height:19px;flex:none;color:var(--pink-deep);margin-top:3px}

/* ---------- 5. 案例数据条 ---------- */
.zb-case-sec{background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2))}
.zb-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:18px;
  margin-bottom:40px;
}
.zb-stat{
  text-align:center;background:var(--glass);border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px 16px;box-shadow:var(--shadow-sm);
}
.zb-stat .num{font-size:clamp(30px,3.4vw,42px);font-weight:800;line-height:1.1}
.zb-stat .lbl{font-size:13.5px;color:var(--ink-3);margin-top:8px}
.zb-case-card{
  display:grid;grid-template-columns:1.2fr 1fr;gap:0;
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-xl);
  overflow:hidden;box-shadow:var(--shadow-md);
}
.zb-case-card img{width:100%;height:100%;min-height:260px;object-fit:cover}
.zb-case-cap{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center}
.zb-case-cap b{font-size:18px;margin-bottom:10px}
.zb-case-cap p{font-size:14px;color:var(--ink-3);margin-bottom:16px}
.zb-case-cap a{color:var(--purple-deep);font-weight:600;font-size:14.5px;transition:color .25s}
.zb-case-cap a:hover{color:var(--pink-deep)}

/* ---------- 6. 常见问题 ---------- */
.zb-faq{max-width:820px;margin:0 auto;display:grid;gap:14px}
.zb-item{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-md);
  padding:0 22px;box-shadow:var(--shadow-sm);overflow:hidden;
}
.zb-item summary{
  cursor:pointer;list-style:none;display:flex;align-items:center;
  justify-content:space-between;gap:14px;padding:18px 0;font-size:15.5px;font-weight:600;color:var(--ink);
}
.zb-item summary::-webkit-details-marker{display:none}
.zb-item summary::after{
  content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--purple);
  border-bottom:2px solid var(--purple);transform:rotate(45deg);transition:transform .3s;
}
.zb-item[open] summary::after{transform:rotate(225deg)}
.zb-item p{padding:0 0 18px;font-size:14px;color:var(--ink-3)}

/* ---------- 7. 关联服务 ---------- */
.zb-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.zb-link{
  background:var(--glass);border:1px solid var(--line);border-radius:var(--r-lg);
  padding:28px 24px;box-shadow:var(--shadow-sm);transition:transform .35s,box-shadow .35s;
}
.zb-link:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.zb-link-ico{
  display:inline-flex;width:46px;height:46px;border-radius:14px;align-items:center;justify-content:center;
  background:var(--purple-mist);color:var(--purple-deep);margin-bottom:16px;
}
.zb-link-ico svg{width:22px;height:22px}
.zb-link h3{font-size:17px;margin-bottom:8px}
.zb-link p{font-size:13.5px;color:var(--ink-3)}

/* ---------- 8. 底部 CTA ---------- */
.zb-bottom-cta{
  text-align:center;padding:clamp(56px,8vw,90px) 0;
  background:linear-gradient(135deg,var(--purple-mist),var(--pink-soft) 55%,var(--blue-mist));
}
.zb-bottom-cta h2{font-size:clamp(24px,3.4vw,38px);margin-bottom:12px}
.zb-bottom-cta p{color:var(--ink-2);margin-bottom:26px;font-size:clamp(14px,1.5vw,16px)}
.zb-bottom-cta .btn{margin:0 6px}

/* 文内彩色链接类（替代内联样式） */
.lnk{color:var(--purple-deep);font-weight:600}
.lnk:hover{color:var(--pink-deep)}

/* 表格列宽（table-layout:fixed） */
.zb-table th:nth-child(1){width:16%}
.zb-table th:nth-child(2){width:30%}
.zb-table th:nth-child(3){width:26%}
.zb-table th:nth-child(4){width:28%}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zb-hero-grid{grid-template-columns:1fr}
  .zb-flow{grid-template-columns:1fr 1fr}
  .zb-step:not(:last-child)::after{display:none}
  .zb-stats{grid-template-columns:1fr 1fr}
  .zb-why-grid{grid-template-columns:1fr}
  .zb-case-card{grid-template-columns:1fr}
  .zb-link-grid{grid-template-columns:1fr}
}
@media (max-width:768px){
  .zb-flow{grid-template-columns:1fr}
  .zb-hero-img img{height:280px}
  .zb-why-img img{height:260px}
}
@media (max-width:480px){
  .zb-stats{grid-template-columns:1fr}
  .zb-hero-btns .btn,.zb-bottom-cta .btn{width:100%;margin:6px 0}
}