/* 只在登录页 (#login-root) 命中，其他页面不受影响 */
#login-root .login-card,
#login-root .ant-card.login-card {           /* 如果用 AntdCard */
  background: #fff !important;               /* ✅ 白底 */
  color: #111 !important;                    /* 深色文字 */
  border-radius: 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,0.18);
  border: 1px solid rgba(0,0,0,0.06);
  padding: 22px;                             /* 如果是 Div，当做内边距；AntdCard 可用 bodyStyle 代替 */
}

/* 如果用的是 AntdCard，头部/主体也强制白底 */
#login-root .login-card .ant-card-head,
#login-root .login-card .ant-card-body {
  background: #fff !important;
}

/* 标题/副标题（可按你真实类名微调） */
#login-root .login-title { 
  margin: 0 0 8px 0; 
  font-weight: 700; 
  font-size: 22px; 
  color: #111;
}
#login-root .login-subtitle { 
  margin-bottom: 16px; 
  color: #555; 
  font-size: 13px; 
}

/* 表单细节：让输入框是白底、边框明显、占位符清晰 */
#login-root input,
#login-root .ant-input,
#login-root .ant-input-affix-wrapper,
#login-root .ant-input-password {
  background: #fff !important;
  color: #111 !important;
  border-color: rgba(0,0,0,0.25) !important;
}
#login-root input::placeholder,
#login-root .ant-input::placeholder {
  color: #8a8a8a !important;
}

/* 表单标签与错误提示颜色 */
#login-root .ant-form-item-label > label {
  color: #222 !important;
}
#login-root .ant-form-item-explain-error {
  color: #c0362c !important;
}

/* 登录按钮宽度、层级（可选） */
#login-root .login-card .ant-btn {
  width: 100%;
}