/* ============================================================
   zhengshu-chaxun.css · 证书真伪查询
   题头③：顶部色带；图文入口 + 步骤流 + 对照双栏 + 问答 + 官方提示条
   ============================================================ */

.narrow{ max-width:860px; margin-left:auto; margin-right:auto; }

/* ---------- 题头③：顶部色带 ---------- */
.cthead{ position:relative; padding:0 0 60px; background:var(--white); }
.ctband{
  height:120px;
  background:linear-gradient(120deg,var(--orange) 0%,var(--orange-deep) 100%);
  position:relative;
}
.ctband::after{
  content:""; position:absolute; left:0; right:0; bottom:-1px; height:40px;
  background:var(--white); clip-path:polygon(0 100%, 100% 100%, 100% 30%, 0 100%);
}
.ct-inner{ margin-top:-30px; position:relative; z-index:2; }
.ct-inner .crumbs{ background:#fff; display:inline-flex; padding:8px 18px; border-radius:999px; box-shadow:var(--shadow-sm); }
.ct-kicker{
  display:inline-block; font-size:13px; font-weight:700; letter-spacing:3px;
  color:var(--orange-deep); margin:18px 0 12px;
}
.ct-title{ font-size:36px; font-weight:800; max-width:800px; line-height:1.35; }
.ct-sub{ margin-top:14px; color:var(--ink-2); max-width:760px; font-size:15.5px; }
.ct-sub b{ color:var(--orange-deep); }

/* ---------- 入口说明 ---------- */
.entry-wrap{
  margin-top:36px; display:grid; grid-template-columns:1.1fr 1fr; gap:36px; align-items:center;
}
.entry-note{
  background:var(--bg-soft); border-radius:var(--radius-lg); padding:32px 34px;
  border-left:6px solid var(--green);
}
.entry-note h3{ font-size:20px; margin-bottom:16px; color:var(--green-deep); }
.entry-note ul{ display:flex; flex-direction:column; gap:12px; }
.entry-note li{
  position:relative; padding-left:26px; font-size:14.5px; color:var(--ink-2);
}
.entry-note li::before{
  content:""; position:absolute; left:0; top:9px; width:13px; height:13px;
  border-radius:50%; background:var(--green-2);
}
.entry-img img{
  width:100%; height:300px; object-fit:cover; border-radius:var(--radius-lg);
  box-shadow:var(--shadow-md);
}
.entry-extra{
  margin-top:22px; font-size:15px; color:var(--ink-2);
  background:var(--orange-soft); border-radius:12px; padding:18px 22px;
}
.entry-extra b{ color:var(--orange-deep); }

/* ---------- 步骤流 ---------- */
.bg-soft{ background:var(--bg-soft); }
.qsteps{ margin-top:36px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.qsteps li{
  background:#fff; border-radius:var(--radius); padding:26px 22px; box-shadow:var(--shadow-sm);
}
.qs-num{
  display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center;
  border-radius:50%; background:linear-gradient(135deg,var(--orange),var(--orange-deep));
  color:#fff; font-weight:800; margin-bottom:14px;
}
.qsteps li:nth-child(even) .qs-num{
  background:linear-gradient(135deg,var(--green),var(--green-deep));
}
.qsteps h3{ font-size:17px; margin-bottom:8px; }
.qsteps p{ font-size:13.5px; color:var(--ink-2); }

/* ---------- 真伪对照双栏 ---------- */
.id-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px; }
.id-card{ border-radius:var(--radius-lg); padding:32px 30px; box-shadow:var(--shadow-sm); }
.id-card ul{ display:flex; flex-direction:column; gap:12px; }
.id-card li{ position:relative; padding-left:26px; font-size:14.5px; }
.id-good{ background:var(--green-soft); border:1px solid rgba(18,183,106,.3); }
.id-good h3{ color:var(--green-deep); margin-bottom:16px; font-size:20px; }
.id-good li{ color:var(--ink); }
.id-good li::before{
  content:""; position:absolute; left:0; top:8px; width:14px; height:8px;
  border-left:3px solid var(--green); border-bottom:3px solid var(--green);
  transform:rotate(-45deg);
}
.id-bad{ background:var(--orange-soft); border:1px solid rgba(255,122,28,.35); }
.id-bad h3{ color:var(--orange-deep); margin-bottom:16px; font-size:20px; }
.id-bad li{ color:var(--ink-2); }
.id-bad li::before{
  content:"×"; position:absolute; left:0; top:0; color:var(--orange-deep);
  font-weight:800;
}

/* ---------- 问答 ---------- */
.bg-orange{ background:var(--bg-orange); }
.qa-list{ margin-top:30px; }
.qa-item{
  background:#fff; border-radius:14px; padding:22px 26px; margin-bottom:14px;
  border-left:4px solid var(--orange); box-shadow:var(--shadow-sm);
}
.qa-item h3{ font-size:16px; margin-bottom:8px; color:var(--orange-deep); }
.qa-item p{ font-size:14.5px; color:var(--ink-2); }
.qa-item a{ color:var(--green-deep); text-decoration:underline; }

/* ---------- 官方提示条 ---------- */
.official-tip{
  background:#fff; border:1px dashed var(--green); border-radius:var(--radius);
  padding:28px 32px; display:flex; gap:20px; align-items:flex-start;
}
.ot-badge{
  flex-shrink:0; background:var(--green); color:#fff; font-size:13px; font-weight:700;
  padding:6px 14px; border-radius:999px;
}
.official-tip p{ font-size:14.5px; color:var(--ink-2); }
.official-tip b{ color:var(--green-deep); }

/* ---------- 行动带 ---------- */
.ccta{
  background:linear-gradient(120deg,var(--orange-deep) 0%,#B8460A 100%);
  color:#fff; padding:60px 0; text-align:center;
}
.ccta h2{ font-size:30px; margin-bottom:12px; }
.ccta p{ color:rgba(255,255,255,.92); max-width:600px; margin:0 auto 26px; }
.ccta-actions{ display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .ct-title{ font-size:27px; }
  .entry-wrap{ grid-template-columns:1fr; gap:24px; }
  .qsteps{ grid-template-columns:1fr 1fr; }
  .id-grid{ grid-template-columns:1fr; }
  .official-tip{ flex-direction:column; gap:14px; }
}
@media (max-width:640px){
  .qsteps{ grid-template-columns:1fr; }
}