.login-container[data-v-cf2b8db0]{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;height:100vh;background-image:url(https://images.unsplash.com/photo-1519389950473-47ba0277781c?fit=crop&h=800&w=1200);background-size:cover;background-position:50%;background-attachment:fixed;position:relative}.login-container[data-v-cf2b8db0]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1}.login-container>[data-v-cf2b8db0]{position:relative;z-index:2}.login-box[data-v-cf2b8db0]{width:100%;max-width:400px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.15);box-shadow:0 2px 12px rgba(0,0,0,.15);padding:40px}.login-header[data-v-cf2b8db0]{text-align:center;margin-bottom:30px}.login-header h1[data-v-cf2b8db0]{margin:0;font-size:28px;color:#667eea;font-weight:600}.login-header p[data-v-cf2b8db0]{margin:5px 0 0 0;font-size:14px;color:#999}.login-form[data-v-cf2b8db0]{margin:20px 0}[data-v-cf2b8db0] .login-form .el-form-item{margin-bottom:22px}[data-v-cf2b8db0] .login-form .el-input{height:40px}[data-v-cf2b8db0] .login-form .el-input__inner{height:40px;font-size:14px}[data-v-cf2b8db0] .login-form .el-input__prefix{color:#999}[data-v-cf2b8db0] .login-form .el-checkbox__label{color:#666;font-size:14px}.login-button[data-v-cf2b8db0]{width:100%;height:40px;font-size:16px;font-weight:500;background:linear-gradient(135deg,#2196f3,#1976d2);border:none}.login-button[data-v-cf2b8db0]:hover{background:linear-gradient(135deg,#1976d2,#1565c0)}@media (max-width:600px){.login-box[data-v-cf2b8db0]{margin:20px}.login-header h1[data-v-cf2b8db0]{font-size:24px}}