.login[data-v-16b8a5c4]{height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);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;position:relative}.login[data-v-16b8a5c4]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 1px,transparent 0);background-size:50px 50px;-webkit-animation:moveBackground-16b8a5c4 20s linear infinite;animation:moveBackground-16b8a5c4 20s linear infinite}@-webkit-keyframes moveBackground-16b8a5c4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}@keyframes moveBackground-16b8a5c4{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(50px,50px);transform:translate(50px,50px)}}.login-container[data-v-16b8a5c4]{width:1000px;height:600px;background:#fff;border-radius:20px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.3);box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:1}.login-container[data-v-16b8a5c4],.login-left[data-v-16b8a5c4]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.login-left[data-v-16b8a5c4]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login-left .welcome-content[data-v-16b8a5c4]{text-align:center;color:#fff;z-index:2;position:relative}.login-left .welcome-content .welcome-title[data-v-16b8a5c4]{font-size:48px;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px rgba(0,0,0,.2);-webkit-animation:fadeInUp-16b8a5c4 1s ease;animation:fadeInUp-16b8a5c4 1s ease}.login-left .welcome-content .welcome-desc[data-v-16b8a5c4]{font-size:18px;opacity:.9;-webkit-animation:fadeInUp-16b8a5c4 1s ease .2s both;animation:fadeInUp-16b8a5c4 1s ease .2s both}.login-left .decoration-circles[data-v-16b8a5c4]{position:absolute;width:100%;height:100%;top:0;left:0}.login-left .decoration-circles .circle[data-v-16b8a5c4]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);-webkit-animation:float-16b8a5c4 6s ease-in-out infinite;animation:float-16b8a5c4 6s ease-in-out infinite}.login-left .decoration-circles .circle-1[data-v-16b8a5c4]{width:200px;height:200px;top:10%;left:10%;-webkit-animation-delay:0s;animation-delay:0s}.login-left .decoration-circles .circle-2[data-v-16b8a5c4]{width:150px;height:150px;top:60%;right:15%;-webkit-animation-delay:2s;animation-delay:2s}.login-left .decoration-circles .circle-3[data-v-16b8a5c4]{width:100px;height:100px;bottom:20%;left:20%;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes float-16b8a5c4{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-20px) scale(1.1);transform:translateY(-20px) scale(1.1)}}@keyframes float-16b8a5c4{0%,to{-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}50%{-webkit-transform:translateY(-20px) scale(1.1);transform:translateY(-20px) scale(1.1)}}@-webkit-keyframes fadeInUp-16b8a5c4{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-16b8a5c4{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.login-right[data-v-16b8a5c4]{-webkit-box-flex:1;-ms-flex:1;flex:1;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;background:#fff;padding:40px}.login-right .login-form-wrapper[data-v-16b8a5c4]{max-width:400px;-webkit-animation:fadeIn-16b8a5c4 1s ease;animation:fadeIn-16b8a5c4 1s ease}.login-right .login-form-wrapper[data-v-16b8a5c4],.login-right .logo-section[data-v-16b8a5c4]{width:100%;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-align:center;-ms-flex-align:center;align-items:center}.login-right .logo-section[data-v-16b8a5c4]{text-align:center;margin-bottom:40px}.login-right .logo-section .logo-img[data-v-16b8a5c4]{width:60px;height:60px;margin-bottom:20px;-webkit-animation:rotateIn-16b8a5c4 1s ease;animation:rotateIn-16b8a5c4 1s ease}.login-right .logo-section .system-title[data-v-16b8a5c4]{font-size:28px;font-weight:600;color:#333;margin:0}.login-right .form-content[data-v-16b8a5c4]{margin-bottom: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;width:100%}.login-right .form-content[data-v-16b8a5c4] .login-form{width:100%;max-width:350px}.login-right .footer-info[data-v-16b8a5c4]{text-align:center;color:#999;font-size:12px;line-height:2}.login-right .footer-info a[data-v-16b8a5c4]{color:#667eea;text-decoration:none;-webkit-transition:color .3s;transition:color .3s}.login-right .footer-info a[data-v-16b8a5c4]:hover{color:#764ba2;text-decoration:underline}@-webkit-keyframes fadeIn-16b8a5c4{0%{opacity:0}to{opacity:1}}@keyframes fadeIn-16b8a5c4{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rotateIn-16b8a5c4{0%{opacity:0;-webkit-transform:rotate(-180deg) scale(0);transform:rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@keyframes rotateIn-16b8a5c4{0%{opacity:0;-webkit-transform:rotate(-180deg) scale(0);transform:rotate(-180deg) scale(0)}to{opacity:1;-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1)}}@media (max-width:1024px){.login-container[data-v-16b8a5c4]{width:90%;max-width:600px;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login-left[data-v-16b8a5c4]{padding:60px 20px}.login-left .welcome-content .welcome-title[data-v-16b8a5c4]{font-size:32px}.login-left .welcome-content .welcome-desc[data-v-16b8a5c4]{font-size:16px}.login-right[data-v-16b8a5c4]{padding:40px 20px}}@media (max-width:768px){.login-left[data-v-16b8a5c4]{display:none}.login-container[data-v-16b8a5c4]{width:95%;max-width:400px}}