/**
 * 重置密码页面样式
 * static/app/css/reset_password.css
 */

body {
  background-color: #f4f6fa;
}

.page-center {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
}

.card-reset {
  border-top: 4px solid #206bc4;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

[x-cloak] {
  display: none !important;
}

/* 密码强度指示器样式（参考 register.php） */
.password-strength {
  margin-top: 8px;
  margin-bottom: 15px;
}

.strength-meter {
  height: 4px;
  background: #eee;
  border-radius: 2px;
  overflow: hidden;
}

.strength-bar {
  height: 100%;
  width: 0;
  transition: width 0.3s ease, background-color 0.3s ease;
}

.strength-bar.weak {
  background: #d9534f;
}

.strength-bar.medium {
  background: #f0ad4e;
}

.strength-bar.strong {
  background: #5cb85c;
}

.strength-text {
  font-size: 12px;
  margin-top: 4px;
  color: #5a6b7c;
}

.strength-text.medium {
  color: #f0ad4e;
}

.strength-text.strong {
  color: #5cb85c;
}