.login[data-v-7af48482]{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.login .bg-decoration[data-v-7af48482]{position:absolute;width:100%;height:100%;overflow:hidden;z-index:0}.login .bg-decoration .circle[data-v-7af48482]{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float-7af48482 20s ease-in-out infinite}.login .bg-decoration .circle.circle-1[data-v-7af48482]{width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.login .bg-decoration .circle.circle-2[data-v-7af48482]{width:200px;height:200px;bottom:-50px;right:10%;animation-delay:5s}.login .bg-decoration .circle.circle-3[data-v-7af48482]{width:150px;height:150px;top:40%;right:-50px;animation-delay:10s}@keyframes float-7af48482{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.login .login-container[data-v-7af48482]{position:relative;z-index:1;display:flex;width:100%;min-height:100vh;max-width:1400px;margin:0 auto}.login .brand-section[data-v-7af48482]{flex:1;display:flex;align-items:center;justify-content:center;padding:60px;color:#fff}.login .brand-section .brand-content[data-v-7af48482]{max-width:500px}.login .brand-section .brand-content .logo-area[data-v-7af48482]{margin-bottom:40px}.login .brand-section .brand-content .logo-area .logo[data-v-7af48482]{width:80px;height:80px;filter:brightness(0) invert(1)}.login .brand-section .brand-content .brand-title[data-v-7af48482]{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:2px}.login .brand-section .brand-content .brand-subtitle[data-v-7af48482]{font-size:18px;opacity:.9;margin-bottom:40px;line-height:1.6}.login .brand-section .brand-content .feature-list .feature-item[data-v-7af48482]{display:flex;align-items:center;margin-bottom:20px;font-size:16px}.login .brand-section .brand-content .feature-list .feature-item i[data-v-7af48482]{font-size:20px;margin-right:12px;color:#4ade80}.login .form-section[data-v-7af48482]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login .form-section .form-wrapper[data-v-7af48482]{width:100%;max-width:450px;background:#fff;border-radius:20px;padding:50px 40px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.login .form-section .form-wrapper .form-header[data-v-7af48482]{margin-bottom:40px;text-align:center}.login .form-section .form-wrapper .form-header .form-title[data-v-7af48482]{font-size:32px;font-weight:600;color:#1f2937;margin-bottom:10px}.login .form-section .form-wrapper .form-header .form-desc[data-v-7af48482]{font-size:14px;color:#6b7280}.login .form-section .form-wrapper .login_form[data-v-7af48482] .el-form-item{margin-bottom:24px}.login .form-section .form-wrapper .login_form .input-group[data-v-7af48482]{position:relative;display:flex;align-items:center}.login .form-section .form-wrapper .login_form .input-group .input-icon[data-v-7af48482]{position:absolute;left:16px;font-size:18px;color:#9ca3af;z-index:1}.login .form-section .form-wrapper .login_form .input-group[data-v-7af48482] .custom-input .el-input__inner{padding-left:48px;height:50px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .3s;background-color:#f9fafb}.login .form-section .form-wrapper .login_form .input-group[data-v-7af48482] .custom-input .el-input__inner:focus{border-color:#667eea;background-color:#fff;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.login .form-section .form-wrapper .login_form .input-group[data-v-7af48482] .custom-input .el-input__inner::-moz-placeholder{color:#9ca3af}.login .form-section .form-wrapper .login_form .input-group[data-v-7af48482] .custom-input .el-input__inner::placeholder{color:#9ca3af}.login .form-section .form-wrapper .login_form .captcha-group[data-v-7af48482]{display:flex;gap:12px}.login .form-section .form-wrapper .login_form .captcha-group .captcha-input[data-v-7af48482]{flex:1}.login .form-section .form-wrapper .login_form .captcha-group .captcha-img[data-v-7af48482]{width:120px;height:50px;border-radius:12px;cursor:pointer;border:2px solid #e5e7eb;transition:all .3s}.login .form-section .form-wrapper .login_form .captcha-group .captcha-img[data-v-7af48482]:hover{border-color:#667eea;transform:scale(1.05)}.login .form-section .form-wrapper .login_form .login-btn[data-v-7af48482]{width:100%;height:50px;font-size:16px;font-weight:600;letter-spacing:4px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;margin-top:10px;transition:all .3s}.login .form-section .form-wrapper .login_form .login-btn[data-v-7af48482]:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(102,126,234,.4)}.login .form-section .form-wrapper .login_form .login-btn[data-v-7af48482]:active{transform:translateY(0)}.login .form-section .form-wrapper .form-footer[data-v-7af48482]{margin-top:30px;text-align:center;color:#9ca3af;font-size:13px}@media screen and (max-width:1024px){.login .login-container[data-v-7af48482]{flex-direction:column}.login .brand-section[data-v-7af48482]{display:none}.login .form-section[data-v-7af48482]{padding:20px}.login .form-section .form-wrapper[data-v-7af48482]{padding:40px 30px}}@media screen and (max-width:480px){.login .form-section[data-v-7af48482]{padding:15px}.login .form-section .form-wrapper[data-v-7af48482]{padding:30px 20px;border-radius:15px}.login .form-section .form-wrapper .form-header .form-title[data-v-7af48482]{font-size:26px}}