/* ============================================================
   zhengshu-renzheng.css — 证书与查询页
   骨架：牛仔首屏 + 证书示意卡 + 领证三步 + 查验图文 + 疑问折叠
   ============================================================ */

/* ---------- 模块1：Hero ---------- */
.zsrz-hero { padding: 128px 0 84px; }
.zsrz-hero-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 54px; align-items: center; }
.zsrz-hero-text h1 { color: var(--paper-100); font-size: clamp(30px, 4.8vw, 48px); line-height: 1.25; margin: 18px 0 16px; }
.zsrz-hero-text h1 em { font-style: normal; color: var(--stitch); }
.zsrz-hero-text p { color: rgba(250,246,238,.86); font-size: 15.5px; line-height: 1.95; max-width: 540px; }
.zsrz-hero-cta { display: flex; gap: 14px; margin-top: 26px; flex-wrap: wrap; }
.btn-outline--hero { border-color: rgba(250,246,238,.6); color: var(--paper-100); }
.btn-outline--hero:hover { background: var(--paper-100); color: var(--denim-800); }

/* ---------- 模块2：证书示意 ---------- */
.zsrz-cert-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.zsrz-cert-demo {
  background: var(--denim-800); border-radius: var(--r-md);
  padding: 14px; box-shadow: var(--shadow-md); transform: rotate(-1.5deg);
  transition: transform .35s var(--ease);
}
.zsrz-cert-demo:hover { transform: rotate(0); }
.zsrz-cert-demo-inner {
  background: var(--paper-100); border-radius: var(--r-sm);
  padding: 38px 32px 30px; text-align: center; position: relative;
  border: 6px double var(--brown-400);
}
.zsrz-cert-org { display: block; font-family: var(--font-serif); font-weight: 900; font-size: 21px; color: var(--denim-900); letter-spacing: 3px; }
.zsrz-cert-sub { display: block; font-size: 12px; color: var(--brown-600); margin-top: 6px; letter-spacing: 1px; }
.zsrz-cert-line { width: 70px; height: 3px; margin: 20px auto; background: repeating-linear-gradient(90deg, var(--brown-600) 0 10px, transparent 10px 14px); }
.zsrz-cert-demo-inner p { font-size: 13.5px; color: var(--ink-soft); line-height: 1.9; }
.zsrz-cert-seal { position: absolute; right: 18px; bottom: 16px; width: 56px; height: 56px; font-size: 15px; }
.zsrz-cert-text h2 { font-size: clamp(24px, 3.4vw, 34px); margin: 10px 0 16px; }
.zsrz-cert-text p { font-size: 15px; color: var(--ink-soft); line-height: 2; }
.zsrz-cert-note { margin-top: 14px; padding: 12px 16px; background: rgba(180,112,74,.1); border-left: 3px solid var(--rust); border-radius: 0 var(--r-sm) var(--r-sm) 0; }

/* ---------- 模块3：领证三步 ---------- */
.zsrz-pickup-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.zsrz-pickup-step {
  background: var(--paper-100); border: 1px solid var(--line);
  border-radius: var(--r-md); padding: 28px 26px; text-align: center;
}
.zsrz-pickup-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 46px; height: 46px; border-radius: 50%;
  background: var(--denim-700); color: var(--paper-100);
  font-weight: 700; font-size: 18px; margin-bottom: 14px;
}
.zsrz-pickup-step h3 { font-size: 17px; margin-bottom: 8px; }
.zsrz-pickup-step p { font-size: 14px; color: var(--ink-soft); line-height: 1.8; }

/* ---------- 模块4：查验 ---------- */
.zsrz-verify-grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 44px; align-items: center; }
.zsrz-verify-text h2 { font-size: clamp(24px, 3.4vw, 34px); margin: 10px 0 16px; }
.zsrz-verify-text h2 em { font-style: normal; color: var(--denim-600); }
.zsrz-verify-list { margin: 14px 0; counter-reset: vstep; }
.zsrz-verify-list li {
  position: relative; padding: 10px 0 10px 40px; list-style: none;
  font-size: 15px; border-bottom: 1px dashed var(--line); color: var(--ink);
}
.zsrz-verify-list li::before {
  counter-increment: vstep; content: counter(vstep);
  position: absolute; left: 0; top: 11px;
  width: 24px; height: 24px; border-radius: 50%;
  background: var(--denim-100); color: var(--denim-800);
  font-size: 13px; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}
.zsrz-verify-note { font-size: 14px; color: var(--ink-soft); margin-top: 12px; }
.zsrz-verify-note a { font-weight: 600; }
.zsrz-verify-side {
  border-radius: var(--r-lg); padding: 32px 28px;
}
.zsrz-verify-side h3 { color: var(--paper-100); font-size: 19px; margin: 12px 0 10px; }
.zsrz-verify-side p { color: rgba(250,246,238,.88); font-size: 14.5px; line-height: 1.9; }

/* ---------- 模块5：疑问折叠 ---------- */
.zsrz-item {
  border: 1px solid var(--line); border-radius: var(--r-md);
  background: var(--paper-100); margin-bottom: 12px; overflow: hidden;
}
.zsrz-item summary {
  cursor: pointer; list-style: none;
  padding: 16px 20px; font-size: 15.5px; font-weight: 600; color: var(--denim-900);
  display: flex; justify-content: space-between; align-items: center; gap: 14px;
}
.zsrz-item summary::-webkit-details-marker { display: none; }
.zsrz-item summary::after {
  content: ""; flex: none; width: 9px; height: 9px;
  border-right: 2px solid var(--brown-600); border-bottom: 2px solid var(--brown-600);
  transform: rotate(45deg); transition: transform .25s var(--ease);
}
.zsrz-item[open] summary::after { transform: rotate(225deg); }
.zsrz-item[open] summary { background: var(--paper-200); }
.zsrz-item-body { padding: 4px 20px 18px; font-size: 14.5px; color: var(--ink-soft); line-height: 1.95; }
.zsrz-item-body a { font-weight: 600; }

/* ---------- 模块6：CTA ---------- */
.zsrz-cta-inner { text-align: center; max-width: 720px; margin: 0 auto; }
.zsrz-cta-inner h2 { font-size: clamp(24px, 3.4vw, 32px); margin-bottom: 12px; }
.zsrz-cta-inner p { color: var(--ink-soft); margin-bottom: 22px; }
.zsrz-cta-inner a { font-weight: 600; }

/* ---------- 响应式 ---------- */
@media (max-width: 1080px) {
  .zsrz-hero-grid, .zsrz-cert-grid, .zsrz-verify-grid { grid-template-columns: 1fr; gap: 36px; }
  .zsrz-pickup-row { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .zsrz-hero { padding: 110px 0 56px; }
  .zsrz-cert-demo-inner { padding: 28px 20px; }
}

/* ---------- 模块7：骗局提醒 ---------- */
.zsrz-scam-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.zsrz-scam-card {
  background: #f6ebe4; border: 1px solid #dfc0ae;
  border-left: 4px solid var(--rust);
  border-radius: var(--r-md); padding: 26px 24px;
}
.zsrz-scam-tag {
  display: inline-block; font-size: 12px; letter-spacing: 2px; font-weight: 700;
  color: var(--rust); margin-bottom: 10px;
}
.zsrz-scam-card h3 { font-size: 17px; margin-bottom: 8px; color: #8a4a2b; }
.zsrz-scam-card p { font-size: 14px; color: var(--ink-soft); line-height: 1.9; }

/* ---------- 模块8：档案留存 ---------- */
.zsrz-keep-title { font-size: clamp(24px, 3.4vw, 32px); margin-bottom: 18px; }
.zsrz-keep-title em { font-style: normal; color: var(--denim-600); }
.zsrz-keep-list li {
  padding: 11px 0 11px 30px; position: relative;
  font-size: 15px; border-bottom: 1px dashed var(--line); list-style: none;
}
.zsrz-keep-list li::before {
  content: ""; position: absolute; left: 2px; top: 17px;
  width: 10px; height: 10px; border-radius: 50%;
  background: var(--denim-600); box-shadow: inset 0 0 0 2px var(--paper-100);
}
.zsrz-keep-list b { color: var(--denim-800); }
.zsrz-keep-note { margin-top: 14px; font-size: 14px; color: var(--ink-soft); }
.zsrz-keep-note a { font-weight: 600; }

.zsrz-myth { margin-top: 16px; }
.zsrz-myth li {
  padding: 9px 0 9px 70px; position: relative;
  font-size: 14px; color: var(--ink-soft);
  border-top: 1px dashed var(--line); list-style: none;
}
.zsrz-myth li b {
  position: absolute; left: 0; top: 9px;
  font-size: 12px; color: var(--rust);
}

@media (max-width: 1080px) {
  .zsrz-scam-grid { grid-template-columns: 1fr; }
}
.zsrz-myth-note { margin-top: 12px; font-size: 13.5px; color: var(--ink-soft); }