/* In standalone iOS with viewport-fit=cover the layout begins behind the
   translucent status bar. Keep the header background there, but move its
   interactive content below the device's actual safe area. Browser tabs have
   a zero top inset, so they retain the existing header spacing. */
@media (max-width: 760px) {
  body.qy-premium {
    --qy-header-safe-top: env(safe-area-inset-top, 0px);
  }
  body.qy-premium .topbar {
    padding-top: calc(14px + var(--qy-header-safe-top));
  }
  body.qy-premium .topbar :is(#qyHeaderChat, .mode[aria-label^="查看通知"]) {
    min-width: 44px;
    min-height: 44px;
  }
}