.mati-login-wrapper[data-v-1e2fd7ea]{width:100vw;height:100vh;background:#eff7ff;overflow:hidden;display:flex;align-items:center;justify-content:center}.mati-login-container[data-v-1e2fd7ea]{width:1920px;height:1080px;position:relative;display:flex;align-items:center;justify-content:center}.bg-circle[data-v-1e2fd7ea]{position:absolute;width:447px;height:447px;border-radius:50%;background:#dfebff;pointer-events:none}.bg-circle.bg-circle-top-right[data-v-1e2fd7ea]{top:-200px;right:-350px;z-index:-1}.bottom-left-decoration[data-v-1e2fd7ea]{position:absolute;left:-432px;top:780px;z-index:-1;pointer-events:none}.main-card[data-v-1e2fd7ea]{width:1371px;height:747px;background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);display:flex;align-items:center;overflow:hidden;padding:35px 50px}.left-section[data-v-1e2fd7ea]{width:672px;height:543px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.left-section .login-illustration[data-v-1e2fd7ea]{width:672px;height:543px;-o-object-fit:contain;object-fit:contain}.right-section[data-v-1e2fd7ea]{width:584px;height:676px;background:rgba(50,159,216,.8);border-radius:30px;display:flex;align-items:center;justify-content:center;padding:60px 80px;margin-left:auto;flex-shrink:0;box-sizing:border-box}.login-form-container[data-v-1e2fd7ea]{width:100%}.login-form-container .login-title[data-v-1e2fd7ea]{font-size:28px;font-weight:400;color:#fff;text-align:center;margin-bottom:50px;letter-spacing:2px}.login-form[data-v-1e2fd7ea] .el-form-item{margin-bottom:24px}.login-form[data-v-1e2fd7ea] .el-input__inner{height:50px;line-height:50px;background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.4);border-radius:5px;color:#fff;font-size:16px;padding-left:40px!important}.login-form[data-v-1e2fd7ea] .el-input__inner::-moz-placeholder{color:hsla(0,0%,100%,.7)}.login-form[data-v-1e2fd7ea] .el-input__inner::placeholder{color:hsla(0,0%,100%,.7)}.login-form[data-v-1e2fd7ea] .el-input__inner:focus{background:hsla(0,0%,100%,.35);border-color:hsla(0,0%,100%,.6)}.login-form[data-v-1e2fd7ea] .el-input__prefix{color:hsla(0,0%,100%,.8);font-size:18px}.login-form[data-v-1e2fd7ea] .el-input__icon{line-height:50px}.remember-row[data-v-1e2fd7ea] .el-form-item__content{display:flex!important;justify-content:space-between!important;align-items:center;width:100%;line-height:normal}.remember-row[data-v-1e2fd7ea] .el-checkbox{margin-right:auto}.remember-row[data-v-1e2fd7ea] .el-checkbox .el-checkbox__label{color:#fff;font-size:14px}.remember-row[data-v-1e2fd7ea] .el-checkbox .el-checkbox__inner{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.remember-row[data-v-1e2fd7ea] .el-checkbox.is-checked .el-checkbox__inner{background:#005e8f;border-color:#005e8f}.remember-row .forgot-password[data-v-1e2fd7ea]{margin-left:auto;color:hsla(0,0%,100%,.9);font-size:14px;cursor:pointer}.remember-row .forgot-password[data-v-1e2fd7ea]:hover{color:#fff;text-decoration:underline}.login-button[data-v-1e2fd7ea]{width:100%;height:50px;background:#005e8f;border:none;border-radius:5px;font-size:16px;font-weight:400;letter-spacing:2px}.login-button[data-v-1e2fd7ea]:hover{background:#004a73}.login-button[data-v-1e2fd7ea]:active{background:#003d5f}.login-wrap{display:flex;justify-content:center;align-items:center;background:linear-gradient(to top left,#00b894,#00cec9,#0984e3);position:fixed;top:0;left:0;right:0;bottom:0}.login-wrap .form-wrap{text-align:center;color:#fff;background:rgba(0,120,160,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.22);box-shadow:0 8px 32px rgba(0,0,0,.15);padding:40px 36px;border-radius:12px;position:relative;z-index:2}.login-wrap .form-wrap h1{font-size:30px;font-weight:100;letter-spacing:2px;margin-bottom:15px;transition:1s ease-in-out}.login-wrap .form-wrap .el-form{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;opacity:1;transition:opacity .5s}.login-wrap .form-wrap .el-form .el-form-item{margin-bottom:15px}.login-wrap .form-wrap .el-form .el-form-item,.login-wrap .form-wrap .el-form .el-form-item .el-button,.login-wrap .form-wrap .el-form .el-form-item .el-form-item__content{width:100%}.login-wrap .form-wrap .el-form .el-form-item:last-child{margin-bottom:0}.login-wrap .form-wrap .el-form .remeber-me{text-align:left}.login-wrap .form-wrap .el-form .remeber-me .el-checkbox__label{color:#fff;font-size:16px}.login-wrap .form-wrap .el-form .el-form-item__label{color:#fff;font-size:15px;margin-bottom:6px;text-align:left}.login-wrap .form-wrap .el-form input{outline:none;border:1px solid hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.2);width:350px;padding:20px 10px;border-radius:3px;text-align:left;color:#464646;transition:.25s;font-size:16px}.login-wrap .form-wrap .el-form input::-moz-placeholder{color:#464646;font-weight:300;font-size:15px}.login-wrap .form-wrap .el-form input::placeholder{color:#464646;font-weight:300;font-size:15px}.login-wrap .form-wrap .el-form input:hover{background-color:hsla(0,0%,100%,.4)}.login-wrap .form-wrap .el-form input:focus{background-color:hsla(0,0%,100%,.6)}.login-wrap ul.bg-squares{list-style:none;margin:0;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-wrap ul.bg-squares li{width:40px;height:40px;background-color:hsla(0,0%,100%,.15);position:absolute;bottom:-40px;animation:square 20s linear infinite}.login-wrap ul.bg-squares li:first-child{left:10%;animation-delay:.5s}.login-wrap ul.bg-squares li:nth-child(2){left:20%;width:80px;height:80px;bottom:-80px;animation-delay:2s;animation-duration:16s}.login-wrap ul.bg-squares li:nth-child(3){left:25%;animation-delay:4s}.login-wrap ul.bg-squares li:nth-child(4){left:40%;width:60px;height:60px;bottom:-60px;background-color:hsla(0,0%,100%,.4);animation-duration:22s}.login-wrap ul.bg-squares li:nth-child(5){left:70%}.login-wrap ul.bg-squares li:nth-child(6){left:80%;width:120px;height:120px;bottom:-120px;background-color:hsla(0,0%,100%,.2);animation-delay:3s}.login-wrap ul.bg-squares li:nth-child(7){left:32%;width:160px;height:160px;bottom:-160px;animation-delay:7s}.login-wrap ul.bg-squares li:nth-child(8){left:55%;width:20px;height:20px;bottom:-20px;background-color:hsla(0,0%,100%,.3);animation-delay:15s;animation-duration:40s}.login-wrap ul.bg-squares li:nth-child(9){left:25%;width:10px;height:10px;bottom:-10px;background-color:hsla(0,0%,100%,.3);animation-delay:2s;animation-duration:40s}.login-wrap ul.bg-squares li:nth-child(10){left:90%;width:160px;height:160px;bottom:-160px;animation-delay:10s}@keyframes square{0%{transform:translateY(0)}to{transform:translateY(-120vh) rotate(600deg)}}.login-locale-switch{position:fixed;top:16px;right:16px;z-index:3000;display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:hsla(0,0%,100%,.92);box-shadow:0 8px 24px rgba(17,33,43,.12)}.login-locale-switch .locale-item{border:none;background:transparent;padding:0;font-size:13px;line-height:1;color:#7f8a93;cursor:pointer;transition:color .2s ease}.login-locale-switch .locale-item.active{color:#1890ff;font-weight:600}.login-locale-switch .locale-divider{margin:0 6px;color:#c0c4cc}.login-wrap.default .password-change-tip{margin:0 0 16px;font-size:14px;color:hsla(0,0%,100%,.85);text-align:left}.login-wrap.default .input-hint{display:block;margin-top:4px;font-size:12px;color:hsla(0,0%,100%,.6);text-align:left;line-height:1.4}.login-wrap:not(.default){background:#fff}.login-wrap:not(.default) .form-wrap{background:transparent;box-shadow:none;border-radius:0}.login-wrap:not(.default) .bg-squares,.login-wrap:not(.default) .form-wrap .login-form,.login-wrap:not(.default) .form-wrap h1{display:none}.login-wrap:not(.default) .login-background{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:820px;height:570px;background-size:cover;background-position:50%;background-repeat:no-repeat}.login-wrap:not(.default) .login-logo{position:absolute;top:20px;left:20px;height:auto;z-index:10}.login-wrap:not(.default) .form-content{position:absolute;display:flex;flex-direction:column;align-items:center}.login-wrap:not(.default) .login-background .form-content h1{font-size:21px;font-weight:500;color:#11212b;text-align:center}.login-wrap:not(.default) .login-background .form-content .el-form-item__label{font-size:12px;color:#11162f}.login-wrap:not(.default) .login-background .login-form{width:100%}.login-wrap:not(.default) .login-background .el-form-item{margin-bottom:15px!important}.login-wrap:not(.default) .el-checkbox__label{font-size:12px;color:#11162f;font-weight:400}.login-wrap:not(.default) .el-input__inner{color:#2d2d2f}.login-wrap:not(.default) .login-background .login-btn{width:100%;border-radius:6px;color:#fff;font-weight:400;font-size:14px;border:none}.login-wrap:not(.default) .password-change-tip{margin:8px 0 18px;font-size:13px;line-height:1.6;color:#5b6472;text-align:left}.login-wrap:not(.default) .readonly-account{display:flex;align-items:center;min-height:40px;padding:0 14px;border-radius:6px;background:#f3f5f7;color:#11162f}