*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",Segoe UI,sans-serif;background:#f4f6f8;color:#1f2937}
.shell{max-width:980px;margin:0 auto;padding:28px 16px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 8px 26px rgba(15,23,42,.05)}
h1{font-size:24px;margin:0 0 6px}
h2{font-size:17px;margin:0 0 14px}
p{margin:0 0 12px;color:#6b7280;line-height:1.6}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
label{display:block;font-size:12px;font-weight:700;color:#4b5563;margin-bottom:6px}
input,select,textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px;font-size:14px;background:#fff;color:#111827}
textarea{min-height:76px;resize:vertical}
button{border:0;border-radius:8px;padding:10px 14px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}
button.secondary{background:#0f766e}
button.ghost{background:#eef2ff;color:#3730a3}
button.warn{background:#dc2626}
button:disabled{opacity:.5;cursor:default}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.muted{color:#6b7280;font-size:12px}
.ok{color:#047857}
.err{color:#dc2626}
.download-hero{text-align:center}
.download-hero p{max-width:620px;margin-left:auto;margin-right:auto}
.download-btn{display:inline-block;margin-top:8px;padding:12px 18px;border-radius:8px;background:#2563eb;color:#fff;text-decoration:none;font-weight:700}
.download-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.download-steps div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:12px}
.download-steps b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:6px;border-radius:50%;background:#eef2ff;color:#3730a3;font-size:12px}
.download-steps span{font-size:13px;color:#374151}
.stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9px;padding:13px}
.stat span{display:block;color:#6b7280;font-size:12px}
.stat b{font-size:20px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:9px 8px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
th{font-size:12px;color:#6b7280;background:#f9fafb}
.code{font-family:Consolas,"SF Mono",monospace}
.pill{display:inline-block;padding:3px 8px;border-radius:99px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}
.linkbox{font-family:Consolas,"SF Mono",monospace;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:10px;word-break:break-all}
.agent-settle-box{padding:12px 0;border-bottom:1px solid #e5e7eb}
.agent-settle-box:last-child{border-bottom:0}
.amount-panel{margin-top:14px;padding:10px 12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:14px}
.amount-panel b,.amount-strong{color:#dc2626;font-size:18px}
.payment-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}
.payment-panel[hidden]{display:none}
.payment-panel h2{margin-bottom:8px;color:#1d4ed8}
.payment-panel p{margin-bottom:6px;color:#374151}
.payment-qr{width:190px;max-width:42%;height:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:8px}
.proof-upload{margin-top:12px;padding-top:12px;border-top:1px solid #bfdbfe}
.proof-upload input{margin-bottom:8px;background:#fff}
.proof-upload button{margin-bottom:8px}
.order-result p{margin-bottom:8px}
.activation-box{margin-top:12px;padding:14px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}
.activation-box span{display:block;color:#047857;font-size:12px;font-weight:700;margin-bottom:6px}
.activation-box b{display:block;color:#065f46;font-size:20px;word-break:break-all}
@media(max-width:720px){.grid,.grid-3,.download-steps{grid-template-columns:1fr}.shell{padding:16px 10px}.card{padding:16px}table{font-size:12px}.payment-panel{align-items:flex-start;flex-direction:column}.payment-qr{width:220px;max-width:100%}}