/* ============================================================
   主页「管理员登录」弹窗 — 2026-10-15 调整
   ------------------------------------------------------------
   改动：左右加宽（360 → 480px）、整体圆角（18px）、
        输入框更矮 / 字号更小、按钮与错误提示同步收紧。
   放在主样式之后加载，只覆盖 .admin-modal* 这一块，
   不动全局 style.20261009.css（那个文件全站共用，改名代价大）。
   密码框保持 type="password"：浏览器原生就是圆点掩码。
   ============================================================ */

.admin-modal-overlay {
  padding: 1.25rem;
}

.admin-modal {
  width: 480px;
  max-width: min(92vw, 480px);
  padding: 1.7rem 2rem 1.85rem;
  gap: 0.65rem;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: linear-gradient(180deg, rgba(20, 21, 30, 0.97), rgba(13, 14, 21, 0.98));
  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.6);
  overflow: hidden;
}

.admin-modal-icon {
  width: 48px;
  height: 48px;
  font-size: 1.15rem;
  margin-bottom: 0;
}

.admin-modal h3 {
  font-size: 0.98rem;
  letter-spacing: 0.04em;
  margin-bottom: 0.3rem;
}

.admin-modal-field i {
  left: 0.8rem;
  font-size: 0.78rem;
}

.admin-modal-field input {
  padding: 0.42rem 0.8rem 0.42rem 2.2rem;
  font-size: 0.82rem;
  border-radius: 10px;
  height: 2.1rem;
}

/* 密码框：圆点掩码 + 稍宽的字距，看起来更清楚是掩码状态 */
#admin-password {
  letter-spacing: 0.14em;
}

#admin-password::placeholder {
  letter-spacing: normal;
}

.admin-modal-error {
  font-size: 0.76rem;
  min-height: 1.1em;
  margin: -0.1rem 0;
}

.admin-modal-login-btn {
  padding: 0.46rem;
  font-size: 0.88rem;
  border-radius: 10px;
  letter-spacing: 0.16em;
}

.admin-modal-close {
  top: 0.55rem;
  right: 0.8rem;
  font-size: 1.3rem;
}

@media (max-width: 480px) {
  .admin-modal { padding: 1.4rem 1.25rem 1.5rem; border-radius: 16px; }
  .admin-modal-icon { width: 42px; height: 42px; font-size: 1rem; }
}