.login-container{width:100%;height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa)}.login-container:before{content:"";background:radial-gradient(circle at 20% 50%,rgba(120,53,255,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.3) 0,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.2) 0,transparent 50%)}.bg-decoration,.login-container:before{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.bg-decoration{z-index:0}.bg-decoration .decoration-circle{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.05);backdrop-filter:blur(1px)}.bg-decoration .decoration-circle.circle-1{width:300px;height:300px;top:-100px;right:-100px;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.bg-decoration .decoration-circle.circle-2{width:200px;height:200px;bottom:-50px;left:-50px;animation:float 8s ease-in-out infinite reverse}.bg-decoration .decoration-circle.circle-3{width:150px;height:150px;top:50%;left:20%;-webkit-animation:float 10s ease-in-out infinite;animation:float 10s ease-in-out infinite;opacity:.3}.login-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1}.login-left{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 80px;color:#fff}.login-left .brand-section{max-width:500px}.login-left .brand-section .login-logo{text-align:center;margin-bottom:60px}.login-left .brand-section .login-logo .logo-img{width:80px;height:80px;margin-bottom:24px;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.login-left .brand-section .login-logo .brand-title{font-size:42px;font-weight:700;margin:0 0 8px 0;background:linear-gradient(135deg,#fff,#e2e8f0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:2px}.login-left .brand-section .login-logo .brand-subtitle{font-size:18px;font-weight:400;margin:0;color:#e2e8f0;letter-spacing:1px}.login-left .brand-section .feature-cards{margin-bottom:50px}.login-left .brand-section .feature-cards .feature-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:20px;margin-bottom:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;backdrop-filter:blur(10px);-webkit-transition:all .3s ease;transition:all .3s ease}.login-left .brand-section .feature-cards .feature-card:hover{-webkit-transform:translateX(8px);transform:translateX(8px);background:hsla(0,0%,100%,.15)}.login-left .brand-section .feature-cards .feature-card .feature-icon{font-size:32px;margin-right:20px;-webkit-filter:grayscale(1) brightness(2);filter:grayscale(1) brightness(2)}.login-left .brand-section .feature-cards .feature-card .feature-text h3{font-size:18px;font-weight:600;margin:0 0 4px 0;color:#fff}.login-left .brand-section .feature-cards .feature-card .feature-text p{font-size:14px;margin:0;color:#e2e8f0;opacity:.9}.login-left .brand-section .stats-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-left .brand-section .stats-section .stat-item{text-align:center}.login-left .brand-section .stats-section .stat-item .stat-number{font-size:28px;font-weight:700;color:#fff;margin-bottom:8px}.login-left .brand-section .stats-section .stat-item .stat-label{font-size:14px;color:#e2e8f0;opacity:.8}.login-right{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 80px}.login-right .login-form-container{width:100%;max-width:420px;padding:50px 40px;background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;backdrop-filter:blur(20px);-webkit-box-shadow:0 25px 50px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.1);box-shadow:0 25px 50px rgba(0,0,0,.1),0 0 0 1px hsla(0,0%,100%,.1);position:relative}.login-right .login-form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(hsla(0,0%,100%,.4)),to(transparent));background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}.login-right .login-form-container .form-header{text-align:center;margin-bottom:40px}.login-right .login-form-container .form-header .form-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px 0;letter-spacing:1px}.login-right .login-form-container .form-header .form-subtitle{font-size:16px;color:#6b7280;margin:0;opacity:.8}.login-form .el-form-item{margin-bottom:24px}.login-form .el-form-item .el-form-item__content{position:relative}.login-form .el-input input{height:50px;padding:0 20px 0 50px;background:rgba(247,248,250,.8);border:2px solid transparent;border-radius:12px;font-size:16px;color:#1f2937;-webkit-transition:all .3s ease;transition:all .3s ease}.login-form .el-input input:focus{background:hsla(0,0%,100%,.9);border-color:#1e40af;-webkit-box-shadow:0 0 0 3px rgba(30,64,175,.1);box-shadow:0 0 0 3px rgba(30,64,175,.1)}.login-form .el-input input::-webkit-input-placeholder{color:#9ca3af}.login-form .el-input input::-moz-placeholder{color:#9ca3af}.login-form .el-input input:-ms-input-placeholder{color:#9ca3af}.login-form .el-input input::-ms-input-placeholder{color:#9ca3af}.login-form .el-input input::placeholder{color:#9ca3af}.login-form .el-input .el-input__prefix{left:16px}.login-form .el-input .el-input__prefix i{font-size:18px;color:#1e40af}.login-submit{width:100%;height:50px;background:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;margin:30px 0 20px 0;-webkit-box-shadow:0 10px 25px rgba(30,64,175,.3);box-shadow:0 10px 25px rgba(30,64,175,.3)}.login-submit:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 15px 35px rgba(30,64,175,.4);box-shadow:0 15px 35px rgba(30,64,175,.4)}.login-submit:active{-webkit-transform:translateY(0);transform:translateY(0)}.login-code{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.login-code .el-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.login-code .login-code-img{width:120px;height:50px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;color:#1f2937;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.login-code .login-code-img:hover{border-color:#1e40af;-webkit-transform:scale(1.02);transform:scale(1.02)}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media(max-width:1200px){.login-left,.login-right{padding:0 40px}.brand-section .brand-title{font-size:36px}}@media(max-width:768px){.login-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:20px}.login-left{padding:20px 0}.login-left .brand-section{text-align:center}.login-left .brand-section .feature-cards{display:none}.login-left .brand-section .stats-section{margin-top:30px}.login-right{padding:20px 0}.login-right .login-form-container{padding:30px 20px;margin:20px 0}}.login-menu{width:100%;text-align:center;margin-top:20px}.login-menu a{color:#6b7280;font-size:14px;margin:0 8px;-webkit-transition:color .3s ease;transition:color .3s ease}.login-menu a:hover{color:#1e40af}.login-select input{color:#1f2937;font-size:16px;font-weight:400;border:none;text-align:center}.lock-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.lock-container .title{margin-bottom:8px;color:#333}.lock-container:before{z-index:-999;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(/img/login.png);background-size:cover}.lock-form{width:300px}@-webkit-keyframes error404animation-data-v-0ba4aad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}80%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error404animation-data-v-0ba4aad0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(50deg);transform:rotate(50deg)}80%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error404-body-con[data-v-0ba4aad0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error404-body-con-title[data-v-0ba4aad0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error404-body-con-title span[data-v-0ba4aad0]{display:inline-block;color:#19be6b;font-size:230px;-webkit-animation:error404animation-data-v-0ba4aad0 3s ease 0s infinite alternate;animation:error404animation-data-v-0ba4aad0 3s ease 0s infinite alternate}.error404-body-con-message[data-v-0ba4aad0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:12px;color:#dddde2}.error404-btn-con[data-v-0ba4aad0]{text-align:center;padding:20px 0;margin-bottom:40px}@-webkit-keyframes error403animation-data-v-3cea60b0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error403animation-data-v-3cea60b0{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}45%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}55%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error403-body-con[data-v-3cea60b0]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error403-body-con-title[data-v-3cea60b0]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error403-body-con-title .error403-0-span[data-v-3cea60b0]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error403-body-con-title .error403-0-span i[data-v-3cea60b0]{display:inline-block;font-size:120px!important;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error403-body-con-title .error403-key-span[data-v-3cea60b0]{display:inline-block;position:relative;width:100px;height:190px;border-radius:50%;margin-right:10px}.error403-body-con-title .error403-key-span i[data-v-3cea60b0]{display:inline-block;font-size:190px!important;position:absolute;left:20px;-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error403animation-data-v-3cea60b0 2.8s ease 0s infinite;animation:error403animation-data-v-3cea60b0 2.8s ease 0s infinite}.error403-body-con-message[data-v-3cea60b0]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error403-btn-con[data-v-3cea60b0]{text-align:center;padding:20px 0;margin-bottom:40px}@-webkit-keyframes error500animation-data-v-d6e7563e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes error500animation-data-v-d6e7563e{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}40%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}60%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.error500-body-con[data-v-d6e7563e]{width:700px;height:500px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.error500-body-con-title[data-v-d6e7563e]{text-align:center;font-size:240px;font-weight:700;color:#2d8cf0;height:260px;line-height:260px;margin-top:40px}.error500-body-con-title .error500-0-span[data-v-d6e7563e]{display:inline-block;position:relative;width:170px;height:170px;border-radius:50%;border:20px solid #ed3f14;color:#ed3f14;margin-right:10px}.error500-body-con-title .error500-0-span i[data-v-d6e7563e]{display:inline-block;font-size:120px!important;position:absolute;bottom:-43px;left:20px;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation:error500animation-data-v-d6e7563e 3s ease 0s infinite alternate;animation:error500animation-data-v-d6e7563e 3s ease 0s infinite alternate}.error500-body-con-message[data-v-d6e7563e]{display:block;text-align:center;font-size:30px;font-weight:500;letter-spacing:4px;color:#dddde2}.error500-btn-con[data-v-d6e7563e]{text-align:center;padding:20px 0;margin-bottom:40px}.iframe{width:100%;height:100%;border:0;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.code-phone-submit[data-v-5583b9ae]{display:block!important;margin:40px auto 10px auto!important;width:200px;height:48px;font-size:14px!important;text-align:center;border-radius:50px!important;border:0;-webkit-box-shadow:rgba(152,22,244,.19) 0 5px 10px 2px;box-shadow:0 5px 10px 2px rgba(152,22,244,.19)}.avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.avatar-uploader .el-upload:hover{border-color:#409eff}.avatar{width:178px;height:178px;display:block}