/* ============ 序列号查询页 ============ */
.verify-zone{max-width:680px;margin:0 auto;text-align:center;}
.shield{
  width:88px;height:88px;margin:0 auto 26px;border-radius:50%;
  background:linear-gradient(135deg,#00c26f,#00e08a);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 14px 34px rgba(0,194,111,.35);
}
.shield svg{width:42px;height:42px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.verify-zone h2{font-size:26px;margin-bottom:12px;}
.verify-zone .tip{font-size:14.5px;color:var(--ink-2);line-height:1.9;margin-bottom:36px;}

.code-input{display:flex;gap:12px;max-width:560px;margin:0 auto 14px;}
.code-input input{
  flex:1;height:56px;border:2px solid #dde1e6;border-radius:12px;
  padding:0 20px;font-size:18px;letter-spacing:3px;outline:none;transition:border .2s;
  font-family:Consolas,monospace;text-align:center;
}
.code-input input:focus{border-color:var(--brand);}
.code-input button{
  height:56px;padding:0 40px;border:none;border-radius:12px;background:var(--brand);
  color:#fff;font-size:16px;letter-spacing:2px;cursor:pointer;transition:background .2s;
}
.code-input button:hover{background:var(--brand-dark);}
.code-input button:disabled{background:#b9c2c9;cursor:not-allowed;}
.hint{font-size:12.5px;color:var(--ink-3);margin-bottom:8px;}

.demo-codes{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:var(--ink-3);}
.demo-codes code{
  background:#f0f1f3;border-radius:8px;padding:8px 14px;font-size:13px;
  font-family:Consolas,monospace;color:var(--ink-2);cursor:pointer;transition:all .2s;
}
.demo-codes code:hover{background:#e2e6ea;color:var(--ink);}

/* ---- 查询结果 ---- */
.result{
  max-width:640px;margin:46px auto 0;border-radius:var(--radius);padding:34px 36px;
  text-align:left;display:none;animation:pop .35s ease;
}
@keyframes pop{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
.result.show{display:block;}
.result.ok{background:#f0fbf6;border:1.5px solid #b8ecd3;}
.result.bad{background:#fef1f2;border:1.5px solid #f6c6cb;}
.result .r-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;text-align:left;}
.result .badge{
  width:46px;height:46px;border-radius:50%;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;color:#fff;
}
.result.ok .badge{background:var(--brand);}
.result.bad .badge{background:#e0525f;}
.result .r-title{font-size:20px;font-weight:800;}
.result.ok .r-title{color:#00854c;}
.result.bad .r-title{color:#c0303d;}
.r-table{width:100%;font-size:14px;border-collapse:collapse;}
.r-table td{padding:9px 0;border-bottom:1px dashed #d7dde2;}
.r-table td:first-child{color:var(--ink-3);width:110px;}
.r-warn{
  margin-top:18px;font-size:12.5px;color:#8a6a10;background:#fdf6e3;
  border-radius:8px;padding:12px 16px;line-height:1.8;
}
.result.bad .r-warn{background:#fdecec;color:#a03a44;}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:70px auto 0;}
.step-card{background:var(--bg);border-radius:var(--radius);padding:28px 24px;text-align:left;}
.step-card .n{font-size:13px;font-weight:800;color:var(--brand);margin-bottom:10px;}
.step-card h3{font-size:16px;margin-bottom:8px;}
.step-card p{font-size:13px;color:var(--ink-2);line-height:1.8;}

@media (max-width:960px){
  .steps{grid-template-columns:1fr;}
  .code-input{flex-direction:column;}
}