/* 代理商后台 - 登录样式 */
* { 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); 
}

.login-links {
  text-align: center;
  margin-top: 16px;
}

.login-links a {
  color: #9B8AA5;
  font-size: 13px;
  text-decoration: none;
}

.login-links a:hover {
  text-decoration: underline;
}

/* Toast 提示样式 */
.toast-message {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.9);
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  color: white;
  opacity: 0;
  transition: all 0.3s;
  z-index: 9999;
}

.toast-message.show {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

.toast-success { background: rgba(76, 175, 80, 0.9); }
.toast-error { background: rgba(244, 67, 54, 0.9); }

/* 错误提示 */
.error-msg {
  padding: 8px 12px;
  background: #fff1f0;
  border: 1px solid #ffccc7;
  border-radius: 6px;
  color: #ff4d4f;
  font-size: 13px;
}

/* 验证码容器 */
.captcha-wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
}

/* 登录页底部 */
.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;
}