.approved-record{display:grid;grid-template-columns:180px 1fr;gap:24px;align-items:center}.approved-record img,.record-qr{width:180px;max-width:100%;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px}.approved-record dl{display:grid;grid-template-columns:auto 1fr;gap:8px 15px}.approved-record dt{color:var(--muted)}.approved-record dd{margin:0;font-weight:700}.record-qr-block{display:flex;align-items:center;gap:14px;margin-top:16px}.record-qr-block img{width:92px;background:#fff;border-radius:10px;padding:5px}.verification-page{min-height:100vh;padding:50px 16px;display:grid;place-items:center;background:radial-gradient(circle at 70% 10%,color-mix(in srgb,var(--accent) 18%,var(--bg)),var(--bg) 50%)}.verification-card{width:min(100%,720px);background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.verification-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:var(--brand);color:#fff}.verification-head img{width:150px;max-height:70px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.verification-seal{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.06em}.verification-seal.valid{color:#56e0c9}.verification-seal.invalid{color:#ffb1b7}.verification-body{text-align:center;padding:38px}.verification-body h1{font-size:38px;margin:8px 0}.verification-data{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;text-align:left}.verification-data div{padding:15px;background:var(--surface2);border:1px solid var(--border);border-radius:11px}.verification-data span,.verification-data strong{display:block}.verification-data span{font-size:12px;color:var(--muted)}.verification-qr{width:210px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px}.verification-foot{color:var(--muted);font-size:13px}.verification-error{text-align:center;padding:60px 25px}.verification-error svg{width:58px;height:58px;color:var(--danger)}
@media(max-width:600px){.approved-record{grid-template-columns:1fr}.approved-record img{margin:auto}.verification-head{align-items:flex-start;flex-direction:column}.verification-body{padding:27px 18px}.verification-body h1{font-size:30px}.verification-data{grid-template-columns:1fr}}