.login-page[data-v-701ec034]{position:relative;width:100vw;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#f0f2f5;overflow:hidden}.login-background[data-v-701ec034]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.login-background .shape[data-v-701ec034]{position:absolute;border-radius:50%}.login-background .shape-1[data-v-701ec034]{width:500px;height:500px;background:linear-gradient(45deg,#5272f4,#00aae7);top:-250px;left:-250px;opacity:.6}.login-background .shape-2[data-v-701ec034]{width:300px;height:300px;background:linear-gradient(135deg,#00aae7,#5272f4);bottom:-150px;right:-150px;opacity:.5}.login-background .shape-3[data-v-701ec034]{width:200px;height:200px;background:linear-gradient(225deg,#5272f4,#00aae7);top:10%;right:5%;opacity:.3}.login-background .shape-4[data-v-701ec034]{width:150px;height:150px;background:linear-gradient(315deg,#00aae7,#5272f4);bottom:15%;left:10%;opacity:.2}.login-container[data-v-701ec034]{z-index:1;width:700px;height:550px;background-color:#fff;border-radius:20px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.1);box-shadow:0 20px 60px rgba(0,0,0,.1)}.brand-section[data-v-701ec034],.login-container[data-v-701ec034]{position:relative;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;overflow:hidden}.brand-section[data-v-701ec034]{width:40%;background:linear-gradient(135deg,#5272f4,#00aae7);-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff}.brand-section[data-v-701ec034]:before{content:"";position:absolute;width:200%;height:200%;background:hsla(0,0%,100%,.1);top:-50%;left:-50%;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.brand-section .logo-container[data-v-701ec034]{position:relative;z-index:2;text-align:center;padding:0 20px}.brand-section .logo-container .brand-name[data-v-701ec034]{font-size:36px;font-weight:700;margin-bottom:15px;letter-spacing:1px}.brand-section .logo-container .brand-slogan[data-v-701ec034]{font-size:18px;opacity:.9;font-weight:300}.form-section[data-v-701ec034]{width:60%;padding:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.form-section .form-header[data-v-701ec034]{margin-bottom:40px;text-align:center}.form-section .form-header .welcome-text[data-v-701ec034]{font-size:24px;font-weight:600;color:#333;margin-bottom:10px}.form-section .form-header .login-prompt[data-v-701ec034]{color:#666;font-size:16px}.form-section .login-form[data-v-701ec034]{width:100%;max-width:380px;margin:0 auto}.form-section .login-form .el-form-item[data-v-701ec034]{margin-bottom:25px}.form-section .login-form .el-input__inner[data-v-701ec034]{height:50px;line-height:50px;border-radius:8px;border:1px solid #e8e8e8;padding-left:45px;font-size:15px;-webkit-transition:all .3s;transition:all .3s}.form-section .login-form .el-input__inner[data-v-701ec034]:focus{border-color:#5272f4;-webkit-box-shadow:0 0 0 2px rgba(82,114,244,.2);box-shadow:0 0 0 2px rgba(82,114,244,.2)}.form-section .login-form .el-input__prefix[data-v-701ec034]{left:15px;color:#999}.form-section .login-form .login-button[data-v-701ec034]{width:100%;height:50px;border-radius:8px;font-size:16px;font-weight:500;background:-webkit-gradient(linear,left top,right top,from(#5272f4),to(#00aae7));background:linear-gradient(90deg,#5272f4,#00aae7);border:none;-webkit-transition:all .3s;transition:all .3s;margin-top:10px}.form-section .login-form .login-button[data-v-701ec034]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 15px rgba(0,0,0,.1);box-shadow:0 8px 15px rgba(0,0,0,.1)}.form-section .login-form .login-button[data-v-701ec034]:active{-webkit-transform:translateY(0);transform:translateY(0)}.footer[data-v-701ec034]{position:relative;z-index:1;margin-top:30px;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}.footer .copyright[data-v-701ec034]{color:#666;font-size:14px;margin:0 10px}@media(max-width:992px){.login-container[data-v-701ec034]{width:90%;max-width:600px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:auto}.brand-section[data-v-701ec034]{width:100%;padding:40px 20px}.brand-section .logo-container .brand-name[data-v-701ec034]{font-size:30px}.form-section[data-v-701ec034]{width:100%;padding:40px 30px}}@media(max-width:576px){.login-container[data-v-701ec034]{width:95%;border-radius:15px}.brand-section[data-v-701ec034]{padding:30px 15px}.form-section[data-v-701ec034]{padding:30px 20px}.form-section .form-header[data-v-701ec034]{margin-bottom:30px}.form-section .form-header .welcome-text[data-v-701ec034]{font-size:20px}.form-section .form-header .login-prompt[data-v-701ec034]{font-size:14px}.form-section .login-form .el-input__inner[data-v-701ec034]{height:45px;line-height:45px}.form-section .login-form .login-button[data-v-701ec034]{height:45px}}