#zjStaticHealth {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 2147483646;
  max-width: min(420px, calc(100vw - 28px));
  padding: 9px 12px;
  border: 1px solid rgba(148, 163, 184, .25);
  border-radius: 10px;
  color: #e2e8f0;
  background: rgba(15, 23, 42, .92);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
  font: 600 12px/1.55 system-ui, "Microsoft YaHei", sans-serif;
  transition: opacity .2s ease;
}

#zjStaticHealth.ok { opacity: .48; }

#zjStaticHealth.ok:hover,
#zjStaticHealth.warn { opacity: 1; }

#zjStaticHealth.warn {
  color: #fef3c7;
  border-color: rgba(245, 158, 11, .45);
  background: rgba(120, 53, 15, .94);
}

@media (prefers-reduced-motion: reduce) {
  #zjStaticHealth { transition: none; }
}