:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#233941;background:#eef6f7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.cashier-shell{min-height:100vh;padding:34px 18px 42px;background:#eef6f7}.cashier-header{max-width:920px;margin:0 auto 28px;display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#64a8c2;color:#fff;font-size:22px;font-weight:800;box-shadow:0 8px 18px #64a8c24d}.cashier-header strong{display:block;font-size:18px}.cashier-header span{display:block;color:#82a0a8;font-size:11px;letter-spacing:.08em;margin-top:3px}.cashier-header a{margin-left:auto;color:#4b91a5;text-decoration:none;font-size:13px}.checkout-card{max-width:920px;margin:0 auto;background:#fff;border:1px solid #dbecef;border-radius:18px;box-shadow:0 18px 50px #2b707d12;padding:28px 34px}.loading-state{text-align:center;color:#6e878f}.merchant-line{display:flex;align-items:center;gap:10px;color:#8ba0a7;font-size:13px}.merchant-line b{color:#38545e}.order-state{margin-left:auto;color:#4b91a5;background:#e8f6f7;padding:6px 12px;border-radius:999px}.order-name{text-align:center;margin-top:30px;color:#5f777f}.amount{text-align:center;font-size:48px;font-weight:750;color:#173b46}.amount small{font-size:24px;margin-right:4px}.order-number{text-align:center;color:#9aaeb3;font-size:12px;margin-top:7px}.divider{height:1px;background:#edf2f3;margin:28px 0}.payment-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.methods h3{font-size:16px;margin:0 0 16px}.methods button{width:100%;border:1px solid #e4eef0;background:#fff;border-radius:12px;display:flex;align-items:center;text-align:left;padding:12px;margin-bottom:10px;cursor:pointer;transition:.2s}.methods button:hover,.methods button.selected{border-color:#64a8c2;box-shadow:0 6px 18px #64a8c21c}.methods button i{font-style:normal;margin-left:auto;color:transparent}.methods button.selected i{color:#64a8c2}.methods .pay-action{display:block;background:#64a8c2;color:#fff;border-color:#64a8c2;text-align:center;justify-content:center;font-weight:600}.methods .pay-action:disabled{opacity:.55;cursor:not-allowed}.method-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;color:#fff;font-weight:700;margin-right:11px}.alipay{background:#1677ff}.wxpay{background:#2aae67}.bepusdt{background:#f5a623}.methods b,.methods small{display:block}.methods small{font-size:11px;color:#9aadb2;margin-top:3px}.qr-panel{text-align:center}.qr-placeholder,.qr-real{margin:auto;width:190px;height:190px;border:10px solid #173b46;border-radius:10px;display:grid;place-items:center;background:#fff;position:relative}.qr-placeholder>span{position:absolute;background:#fff;padding:4px;color:#173b46;font-weight:700;font-size:13px}.qr-grid{width:130px;height:130px;background:repeating-conic-gradient(#173b46 0,#173b46 25%,#fff 0,#fff 50%) 50%/18px 18px}.qr-real img{max-width:100%;max-height:100%;object-fit:contain}.qr-real a{color:#3e8ca0;font-weight:600}.qr-panel p{color:#708990;font-size:13px;margin:16px 0 6px}.qr-panel strong{color:#4b91a5;font-size:14px}.secure-note{border-top:1px solid #edf2f3;margin-top:26px;padding-top:18px;color:#9aadb2;font-size:12px;text-align:center}.secure-note span{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:6px;color:#fff;background:#64a8c2;font-size:11px;margin-right:4px}.result{text-align:center;padding:46px 0 54px}.result-mark{width:64px;height:64px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e4f6ef;color:#22a06b;font-size:34px}.result h2{margin:20px 0 8px}.result p{color:#8ba0a7}.cashier-shell>footer{max-width:920px;margin:18px auto;text-align:center;color:#91a7ad;font-size:12px}@media(max-width:680px){.cashier-shell{padding:20px 12px 28px}.checkout-card{padding:20px 16px;border-radius:14px}.payment-layout{grid-template-columns:1fr;gap:20px}.qr-panel{order:-1}.qr-placeholder,.qr-real{width:164px;height:164px}.qr-grid{width:112px;height:112px}.amount{font-size:40px}.merchant-line{flex-wrap:wrap}.order-state{margin-left:0}.cashier-header{margin-bottom:18px}}.empty-method{border:1px dashed #c9dde2;background:#f6fbfc;border-radius:12px;color:#66838b;font-size:13px;line-height:1.6;margin-bottom:12px;padding:14px;text-align:left}.pay-status{width:190px;min-height:190px;margin:auto;display:grid;place-items:center;padding:20px;border:1px solid #b8dbe4;border-radius:10px;background:#f7fcfd;color:#38616e;font-size:14px;line-height:1.6}.announcement-list{margin:22px 0 0;padding:14px 16px;border:1px solid #dbecef;border-radius:10px;background:#f8fcfc}.announcement-heading{color:#38545e;font-size:13px;font-weight:700;margin-bottom:8px}.announcement-items{display:grid;gap:7px}.announcement-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:start;margin:0;color:#4b91a5;font-size:13px;line-height:1.55}.announcement-item i{width:6px;height:6px;margin-top:7px;border-radius:50%}.announcement-item span{overflow-wrap:anywhere}.announcement-item time{color:#9aadb2;font-size:11px;white-space:nowrap}@media(max-width:680px){.pay-status{width:164px;min-height:164px}}@media(max-width:480px){.announcement-item{grid-template-columns:8px minmax(0,1fr)}.announcement-item time{grid-column:2;color:#9aadb2}}:root{--wucen-scrollbar-size: 10px;--wucen-scrollbar-track: #e8f1f3;--wucen-scrollbar-thumb: #64a8c2;--wucen-scrollbar-thumb-hover: #8bcce1;--wucen-scrollbar-thumb-active: #4e91ab;scrollbar-color:var(--wucen-scrollbar-thumb) var(--wucen-scrollbar-track);scrollbar-width:thin}*,*:before,*:after{scrollbar-width:thin;scrollbar-color:var(--wucen-scrollbar-thumb) var(--wucen-scrollbar-track)}*::-webkit-scrollbar{width:var(--wucen-scrollbar-size);height:var(--wucen-scrollbar-size)}*::-webkit-scrollbar-track{background:var(--wucen-scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--wucen-scrollbar-thumb);border:2px solid var(--wucen-scrollbar-track);border-radius:999px;min-height:28px;min-width:28px}*::-webkit-scrollbar-thumb:hover{background:var(--wucen-scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background:var(--wucen-scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:var(--wucen-scrollbar-track)}img.brand-mark{display:block;object-fit:contain;background:transparent;border-radius:0;box-shadow:none}