.mask{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);z-index:999}.mask:before{background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0,transparent 50%);animation:float 6s ease-in-out infinite}.mask:after,.mask:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.mask:after{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:sparkle 8s linear infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes sparkle{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.longinTitle{position:fixed;text-align:center;font-size:32px;color:white;left:0;width:100%;top:13%;text-shadow:0 2px 4px rgba(0,0,0,.3);font-weight:600;z-index:1000}.loginBody{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:relative;z-index:1000}.loginBody .loginView{width:480px;height:520px;border-radius:20px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);margin-top:50px;position:relative;padding:30px 37px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.2),inset 0 1px 0 rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2)}.loginView .closeIcon{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;color:#808080;transition:all .3s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%}.loginView .closeIcon:hover{background-color:rgba(0,0,0,.1);color:#333;transform:scale(1.1)}.loginView .logNav,.loginView .logNav .xznav,.loginView .logNav .xznav:after,.loginView .logNav div{display:none}.loginView .loginForm .inputTs{position:relative}.loginView .loginForm .tsCont{position:absolute;bottom:-18px;left:20%;color:red;font-size:14px}.loginView .loginForm .loginInput{margin-top:24px;background-color:#F2F3F5;border-radius:10px;display:flex;align-items:center;height:60px;box-sizing:border-box;overflow:hidden;transition:all .3s ease;border:2px solid transparent}.loginView .loginForm .loginInput:focus-within{border-color:#4B5EFF;box-shadow:0 0 0 3px rgba(75,94,255,.1);background-color:#ffffff}.loginView .loginForm input{border:none;font-size:16px;outline:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;height:60px;flex:1;transition:all .3s ease}.loginView .loginForm input:focus{color:#4B5EFF}.wb50{width:50%}.loginView .loginForm .title{font-size:16px;color:#333;font-family:Heiti SC;font-style:normal;width:20%;text-align:center}.loginView .loginForm .telSelect .ant-select-selector{font-size:16px;color:#1A1A1A}.loginView .loginForm .telSelect .ant-select-selector,.loginView .loginForm .telSelect:hover .ant-select-selector{border:none!important;background-color:transparent!important}.loginView .loginForm .inputView{width:80%;display:flex;align-items:center}.loginView .loginForm .inputView .codets{color:#666;cursor:not-allowed}.loginView .loginForm .picon{font-size:18px}.loginView .loginForm .sx{width:1px;height:20px;background-color:#ccc;margin:0 10px}.loginView .loginForm .wjbtn{color:#4B5EFF;font-family:Heiti SC;font-size:16px;font-style:normal;cursor:pointer;white-space:nowrap;padding-right:15px}.loginBtn{display:flex;justify-content:space-between}.loginBtn button{flex:1;height:60px;line-height:60px;font-size:16px;border-radius:10px;cursor:pointer;margin-top:24px;transition:all .3s ease;position:relative;overflow:hidden}.loginBtn button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.loginBtn button:hover:before{left:100%}.loginBtn .btnLeft{margin-right:10px;background-color:#ffffff;border:1px solid #e0e0e0;color:#333}.loginBtn .btnLeft:hover{background-color:#f8f9fa;border-color:#4B5EFF;color:#4B5EFF;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.loginBtn .btnRight{margin-left:10px;background:linear-gradient(135deg,#4B5EFF,#667eea);border:1px solid #4b5eff;color:#ffffff}.loginBtn .btnRight:hover{background:linear-gradient(135deg,#3a4bcc,#5a6fd8);transform:translateY(-2px);box-shadow:0 8px 25px rgba(75,94,255,.3)}.loginBtn .ml0{margin-left:0}.loginBtn .mt-47{margin-top:47px}.other .options,.other .options .qq,.other .options .wx,.other .options div,.other .title{display:none}.agreement{padding:0 20px}.forgot .forgotTitle{font-size:20px;color:#333333;text-align:center;margin-top:10px;display:block}.forgot .forgotTitle .fhdl{cursor:pointer}.c4b5{color:#4B5EFF}.forgot .forgotTitle .jt{padding:0 20px}.step{position:relative;margin-top:50px;margin-bottom:48px}.step .hx{position:absolute;width:70%;height:1px;background-color:#F2F3F5;left:50%;top:20px;transform:translateX(-50%)}.step .stepView{display:flex;justify-content:space-between;position:relative;z-index:100;cursor:pointer}.step .stepView .stepItem{flex:1;display:flex;flex-direction:column;align-items:center}.step .stepView .stepItem .icon{width:40px;height:40px;border-radius:50%;background-color:#ffffff;text-align:center;line-height:40px;font-size:20px;border:1px solid #e5e5e5;margin-bottom:8px;color:#A6A6A6}.step .stepView .stepItem .text{color:#808080;font-family:Heiti SC;font-size:14px;font-weight:300}.step .stepView .stepItemSta .icon{color:#4B5EFF;border:1px solid #4b5eff}.step .stepView .stepItemSta .text{color:#000000;font-weight:500}.forgot .stepComplete{display:flex;flex-direction:column;align-items:center;justify-content:center}.forgot .stepComplete .icon{width:80px;height:80px;border-radius:50%;background-color:#00C800;text-align:center;line-height:80px;font-size:40px;color:#ffffff}.forgot .stepComplete .ts{color:#000;font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:36px;margin-top:17px}.wxBody .nav{display:flex;justify-content:center;align-items:center;margin-top:10px}.wxBody .nav div{padding:0 26px;color:#333;font-family:Heiti SC;font-size:20px;font-style:normal;font-weight:400}.wxBody .wxIcon{display:flex;justify-content:center;margin-top:60px}.wxBody .wxIcon .wx{color:#00C900;font-size:26px}.wxBody .wxIcon .qq{color:#1393E8;font-size:26px}.wxBody .code{display:flex;justify-content:center;margin-top:24px}.wxBody .code img{width:160px;height:160px;box-shadow:4px 4px 10px 0 rgba(0,0,0,.25);cursor:pointer}.wxBody .wxts{color:#808080;font-size:14px;margin-top:10px}.wxBody .loginType,.wxBody .wxts{font-family:Heiti SC;font-style:normal;font-weight:300;text-align:center}.wxBody .loginType{color:#4B5EFF;font-size:12px;margin-top:24px;margin-bottom:30px;cursor:pointer}.mainLoginMethod{text-align:center;padding:20px 0}.welcomeText{margin-bottom:40px}.welcomeText h2{font-size:24px;color:#333;margin-bottom:8px;font-weight:600}.welcomeText p{font-size:14px;color:#666;margin:0}.thirdPartyLogin{display:flex;flex-direction:column;gap:16px;margin-bottom:30px}.loginOption{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;border-radius:12px;border:2px solid #f0f0f0;background:#ffffff;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500}.loginOption:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.loginOption .wx{color:#00C900;font-size:20px}.loginOption .qq{color:#1393E8;font-size:20px}.loginOption:first-child:hover{border-color:#00C900;background-color:rgba(0,201,0,.05)}.loginOption:last-child:hover{border-color:#1393E8;background-color:rgba(19,147,232,.05)}.divider{position:relative;text-align:center;margin:30px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0}.divider span{background:#ffffff;padding:0 16px;color:#666;font-size:14px}.alternativeLogin{display:flex;gap:12px}.altLoginBtn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#ffffff;color:#666;font-size:14px;cursor:pointer;transition:all .3s ease}.altLoginBtn:hover{border-color:#4B5EFF;color:#4B5EFF;background-color:rgba(75,94,255,.05)}.formHeader{display:flex;align-items:center;margin-bottom:30px;position:relative}.backBtn{position:absolute;left:0;background:none;border:none;color:#666;font-size:14px;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease}.backBtn:hover{background-color:#f5f5f5;color:#333}.formHeader h3{flex:1;text-align:center;margin:0;font-size:18px;color:#333;font-weight:600}.loginView .loginForm{margin-top:0}.loginView .loginForm .loginInput{margin-top:20px}.loginBtn{margin-top:30px}.agreement{font-size:12px;color:#808080;text-align:center;margin-top:20px;line-height:1.5}.agreement .ccb5{color:#4B5EFF;cursor:pointer}@media (max-width:575.98px){.welcomeText h2{font-size:20px}.welcomeText p{font-size:12px}.loginOption{padding:14px 20px;font-size:14px}.loginOption .qq,.loginOption .wx{font-size:18px}.alternativeLogin{flex-direction:column}.altLoginBtn{padding:10px 14px;font-size:13px}.formHeader h3{font-size:16px}.loginBody .loginView{padding:10px 15px;width:360px;height:420px}.loginView .logNav{font-size:16px}.loginView .logNav .xznav{font-size:18px}.loginView .loginForm .loginInput{height:55px;margin-top:18px}.loginView .loginForm .title,.loginView .loginForm input{font-size:14px}.loginBtn button{height:50px;line-height:50px;font-size:14px}.loginView .loginForm .wjbtn,.other .title{font-size:14px}.other .title{margin-top:15px}.agreement{font-size:12px}.other .options{margin-top:10px}.loginView .loginForm .telSelect .ant-select-selector{padding:0}.wxBody .wxIcon{margin-top:15px}.forgot .forgotTitle{font-size:14px}.step{margin-top:20px;margin-bottom:20px}.loginBtn .mt-47{margin-top:28px}}