/* ============================================================
 * 登录 / 注册页样式（login.css）
 * 功能：全屏居中卡片、站点图标、验证码行、提示条
 * ============================================================ */

/* 全屏居中背景（在站点纸张底色上叠加和风光晕） */
.login-body {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background:
    radial-gradient(circle at 18% 18%, rgba(178, 58, 46, .07), transparent 42%),
    radial-gradient(circle at 82% 82%, rgba(185, 146, 62, .09), transparent 42%);
}

/* 登录卡片 */
.login-card {
  width: 100%;
  max-width: 400px;
  padding: 2rem 1.75rem 1.75rem;
}

/* 站点图标 */
.login-logo {
  width: 58px;
  height: 58px;
  margin: 0 auto .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--cinnabar), var(--gold));
  box-shadow: 0 6px 16px rgba(178, 58, 46, .25);
}

/* 验证码行：图片 + 输入框同一行 */
.captcha-row {
  display: flex;
  gap: .5rem;
  align-items: center;
}

/* 验证码图片（含悬停提示层） */
.captcha-img-wrap {
  position: relative;
  flex: 0 0 auto;
  cursor: pointer;
  border-radius: .5rem;
}

.captcha-img {
  display: block;
  height: 38px;
  width: 116px;
  border: 1px solid var(--gold);
  border-radius: .5rem;
  background: #fcf9f1;
}

/* 悬停提示：覆盖在图片上的半透明文字层 */
.captcha-tip {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .74rem;
  color: #fff;
  background: rgba(30, 30, 30, .55);
  border-radius: .5rem;
  white-space: nowrap;
  opacity: 0;
  transition: opacity .2s;
  pointer-events: none;
}

.captcha-img-wrap:hover .captcha-tip { opacity: 1; }

/* 验证码输入框：占满剩余宽度，与图片同一行 */
.captcha-input {
  flex: 1 1 auto;
  min-width: 0;
}

/* 提交按钮与提示 */
.auth-tip {
  margin-top: .75rem;
  font-size: .82rem;
}