.login-container{position:relative;width:100vw;height:100vh;overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background img{width:100%;height:100%;object-fit:cover}.login-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.system-name{display:flex;align-items:center;margin-bottom:20px}.system-name h1{font-size:42px;font-weight:bold;color:#333;margin:0 auto}.login-form-container{background:rgba(255,255,255,0.95);border-radius:12px;padding:30px;width:100%;max-width:420px;box-shadow:0 8px 32px rgba(0,0,0,0.1);backdrop-filter:blur(10px)}.login-tabs{display:flex;margin-bottom:25px;justify-content:center;font-size:16px;font-weight:500}.tab-item{padding:0 15px;cursor:pointer;color:#909399;transition:all 0.3s ease}.tab-item:hover{color:#48a2ff}.tab-item.active{color:#48a2ff}.tab-divider{color:#e4e7ed;margin:0 5px}.password-toggle-icon{cursor:pointer;transition:color 0.3s ease;color:#909399}.password-toggle-icon:hover{color:#48a2ff}.login-btn:disabled{cursor:not-allowed;opacity:0.6}.login-form{width:100%}.login-form .el-form-item{margin-bottom:20px}.form-actions{display:flex;gap:10px;margin-bottom:15px}.login-btn{flex:1;background-color:#409eff;border-color:#409eff}.login-btn:hover{background-color:#66b1ff;border-color:#66b1ff}.show-password-btn{background-color:#ff4d4f;border-color:#ff4d4f;color:white}.show-password-btn:hover{background-color:#ff7875;border-color:#ff7875}.register-link{text-align:left}.register-link a{color:#409eff;text-decoration:none;font-size:14px}.register-link a:hover{text-decoration:underline}.qr-login-form{display:flex;justify-content:center;align-items:center;min-height:200px}.qr-container{display:flex;flex-direction:column;align-items:center}.qr-placeholder{width:200px;height:200px;border:2px dashed #dcdfe6;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fafafa}.qr-icon{font-size:48px;color:#909399;margin-bottom:10px}.qr-placeholder p{color:#909399;font-size:14px;margin:0}@media (max-width:768px){.login-form-container{width:100%;max-width:400px;padding:20px}.logo{flex-direction:column;text-align:center}.logo img{margin-right:0;margin-bottom:10px}}