/* 用户入口共用样式；首次渲染与登录状态同步使用同一尺寸和对齐。 */
.account-links .account-center-link { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.account-links .account-avatar { display: block; width: 20px; height: 20px; flex: 0 0 20px; }
/* 长账号只在文字区域省略，保留头像、退出按钮和窄屏导航的原有对齐。 */
.account-links .account-username { display: block; max-width: 14em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
  .account-links .account-username { max-width: 12em; }
  /* 复用原窄屏两行布局，避免400–767px长账号挤压左侧品牌文字。 */
  .public-header .primary-inner:has(.account-username) { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding-block: 10px; }
  .primary-inner:has(.account-username) > .brand-logo { grid-column: 1; grid-row: 1; }
  .primary-inner:has(.account-username) > .mobile-navigation { grid-column: 2; grid-row: 1; }
  .primary-inner:has(.account-username) > .account-links { grid-column: 1 / -1; grid-row: 2; margin-left: 0; justify-content: flex-end; }
}