.payment-form-container[data-v-3ec77d1e]{background:#fff;border-radius:20px;padding:48px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.1);box-shadow:0 10px 30px rgba(0,0,0,.1);width:100%;max-width:700px}.payment-form-container .user-info[data-v-3ec77d1e]{gap:15px;background:#fafafa;border-radius:20px;padding:24px 36px}.payment-form-container .user-info .user-avatar[data-v-3ec77d1e],.payment-form-container .user-info[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.payment-form-container .user-info .user-avatar[data-v-3ec77d1e]{width:50px;height:50px;background:#f6c752;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.payment-form-container .user-info .user-avatar img[data-v-3ec77d1e]{width:40px;height:40px}.payment-form-container .user-info .user-details[data-v-3ec77d1e]{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#4d4d4d}.payment-form-container .user-info .user-details .user-name[data-v-3ec77d1e]{font-size:19px;font-family:Montserrat-SemiBold}.payment-form-container .user-info .user-details .user-email[data-v-3ec77d1e]{font-size:12px;font-family:Montserrat-Medium}.payment-form-container .user-info .logout-link[data-v-3ec77d1e]{-ms-flex-item-align:start;align-self:start;color:#cfcecb;font-family:Montserrat-Medium;font-size:13px;cursor:pointer}.payment-form-container .user-info .logout-link[data-v-3ec77d1e]:hover{color:#f6c752}.payment-form-container .user-info .logout-link-mobile[data-v-3ec77d1e]{display:none}.payment-form-container .payment-info .vip-info[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:24px 0 12px 0}.payment-form-container .payment-info .vip-info .crown-icon[data-v-3ec77d1e]{width:20px;height:15px}.payment-form-container .payment-info .vip-info .vip-text[data-v-3ec77d1e]{font-size:14px;font-family:Montserrat-SemiBold;color:#4d4d4d}.payment-form-container .payment-info .price-box[data-v-3ec77d1e]{border:2px solid #f6c752;padding:24px 36px;margin-bottom:24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.payment-form-container .payment-info .price-box .price[data-v-3ec77d1e]{font-size:32px;color:#4d4d4d;font-family:Montserrat-SemiBold;padding-bottom:10px}.payment-form-container .payment-info .price-box .price .price-unit[data-v-3ec77d1e]{font-size:24px}.payment-form-container .payment-info .price-box .price-details .detail-item[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:6px;font-size:14px;color:#9e9e9f;font-family:Montserrat-Regular}.payment-form-container .payment-info .price-box .price-details .detail-item .bullet[data-v-3ec77d1e]{width:16px;height:16px}.payment-form-container .payment-info .payment-methods[data-v-3ec77d1e]{margin-bottom:25px}.payment-form-container .payment-info .payment-methods .payment-methods-title[data-v-3ec77d1e]{font-size:12px;font-family:Montserrat-SemiBold;color:#9e9e9f;margin-bottom:12px}.payment-form-container .payment-info .payment-methods .method-options[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:12px;background:#fafafa;border-radius:10px;padding:20px;max-width:160px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e]:hover{background:#f0f0f0;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio{margin-bottom:0}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio .el-radio__label{font-size:14px;font-weight:600;color:#4d4d4d;letter-spacing:.3px;padding-left:8px}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio .el-radio__input.is-checked .el-radio__inner{border-color:#4d4d4d;background-color:#fff;border-width:2px}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio .el-radio__inner{width:18px;height:18px;border:2px solid #4d4d4d;background-color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio .el-radio__inner:hover{border-color:#f6c752}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e] .el-radio .el-radio__inner:after{width:10px;height:10px;background-color:#f6c752}.payment-form-container .payment-info .payment-methods .method-options .payment-option .method-icon[data-v-3ec77d1e]{width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;margin-top:4px}.payment-form-container .payment-info .payment-methods .method-options .payment-option .method-icon img[data-v-3ec77d1e]{width:32px;height:32px;-o-object-fit:contain;object-fit:contain}.payment-form-container .payment-info .order-total[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:25px;padding:15px 0;font-family:Montserrat-SemiBold}.payment-form-container .payment-info .order-total .total-label[data-v-3ec77d1e]{font-size:12px;color:#9e9e9f;margin-bottom:10px}.payment-form-container .payment-info .order-total .total-price[data-v-3ec77d1e]{font-size:26px;color:#333}.payment-form-container .payment-info .order-total .total-price .price-unit[data-v-3ec77d1e]{font-size:16px}.payment-form-container .payment-info .confirm-btn[data-v-3ec77d1e]{width:100%;padding:18px 28px;background:#f6c752;color:#fff;font-family:Montserrat-SemiBold;font-size:14px;cursor:pointer;border-radius:100px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.payment-form-container .payment-info .confirm-btn[data-v-3ec77d1e]:disabled{background:#cfcecb;cursor:not-allowed}[data-v-3ec77d1e] .logout-dialog{border-radius:30px}[data-v-3ec77d1e] .logout-dialog .el-dialog{overflow:hidden}[data-v-3ec77d1e] .logout-dialog .el-dialog__header{background:#f6c752;padding:24px 0;margin:0;text-align:center;border-radius:20px 20px 0 0;color:#fff}[data-v-3ec77d1e] .logout-dialog .el-dialog__header .logout-dialog-header{font-family:Montserrat-SemiBold;font-size:18px;color:#fff}[data-v-3ec77d1e] .logout-dialog .el-dialog__body{padding:40px 30px 20px;text-align:center}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-avatar{width:60px;height:60px;background:#f6c752;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 25px}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-avatar img{width:50px;height:50px}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-message{font-family:Montserrat-Regular;font-size:15px;color:#333;line-height:1.4;margin-bottom:10px}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-message-mobile{display:none}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer{padding:0 30px 40px 30px;text-align:center}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer .logout-dialog-footer{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer .logout-dialog-footer .el-button{font-family:Montserrat-SemiBold;font-size:14px;padding:20px 40px;border-radius:100px;min-width:110px;border:none}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer .logout-dialog-footer .el-button.cancel-btn{background:#cfcecb;color:#fff}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer .logout-dialog-footer .el-button.confirm-btn{background:#f6c752;color:#fff}[data-v-3ec77d1e] .payment-qr-dialog{border-radius:20px}[data-v-3ec77d1e] .payment-qr-dialog .el-dialog{overflow:hidden}[data-v-3ec77d1e] .payment-qr-dialog .el-dialog__header{display:none}[data-v-3ec77d1e] .payment-qr-dialog .el-dialog__body{padding:0}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container{background:#fff;border-radius:20px;overflow:hidden}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-header{background:#f6c752;padding:20px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-header .header-title{font-family:Montserrat-SemiBold;font-size:18px;color:#fff;text-align:center}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-header .close-btn{position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#fff;font-size:20px;font-weight:700;background:#2472b3;border-radius:50%;width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-header .close-btn i{font-size:18px;color:#f6c752}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content{padding:40px 30px;text-align:center}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .payment-amount{margin-bottom:30px}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .payment-amount .amount{font-size:32px;font-family:Montserrat-SemiBold;color:#2472b3}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .qr-code-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:30px}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .qr-code-container .qr-code-img{width:260px;height:260px;border-radius:10px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .payment-instruction{font-family:Montserrat-Medium;font-size:14px;color:#666;line-height:1.5}[data-v-3ec77d1e] .paypal-dialog{border-radius:20px}[data-v-3ec77d1e] .paypal-dialog .el-dialog{overflow:hidden}[data-v-3ec77d1e] .paypal-dialog .el-dialog__header{display:none}[data-v-3ec77d1e] .paypal-dialog .el-dialog__body{padding:0}[data-v-3ec77d1e] .paypal-dialog .paypal-container{background:#fff;border-radius:20px;overflow:hidden}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-header{background:#f6c752;padding:24px 0;text-align:center;border-radius:20px 20px 0 0}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-header span{font-family:Montserrat-SemiBold;font-size:18px;color:#2472b3}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content{padding:40px 35px;text-align:center}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount{margin-bottom:30px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount .amount-label{font-family:Montserrat-Medium;font-size:14px;color:#9e9e9f;margin-bottom:8px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount .amount-value{font-family:Montserrat-SemiBold;font-size:28px;color:#2472b3}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-tip{text-align:left;font-family:Montserrat-Regular;font-size:14px;color:#4d4d4d;line-height:1.5;margin-bottom:15px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button{font-family:Montserrat-SemiBold;font-size:14px;padding:15px 30px;border-radius:25px;min-width:120px;border:none}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button.cancel-btn{background:#2472b3;color:#fff}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button.cancel-btn:hover{opacity:.8}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button.continue-btn{background:#f6c752;color:#2472b3}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button.continue-btn:hover{opacity:.8}@media screen and (max-width:768px){.payment-form-container[data-v-3ec77d1e]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:24px}.payment-form-container .user-info[data-v-3ec77d1e]{gap:14px;padding:24px 24px 12px 24px;position:relative}.payment-form-container .user-info .user-avatar[data-v-3ec77d1e]{width:40px;height:40px}.payment-form-container .user-info .user-avatar img[data-v-3ec77d1e]{width:30px;height:30px}.payment-form-container .user-info .user-details .user-name[data-v-3ec77d1e]{font-size:14px}.payment-form-container .user-info .user-details .user-email[data-v-3ec77d1e]{font-size:11px}.payment-form-container .user-info .logout-link[data-v-3ec77d1e]{display:none}.payment-form-container .user-info .logout-link-mobile[data-v-3ec77d1e]{position:absolute;right:12px;top:12px;-ms-flex-item-align:start;align-self:start;color:#cfcecb;font-family:Montserrat-Medium;font-size:13px;cursor:pointer;display:block}.payment-form-container .user-info .logout-link-mobile[data-v-3ec77d1e]:hover{color:#f6c752}.payment-form-container .payment-info .payment-methods .payment-methods-title[data-v-3ec77d1e]{font-size:12px}.payment-form-container .payment-info .payment-methods .method-options[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.payment-form-container .payment-info .payment-methods .method-options .payment-option[data-v-3ec77d1e]{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;max-width:unset;-webkit-box-sizing:border-box;box-sizing:border-box}.payment-form-container .payment-info .order-total[data-v-3ec77d1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:24px;padding:0}.payment-form-container .payment-info .confirm-btn[data-v-3ec77d1e]{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}[data-v-3ec77d1e] .logout-dialog{border-radius:30px;max-width:80vw}[data-v-3ec77d1e] .logout-dialog .el-dialog__header{padding:18px 0;border-radius:30px 30px 0 0;color:#fff}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-message-mobile{display:block;margin-bottom:12px}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-message{display:none}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-avatar{width:50px;height:50px}[data-v-3ec77d1e] .logout-dialog .el-dialog__body .logout-dialog-content .logout-avatar img{width:40px;height:40px}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer{padding:0 30px 24px 30px;text-align:center}[data-v-3ec77d1e] .logout-dialog .el-dialog__footer .logout-dialog-footer .el-button{font-size:14px;padding:18px 22px;min-width:90px}[data-v-3ec77d1e] .payment-qr-dialog{max-width:80vw}[data-v-3ec77d1e] .payment-qr-dialog .qr-dialog-container .qr-dialog-content .qr-code-container .qr-code-img{width:160px;height:160px}[data-v-3ec77d1e] .paypal-dialog{border-radius:20px;max-width:80vw}[data-v-3ec77d1e] .paypal-dialog .el-dialog{overflow:hidden}[data-v-3ec77d1e] .paypal-dialog .el-dialog__header{display:none}[data-v-3ec77d1e] .paypal-dialog .el-dialog__body{padding:0}[data-v-3ec77d1e] .paypal-dialog .paypal-container{background:#fff;border-radius:20px;overflow:hidden}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-header{background:#f6c752;padding:24px 0;text-align:center;border-radius:20px 20px 0 0}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-header span{font-family:Montserrat-SemiBold;font-size:18px;color:#2472b3}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content{padding:40px 35px;text-align:center}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount{margin-bottom:30px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount .amount-label{font-family:Montserrat-Medium;font-size:14px;color:#9e9e9f;margin-bottom:8px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .payment-amount .amount-value{font-family:Montserrat-SemiBold;font-size:28px;color:#2472b3}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-tip{text-align:left;word-break:break-word}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}[data-v-3ec77d1e] .paypal-dialog .paypal-container .paypal-content .paypal-buttons .el-button{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px 30px;min-width:unset;font-size:12px}}