/* SaaS管理后台 - 登录样式 */
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: linear-gradient(135deg, #f5f0ee 0%, #E8B4B8 50%, #9B8AA5 100%);
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-wrapper { width: 100%; max-width: 400px; padding: 20px; }

.login-box {
  background: white;
  border-radius: 16px;
  padding: 40px 32px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.12);
}

.login-header { text-align: center; margin-bottom: 32px; }
.login-logo { width: 80px; height: 80px; border-radius: 50%; margin-bottom: 16px; object-fit: cover; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
.login-header h1 { font-size: 24px; color: #333; margin-bottom: 8px; }
.login-header p { font-size: 14px; color: #999; }

.form-item { margin-bottom: 20px; }
.form-item label { display: block; font-size: 13px; color: #666; margin-bottom: 8px; }
.form-item input {
  width: 100%;
  padding: 12px;
  border: 1px solid #eee;
  border-radius: 8px;
  font-size: 14px;
  transition: border-color 0.2s;
}
.form-item input:focus { outline: none; border-color: #E8B4B8; }

.captcha-item { display: flex; align-items: center; gap: 8px; }
.captcha-item label { margin-bottom: 0; }
.captcha-item input { flex: 1; }
#captchaCanvas { border-radius: 6px; cursor: pointer; }

.login-btn {
  width: 100%;
  padding: 14px;
  background: linear-gradient(135deg, #E8B4B8, #d4969c);
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.2s, box-shadow 0.2s;
}
.login-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(232,180,184,0.4); }

.error-msg { padding: 8px 12px; background: #fff1f0; border: 1px solid #ffccc7; border-radius: 6px; color: #ff4d4f; font-size: 13px; }
.login-footer { margin-top: 24px; text-align: center; padding: 16px; background: #fafafa; border-radius: 8px; font-size: 13px; color: #666; }
.login-footer strong { color: #E8B4B8; }
.login-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none !important; }