/* zhengshu-jiazhi.css · 证书价值（全幅图Banner / 色带磁贴 / 大数字带 / 案例卡 / 楼梯 / 分栏问答 / 电话横幅） */

/* H1 全幅图Banner */
.jz-hero{position:relative;color:var(--cream-100);padding-top:calc(var(--header-h) + 60px);padding-bottom:clamp(60px,8vw,100px)}
.jz-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.jz-hero-mask{position:absolute;inset:0;background:linear-gradient(115deg,rgba(22,48,31,.94),rgba(15,33,24,.78));z-index:-1}
.jz-hero-inner{max-width:820px}
.jz-hero h1{color:var(--cream-50);font-size:clamp(30px,4.6vw,54px);margin:18px 0 16px}
.jz-sub{color:var(--cream-200);font-size:16.5px;line-height:1.9;max-width:620px}

/* C6 色带磁贴 */
.jz-mag{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.jz-mag>.jz-mag{background:var(--c,var(--brown-700));padding:30px 22px;color:var(--cream-100)}
.jz-mag>.jz-mag:nth-child(1){--c:var(--brown-700)}
.jz-mag>.jz-mag:nth-child(2){--c:var(--green-700)}
.jz-mag>.jz-mag:nth-child(3){--c:var(--brown-600)}
.jz-mag>.jz-mag:nth-child(4){--c:var(--brass)}
.jz-mag b{display:block;font-family:var(--font-display);font-size:20px;margin-bottom:10px;color:var(--cream-50)}
.jz-mag span{font-size:13.5px;color:var(--cream-200);line-height:1.75}

/* E1 大数字带 */
.jz-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center}
.jz-stat b{display:block;font-family:var(--font-display);font-weight:700;font-size:clamp(40px,5vw,60px);color:var(--brass-light);line-height:1}
.jz-stat b span{font-size:.4em;margin-left:4px;color:var(--cream-200)}
.jz-stat span:last-child{display:block;margin-top:12px;font-size:14px;color:var(--cream-200)}

/* E6 案例卡 */
.jz-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.jz-case{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-md);padding:26px;box-shadow:var(--shadow-sm)}
.jz-case h3{font-size:18px;color:var(--brown-800);margin-bottom:10px}
.jz-case p{font-size:14px;color:var(--ink-soft);line-height:1.8}

/* D4 楼梯 */
.jz-stairs{display:flex;align-items:flex-end;gap:16px;max-width:1000px;margin:0 auto}
.jz-stair{flex:1;background:var(--cream-50);border:1px solid var(--line);border-bottom:4px solid var(--brass);border-radius:var(--r-sm);padding:22px 18px;transform:translateY(var(--h))}
.jz-stair span{display:inline-block;background:var(--brass);color:var(--cream-50);font-size:12px;padding:3px 10px;border-radius:20px;margin-bottom:10px}
.jz-stair h3{font-size:17px;margin-bottom:8px}
.jz-stair p{font-size:13.5px;color:var(--ink-soft)}
.jz-stair:nth-child(1){--h:0}
.jz-stair:nth-child(2){--h:26px}
.jz-stair:nth-child(3){--h:52px}
.jz-stair:nth-child(4){--h:78px}

/* F2 分栏问答卡 */
.jz-qa-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}
.jz-qacol{background:var(--cream-50);border:1px solid var(--line);border-left:4px solid var(--green-700);border-radius:var(--r-sm);padding:24px}
.jz-qacol h3{font-size:16.5px;margin-bottom:10px}
.jz-qacol p{font-size:14px;color:var(--ink-soft);line-height:1.85}

/* G3 */
.jz-call{text-align:center;padding:clamp(56px,7vw,90px) 0}
.jz-call-inner{max-width:720px;margin:0 auto}
.jz-call h2{color:var(--cream-50);font-size:clamp(26px,3.6vw,40px);margin-bottom:14px}
.jz-call p{color:var(--cream-200);margin-bottom:26px}
.jz-call-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media (max-width:1024px){
  .jz-mag,.jz-stats,.jz-cases,.jz-qa-cols{grid-template-columns:1fr}
  .jz-stairs{flex-direction:column}
  .jz-stair{transform:none;width:100%}
}

/* ===== 扩充模块 ===== */
.jzz-val{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.jzz-val-card{background:var(--cream-50);border:1px solid var(--line);border-radius:var(--r-sm);padding:24px;border-top:3px solid var(--brass)}
.jzz-val-card h3{font-size:16.5px;color:var(--brown-800);margin-bottom:10px}
.jzz-val-card p{font-size:14px;color:var(--ink-soft);line-height:1.85}
.jzz-local{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
.jzz-local-img img{width:100%;height:300px;object-fit:cover;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.jzz-local-body h2{font-size:clamp(22px,3vw,32px);margin-bottom:14px}
.jzz-local-body p{color:var(--ink-soft);margin-bottom:14px;line-height:1.9;font-size:15px}
.jzz-career{max-width:900px;margin:0 auto;text-align:center}
.jzz-career h2{color:var(--cream-50);margin-bottom:16px;font-size:clamp(22px,3vw,30px)}
.jzz-career p{color:var(--cream-200);font-size:15px;line-height:2}
@media(max-width:1024px){.jzz-val,.jzz-local{grid-template-columns:1fr}}
.jzz-aud{max-width:920px;margin:0 auto}
.jzz-aud h2{font-size:22px;margin-bottom:16px;color:var(--brown-800)}
.jzz-aud p{font-size:15px;color:var(--ink-soft);line-height:2}
.jzz-related h2{font-size:22px;margin-bottom:18px;color:var(--brown-800)}
.jzz-chips{display:flex;flex-wrap:wrap;gap:10px}
.jzz-chips a{background:var(--cream-50);border:1px solid var(--line);border-left:3px solid var(--green-700);border-radius:var(--r-xs);padding:9px 16px;font-size:13.5px;color:var(--brown-700)}
.jzz-chips a:hover{background:var(--green-700);color:var(--cream-50)}

/* endnote */
.endnote-wrap{max-width:860px;margin:0 auto}
.endnote-wrap h2{font-size:22px;margin-bottom:14px;color:var(--brown-800)}
.endnote-wrap p{font-size:15px;color:var(--ink-soft);line-height:2}