/* ============================================================
   shizheng.html · 持证上岗与真实案例
   ============================================================ */

/* ---------- Hero ---------- */
.sz-hero{position:relative;min-height:540px;display:flex;align-items:flex-end;padding:calc(var(--header-h) + 30px) 0 0;overflow:hidden;background:var(--c1)}
.sz-hero__bg{position:absolute;inset:0}
.sz-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.35}
.sz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.5),rgba(21,24,27,.85) 60%,var(--c1) 100%)}
.sz-hero__inner{position:relative;z-index:1;padding-bottom:60px}
.sz-hero h1{font-size:clamp(34px,5.4vw,60px);font-weight:900;margin:14px 0 16px;line-height:1.2}
.sz-hero h1 em{font-style:normal;color:var(--o1)}
.sz-hero__desc{max-width:640px;color:var(--g4);font-size:16px}
.sz-hero__meta{display:flex;flex-wrap:wrap;gap:26px;margin-top:26px}
.sz-hero__meta span{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--g3);border-left:2px solid var(--o1);padding-left:12px}

/* ---------- 数据带 ---------- */
.sz-stats{background:var(--c2);border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.sz-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.sz-stats__grid div{padding:34px 24px;border-right:1px dashed var(--line-d)}
.sz-stats__grid div:last-child{border-right:none}
.sz-stats__grid b{display:block;font-family:var(--font-en);font-size:42px;font-weight:900;color:var(--o1);line-height:1.1}
.sz-stats__grid span{font-size:13px;color:var(--g4)}

/* ---------- 真实案例 ---------- */
.sz-case{background:var(--c1)}
.sz-case__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.sz-case__card{background:var(--c2);border:1px solid var(--line-d);transition:transform .3s,border-color .3s}
.sz-case__card:hover{transform:translateY(-6px);border-color:rgba(224,91,32,.5)}
.sz-case__card img{width:100%;height:230px;object-fit:cover}
.sz-case__body{padding:24px}
.sz-case__body .tag{margin-bottom:12px}
.sz-case__body h3{font-size:17.5px;line-height:1.45;margin-bottom:10px}
.sz-case__body p{font-size:13.5px;color:var(--g4)}

/* ---------- 风险警示（浅色） ---------- */
.sz-risk{background:var(--paper)}
.sz-risk__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.sz-risk__item{background:#fff;border:1px solid var(--line-l);border-top:3px solid var(--o1);padding:26px 22px;transition:transform .3s,box-shadow .3s}
.sz-risk__item:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(20,24,27,.09)}
.sz-risk__no{font-family:var(--font-en);font-size:30px;font-weight:900;color:rgba(20,24,27,.14);line-height:1;display:block;margin-bottom:14px}
.sz-risk__item h3{font-size:17px;color:var(--c1);margin-bottom:8px}
.sz-risk__item p{font-size:13.5px;color:#5A6158}
.sz-risk__note{margin-top:34px;display:flex;gap:14px;align-items:flex-start;border:1px dashed rgba(224,91,32,.5);background:rgba(224,91,32,.07);padding:20px 24px;color:var(--c1)}
.sz-risk__note svg{color:var(--o1);flex-shrink:0;margin-top:3px}
.sz-risk__note p{font-size:14px}
.sz-risk__note a{color:var(--o1);font-weight:700;text-decoration:underline}

/* ---------- 学员故事时间轴 ---------- */
.sz-story{background:var(--c1)}

/* ---------- 企业用工合规（军绿） ---------- */
.sz-biz{background:var(--g1)}
.sz-biz__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}
.sz-biz__item{padding:26px;background:rgba(21,24,27,.25);border:1px dashed rgba(255,255,255,.14)}
.sz-biz__item svg{width:32px;height:32px;color:var(--o2);margin-bottom:14px}
.sz-biz__item h3{font-size:17px;margin-bottom:8px}
.sz-biz__item p{font-size:13.5px;color:#C3CCB4}
.sz-biz__cta{display:grid;grid-template-columns:320px 1fr;gap:32px;align-items:center;background:rgba(21,24,27,.3);border:1px solid var(--line-d);padding:26px}
.sz-biz__cta img{width:100%;height:180px;object-fit:cover}
.sz-biz__cta h3{font-size:22px;margin-bottom:8px}
.sz-biz__cta p{color:#C3CCB4;font-size:14px;margin-bottom:18px}

/* ---------- 持证的好处 ---------- */
.sz-good{background:var(--c2)}
.sz-good__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sz-good__grid>div{padding:34px 28px;border:1px dashed var(--line-d);position:relative}
.sz-good__grid .num{font-size:64px}
.sz-good__grid h3{font-size:20px;margin:14px 0 8px}
.sz-good__grid p{font-size:14px;color:var(--g4)}

/* ---------- CTA（浅色） ---------- */
.sz-cta{background:var(--paper)}
.sz-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.sz-cta h2{color:var(--c1);font-size:clamp(26px,3.4vw,40px);font-weight:900;line-height:1.25;margin:12px 0 10px}
.sz-cta__inner p{color:#5A6158}
.sz-cta__actions{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .sz-case__grid,.sz-biz__grid,.sz-good__grid{grid-template-columns:1fr 1fr}
  .sz-risk__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .sz-stats__grid{grid-template-columns:1fr 1fr}
  .sz-stats__grid div{border-bottom:1px dashed var(--line-d)}
  .sz-case__grid,.sz-biz__grid,.sz-good__grid,.sz-risk__grid{grid-template-columns:1fr}
  .sz-biz__cta{grid-template-columns:1fr}
  .sz-cta__inner{flex-direction:column;align-items:flex-start}
}