/* Priority launch fixes: content must never wait for JavaScript to become visible. */
html,
body {
  opacity: 1 !important;
  visibility: visible !important;
}

.reveal,
[data-reveal],
.hero-copy,
.hero-visual {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  animation: none !important;
}

.is-pending-login {
  position: relative;
}

.is-pending-login::after {
  content: "待启用";
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  background: #f4e8e3;
  color: #8a263f;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0;
}

.login-config-notice {
  max-width: 520px;
  margin: 14px auto 0;
  padding: 12px 14px;
  border: 1px solid rgba(138, 38, 63, 0.16);
  border-radius: 12px;
  background: #fff8f4;
  color: #765f59 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
  text-align: left;
}

@media (max-width: 720px) {
  .login-config-notice {
    margin-top: 10px;
    font-size: 12px !important;
  }
}