/* topic_common.css —— 登录/注册/找回/修改密码页共享的表单与验证码基础样式
   由 login_topic.css 与 register_topic.css 中完全相同的规则抽取而来，外观不变 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.form-item.captcha-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.form-item.code-row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.form-input.captcha-input {
  flex: 1;
}
.form-input.code-input {
  flex: 1;
}
.captcha-image {
  flex-shrink: 0;
  width: 120px;
  height: auto;
  /* border-radius: 6px; */
  overflow: hidden;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}
.captcha-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.get-code-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.get-code-btn:active {
  transform: scale(0.98);
}
.get-code-btn.disabled {
  background: #A0C8F5;
  cursor: not-allowed;
  opacity: 0.7;
}