.report-checkout{max-width:800px;margin:0 auto}
.report-checkout>.panel>.panel-body{padding:32px}
.checkout-total{display:flex;align-items:center;gap:16px;margin:20px 0}
.checkout-total strong{font-size:36px;line-height:1.2;color:#172e51;font-variant-numeric:tabular-nums}
.checkout-total>span{color:#64748b}
.checkout-order-meta{font-size:13px;color:#64748b;line-height:1.9;overflow-wrap:anywhere}
.report-checkout details{margin:16px 0 28px}
.report-checkout summary{cursor:pointer;min-height:44px;align-content:center}
.checkout-methods{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0 28px}
.checkout-method{display:flex;align-items:center;gap:14px;min-height:100px;padding:20px;border:1px solid #dbe3ee;border-radius:12px;background:#fff;color:#172e51;text-align:left;font:inherit;cursor:pointer}
.checkout-method:hover:not(:disabled){border-color:#3167d5;background:#f5f8ff}
.checkout-method:disabled{cursor:not-allowed;background:#f8fafc;color:#7b8797}
.checkout-method-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;color:#fff;font-size:24px;font-weight:700;background:#1677ff}
.checkout-method-wechat .checkout-method-mark{background:#07a856}
.checkout-method:disabled .checkout-method-mark{background:#9ba9b9}
.checkout-method strong{display:block;font-size:17px;margin-bottom:5px}
.checkout-method strong+span{display:block;color:#64748b;font-size:13px;line-height:1.5}
.checkout-method-arrow{margin-left:auto;font-size:24px}
.checkout-return{padding-top:24px;margin-top:24px;border-top:1px solid #e5ebf2;gap:20px;font-size:14px}
.checkout-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #e1e7ef;border-radius:20px;background:#fff;color:#172e51;box-shadow:0 24px 80px #0c214333;overscroll-behavior:contain}
.checkout-dialog::backdrop{background:rgb(13 30 54 / 54%);overflow:hidden;overscroll-behavior:contain}
.checkout-dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;text-align:left}
.checkout-dialog h2{font-size:22px;line-height:1.4;margin:0 0 6px}
.checkout-dialog-heading p{margin:0;color:#64748b;font-size:14px}
.checkout-dialog-close{width:44px;height:44px;margin:-10px -10px 0 0;border:0;border-radius:50%;background:#f1f5f9;color:#475569;font:28px/1 system-ui;cursor:pointer}
.checkout-dialog-amount{text-align:center;font-size:36px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2;margin:26px 0 10px}
.checkout-scan-hint{text-align:center;font-size:14px;color:#52637b;margin:0 0 20px}
.checkout-code{display:grid;place-items:center;min-height:256px;margin:0 auto 14px;max-width:272px;background:#fff}
.checkout-code .payment-qr{width:256px;max-width:100%;height:auto;border:1px solid #e5ebf2;border-radius:10px;stroke:none}
.checkout-code .payment-qr path,.checkout-code .payment-qr rect{stroke:none;stroke-width:0}
.checkout-alipay-frame{box-sizing:border-box;width:256px;max-width:100%;height:272px;border:0;background:#fff}
.checkout-code-status{text-align:center;color:#64748b;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.checkout-dialog .btn{display:block;min-height:44px;width:100%;margin-top:18px;text-align:center}
.checkout-dialog-note,.checkout-expiry{text-align:center;font-size:12px;line-height:1.6;color:#64748b;margin:12px 0 0}
.checkout-provider-link{display:block;text-align:center;font-size:13px;margin:12px 0}
.checkout-method:focus-visible,.checkout-dialog button:focus-visible,.checkout-dialog a:focus-visible{outline:3px solid #3167d5;outline-offset:3px}
@media(max-width:600px){.report-checkout>.panel>.panel-body{padding:22px}.checkout-methods{grid-template-columns:1fr;gap:12px}.checkout-method{min-height:86px;padding:16px}.checkout-dialog{padding:22px}.checkout-total strong{font-size:32px}}