.site-account-login { display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 15px; border: 1px solid #3c78cd; border-radius: 9px; color: #fff; background: #347be0; text-decoration: none; font: 650 12px/1.3 "Segoe UI", "Microsoft YaHei", sans-serif; white-space: nowrap; transition: background .18s; }
.site-account-login:hover { background: #468cf0; }
.site-account { position: relative; flex: 0 0 auto; color: #edf5ff; font: 13px/1.4 "Segoe UI", "Microsoft YaHei", sans-serif; }
.site-account summary { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 5px 9px 5px 5px; border: 0; border-radius: 24px; background: transparent; font-size: 14px; font-weight: 600; cursor: pointer; list-style: none; }
.site-account summary:hover { background: #ffffff08; }
.site-account[open] .site-account-chevron { margin-top: 3px; transform: rotate(225deg); }
.site-account summary::-webkit-details-marker { display: none; }
.site-account-name { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.site-account-avatar { position: relative; display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; overflow: hidden; border-radius: 50%; background: #34577a; color: #fff; font-size: 13px; font-weight: 700; }
.site-account-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.site-account-avatar img[hidden] { display: none; }
.site-account-chevron { width: 6px; height: 6px; border-inline-end: 1.5px solid #a3bbd4; border-bottom: 1.5px solid #a3bbd4; transform: rotate(45deg); margin-top: -3px; }
.site-account-dropdown { position: absolute; z-index: 1500; top: calc(100% + 8px); inset-inline-end: 0; min-width: 160px; padding: 5px; border: 1px solid #304359; border-radius: 9px; background: #152233; box-shadow: 0 10px 28px #0004; }
.site-account-dropdown a, .site-account-dropdown button { display: block; width: 100%; padding: 10px 12px; border: 0; border-radius: 6px; background: transparent; color: #e3edf8; font: inherit; text-align: start; cursor: pointer; }
.site-account-dropdown a:hover, .site-account-dropdown button:hover { background: #263d57; }
.site-account summary:focus-visible, .site-account-login:focus-visible, .site-account-dropdown a:focus-visible, .site-account-dropdown button:focus-visible { outline: 2px solid #63cddd; outline-offset: 3px; }
@media (max-width: 700px) {
  .site-account-login { min-height: 33px; padding: 0 11px; font-size: 11px; }
  .site-account-name { max-width: 85px; font-size: 11px; }
  .site-account summary { gap: 5px; min-height: 40px; padding: 5px 9px 5px 5px; font-size: 12px; }
  .site-account-avatar { width: 30px; height: 30px; flex-basis: 30px; }
}
@media (max-width: 420px) {
  .site-chart .site-account-name { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .site-account-login { transition: none; }
}

.site-account-dropdown a { box-sizing: border-box; text-decoration: none; }