/**
 * 认证与访客态 UI：轻提示、登录弹窗、修改信息弹窗
 * 依赖 common.css 中的主题变量（--theme-primary 等）
 */

/* 轻提示（登录成功/失败、操作反馈） */
.toast-notice {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 300px;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  border-radius: 4px;
  z-index: 9999;
  opacity: 0;
  transition: opacity 0.3s ease;
  text-align: center;
  pointer-events: none;
}
.toast-notice.show {
  opacity: 1;
}

/* 登录弹窗 */
.login-modal .modal-content {
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.login-modal .modal-header {
  background-color: var(--theme-primary);
  color: white;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#login-modal.modal {
  --bs-modal-zindex: 1085;
}

/* 修改信息弹窗（与登录同为小表单） */
#change-profile-modal .modal-dialog {
  margin: 0 auto;
  max-width: 400px;
}
@media (max-width: 575.98px) {
  #change-profile-modal .modal-dialog {
    margin: 1rem auto;
    max-width: 90%;
  }
}