.mmw-backend-maintenance-layer {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483647 !important;
  display: grid !important;
  place-items: center !important;
  box-sizing: border-box !important;
  padding: 20px !important;
  background: rgb(10 20 35 / 44%) !important;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif !important;
}

.mmw-backend-maintenance-card {
  position: relative !important;
  box-sizing: border-box !important;
  width: min(340px, calc(100vw - 40px)) !important;
  padding: 26px 24px 22px !important;
  border: 1px solid rgb(148 163 184 / 34%) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 22px 70px rgb(15 23 42 / 26%) !important;
  color: #14233b !important;
  text-align: center !important;
}

.mmw-backend-maintenance-icon {
  display: grid !important;
  place-items: center !important;
  width: 54px !important;
  height: 54px !important;
  margin: 0 auto 14px !important;
  border-radius: 17px !important;
  background: #eaf1ff !important;
  color: #285ad8 !important;
}

.mmw-backend-maintenance-card h2 {
  margin: 0 !important;
  color: #14233b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.mmw-backend-maintenance-card p {
  margin: 9px 0 21px !important;
  color: #5a6980 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
}

.mmw-backend-maintenance-close {
  position: absolute !important;
  top: 13px !important;
  right: 13px !important;
  width: 32px !important;
  height: 32px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: #718096 !important;
  font-size: 24px !important;
  line-height: 30px !important;
  cursor: pointer !important;
}

.mmw-backend-maintenance-close:hover {
  background: #f1f5f9 !important;
  color: #26364f !important;
}

.mmw-backend-maintenance-confirm {
  box-sizing: border-box !important;
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: #285ad8 !important;
  color: #fff !important;
  font: inherit !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

.mmw-backend-maintenance-confirm:hover {
  background: #1f4fc4 !important;
}

.mmw-backend-maintenance-close:focus-visible,
.mmw-backend-maintenance-confirm:focus-visible {
  outline: 3px solid rgb(40 90 216 / 28%) !important;
  outline-offset: 2px !important;
}
