* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Microsoft YaHei', sans-serif;
background: url('/uploads/login-bg.jpg') no-repeat center center fixed;
background-size: cover;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
.login-container {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.1);
padding: 40px;
border-radius: 10px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
width: 400px;
backdrop-filter: blur(10px);
}
h2 {
text-align: center;
margin-bottom: 30px;
color: #333;
}
.form-group {
margin-bottom: 20px;
}
label {
display: block;
margin-bottom: 5px;
color: #666;
}
input {
width: 100%;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
}
button {
width: 100%;
padding: 12px;
background: #667eea;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
transition: background 0.3s;
}
button:hover { background: #764ba2; }
.error { color: red; text-align: center; margin-top: 10px; }

@media (max-width: 768px) {
body { padding: 20px; }
.login-container { 
    width: 100%; 
    padding: 25px 20px; 
}
h2 { font-size: 20px; margin-bottom: 20px; }
input { font-size: 14px; padding: 12px; }
button { padding: 12px; font-size: 16px; }
}