@media(min-width:980px){.header-login .login-box[data-v-71bb9c56]{align-items:center;border:1px solid var(--main-color);border-radius:33px;display:flex;justify-content:center;padding:1px}.header-login .login-box .login-btn[data-v-71bb9c56]{align-items:center;border-radius:33px;cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;justify-content:center;line-height:24px;padding:6px 26px}.header-login .login-box .login-btn span[data-v-71bb9c56]{color:var(--main-color)}.header-login .login-box[data-v-71bb9c56]:hover{opacity:.8}.header-login .logined[data-v-71bb9c56]{position:relative}.header-login .logined .user-icon[data-v-71bb9c56]{cursor:pointer;height:30px;width:30px}.header-login .logined .account[data-v-71bb9c56]{display:none}.header-login .logined:hover .content-box[data-v-71bb9c56]{height:var(--content-height)}.header-login .logined .content-box[data-v-71bb9c56]{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;height:0;left:50%;overflow:hidden;position:absolute;top:calc(100% + 11px);transform:translate(-50%);transition:all .3s ease-in-out}.header-login .logined .user-content[data-v-71bb9c56]{align-items:flex-start;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:8px;min-width:226px;padding:12px}.header-login .logined .user-content .user-email[data-v-71bb9c56]{align-items:center;color:#333;display:flex;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;gap:8px 12px;line-height:20px;padding:10px;word-break:break-all}.header-login .logined .user-content .user-email img[data-v-71bb9c56]{height:16px;width:16px}.header-login .logined .user-content .credits-box[data-v-71bb9c56]{background:#f6f7f9;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;width:100%}.header-login .logined .user-content .credits-box .user-credits[data-v-71bb9c56]{align-items:center;color:#ff8c00;display:flex;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;gap:4px;line-height:20px}.header-login .logined .user-content .credits-box .user-credits .credit-icon[data-v-71bb9c56]{height:16px;width:16px}.header-login .logined .user-content .credits-box .add-credits-btn[data-v-71bb9c56]{align-items:center;align-self:stretch;background:linear-gradient(90deg,#3951d4,#3ad0de);border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:10px;font-style:normal;font-weight:500;gap:10px;height:32px;justify-content:center;line-height:normal;padding:8px 14px;transition:opacity .2s}.header-login .logined .user-content .credits-box .add-credits-btn[data-v-71bb9c56]:hover{opacity:.9}.header-login .logined .user-content .line[data-v-71bb9c56]{background:#f6f7f9;height:1px;margin:2px 0;width:100%}.header-login .logined .user-content .user-content-item[data-v-71bb9c56]{align-items:center;align-self:stretch;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;gap:10px;height:36px;line-height:normal;padding:0 10px;white-space:nowrap}.header-login .logined .user-content .user-content-item[data-v-71bb9c56]:hover{background:#f0f0f0}.header-login .logined .user-content .user-content-item img[data-v-71bb9c56]{height:16px;width:16px}.logout-dialog[data-v-71bb9c56]{align-items:center;background:#fff;border-radius:16px;display:flex;flex-direction:column;padding:40px 30px;position:relative;width:480px}.logout-dialog .close-icon[data-v-71bb9c56]{cursor:pointer;height:20px;position:absolute;right:18px;top:18px;width:20px}.logout-dialog .title[data-v-71bb9c56]{color:#333;font-size:28px;font-weight:500;line-height:normal;margin-bottom:40px}.logout-dialog .btn[data-v-71bb9c56],.logout-dialog .title[data-v-71bb9c56]{font-family:Poppins;font-style:normal;text-align:center}.logout-dialog .btn[data-v-71bb9c56]{align-items:center;align-self:stretch;border-radius:6px;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:58px;justify-content:center;line-height:24px;padding:10px 20px;position:relative}.logout-dialog .btn.confirm[data-v-71bb9c56]{background:#333;color:#fff;margin-bottom:20px}.logout-dialog .btn.confirm .loading-icon[data-v-71bb9c56]{animation:loadingAnimation-71bb9c56 2s linear infinite;height:24px;position:absolute;width:24px}.logout-dialog .btn.confirm.btn-events[data-v-71bb9c56]{color:transparent;cursor:not-allowed}@keyframes loadingAnimation-71bb9c56{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.logout-dialog .btn.cancel[data-v-71bb9c56]{background:#fff;border:1px solid #333;color:#333}}@media(max-width:980px){.header-login.border-none[data-v-71bb9c56]{border-bottom:none}.header-login[data-v-71bb9c56]{border-bottom:1px solid #eee;padding:.24rem 0;width:100%}.header-login .login-box[data-v-71bb9c56]{border-radius:33px;padding:1px}.header-login .login-box[data-v-71bb9c56],.header-login .login-box .login-btn[data-v-71bb9c56]{align-items:center;background:none!important;display:flex;justify-content:center}.header-login .login-box .login-btn[data-v-71bb9c56]{border:1px solid #333;border-radius:2rem;height:.8rem;padding:.16rem .4rem;width:5.6rem}.header-login .login-box .login-btn span[data-v-71bb9c56]{background:text #333!important;font-family:Poppins;font-size:.28rem;font-style:normal;font-weight:500;line-height:.32rem;text-transform:capitalize}.header-login .login-box[data-v-71bb9c56]:hover{opacity:.8}.header-login .logined .user-icon[data-v-71bb9c56]{display:none}.header-login .logined .account[data-v-71bb9c56]{align-items:center;display:flex;justify-content:space-between}.header-login .logined .account .txt[data-v-71bb9c56]{color:#333;font-family:Poppins;font-size:.28rem;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.header-login .logined .account .arrow[data-v-71bb9c56]{border-bottom:2px solid #333;border-left:2px solid #333;cursor:pointer;height:.2rem;margin-top:-2px;transform:rotate(-45deg);transition:all .3s ease-in-out;width:.2rem}.header-login .logined .account .arrow-active[data-v-71bb9c56]{margin-top:8px;transform:rotate(135deg)}.header-login .logined .content-box[data-v-71bb9c56]{height:0;overflow:hidden;transition:height .2s ease-in-out}.header-login .logined .content-box-active[data-v-71bb9c56]{height:3.7rem}.header-login .logined .user-content[data-v-71bb9c56]{align-items:flex-start;border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:.2rem;padding-top:.2rem}.header-login .logined .user-content .user-email[data-v-71bb9c56]{align-items:center;color:#333;display:flex;font-family:Poppins;font-size:.26rem;font-style:normal;font-weight:400;gap:.16rem;line-height:.38rem;padding:0 .08rem}.header-login .logined .user-content .user-email img[data-v-71bb9c56]{height:.34rem;width:.34rem}.header-login .logined .user-content .credits-box[data-v-71bb9c56]{align-items:flex-start;align-self:stretch;background:#f6f7f9;border-radius:.12rem;display:flex;flex-direction:column;gap:.16rem;padding:.3rem;width:100%}.header-login .logined .user-content .credits-box .user-credits[data-v-71bb9c56]{align-items:center;color:#ff8c00;display:flex;font-family:Poppins;font-size:.24rem;font-style:normal;font-weight:500;gap:.12rem;line-height:normal}.header-login .logined .user-content .credits-box .user-credits .credit-icon[data-v-71bb9c56]{height:.36rem;width:.36rem}.header-login .logined .user-content .credits-box .add-credits-btn[data-v-71bb9c56]{align-items:center;background:linear-gradient(90deg,#3951d4,#3ad0de);border-radius:.1rem;color:#fff;cursor:pointer;display:flex;font-family:Poppins;font-size:.22rem;font-style:normal;font-weight:500;gap:.15rem;height:.64rem;justify-content:center;line-height:normal;padding:.12rem .45rem;transition:opacity .2s;width:100%}.header-login .logined .user-content .line[data-v-71bb9c56]{display:none}.header-login .logined .user-content .user-content-item[data-v-71bb9c56]{align-items:center;align-self:stretch;border-radius:8px;color:#333;cursor:pointer;display:flex;font-family:Poppins;font-size:.26rem;font-style:normal;font-weight:500;gap:.16rem;height:.64rem;line-height:normal;padding:0 .08rem}.header-login .logined .user-content .user-content-item svg[data-v-71bb9c56]{flex-shrink:0;height:.32rem;width:.32rem}.logout-dialog[data-v-71bb9c56]{align-items:center;background:#fff;border-radius:.24rem;display:flex;flex-direction:column;justify-content:center;padding:.6rem .4rem;position:relative;width:6.8rem}.logout-dialog .close-icon[data-v-71bb9c56]{cursor:pointer;height:.25rem;position:absolute;right:.3rem;top:.3rem;width:.25rem}.logout-dialog .title[data-v-71bb9c56]{color:#333;font-size:.42rem;font-weight:500;margin-bottom:.5rem}.logout-dialog .btn[data-v-71bb9c56],.logout-dialog .title[data-v-71bb9c56]{font-family:Poppins;font-style:normal;line-height:normal;text-align:center}.logout-dialog .btn[data-v-71bb9c56]{align-items:center;align-self:stretch;border-radius:.12rem;cursor:pointer;display:flex;font-size:.3rem;font-weight:600;height:.88rem;justify-content:center;letter-spacing:.15px;padding:.18rem;position:relative}.logout-dialog .btn.confirm[data-v-71bb9c56]{background:#333;color:#fff;margin-bottom:.3rem}.logout-dialog .btn.confirm .loading-icon[data-v-71bb9c56]{animation:loadingAnimation-71bb9c56 2s linear infinite;height:.36rem;position:absolute;width:.36rem}.logout-dialog .btn.confirm.btn-events[data-v-71bb9c56]{color:transparent;cursor:not-allowed}@keyframes loadingAnimation-71bb9c56{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.logout-dialog .btn.cancel[data-v-71bb9c56]{background:#fff;border:1px solid #333;color:#333}}