body{font-family:-apple-system,"Hiragino Sans",sans-serif;margin:0;background:#f7f7f9;color:#222}
header{display:flex;align-items:center;gap:12px;background:#1a2b4c;color:#fff;padding:10px 16px}
header h1{font-size:16px;margin:0;flex:1}
section{max-width:1000px;margin:16px auto;padding:0 16px}
table{border-collapse:collapse;width:100%;background:#fff}
th,td{border:1px solid #ddd;padding:6px 10px;font-size:13px;text-align:left}
th{background:#eef1f6}.num{text-align:right}
.cards{display:flex;gap:12px;flex-wrap:wrap;margin:12px 0}
.card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 14px;min-width:150px}
.card .v{font-size:20px;font-weight:700}.card .k{font-size:12px;color:#666}
.code-banner{background:#fff;border:2px solid #1a2b4c;border-radius:6px;padding:12px;
  font-size:22px;font-weight:700;letter-spacing:2px;text-align:center;margin:12px 0}
.error{color:#c00;font-size:13px}
button{cursor:pointer;padding:6px 12px}
form label{display:block;margin:8px 0}
input{padding:6px;font-size:14px}
.muted{color:#888;font-size:12px}