:root{color-scheme:light;--cashier-background:#f3f6fb;--cashier-card:#fff;--cashier-text:#172033;--cashier-muted:#6b7486;--cashier-primary:#2768f5;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}#app,body,html{min-height:100%;margin:0}body{color:var(--cashier-text);background:var(--cashier-background)}button,input{font:inherit}.cashier-shell{display:grid;min-height:100vh;min-height:100dvh;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));place-items:center}.cashier-card{width:min(100%,480px);overflow:hidden;background:var(--cashier-card);border:1px solid #e8edf5;border-radius:20px;box-shadow:0 18px 55px rgba(30,55,96,.12)}.cashier-header{display:flex;gap:14px;align-items:center;padding:24px 28px 18px;border-bottom:1px solid #edf1f7}.cashier-header h1{margin:2px 0 0;font-size:22px}.brand-mark{display:grid;width:44px;height:44px;color:#fff;font-size:22px;font-weight:700;background:var(--cashier-primary);border-radius:13px;place-items:center}.brand-logo{width:44px;height:44px;-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid #e8edf5;border-radius:13px}.eyebrow{margin:0;color:var(--cashier-muted);font-size:11px;font-weight:700;letter-spacing:.18em}.cashier-content{min-height:260px;padding:28px}.cashier-footer{padding:14px 28px;color:var(--cashier-muted);font-size:12px;text-align:center;background:#fafbfd;border-top:1px solid #edf1f7}.resume-state,.shell-message{margin:24px 0 0;color:var(--cashier-muted);text-align:center}.method-section{margin-top:24px;text-align:left}.method-section h2{margin:0 0 12px;font-size:16px}.method-list{display:grid;gap:10px}.method-list .el-radio{width:100%;margin:0}.confirm-button{width:100%;margin-top:20px}.client-action,.processing-state{display:grid;gap:10px;margin-top:24px;place-items:center}.action-note,.processing-state small{color:var(--cashier-muted)}.qr-code{width:224px;height:224px;max-width:100%}.checkout-summary{text-align:center}.summary-label{margin:0;color:var(--cashier-muted);font-size:14px}.summary-amount{margin:8px 0 28px;color:var(--cashier-text);font-size:36px;font-weight:700}.summary-details{display:grid;gap:12px;margin:0;text-align:left}.summary-details div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf1f7}.summary-details dt{color:var(--cashier-muted)}.summary-details dd{margin:0;overflow-wrap:anywhere}.resume-state{display:grid;gap:12px;place-items:center}@media (max-width:520px){.cashier-shell{padding:0;place-items:stretch}.cashier-card{width:100%;min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}.cashier-content{flex:1}}