/* 账户页面专属样式 */

/* 忘记密码弹窗样式 */
.layui-layer-page .layui-layer-content {
  /* height: 380px; */
}

#resetpwd-form .control-label {
  margin-bottom: 5px;
  font-weight: bold;
}

#resetpwd-form .form-control {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

#resetpwd-form .form-control:focus {
  border-color: #3498db;
  outline: none;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
}

/* 错误提示样式 - 放在输入框下方 */
#resetpwd-form .error-message {
  color: #e74c3c;
  font-size: 12px;
  margin-top: 5px;
  display: none;
}

#resetpwd-form .error-message::before {
  content: "✖";
  font-weight: bolder;
  margin-right: 3px;
}

#resetpwd-form .form-group.has-error .error-message {
  display: block;
}

#resetpwd-form .form-group.has-error .form-control {
  border-color: #e74c3c !important;
}

#resetpwd-form .form-group.has-error .form-control:focus {
  border-color: #e74c3c !important;
  box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.2);
}

/* 成功状态样式 */
#resetpwd-form .form-group.has-success .form-control {
  border-color: #27ae60;
}

#resetpwd-form .form-group.has-success .form-control:focus {
  border-color: #27ae60;
  box-shadow: 0 0 0 2px rgba(39, 174, 96, 0.2);
}

#resetpwd-form .success-message {
  color: #27ae60;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

#resetpwd-form .success-message::before {
  content: "✓";
  font-weight: bolder;
  margin-right: 3px;
}

/* 验证码容器样式 */
#resetpwd-form .input-group {
  display: flex;
}

#resetpwd-form .input-group .form-control {
  border-radius: 4px 0 0 4px;
  border-right: none;
}

#resetpwd-form .input-group-btn {
  display: inline-block;
}

#resetpwd-form .btn-captcha {
  width: 114px;
  height: 33px;
  padding: 6px 12px;
  background-color: #1688f1;
  border: 1px solid #1688f1;
  border-radius: 0 4px 4px 0;
  color: white;
  cursor: pointer;
  white-space: nowrap;
}

#resetpwd-form .btn-captcha:hover {
  background-color: #0c6ec8;
  border-color: #0b69be;
}

#resetpwd-form .btn-captcha:disabled {
  cursor: not-allowed;
}

/* 隐藏原有的标签行错误信息 */
#resetpwd-form .label-error-row .error-message {
  display: none !important;
}

/* 密码输入框包装器 */
.pwd-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.pwd-wrap .form-control {
  flex: 1;
  /* padding-right: 40px; */
}

/* 密码查看按钮 */
.pwd-eye {
  position: absolute;
  right: 12px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 16px;
  z-index: 10;
}

.pwd-eye:hover {
  color: #666;
}

.pwd-eye .eye-icon.closed {
  color: #999;
}

@media screen and (max-width: 768px){
  .layui-layer-page .layui-layer-content {
      height: 400px !important;
    }
}