.checkout-dialog{box-sizing:border-box;border:0;border-radius:24px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 36px);padding:0;color:#22232b;background:#fff;box-shadow:0 32px 100px #17112938;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;overscroll-behavior:contain}.checkout-dialog::backdrop{background:#18162280;backdrop-filter:blur(7px)}.checkout-dialog *{box-sizing:border-box}.checkout-shell{padding:28px 32px}.checkout-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.checkout-wordmark{font-size:17px;font-weight:850;letter-spacing:-.7px}.checkout-wordmark>span{color:#6955df}.checkout-close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#f3f2f6;color:#6a6776;font:24px/1 sans-serif;cursor:pointer}.checkout-close:hover{background:#eae7f3}.checkout-steps{display:flex;list-style:none;margin:0 0 22px;padding:0;justify-content:space-between;gap:9px}.checkout-steps li{display:flex;align-items:center;gap:7px;font-size:11px;color:#92909c;white-space:nowrap}.checkout-steps li>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #e5e3ec;border-radius:50%;font-size:10px;font-weight:700}.checkout-steps li.is-current{color:#6955df;font-weight:650}.checkout-steps li.is-current>span{background:#6955df;border-color:#6955df;color:white;box-shadow:0 0 0 4px #6955df0d}.checkout-steps li.is-done{color:#6955df}.checkout-steps li.is-done>span{background:#f0edff;border-color:#f0edff}.checkout-demo-notice{display:flex;align-items:center;gap:7px;border-radius:8px;background:#f5f2ff;color:#6955c4;font-size:11px;padding:10px 12px;margin-bottom:23px}.checkout-stage{animation:checkout-enter .25s ease both}.checkout-stage h2{font-size:24px;font-weight:750;letter-spacing:-.7px;line-height:1.3;margin:0 0 7px}.checkout-stage h2:focus{outline:none}.checkout-subtitle{font-size:12px;color:#8c899a;line-height:1.6;margin:0 0 22px}.checkout-items{border-top:1px solid #efedf4;border-bottom:1px solid #efedf4;padding:5px 0;max-height:180px;overflow-y:auto}.checkout-item{display:flex;align-items:center;gap:11px;padding:13px 0}.checkout-item-icon{display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:10px;background:#efedf8;color:#6955df;font-size:18px;font-weight:700}.checkout-item-info{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.checkout-item-info strong{font-size:13px;font-weight:650;overflow-wrap:anywhere}.checkout-item-info>span{font-size:11px;color:#92909c;overflow-wrap:anywhere}.checkout-item-price{font-size:13px;font-variant-numeric:tabular-nums}.checkout-total{display:flex;align-items:center;justify-content:space-between;margin:16px 0 23px;font-size:12px}.checkout-total small{font-size:10px;color:#a4a0af;margin-left:7px}.checkout-total>strong{font-size:25px;letter-spacing:-1px;font-weight:750}.checkout-label{display:block;color:#53505e;font-size:12px;font-weight:600;margin:0 0 9px}.checkout-input{display:block;width:100%;height:43px;border:1px solid #e5e2ed;border-radius:8px;padding:0 13px;background:#fff;color:#292533;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s}.checkout-input::placeholder{color:#b4b0be}.checkout-input:focus{outline:none;border-color:#8e7bea;box-shadow:0 0 0 3px #6955df12}.checkout-field-note{font-size:10px;line-height:1.5;color:#a19cac;margin:6px 0 19px}.checkout-methods{padding:0;margin:0 0 19px;display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;min-width:0}.checkout-methods legend{padding:0;width:100%;margin-bottom:9px}.checkout-method{position:relative;display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid #e7e3ef;border-radius:9px;cursor:pointer;transition:background .2s,border-color .2s;min-width:0}.checkout-method.is-selected{border-color:#9c8ee8;background:#faf9ff}.checkout-method>input{position:absolute;opacity:0;width:1px;height:1px}.checkout-method:focus-within{outline:3px solid #6955df2b;outline-offset:2px}.checkout-pay-icon{flex:0 0 28px;height:28px;display:grid;place-items:center;color:white;border-radius:7px;font-size:16px;font-weight:600}.checkout-alipay{background:#1677ff}.checkout-wechat{background:#16b86c}.checkout-method>span:nth-of-type(2){font-size:12px;color:#4c475b;font-weight:650;min-width:0}.checkout-method small{display:block;font-size:9px;color:#9993a8;font-weight:400;margin-top:3px}.checkout-radio{margin-left:auto;flex:0 0 14px;height:14px;border:1px solid #d7d2e5;border-radius:50%}.checkout-method.is-selected .checkout-radio{border:4px solid #6955df}.checkout-agreement{display:flex;align-items:flex-start;gap:8px;margin:0 0 17px;font-size:10px;line-height:1.6;color:#938b9f;cursor:pointer}.checkout-agreement input{accent-color:#6955df;margin:2px 0 0;flex-shrink:0;width:13px;height:13px}.checkout-button{display:flex;justify-content:center;align-items:center;gap:15px;width:100%;height:46px;border:0;border-radius:9px;font-family:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .18s,transform .18s,box-shadow .18s}.checkout-primary{background:#6955df;color:#fff;box-shadow:0 5px 12px #6955df20}.checkout-primary:hover{background:#5d48d0;box-shadow:0 6px 18px #6955df35;transform:translateY(-1px)}.checkout-primary:active{transform:translateY(0)}.checkout-primary:disabled{background:#aaa3c1;box-shadow:none;cursor:not-allowed;transform:none}.checkout-button:focus-visible,.checkout-close:focus-visible,.checkout-text-button:focus-visible{outline:3px solid #ad9bff;outline-offset:3px}.checkout-trust{display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;color:#aaa4b5;margin-top:13px}.checkout-pay-amount{text-align:center;font-size:35px;line-height:1.2;font-weight:750;letter-spacing:-1.2px;margin:20px 0 23px}.checkout-illustration{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:0 auto;border-radius:15px;border:1px solid #e7e0fc;background-color:#faf8ff;background-image:radial-gradient(#ddd6f3 1px,transparent 1px);background-size:10px 10px;overflow:hidden}.checkout-illustration-center{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;width:104px;height:112px;border-radius:15px;background:#faf8ff;box-shadow:0 0 25px 13px #faf8ff}.checkout-demo-glyph{font-size:32px;line-height:1;color:#8570e7}.checkout-illustration-center strong{font-size:21px;letter-spacing:5px;color:#6955df;margin-left:5px}.checkout-illustration-center>span:last-child{font-size:10px;color:#a096b8;letter-spacing:3px}.checkout-corner{position:absolute;width:20px;height:20px;border-color:#9c8bdf;border-style:solid;border-width:0;border-radius:3px}.checkout-corner-one{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.checkout-corner-two{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.checkout-corner-three{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.checkout-corner-four{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}.checkout-scan-line{position:absolute;height:1px;width:80%;left:10%;top:20%;background:linear-gradient(90deg,transparent,#bbaaf4,transparent);box-shadow:0 -7px 15px #bbaaf42b;animation:checkout-scan 3s ease-in-out infinite}.checkout-time{text-align:center;color:#a39cad;font-size:11px;margin:15px 0}.checkout-time strong{color:#817394;font-weight:600;font-variant-numeric:tabular-nums;margin-left:5px}.checkout-payment-note{font-size:11px;color:#9991a6;text-align:center;line-height:1.8;margin:20px 0}.checkout-payment-actions{display:flex;justify-content:space-between;gap:15px;margin:16px 0 23px}.checkout-text-button{border:0;background:none;font-family:inherit;color:#8c819e;font-size:11px;padding:3px 0;cursor:pointer}.checkout-text-button:hover{color:#6955df}.checkout-order-id{text-align:center;color:#ada6b8;font-size:9px;line-height:1.6;overflow-wrap:anywhere}.checkout-order-id span{margin-left:5px}.checkout-storage-note{color:#a5682f;font-size:11px;text-align:center;line-height:1.6}.checkout-success{text-align:center;padding-top:7px}.checkout-success-icon{display:grid;place-items:center;background:#eeeaff;color:#6955df;width:72px;height:72px;border-radius:50%;margin:0 auto 22px;box-shadow:0 0 0 9px #f9f7ff;animation:checkout-pop .45s ease both}.checkout-success-icon svg{width:40px;height:40px}.checkout-success .checkout-subtitle{margin-bottom:26px}.checkout-success-summary{padding:18px;background:#f8f7fc;border:1px solid #efedf7;border-radius:12px;text-align:left}.checkout-success-summary>div{display:flex;justify-content:space-between;gap:12px;font-size:12px;padding:6px 0;color:#958caa}.checkout-success-summary strong{font-size:12px;color:#625773;font-weight:550}.checkout-success-summary .checkout-status{color:#6955df}.checkout-success-note{font-size:11px;line-height:1.9;color:#9b92aa;text-align:left;margin:20px 2px}.checkout-success .checkout-order-id{margin-top:15px}@keyframes checkout-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes checkout-scan{0%,100%{top:20%;opacity:.4}50%{top:80%;opacity:1}}@keyframes checkout-pop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media(max-width:540px){.checkout-dialog{width:calc(100vw - 20px);border-radius:18px;max-height:calc(100dvh - 20px)}.checkout-shell{padding:23px 20px}.checkout-topline{margin-bottom:23px}.checkout-stage h2{font-size:22px}.checkout-steps{gap:5px}.checkout-steps li{font-size:10px;gap:5px}.checkout-method{padding:11px 9px;gap:7px}.checkout-pay-icon{flex-basis:25px;height:25px}.checkout-total{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.checkout-stage,.checkout-scan-line,.checkout-success-icon{animation:none}.checkout-button,.checkout-input,.checkout-method{transition:none}}