.loginbox[data-v-28dd89b2]{height:100vh;width:100%;background:#fff;position:relative;display:flex;flex-direction:column}.loginbox .login-header[data-v-28dd89b2]{display:flex;align-items:center;padding:15px;border-bottom:1px solid #f0f0f0;justify-content:space-between}.loginbox .login-header .back-button[data-v-28dd89b2]{padding:5px;color:#333}.loginbox .login-header .page-title[data-v-28dd89b2]{flex:1;text-align:center;font-size:18px;font-weight:500;color:#333}.loginbox .language-selector-top[data-v-28dd89b2]{position:absolute;top:15px;right:15px;z-index:10}.loginbox .language-selector-top[data-v-28dd89b2] .van-cell{background:#fff!important;color:#888}.loginbox .language-selector-top[data-v-28dd89b2] .van-popup--top{top:0;right:3px;left:auto;width:auto}.loginbox .language-selector-top[data-v-28dd89b2] .van-dropdown-menu__bar{box-shadow:none;height:auto;background:transparent!important}.loginbox .language-selector-top[data-v-28dd89b2] .van-dropdown-menu__title{color:#000!important;font-size:14px;padding:0 15px}.loginbox .language-selector-top[data-v-28dd89b2] .van-dropdown-item__content{background:transparent!important}.loginbox .language-selector-top[data-v-28dd89b2] .van-dropdown-menu__title:after{margin-right:5px;border-color:transparent transparent #fff #fff}.loginbox .language-selector-top[data-v-28dd89b2] .van-dropdown-item__option--active{color:#000}.loginbox .login-container[data-v-28dd89b2]{flex:1;padding:20px;display:flex;flex-direction:column;-webkit-animation:slideUp-data-v-28dd89b2 .5s ease;animation:slideUp-data-v-28dd89b2 .5s ease}.loginbox .login-container .login-title[data-v-28dd89b2]{font-size:24px;font-weight:700;color:#333;margin:20px 0 30px}.loginbox .login-container .login-subtitle[data-v-28dd89b2]{font-size:16px;color:#666;margin-bottom:25px}.loginbox .login-form[data-v-28dd89b2]{flex:1}.loginbox .login-form[data-v-28dd89b2] .van-tabs__wrap{margin-bottom:20px}.loginbox .login-form[data-v-28dd89b2] .van-tabs__nav{background-color:transparent}.loginbox .login-form[data-v-28dd89b2] .van-tab{padding:0 15px;font-size:16px}.loginbox .login-form[data-v-28dd89b2] .van-tabs__line{width:auto!important;min-width:40px;transition:all .3s;background-color:#000}.loginbox .login-form[data-v-28dd89b2] .van-tab--active{color:#000;font-weight:500}.loginbox .login-form .form-item[data-v-28dd89b2]{margin-bottom:20px;-webkit-animation:fadeInDelay-data-v-28dd89b2 .5s ease;animation:fadeInDelay-data-v-28dd89b2 .5s ease;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loginbox .login-form .form-item[data-v-28dd89b2]:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.loginbox .login-form .form-item[data-v-28dd89b2]:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.loginbox .login-form .form-item[data-v-28dd89b2]:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.loginbox .login-form .form-item[data-v-28dd89b2]:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}.loginbox .login-form .form-item .input-container[data-v-28dd89b2]{display:flex;align-items:center;border:1px solid #000;border-radius:4px;padding:12px 15px;transition:all .3s ease}.loginbox .login-form .form-item .input-container[data-v-28dd89b2]:focus-within{border-color:#000;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.loginbox .login-form .form-item .input-container .phone-prefix[data-v-28dd89b2]{display:flex;align-items:center;padding:0 10px 0 0;margin-right:10px;border-right:1px solid #e8e8e8}.loginbox .login-form .form-item .input-container .phone-prefix span[data-v-28dd89b2]{margin-right:5px;font-size:14px;color:#333}.loginbox .login-form .form-item .input-container input[data-v-28dd89b2]{flex:1;border:none;outline:none;font-size:16px;color:#333;background:transparent;padding:0}.loginbox .login-form .form-item .input-container .password-toggle[data-v-28dd89b2]{padding:0 5px;color:#999}.loginbox .login-form .login-button[data-v-28dd89b2]{width:100%;height:44px;font-size:16px;color:#fff;background-color:#000;border-radius:22px;border:none;margin:10px 0 20px;transition:opacity .3s ease,transform .1s ease;-webkit-animation:scaleIn-data-v-28dd89b2 .5s ease .3s;animation:scaleIn-data-v-28dd89b2 .5s ease .3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loginbox .login-form .login-button[data-v-28dd89b2]:active{opacity:.8;transform:scale(.98)}.loginbox .login-form .tologin[data-v-28dd89b2]{width:25%;height:33px;font-size:16px;color:#000;background-color:#fff;border-radius:8px;border:1px solid #000;margin:10px 0 20px;margin-top:20px;transition:opacity .3s ease,transform .1s ease;-webkit-animation:scaleIn-data-v-28dd89b2 .5s ease .3s;animation:scaleIn-data-v-28dd89b2 .5s ease .3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.loginbox .login-form .tologin[data-v-28dd89b2]:active{opacity:.8;transform:scale(.98)}.loginbox .login-form .agreement-container[data-v-28dd89b2]{display:flex;justify-content:center}.loginbox .login-form .agreement-container[data-v-28dd89b2] .van-checkbox__icon{border-radius:50%;border-color:#ccc}.loginbox .login-form .agreement-container[data-v-28dd89b2] .van-checkbox__icon--checked{background-color:#000;border-color:#000}.loginbox .login-form .agreement-container .agreement-text[data-v-28dd89b2]{font-size:14px;color:#666}.loginbox .login-form .agreement-container .agreement-text .agreement-link[data-v-28dd89b2]{color:#000}.loginbox .code-popup[data-v-28dd89b2] .van-popup{background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px}.loginbox .code-popup .code-search-wrapper[data-v-28dd89b2]{padding:15px}.loginbox .code-popup .code-search-wrapper[data-v-28dd89b2] .van-search{padding:0;background-color:#f5f5f5;border-radius:8px}.loginbox .code-popup .code-popup-content[data-v-28dd89b2]{height:calc(100% - 80px);overflow-y:auto}.loginbox .code-popup .code-popup-content .code-popup-item[data-v-28dd89b2]{display:flex;align-items:center;padding:12px 15px;border-bottom:1px solid #f5f5f5}.loginbox .code-popup .code-popup-content .code-popup-item .country-code[data-v-28dd89b2]{width:60px;color:#000;font-weight:500}.loginbox .code-popup .code-popup-content .code-popup-item .country-name[data-v-28dd89b2]{flex:1;color:#333}.loginbox .code-popup .code-popup-content .code-popup-item[data-v-28dd89b2]:active{background-color:#f5f5f5}.loginbox .code-popup .code-popup-content .code-empty[data-v-28dd89b2],.loginbox .code-popup .code-popup-content .code-loading[data-v-28dd89b2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0}.loginbox .code-popup .code-popup-content .code-empty span[data-v-28dd89b2],.loginbox .code-popup .code-popup-content .code-loading span[data-v-28dd89b2]{margin-top:10px;color:#999}@-webkit-keyframes fadeInDelay-data-v-28dd89b2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDelay-data-v-28dd89b2{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes scaleIn-data-v-28dd89b2{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleIn-data-v-28dd89b2{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@-webkit-keyframes slideUp-data-v-28dd89b2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUp-data-v-28dd89b2{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.code-container[data-v-28dd89b2]{display:flex!important;align-items:center;gap:10px}.code-container input[data-v-28dd89b2]{flex:1}.code-container .send-code-btn[data-v-28dd89b2]{white-space:nowrap}.code-container .send-code-btn span[data-v-28dd89b2]{display:inline-block;padding:8px 15px;background-color:#000;color:#fff;border-radius:4px;font-size:14px;cursor:pointer}.code-container .send-code-btn span.disabled[data-v-28dd89b2]{background-color:#999;cursor:not-allowed}