.vcomp-phone{display:flex;flex-direction:column;height:100%}.vcomp-phone .ant-select-selection-search input{height:38px!important}.vcomp-phone .content{width:100%;max-width:452px;margin:auto}@media screen and (max-width:768px){.vcomp-phone .content{margin-top:32px}}.vcomp-phone .logo-img{width:-moz-fit-content;width:fit-content}.vcomp-phone .back{margin-bottom:24px;margin-left:-24px;color:rgba(0,0,0,.65);line-height:20px;cursor:pointer}.vcomp-phone .back:hover{margin-left:0}.vcomp-phone h2{margin-bottom:24px;color:rgba(0,0,0,.85);font-weight:700;font-size:24px;line-height:28px}.vcomp-phone p{margin-bottom:12px;color:rgba(0,0,0,.65);font-size:14px;line-height:16px}.vcomp-phone .phone-input{display:flex;margin-bottom:24px;-moz-column-gap:8px;column-gap:8px}.vcomp-phone .phone-input .phone-input-country-icon-img{display:none}.vcomp-phone .phone-input .ant-select{width:150px}.vcomp-phone .phone-input .ant-select img{margin-right:4px}.vcomp-phone .phone-input input{flex:1;border-radius:4px}.vcomp-phone button.ant-btn{height:40px}.vcomp-phone .phone-view .code-warn{display:none;margin-top:4px;color:var(--color-red);font-size:12px;line-height:14px;transition:all .2s}.vcomp-phone .phone-view input{height:40px}.vcomp-phone .phone-view .input,.vcomp-phone .phone-view .phone-input{margin-bottom:24px}.vcomp-phone .phone-view.is-warn .PhoneInput{margin-bottom:4px}.vcomp-phone .phone-view.is-warn input{border-color:var(--color-red)}.vcomp-phone .phone-view.is-warn .input,.vcomp-phone .phone-view.is-warn .phone-input{margin-bottom:0}.vcomp-phone .phone-view.is-warn .code-warn{display:block;min-height:24px}.vcomp-phone .phone-view.is-warn .input-container:after{display:block;margin-bottom:4px;content:""}.vcomp-phone .phone-view .input-container{position:relative}.vcomp-phone .phone-view .input-container .code-warn{top:40px}.page-login{--f-dm-sans:"DM Sans",arial,microsoft yahei,pingfangsc,helvetica,sans-serif}.page-login img{pointer-events:none}.page-login .login-panel{width:100%;max-width:500px;padding:32px 30px 20px;overflow:hidden;color:rgba(0,0,0,.749);background-color:#fff;box-shadow:0 4px 16px 0 rgba(12,13,25,.03),0 8px 32px 0 rgba(12,13,25,.03),0 16px 64px 0 rgba(12,13,25,.03)}@media screen and (max-width:768px){.page-login .login-panel{min-width:100%;min-height:100dvh;border-radius:0;justify-content:center;padding:0 20px 10px}}.page-login .login-panel .rewards{display:flex;width:100%;padding:0 60px;font-size:12px;font-family:var(--f-dm-sans);line-height:1}@media screen and (max-width:768px){.page-login .login-panel .rewards{padding:0 12px}}.page-login .login-panel .rewards li{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}.page-login .login-panel .rewards .title{display:flex;align-items:center;margin-bottom:8px;color:rgba(0,0,0,.898);font-weight:700;font-size:16px}.page-login .login-panel .ant-divider-with-text{margin-top:20px;margin-bottom:20px}.page-login .login-panel .platform-list li{display:flex;align-items:center;justify-content:center;flex:1}.page-login .login-panel .platform-list li>div{display:flex;align-items:center;flex-direction:column;gap:8px;justify-content:center;padding:0 12px;color:rgba(0,0,0,.898);text-align:center;cursor:pointer}.page-login .login-panel .platform-list li>div:hover .component-icon{color:#8a57ea}.page-login .login-panel .platform-list .component-icon{color:#000;transition:all .2s}.page-login .login-panel .vcomp-phone-container{width:100%;height:100%;position:absolute;top:0;right:100%;z-index:50;background-color:#fff;transition:all .2s}.page-login .login-panel .vcomp-phone-container.active{right:0}@media screen and (max-width:768px){.page-login .login-panel .vcomp-phone-container{padding:0 16px}}.page-login .login-btn{display:flex;align-items:center;gap:18px;justify-content:center;width:100%;height:56px;font-weight:600;font-size:18px;border-radius:12px}.page-login.small-mode .login-btn{height:40px;font-size:16px;border-radius:8px}.page-login.small-mode .login-btn img{width:20px}.page-login.small-mode .back{margin-bottom:14px}.page-login.small-mode .login-panel{min-height:356px}.page-login.small-mode .phone-view{margin-top:12px;margin-bottom:auto}.page-login.small-mode .vcomp-phone{padding-bottom:12px}.video-loading{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:80px;height:80px;z-index:2}.video-loading svg{font-size:50;color:#8a57ea}.video-loading svg g{animation:woo-spinner-_-rotate 2s linear 0s infinite normal none running;height:50px;transform-origin:center center;width:50px}.video-loading svg .asp-loading-block-circle{animation:woo-spinner-_-dash 1.5s ease-in-out 0s infinite normal none running}@keyframes woo-spinner-_-rotate{to{transform:translateZ(0);transform:rotate(1turn)}}@keyframes woo-spinner-_-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0;transform:translateZ(0)}50%{stroke-dasharray:89,200;stroke-dashoffset:-2.1875rem}to{stroke-dasharray:89,200;stroke-dashoffset:-7.75rem}}