.colorPrimaryText[data-v-2c597f54]{color:var(--colorPrimaryText)}.colorRegularText[data-v-2c597f54]{color:var(--colorRegularText)}.colorSecondaryText[data-v-2c597f54]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-2c597f54]{color:var(--colorPlaceholder)}.colorPrimary[data-v-2c597f54]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-2c597f54]{color:var(--colorPrimaryDark)}.colorLine[data-v-2c597f54]{color:var(--colorLine)}.bgc-colorPrimary[data-v-2c597f54]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-2c597f54]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-2c597f54]{background-color:var(--colorLine)}.subscribe-caution-main[data-v-2c597f54]{width:100%;height:100%;color:var(--colorPrimary)}.subscribe-caution-main .info-main[data-v-2c597f54]{width:100%;padding:16px 30px 12px;box-sizing:border-box}.subscribe-caution-main .info-main .title[data-v-2c597f54]{width:100%;text-align:center;font-size:40px;color:#000}.subscribe-caution-main .info-main .content[data-v-2c597f54]{font-size:18px;color:var(--colorRegularText)}.subscribe-caution-main .info-main .is-check[data-v-2c597f54]{width:100%;font-size:18px;color:var(--colorRegularText);display:flex;justify-content:center;align-items:center;margin-top:40px}.subscribe-caution-main .info-main .is-check img[data-v-2c597f54]{width:24px;height:24px;margin-right:4px}.subscribe-caution-main .btn-main[data-v-2c597f54]{height:104px;border-top:1px solid #e0e0e0;display:flex;justify-content:center;align-items:center}.subscribe-caution-main .btn-main .bottom-btn[data-v-2c597f54]{width:276px;height:40px;font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:4px;margin:0 12px;border:1px solid transparent}.subscribe-caution-main .btn-main .confrim-btn[data-v-2c597f54]{color:var(--colorAccent);border:1px solid var(--colorAccent)}.subscribe-caution-main .btn-main .reject-btn[data-v-2c597f54]{color:#fff;background:var(--colorAccent)}[data-v-2c597f54] .subscribe-caution-dialog{width:624px}@media only screen and (min-width:431px) and (max-width:767px){[data-v-2c597f54] .subscribe-caution-dialog{width:80vw}}@media only screen and (max-width:430px){.subscribe-caution-main .info-main .title[data-v-2c597f54]{font-size:32px}.subscribe-caution-main .info-main .content[data-v-2c597f54],.subscribe-caution-main .info-main .is-check[data-v-2c597f54]{font-size:16px}[data-v-2c597f54] .subscribe-caution-dialog{width:80vw}}.colorPrimaryText[data-v-66fd770f]{color:var(--colorPrimaryText)}.colorRegularText[data-v-66fd770f]{color:var(--colorRegularText)}.colorSecondaryText[data-v-66fd770f]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-66fd770f]{color:var(--colorPlaceholder)}.colorPrimary[data-v-66fd770f]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-66fd770f]{color:var(--colorPrimaryDark)}.colorLine[data-v-66fd770f]{color:var(--colorLine)}.bgc-colorPrimary[data-v-66fd770f]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-66fd770f]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-66fd770f]{background-color:var(--colorLine)}.required-mark[data-v-66fd770f]{color:#f56c6c;margin-left:2px;font-weight:700}[data-v-66fd770f] .el-button--primary.is-disabled:hover{background:linear-gradient(135deg,#8171b2,#5e4a90)}[data-v-66fd770f] .subscription-payment-dialog{max-width:520px!important;border-radius:18px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.25);background:#fff;margin:5vh auto 0!important}[data-v-66fd770f] .subscription-payment-dialog .el-dialog__headerbtn{z-index:10;position:absolute;top:20px;right:20px}[data-v-66fd770f] .subscription-payment-dialog .el-dialog__close{font-size:20px;font-weight:700;transition:color .2s}[data-v-66fd770f] .subscription-payment-dialog .el-dialog__close:hover{color:#8171b2}.dialog-header[data-v-66fd770f]{text-align:center;padding:16px 32px;background:linear-gradient(135deg,#8171b2,#5e4a90);color:#fff;position:relative;overflow:hidden}.dialog-header[data-v-66fd770f]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cpath fill='%23fff' fill-opacity='.05' d='M0 0h100v100H0z'/%3E%3Cpath d='M0 0h50v50H0zm50 50h50v50H50z' fill='%23fff' fill-opacity='.05'/%3E%3C/svg%3E");opacity:.3}.dialog-header .header-content[data-v-66fd770f]{position:relative;z-index:1}.dialog-header .plan-title[data-v-66fd770f]{font-size:28px;margin:0;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dialog-header .plan-price-container[data-v-66fd770f]{display:inline-flex;align-items:baseline;margin:12px 0}.dialog-header .price[data-v-66fd770f]{font-size:28px;font-weight:800;line-height:1}.dialog-header .period[data-v-66fd770f]{font-size:16px;font-weight:500;color:hsla(0,0%,100%,.9);margin-left:4px}.dialog-header .plan-benefits[data-v-66fd770f]{list-style:none;margin:0 auto;max-width:240px;background:hsla(0,0%,100%,.05);border-radius:12px;padding:16px}.dialog-header .plan-benefits li[data-v-66fd770f]{font-size:16px;margin-bottom:12px;display:flex;align-items:center;color:#eae8f2;text-align:left;justify-content:start}.dialog-header .plan-benefits li .benefit-icon[data-v-66fd770f]{color:#fff;background:hsla(0,0%,100%,.2);border-radius:50%;padding:4px;margin-right:12px;flex-shrink:0}.dialog-header .plan-benefits li[data-v-66fd770f]:last-child{margin-bottom:0}.steps-progress[data-v-66fd770f]{display:flex;align-items:center;justify-content:center;padding:12px 20px;background-color:#f8fafc;border-bottom:1px solid #e9ecef}.steps-progress .step[data-v-66fd770f]{height:38px;min-width:130px;padding:0 16px;display:flex;align-items:center;justify-content:center;background-color:#e2e8f0;color:#4a5568;font-size:14px;font-weight:600;position:relative;z-index:1;border-radius:4px;transition:all .3s ease;text-align:center}.steps-progress .step.active[data-v-66fd770f]{background-color:#8171b2;color:#fff;box-shadow:0 2px 8px rgba(94,74,144,.25)}.steps-progress .step.complete[data-v-66fd770f]{opacity:.6;background-color:#8171b2;color:#fff}.steps-progress .step-connector[data-v-66fd770f]{width:40px;display:flex;align-items:center;justify-content:center}.steps-progress .step-connector[data-v-66fd770f]:before{content:"";width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:10px solid #e2e8f0;position:relative;transition:border-left-color .3s ease}.steps-progress .step.complete+.step-connector[data-v-66fd770f]:before{border-left-color:#8171b2;opacity:.6}.dialog-body[data-v-66fd770f]{padding:16px 32px;display:flex;flex-direction:column;background:#fafbfc}.step-content[data-v-66fd770f]{display:flex;flex-direction:column;gap:16px}.field-container[data-v-66fd770f]{position:relative}.field-container .field-label[data-v-66fd770f]{display:block;font-size:14px;color:#2d3748;margin-bottom:8px}.tappay-field-container[data-v-66fd770f]{border:1px solid #d9dce1;border-radius:8px;padding:0 12px;background-color:#fff;transition:border-color .3s;width:100%;box-sizing:border-box}.tappay-field-container[data-v-66fd770f]:hover{border-color:#a3b5cc}.custom-input[data-v-66fd770f] .el-input__inner{border-radius:8px;border:1px solid #d9dce1;transition:border-color .3s}.custom-input[data-v-66fd770f] .el-input__inner:focus,.custom-input[data-v-66fd770f] .el-input__inner:hover{border-color:#8171b2}.form-row[data-v-66fd770f]{display:flex;gap:16px}.form-row .half-width[data-v-66fd770f]{flex:1}.action-container[data-v-66fd770f]{display:flex;flex-direction:column;gap:16px}.agreement[data-v-66fd770f]{font-size:16px;display:flex;align-items:center}.agreement a[data-v-66fd770f]{color:#8171b2;text-decoration:none;margin-left:4px}.agreement a[data-v-66fd770f]:hover{text-decoration:underline}[data-v-66fd770f] .el-checkbox__input.is-checked+.el-checkbox__label{color:#606266}[data-v-66fd770f] .el-checkbox__input.is-checked .el-checkbox__inner{background-color:#8171b2;border-color:#8171b2}.submit-btn[data-v-66fd770f]{width:100%;height:52px;border-radius:8px;font-size:16px;font-weight:600;background:linear-gradient(135deg,#8171b2,#5e4a90);border:none;color:#fff;transition:opacity .2s,transform .1s}.submit-btn[data-v-66fd770f]:hover:not(:disabled){opacity:.9;box-shadow:0 4px 12px rgba(94,74,144,.3)}.submit-btn[data-v-66fd770f]:disabled{opacity:.6;cursor:not-allowed}.step-navigation[data-v-66fd770f]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.step-navigation .back-link[data-v-66fd770f],.step-navigation .cancel-link[data-v-66fd770f]{font-size:16px;text-decoration:none;padding:8px}.step-navigation .back-link i[data-v-66fd770f],.step-navigation .cancel-link i[data-v-66fd770f]{margin-right:4px}.step-navigation .back-link[data-v-66fd770f]{color:#4a5568}.step-navigation .back-link[data-v-66fd770f]:hover{color:#2d3748}.step-navigation .cancel-link[data-v-66fd770f]{color:#718096}.step-navigation .cancel-link[data-v-66fd770f]:hover{color:#2d3748}.cancel-link[data-v-66fd770f]{text-align:center;padding:8px 0}.cancel-link a[data-v-66fd770f]{font-size:16px;color:#718096;text-decoration:none;padding:8px}.cancel-link a[data-v-66fd770f]:hover{color:#2d3748}.error-message[data-v-66fd770f]{color:#f56c6c;font-size:12px;margin-top:4px;display:block}.custom-input[data-v-66fd770f],.tappay-field-container[data-v-66fd770f],[data-v-66fd770f] .custom-input .el-input__inner{height:46px}@media (max-width:768px){[data-v-66fd770f] .subscription-payment-dialog{width:90%!important}}@media (max-width:520px){.dialog-header[data-v-66fd770f]{padding:20px 16px}.dialog-header .plan-title[data-v-66fd770f]{font-size:20px}.dialog-header .price[data-v-66fd770f]{font-size:24px}.dialog-header .period[data-v-66fd770f]{font-size:14px}.dialog-header .plan-benefits[data-v-66fd770f]{padding:12px;max-width:200px}.dialog-header .plan-benefits li[data-v-66fd770f]{font-size:14px;margin-bottom:8px}.dialog-header .plan-benefits li .benefit-icon[data-v-66fd770f]{padding:3px;margin-right:8px}.dialog-body[data-v-66fd770f]{padding:16px}.step-content[data-v-66fd770f]{gap:12px}.form-row[data-v-66fd770f]{gap:8px}.submit-btn[data-v-66fd770f]{height:46px}.step-navigation .back-link[data-v-66fd770f],.step-navigation .cancel-link[data-v-66fd770f]{font-size:14px}}.colorPrimaryText[data-v-758b69a0]{color:var(--colorPrimaryText)}.colorRegularText[data-v-758b69a0]{color:var(--colorRegularText)}.colorSecondaryText[data-v-758b69a0]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-758b69a0]{color:var(--colorPlaceholder)}.colorPrimary[data-v-758b69a0]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-758b69a0]{color:var(--colorPrimaryDark)}.colorLine[data-v-758b69a0]{color:var(--colorLine)}.bgc-colorPrimary[data-v-758b69a0]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-758b69a0]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-758b69a0]{background-color:var(--colorLine)}.select-list-container[data-v-758b69a0]{width:100%}.select-list-container .container-top[data-v-758b69a0]{display:flex;flex-wrap:wrap;justify-content:space-between}.select-list-container .container-top .title[data-v-758b69a0]{font-size:32px;margin:26px 0 22px}.select-list-container .container-top .select[data-v-758b69a0]{display:flex;align-items:center;margin-left:-8px}.select-list-container .container-top .select[data-v-758b69a0] .el-input__inner,.select-list-container .container-top .select[data-v-758b69a0] .el-select__caret{color:#000}.select-list-container .container-top .select .select_1[data-v-758b69a0]{max-width:85px;margin:0 8px}.select-list-container .container-top .select .select_2[data-v-758b69a0]{max-width:117px;margin:0 8px}.select-list-container .container-top .select .select_3[data-v-758b69a0]{max-width:181px;margin:0 8px}@media only screen and (min-width:431px) and (max-width:767px){.select-list-container .container-top .title[data-v-758b69a0]{font-size:24px;margin:16px 0}}@media only screen and (max-width:430px){.select-list-container .container-top .title[data-v-758b69a0]{font-size:24px;margin:16px 0}.select-list-container .container-top .select .select_3[data-v-758b69a0]{max-width:149px}}.colorPrimaryText[data-v-140151a7]{color:var(--colorPrimaryText)}.colorRegularText[data-v-140151a7]{color:var(--colorRegularText)}.colorSecondaryText[data-v-140151a7]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-140151a7]{color:var(--colorPlaceholder)}.colorPrimary[data-v-140151a7]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-140151a7]{color:var(--colorPrimaryDark)}.colorLine[data-v-140151a7]{color:var(--colorLine)}.bgc-colorPrimary[data-v-140151a7]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-140151a7]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-140151a7]{background-color:var(--colorLine)}.surprised-list[data-v-140151a7]{width:100%;position:relative}.surprised-list .title[data-v-140151a7]{line-height:38px;font-size:24px;font-weight:700;border-left:3px solid var(--colorLine);padding:0 9px;box-sizing:border-box;margin-bottom:22px}.surprised-list .list[data-v-140151a7]{width:calc(100% + 112px);display:flex;margin-left:-56px}.surprised-list .list .next[data-v-140151a7]{width:56px;min-width:56px;display:flex;justify-content:center;align-items:center;background:var(--colorPrimary)}.surprised-list .list .next>div[data-v-140151a7]{width:56px;height:56px;display:flex;justify-content:center;align-items:center}.surprised-list .list .next>div[data-v-140151a7] .el-icon-arrow-left{font-size:30px;font-weight:700}.surprised-list .list .next>div[data-v-140151a7] .el-icon-arrow-right{height:56px;font-size:30px;font-weight:700}.surprised-list .list .list-scroll[data-v-140151a7]{width:calc(100vw - 112px);display:flex;overflow-x:scroll}.surprised-list .list .list-scroll .item[data-v-140151a7]{position:relative;margin-right:24px}.surprised-list .list .list-scroll .item .cover-container[data-v-140151a7]{width:314px;height:470px;overflow:hidden;border-radius:10px;position:relative}.surprised-list .list .list-scroll .item .cover-container .cover[data-v-140151a7]{width:auto;height:100%}.surprised-list .list .list-scroll .item .cover-container span[data-v-140151a7]{font-size:36px;color:#fff;position:absolute;bottom:12px;right:8px}.surprised-list .list .list-scroll .item .name[data-v-140151a7]{font-size:18px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surprised-list .list .list-scroll .item[data-v-140151a7]:last-child{margin-right:0}.surprised-list .list .empty[data-v-140151a7]{width:100%;height:228px;font-size:14px;text-align:center;display:flex;justify-content:center;align-items:center;font-size:16px}@media only screen and (min-width:431px) and (max-width:767px){.surprised-list .list[data-v-140151a7]{width:calc(100% + 64px);margin-left:-32px}.surprised-list .list .next[data-v-140151a7]{width:32px;min-width:32px}.surprised-list .list .next>div[data-v-140151a7]{width:32px;height:32px}.surprised-list .list .next>div[data-v-140151a7] .el-icon-arrow-right{height:32px}.surprised-list .list .list-scroll[data-v-140151a7]{width:calc(100vw - 64px)}.surprised-list .list .list-scroll .item[data-v-140151a7]{margin-right:10px;min-width:calc(50vw - 37px);height:auto!important}.surprised-list .list .list-scroll .item .cover-container[data-v-140151a7]{min-width:auto;width:100%;height:auto}.surprised-list .list .list-scroll .item .cover-container .cover[data-v-140151a7]{width:100%;object-fit:contain}}@media only screen and (max-width:430px){.surprised-list[data-v-140151a7]{margin-bottom:40px!important}.surprised-list .title[data-v-140151a7]{font-size:22px}.surprised-list .list[data-v-140151a7]{width:calc(100% + 48px);margin-left:-24px}.surprised-list .list .next[data-v-140151a7]{width:24px;min-width:24px}.surprised-list .list .next>div[data-v-140151a7]{width:24px;height:24px}.surprised-list .list .next>div[data-v-140151a7] .el-icon-arrow-right{height:24px}.surprised-list .list .list-scroll[data-v-140151a7]{width:calc(100vw - 48px)}.surprised-list .list .list-scroll .item[data-v-140151a7]{margin-right:10px;min-width:calc(50vw - 29px);height:auto!important}.surprised-list .list .list-scroll .item .cover-container[data-v-140151a7]{min-width:auto;width:100%;height:auto}.surprised-list .list .list-scroll .item .cover-container .cover[data-v-140151a7]{width:100%;object-fit:contain}}.colorPrimaryText[data-v-c62412d8]{color:var(--colorPrimaryText)}.colorRegularText[data-v-c62412d8]{color:var(--colorRegularText)}.colorSecondaryText[data-v-c62412d8]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-c62412d8]{color:var(--colorPlaceholder)}.colorPrimary[data-v-c62412d8]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-c62412d8]{color:var(--colorPrimaryDark)}.colorLine[data-v-c62412d8]{color:var(--colorLine)}.bgc-colorPrimary[data-v-c62412d8]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-c62412d8]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-c62412d8]{background-color:var(--colorLine)}.tappay-field-container[data-v-c62412d8]{height:44px;border:1px solid #dcdfe6;border-radius:22px;padding:0 20px;background:#fff}[data-v-c62412d8] .card-number .el-input__inner,[data-v-c62412d8] .cvv .el-input__inner,[data-v-c62412d8] .expiry-date .el-input__inner{letter-spacing:1px;font-family:monospace}[data-v-c62412d8] .payment-dialog{border-radius:20px;background:#fff;max-width:400px}[data-v-c62412d8] .payment-dialog .el-dialog__body{padding:20px}[data-v-c62412d8] .payment-dialog .el-dialog__header{padding:0;position:absolute;right:0;z-index:1}.security-notice[data-v-c62412d8]{color:#666;font-size:14px;text-align:center;margin-bottom:20px;padding:0 20px}[data-v-c62412d8] .el-form{padding:0 20px}.form-row[data-v-c62412d8]{display:flex;gap:20px}.form-row .expiry-date[data-v-c62412d8]{flex:1}.form-row .cvv[data-v-c62412d8]{width:120px}[data-v-c62412d8] .el-form-item{margin-bottom:20px}[data-v-c62412d8] .el-form-item .el-form-item__label{display:none}[data-v-c62412d8] .el-form-item .el-input__inner{height:44px;border-radius:22px;padding:0 20px}[data-v-c62412d8] .el-form-item .el-input__inner::placeholder{color:#999}[data-v-c62412d8] .el-form-item .el-checkbox .el-checkbox__label{color:inherit!important}.dialog-title[data-v-c62412d8]{font-size:24px;color:#333;display:flex;align-items:center;justify-content:center;padding:20px;font-weight:400}.form-footer .submit-btn[data-v-c62412d8]{width:100%;height:44px;border-radius:22px;background:#d63c76;border-color:#d63c76;margin-bottom:16px}.form-footer .submit-btn[data-v-c62412d8]:hover{background:#cd2b68;border-color:#cd2b68}.form-footer .submit-btn.is-disabled[data-v-c62412d8],.form-footer .submit-btn.is-disabled[data-v-c62412d8]:hover{background:#d63c76;border-color:#d63c76;opacity:.5}.agreement-link[data-v-c62412d8]{color:#d63c76;margin-left:4px}.agreement-link[data-v-c62412d8]:hover{color:#b8275e;text-decoration:underline}@media only screen and (max-width:767px){[data-v-c62412d8] .payment-dialog{width:90vw}}@media only screen and (max-width:430px){[data-v-c62412d8] .payment-dialog .el-dialog__body{padding:16px}.dialog-title[data-v-c62412d8]{font-size:20px;padding:16px}.security-notice[data-v-c62412d8]{font-size:12px;padding:0 16px}[data-v-c62412d8] .el-form{padding:0 16px}.form-row[data-v-c62412d8]{gap:16px}.form-row .cvv[data-v-c62412d8]{width:100px}[data-v-c62412d8] .el-form-item{margin-bottom:16px}[data-v-c62412d8] .el-form-item .el-input__inner{height:40px;font-size:14px;padding:0 16px}.form-footer .submit-btn[data-v-c62412d8]{height:40px;font-size:14px;margin-bottom:12px}}.colorPrimaryText[data-v-23cf11fe]{color:var(--colorPrimaryText)}.colorRegularText[data-v-23cf11fe]{color:var(--colorRegularText)}.colorSecondaryText[data-v-23cf11fe]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-23cf11fe]{color:var(--colorPlaceholder)}.colorPrimary[data-v-23cf11fe]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-23cf11fe]{color:var(--colorPrimaryDark)}.colorLine[data-v-23cf11fe]{color:var(--colorLine)}.bgc-colorPrimary[data-v-23cf11fe]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-23cf11fe]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-23cf11fe]{background-color:var(--colorLine)}[data-v-23cf11fe] .subscription-dialog{border-radius:20px;background:#fff;max-width:500px;width:fit-content;margin:0 auto}[data-v-23cf11fe] .subscription-dialog .el-dialog__body{padding:30px}[data-v-23cf11fe] .subscription-dialog .el-dialog__header{padding:0;position:absolute;right:0;z-index:1}[data-v-23cf11fe] .subscription-dialog .el-dialog__wrapper{overflow:visible}.dialog-title[data-v-23cf11fe]{font-size:24px;color:#333;display:flex;align-items:center;justify-content:center;padding:20px;font-weight:400}.loading-container[data-v-23cf11fe]{display:grid;grid-template-columns:repeat(1,minmax(300px,1fr));gap:30px;padding:20px}.loading-container .skeleton-card[data-v-23cf11fe]{background:#f8f8f8;border-radius:20px;border:1px solid #eaeaea;padding:20px;min-height:384.28px;min-width:400px}.plans-container[data-v-23cf11fe]{display:grid;grid-template-columns:repeat(1,minmax(300px,1fr));gap:30px;padding:20px;min-height:400px}.plans-container .empty-card .placeholder[data-v-23cf11fe]{background:#f0f0f0;border-radius:4px}.plans-container .empty-card .placeholder.plan-title[data-v-23cf11fe]{height:24px;width:80%;margin:0 auto 10px}.plans-container .empty-card .placeholder.plan-description[data-v-23cf11fe]{height:60px;width:90%;margin:0 auto 15px}.plans-container .empty-card .placeholder.plan-image[data-v-23cf11fe]{height:150px;width:100%;margin:15px 0}.plans-container .empty-card .placeholder.plan-price[data-v-23cf11fe]{height:22px;width:40%;margin:15px auto}.plan-card[data-v-23cf11fe]{background:#f8f8f8;border-radius:20px;border:1px solid #eaeaea;padding:20px;text-align:center;transition:border-color .3s ease}.plan-card[data-v-23cf11fe]:hover{border-color:#d63c76}.plan-card .plan-title[data-v-23cf11fe]{font-size:20px;color:#333;margin-bottom:10px}.plan-card .plan-description[data-v-23cf11fe]{font-size:14px;color:#666;margin-bottom:15px;line-height:1.4}.plan-card .image-container[data-v-23cf11fe]{width:100%;padding:15px 0;display:flex;justify-content:center;align-items:center}.plan-card .image-container .plan-image[data-v-23cf11fe]{width:100%;max-width:280px;height:auto;object-fit:contain}.plan-card .plan-price[data-v-23cf11fe]{font-size:18px;color:#d63c76;margin:15px 0}.plan-card .submit-btn[data-v-23cf11fe]{width:100%;height:44px;border-radius:22px;background:#d63c76;border-color:#d63c76}.plan-card .submit-btn[data-v-23cf11fe]:hover{background:#cd2b68;border-color:#cd2b68}@media only screen and (max-width:767px){[data-v-23cf11fe] .subscription-dialog{width:80%!important;margin:5vh auto}.plans-container[data-v-23cf11fe]{grid-template-columns:1fr;padding:10px;gap:20px}.plan-card[data-v-23cf11fe]{min-width:unset}.loading-container[data-v-23cf11fe]{grid-template-columns:1fr}.loading-container .skeleton-card[data-v-23cf11fe]{min-width:unset}}.colorPrimaryText[data-v-dcf5d1c8]{color:var(--colorPrimaryText)}.colorRegularText[data-v-dcf5d1c8]{color:var(--colorRegularText)}.colorSecondaryText[data-v-dcf5d1c8]{color:var(--colorSecondaryText)}.colorPlaceholder[data-v-dcf5d1c8]{color:var(--colorPlaceholder)}.colorPrimary[data-v-dcf5d1c8]{color:var(--colorPrimary)}.colorPrimaryDark[data-v-dcf5d1c8]{color:var(--colorPrimaryDark)}.colorLine[data-v-dcf5d1c8]{color:var(--colorLine)}.bgc-colorPrimary[data-v-dcf5d1c8]{background-color:var(--colorPrimary)}.bgc-colorPrimaryDark[data-v-dcf5d1c8]{background-color:var(--colorPrimaryDark)}.bgc-colorLine[data-v-dcf5d1c8]{background-color:var(--colorLine)}.exchange[data-v-dcf5d1c8]{height:509px}.exchange .fill[data-v-dcf5d1c8],.exchange[data-v-dcf5d1c8]{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.exchange .fill .title[data-v-dcf5d1c8]{font-size:32px;margin:42px 0 22px}.exchange .fill .steps[data-v-dcf5d1c8]{width:652px;height:48px;display:flex;justify-content:space-between;align-items:center}.exchange .fill .steps .step .num[data-v-dcf5d1c8],.exchange .fill .steps .step[data-v-dcf5d1c8]{display:flex;align-items:center;justify-content:center}.exchange .fill .steps .step .num[data-v-dcf5d1c8]{width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;color:var(--colorPrimary);background:var(--colorRegularText);font-size:22px}.exchange .fill .steps .step .num span[data-v-dcf5d1c8]{margin-top:-2px}.exchange .fill .steps .step .line[data-v-dcf5d1c8]{width:100%;max-width:556px;height:2px;background:var(--colorPrimaryText)}.exchange .fill .steps .step .step_active[data-v-dcf5d1c8]{background:var(--colorPrimaryText)}.exchange .fill .steps .step_1[data-v-dcf5d1c8]{width:604px}.exchange .fill .form[data-v-dcf5d1c8]{width:652px;margin-top:32px}.exchange .fill .form .form-item[data-v-dcf5d1c8]{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.exchange .fill .form .form-item .form-label[data-v-dcf5d1c8]{font-size:18px;white-space:nowrap}.exchange .fill .form .form-item .input[data-v-dcf5d1c8]{width:calc(100% - 140px);display:flex;justify-content:space-between;align-items:center}.exchange .fill .form .form-item .input[data-v-dcf5d1c8] .el-input{width:448px;height:38px}.exchange .fill .form .form-item .input[data-v-dcf5d1c8] .el-input input{height:38px}.exchange .fill .form .form-item .input .code[data-v-dcf5d1c8]{width:269px}.exchange .fill .form .form-item .input .codeImg[data-v-dcf5d1c8]{width:163px;height:59px;margin-left:16px}.exchange .fill .form .form-item .input .icon[data-v-dcf5d1c8]{width:32px;height:32px}.exchange .fill .texts[data-v-dcf5d1c8]{width:652px;margin-top:32px}.exchange .fill .texts .item[data-v-dcf5d1c8]{height:38px;display:flex;justify-content:space-between;align-items:center;margin-bottom:26.5px}.exchange .fill .texts .item .label[data-v-dcf5d1c8]{font-size:18px;white-space:nowrap}.exchange .fill .texts .item .text[data-v-dcf5d1c8]{width:496px;font-size:18px}.exchange .fill .btns[data-v-dcf5d1c8]{width:100%;margin:56px 0 106px;display:flex;justify-content:center}.exchange .fill .btns .next-btn[data-v-dcf5d1c8]{background:var(--colorAccent);border-radius:4px}.exchange .fill .btns .cancel-btn[data-v-dcf5d1c8],.exchange .fill .btns .next-btn[data-v-dcf5d1c8]{width:116px;height:36px;display:flex;justify-content:center;align-items:center;font-size:16px;margin:0 4px}.exchange .fill .btns .cancel-btn[data-v-dcf5d1c8]{color:var(--colorAccent);border:1px solid var(--colorAccent);border-radius:4px}.exchange .succeed[data-v-dcf5d1c8]{display:flex;flex-direction:column;align-items:center}.exchange .succeed .icon[data-v-dcf5d1c8]{width:48px;height:48px}.exchange .succeed .title[data-v-dcf5d1c8]{font-size:32px;margin:16px 0 22px;text-align:center}.exchange .succeed .text[data-v-dcf5d1c8]{max-width:576px;font-size:18px;text-align:center}@media only screen and (min-width:431px) and (max-width:767px){.exchange .fill .steps[data-v-dcf5d1c8]{width:78%}.exchange .fill .form[data-v-dcf5d1c8]{width:95%}.exchange .fill .form .form-item .input[data-v-dcf5d1c8] .el-input{width:calc(100% - 42px)}.exchange .fill .form .form-item .input .codeImg[data-v-dcf5d1c8]{width:40%;height:auto}.exchange .fill .texts[data-v-dcf5d1c8]{width:78%}.exchange .fill .btns[data-v-dcf5d1c8]{margin:32px 0 106px}}@media only screen and (max-width:430px){.exchange .fill .steps[data-v-dcf5d1c8]{width:78%}.exchange .fill .form[data-v-dcf5d1c8]{width:95%}.exchange .fill .form .form-item .form-label[data-v-dcf5d1c8]{font-size:16px}.exchange .fill .form .form-item .input[data-v-dcf5d1c8]{width:calc(100% - 128px)}.exchange .fill .form .form-item .input[data-v-dcf5d1c8] .el-input{width:calc(100% - 42px)}.exchange .fill .form .form-item .input .codeImg[data-v-dcf5d1c8]{width:40%;height:auto}.exchange .fill .texts[data-v-dcf5d1c8]{width:78%}.exchange .fill .texts .item .label[data-v-dcf5d1c8],.exchange .fill .texts .item .text[data-v-dcf5d1c8]{font-size:16px}.exchange .fill .btns[data-v-dcf5d1c8]{margin:32px 0 106px}.exchange .succeed .title[data-v-dcf5d1c8]{font-size:28px}.exchange .succeed .text[data-v-dcf5d1c8]{font-size:16px}}