/* 会员登录页专属样式 */
/* 登录方式 Tab */
.auth-tabs { display: flex; gap: 8px; margin-bottom: 18px; }
.auth-tab {
  flex: 1; text-align: center; padding: 10px 0; font-size: 14px; cursor: pointer;
  color: #64748b; border: 1px solid #e5e9f0; border-radius: 8px; background: #f8fafc;
  transition: all .2s;
}
.auth-tab.active {
  color: #1d4ed8; border-color: #2563eb; background: #eff6ff; font-weight: 600;
  box-shadow: 0 4px 12px -6px rgba(37,99,235,.4);
}
/* 手机号 + 验证码行 */
.cm-code-input { display: flex; gap: 8px; align-items: center; }
.cm-code-input input { flex: 1; }
.cm-btn-code {
  flex: none; height: 38px; padding: 0 16px; border: 0; border-radius: 8px;
  background: linear-gradient(135deg,#3b82f6,#2563eb); color: #fff; font-size: 13px; font-weight: 600;
  cursor: pointer; white-space: nowrap; transition: opacity .2s, transform .1s;
  box-shadow: 0 6px 16px -6px rgba(37,99,235,.6);
}
.cm-btn-code:hover { opacity: .92; }
.cm-btn-code:active { transform: translateY(1px); }
.cm-btn-code:disabled { opacity: .5; cursor: not-allowed; background: #cbd5e1; box-shadow: none; }
.cm-code-hint { font-size: 12px; color: #94a3b8; margin: -6px 0 12px; min-height: 16px; }
.auth-third { margin-top: 16px; }
.auth-divider {
  display: flex; align-items: center; gap: 10px; margin: 16px 0 4px;
  color: #94a3b8; font-size: 12px;
}
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: #e5e9f0; }
/* 微信图标按钮（无背景圆底，直接用微信绿图标） */
.wx-login-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; line-height: 1; padding: 0;
  background: transparent; border: 0; border-radius: 50%;
  cursor: pointer; transition: transform .15s, background .2s;
  text-decoration: none;
}
.wx-login-btn:hover { background: rgba(7,193,96,.08); transform: translateY(-1px); }
.wx-login-btn:active { transform: translateY(0); }
.wx-login-btn svg { width: 32px; height: 32px; fill: #07c160; display: block; }