.account-presence-badge {
  position: fixed; top: 18px; right: 24px; z-index: 1200;
  border: 0; border-radius: 10px; background: #fff1ed; color: #b43b27;
  padding: 11px 16px; font-family: inherit; font-weight: 600; font-size: 13px; line-height: 1.4;
  box-shadow: 0 4px 22px #762a1615; cursor: pointer;
}
.account-presence-dialog {
  margin: auto;
  box-sizing: border-box; width: min(460px, calc(100vw - 32px));
  max-height: min(680px, calc(100dvh - 48px)); overflow: auto;
  padding: 30px; border: 0; border-radius: 20px; color: #25283a;
  background: white; box-shadow: 0 24px 90px #19164030;
}
.account-presence-dialog::backdrop { background: #14152f38; backdrop-filter: blur(2px); }
.account-presence-symbol {
  display: grid; place-items: center; width: 42px; height: 42px;
  border-radius: 14px; background: #fff0e9; color: #bf492f; font-size: 24px; font-weight: 700;
}
.account-presence-dialog h2 { margin: 18px 0 8px; font-size: 22px; letter-spacing: -.4px; }
.account-presence-description { margin: 0; font-size: 14px; line-height: 1.8; color: #75798b; }
.account-presence-list { list-style: none; padding: 0; margin: 20px 0; }
.account-presence-list li { padding: 13px 16px; margin: 8px 0; background: #f7f7fc; border-radius: 10px; overflow-wrap: anywhere; }
.account-presence-list strong, .account-presence-list span, .account-presence-list small { display: block; }
.account-presence-list strong { font-size: 15px; }
.account-presence-list span { margin-top: 5px; font-size: 13px; color: #b43b27; }
.account-presence-list small { margin-top: 6px; font-size: 12px; color: #898c9d; }
.account-presence-footnote { color: #898c9d; font-size: 12px; line-height: 1.7; }
.account-presence-actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.account-presence-actions button { border: 0; border-radius: 9px; padding: 11px 19px; background: #f5f5fa; color: #4c5067; cursor: pointer; font: inherit; font-size: 14px; }
.account-presence-actions [data-presence-open] { background: #1f23ab; color: white; }
.account-presence-actions button:focus-visible, .account-presence-badge:focus-visible { outline: 3px solid #b5b5f9; outline-offset: 3px; }
.inbox-account-switch[data-presence-status="离线"]::after,
.inbox-account-switch[data-presence-status="检测失败"]::after {
  content: ""; position: absolute; width: 9px; height: 9px; border: 2px solid white;
  border-radius: 50%; bottom: 4px; right: 3px; background: #db493a;
}
.inbox-account-switch[data-presence-status="检测失败"]::after { background: #d49a37; }