/* Loaded in the initial header: no wide native modal before QR delivery. */
.six-payment-shell{display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;overflow:auto}
html.sixconsole .six-payment-shell .six-payment-dialog.el-dialog{width:500px!important;max-width:100%!important;margin:auto!important;border-radius:4px;box-shadow:0 12px 32px rgba(54,58,80,.2);max-height:calc(100dvh - 48px);overflow-y:auto;background:#fff;color:var(--six-text,#171f36);font-family:inherit;font-size:14px;line-height:1.5}
.six-payment-dialog.el-dialog>.el-dialog__header{display:none!important}
.six-payment-dialog.el-dialog>.el-dialog__body{margin:0!important;padding:0!important}
.six-payment-title{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #eef0f6;gap:16px}
.six-payment-title h2{margin:0;font-size:17px;line-height:24px;font-weight:600;flex:1}
.six-payment-title>button{width:36px;height:36px;flex:none;padding:0;border:0;background:none;color:#697386;cursor:pointer;font-size:18px}
.six-payment-content{padding:20px 24px 16px}
.six-payment-summary{display:flex;align-items:center;flex-direction:column;gap:6px;text-align:center;margin-bottom:16px}
.six-payment-summary>span{color:#788299;font-size:13px}.six-payment-summary strong{font-size:32px;line-height:40px;font-weight:600;color:var(--six-text,#171f36);font-variant-numeric:tabular-nums}
.six-payment-summary small{color:#8991a4;font-size:12px}
.six-payment-stage{min-height:256px;position:relative;display:flex;flex-direction:column;justify-content:center}
.six-payment-state{min-height:256px;box-sizing:border-box;padding:20px 12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;color:#788299;overflow-wrap:anywhere}
.six-payment-state>i{font-size:28px}.six-payment-state>b{font-size:16px;color:#20273e}
.six-payment-success>i{color:#52a35d;font-size:44px}
.six-payment-qr{width:256px;height:256px;margin:0 auto;background:#fff;flex:none;box-sizing:content-box;border:0;overflow:visible}
.six-payment-qr>svg{display:block;width:256px;height:256px;margin:0;max-width:none}
.six-payment-qr.is-generic{width:100%;height:auto;min-height:256px}.six-payment-qr.is-generic img{max-width:100%}
.six-payment-guidance{text-align:center;margin:14px 0 0;font-size:14px}.six-payment-guidance p{margin:4px 0}.six-payment-guidance p[role]{color:#8991a4;font-size:13px}
.six-payment-options{margin-top:18px;padding-top:12px;border-top:1px solid #eef0f6;color:#697386;font-size:13px}
.six-payment-options summary{cursor:pointer;line-height:32px}.six-payment-options .el-checkbox{margin:8px 0;white-space:normal}.six-payment-options .el-checkbox__label{font-size:13px}.six-payment-options .el-select{max-width:100%;width:100%;margin:6px 0}.six-payment-options p{margin:6px 0}
.six-payment-methods{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.six-payment-methods button{border:1px solid #dce1ec;background:#fff;border-radius:3px;padding:7px 12px;color:inherit;cursor:pointer}.six-payment-methods button[aria-pressed=true]{color:var(--color-primary,#315bff);background:#f1f4ff;border-color:var(--color-primary,#315bff)}
.six-payment-text-button{background:none;border:0;color:var(--color-primary,#315bff);cursor:pointer;font:inherit}
.six-payment-notice{font-size:12px;color:#8790a2;line-height:1.65;margin-top:16px;overflow-wrap:anywhere}.six-payment-notice p{margin:0}.six-payment-notice img{max-width:100%}
.six-payment-footer{padding:16px 24px 20px;display:flex;justify-content:center;align-items:center;gap:12px;border-top:1px solid #eef0f6}
.six-payment-footer>a{color:var(--color-primary,#315bff);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border:1px solid #dce1ec;border-radius:3px;box-sizing:border-box}
.six-payment-footer .el-button+.el-button{margin-left:0}.six-payment-footer .el-button{min-height:34px}
.six-payment-offline{font-size:13px;overflow-wrap:anywhere}.six-payment-offline img{max-width:100%}.six-payment-offline .el-steps{margin:18px 0}.six-payment-offline .el-step__title{font-size:12px}
.six-payment-dialog button:focus-visible,.six-payment-dialog a:focus-visible,.six-payment-dialog summary:focus-visible{outline:2px solid #829bff;outline-offset:2px}
@media(max-width:600px){.six-payment-shell{padding:16px 12px}html.sixconsole .six-payment-shell .six-payment-dialog.el-dialog{max-height:calc(100dvh - 32px)}.six-payment-title{padding:8px 16px}.six-payment-title>button{width:44px;height:44px}.six-payment-content{padding:16px}.six-payment-summary strong{font-size:28px;line-height:36px}.six-payment-stage,.six-payment-state{min-height:240px}.six-payment-qr,.six-payment-qr>svg{width:240px;height:240px}.six-payment-footer{padding:12px 16px 16px}.six-payment-footer .el-button,.six-payment-footer>a,.six-payment-methods button{min-height:44px}.six-payment-options summary{line-height:44px}}