/* ==================== 登录页 ==================== */
.login-page {
  margin: 0; padding: 0; height: 100vh; background: #f0f2f5;
  display: flex; align-items: center; justify-content: center;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.login-container { width: 100%; max-width: 400px; padding: 24px; }

.login-card {
  background: #fff; border-radius: 12px; padding: 40px;
  box-shadow: 0 4px 24px rgba(0,0,0,0.08);
}

.login-header { text-align: center; margin-bottom: 32px; }
.login-header h1 { font-size: 24px; color: #1a1a1a; margin: 0 0 8px; }
.login-header p { font-size: 14px; color: #999; margin: 0; }

.login-form .form-group { margin-bottom: 20px; }
.login-form .form-group label {
  display: block; font-size: 13px; color: #666; margin-bottom: 6px; font-weight: 500;
}
.login-form .form-group input {
  width: 100%; padding: 10px 14px; border: 1px solid #d9d9d9;
  border-radius: 8px; font-size: 15px; outline: none; box-sizing: border-box;
  transition: border-color 0.2s;
}
.login-form .form-group input:focus {
  border-color: #1677ff; box-shadow: 0 0 0 2px rgba(22,119,255,0.1);
}

.form-error { color: #ff4d4f; font-size: 13px; min-height: 20px; margin-bottom: 8px; }

.btn { padding: 10px 24px; border-radius: 8px; font-size: 15px; cursor: pointer; border: none; transition: all 0.2s; font-weight: 500; }
.btn-primary { background: #1677ff; color: #fff; }
.btn-primary:hover { background: #4096ff; }
.btn-block { width: 100%; }

.login-footer { text-align: center; margin-top: 24px; }
.login-footer p { font-size: 12px; color: #ccc; margin: 0; }