/* ============================================================
   zhengshu.html 证书查询核验独有样式
   ============================================================ */

/* ---------- Hero ---------- */
.zs-hero{position:relative;padding:170px 0 90px;overflow:hidden}
.zs-hero__bg{position:absolute;inset:0}
.zs-hero__bg img{width:100%;height:100%;object-fit:cover;opacity:.25}
.zs-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,27,.5),var(--c1))}
.zs-hero__inner{position:relative;z-index:2}
.zs-hero h1{font-size:clamp(32px,4.6vw,54px);font-weight:900;margin-top:14px}
.zs-hero p{max-width:580px;color:var(--g4);margin-top:16px}

/* ---------- 证书类型 ---------- */
.zs-types__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zs-types .card p b{color:var(--o2)}

/* ---------- 核验渠道（米白） ---------- */
.zs-ch__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.zs-ch__card{background:#fff;border:1px solid var(--line-l);box-shadow:0 12px 30px rgba(20,24,27,.07);padding:30px 28px;transition:transform .3s}
.zs-ch__card:hover{transform:translateY(-6px)}
.zs-ch__no{font-family:var(--font-en);font-size:34px;font-weight:900;color:var(--o1);-webkit-text-stroke:1px rgba(224,91,32,.5)}
.zs-ch__card h3{font-size:19px;color:var(--c1);margin:12px 0 10px}
.zs-ch__card p{font-size:14px;color:#6A7268;margin-bottom:16px}

/* ---------- 查询步骤（g2 steps 复用） ---------- */

/* ---------- 全国联网 ---------- */
.zs-nation__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.zs-nation__grid p{color:var(--g4);padding:26px 0 0;border-top:2px solid var(--o1);font-size:14.5px}

/* ---------- 状态表（米白） ---------- */
.zs-table .tbl{margin-top:6px}
.zs-w1{width:26%}
.zs-w2{width:37%}

/* ---------- 防伪要点 ---------- */
.zs-fake__grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line-d)}
.zs-fake__grid > div{padding:30px 32px;border-right:1px dashed var(--line-d);border-bottom:1px dashed var(--line-d)}
.zs-fake__grid > div:nth-child(2n){border-right:none}
.zs-fake__grid > div:nth-child(n+3){border-bottom:none}
.zs-fake b{font-size:16px;display:block;margin-bottom:10px;color:var(--o2)}
.zs-fake p{font-size:14px;color:var(--g4)}

/* ---------- 手风琴 ---------- */
.acc{max-width:860px;margin:0 auto}
.acc__item{border:1px solid var(--line-d);background:var(--c2);margin-bottom:12px}
.acc__head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;font-size:16px;font-weight:700;color:var(--white);text-align:left}
.acc__plus{font-family:var(--font-en);font-size:22px;color:var(--o1);transition:transform .3s;flex-shrink:0}
.acc__item.is-open .acc__plus{transform:rotate(45deg)}
.acc__body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc__item.is-open .acc__body{max-height:300px}
.acc__body p{padding:0 26px 22px;font-size:14px;color:var(--g4)}

/* ---------- 页底 CTA ---------- */
.zs-cta{background:var(--c2);border-top:1px solid var(--line-d)}
.zs-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.zs-cta h2{font-size:clamp(26px,3.2vw,40px);font-weight:900}
.zs-cta p{color:var(--g4);margin-top:12px;max-width:440px}
.zs-cta__btns{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 查询界面示意（CSS 绘制） ---------- */
.zs-demo__grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.zs-screen{background:var(--c2);border:1px solid var(--line-d);overflow:hidden}
.zs-screen__bar{display:flex;align-items:center;gap:7px;padding:11px 16px;background:var(--c3);border-bottom:1px solid var(--line-d)}
.zs-screen__bar i{width:10px;height:10px;border-radius:50%;background:var(--line-d)}
.zs-screen__bar i:first-child{background:var(--o1)}
.zs-screen__bar span{margin-left:8px;font-size:12px;color:#6E7A82;letter-spacing:.08em}
.zs-screen__bar--ok i:first-child{background:#6B7D5C}
.zs-screen__body{padding:26px 26px 30px}
.zs-field{display:grid;grid-template-columns:86px 1fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line-d)}
.zs-field span{font-size:13px;color:var(--g3)}
.zs-field em{font-style:normal;font-size:13.5px;color:var(--g4);background:var(--c1);padding:9px 12px;border:1px solid var(--line-d);letter-spacing:.04em}
.zs-captcha{margin-left:auto;font-family:var(--font-en);font-size:14px;font-weight:800;color:var(--o1);letter-spacing:.2em;border:1px solid var(--line-d);padding:6px 12px}
.zs-screen__btn{display:inline-block;margin-top:18px;padding:12px 30px;font-size:14px;font-weight:700;color:#fff;background:var(--o1)}
.zs-result__row{display:grid;grid-template-columns:86px 1fr;gap:12px;padding:10px 0;border-bottom:1px dashed var(--line-d);align-items:center}
.zs-result__row span{font-size:13px;color:var(--g3)}
.zs-result__row b{font-size:14px;color:var(--white);font-weight:600}
.zs-verdict{font-style:normal;justify-self:start;padding:5px 14px;font-size:13px;font-weight:700;color:#9CB38A;background:rgba(107,125,92,.15);border:1px solid rgba(107,125,92,.5)}

/* ---------- 状态表 + 复审材料卡 ---------- */
.zs-table__grid{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:start}
.zs-mat{background:var(--g1);border:1px solid var(--line-d);padding:26px 26px 28px}
.zs-mat h3{font-size:17px;margin-bottom:16px}
.zs-mat ul{display:grid;gap:10px;margin-bottom:16px}
.zs-mat li{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--g4)}
.zs-mat li i{font-style:normal;font-family:var(--font-en);font-size:12px;font-weight:800;color:var(--o1)}
.zs-mat p{font-size:13px;color:var(--g4);margin-bottom:18px}

/* ---------- 真证 vs 假证对比 ---------- */
.zs-compare{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:36px}
.zs-cert{position:relative;padding:26px;border:1px solid var(--line-d);background:var(--c2)}
.zs-cert__flag{position:absolute;top:-12px;left:22px;padding:5px 16px;font-size:13px;font-weight:800;letter-spacing:.2em;color:#fff;background:#6B7D5C}
.zs-cert__flag--bad{background:var(--o1)}
.zs-cert__doc{background:var(--c1);border:1px solid var(--line-d);padding:20px;margin:8px 0 18px}
.zs-cert__band{text-align:center;font-size:15px;font-weight:800;color:#9CB38A;padding-bottom:12px;border-bottom:2px solid rgba(107,125,92,.4)}
.zs-cert__band--bad{color:var(--o2);border-bottom-color:rgba(224,91,32,.4)}
.zs-cert__lines{padding:14px 0;display:grid;gap:8px}
.zs-cert__lines i{display:block;height:9px;background:rgba(255,255,255,.07)}
.zs-cert__lines i:nth-child(2){width:80%}
.zs-cert__lines i:nth-child(3){width:60%}
.zs-cert__stamp{text-align:right;font-size:12px;color:var(--g3)}
.zs-cert__stamp--bad{color:#B0603A}
.zs-cert__list{display:grid;gap:8px}
.zs-cert__list li{font-size:13.5px;color:var(--g4);padding-left:18px;position:relative}
.zs-cert__list li::before{content:"✓";position:absolute;left:0;color:#9CB38A}
.zs-cert__list--bad li::before{content:"✕";color:var(--o1)}

/* ---------- 响应式 ---------- */
@media (max-width:1024px){
  .zs-types__grid{grid-template-columns:1fr}
  .zs-ch__grid{grid-template-columns:1fr}
  .zs-nation__grid{grid-template-columns:1fr}
  .zs-demo__grid{grid-template-columns:1fr}
  .zs-table__grid{grid-template-columns:1fr}
  .zs-compare{grid-template-columns:1fr}
}
@media (max-width:640px){
  .zs-hero{padding:130px 0 60px}
  .zs-fake__grid{grid-template-columns:1fr}
  .zs-fake__grid > div{border-right:none;border-bottom:1px dashed var(--line-d)!important}
}