.video-section { padding-bottom: 9.65px; }
.site-footer { margin-bottom: 34px; }
@media (max-width: 992px) {
  .video-section { padding-bottom: 3.93px; }
  .site-footer { margin-bottom: 44px; }
}

/* xingfu-ui-20261022: desktop frame; original mobile layout retained */
@media (min-width: 993px) {
  html { background: #1d2126; }
  body { width: calc(100% - 64px); max-width: 1440px; margin: 24px auto; border: 1px solid #414950; border-radius: 8px; box-shadow: 0 10px 32px rgba(0,0,0,.18); }
  .site-nav { height: auto; min-height: 107.57px; border-width: 0 0 1px; border-radius: 8px 8px 0 0; }
  .desktop-nav { flex: 1 1 auto; width: auto; min-width: 0; height: auto; }
  .brand { flex-shrink: 0; }
  .top-search { flex-shrink: 0; }
  .app-grid { max-width: 100%; }
}
/* Native friend links share one backend group, within the original block. */
.friend-section.fleet-native-friendlinks { height: auto; min-height: 0; padding-top: 12px; padding-bottom: 14px; overflow: visible; }
.fleet-native-friendlinks .friend-grid { display: flex; flex-wrap: wrap; gap: 6px; }
.fleet-native-friendlinks .friend-tag { margin: 0; }

/* xingfu-native-bind-20261023: hidden backend groups collapse without changing visible style */
[data-fleet-tag-group]:not(:has(a:not([data-fleet-tag-hidden="1"]))) {
  display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
[data-fleet-tag-group]:has(a[data-fleet-tag-hidden="1"]) { height: auto; min-height: 0; }
.app-grid:not(:has(.app-item:not([data-fleet-ad-hidden="1"]))) {
  display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important;
}
.app-grid:has(.app-item[data-fleet-ad-hidden="1"]) { height: auto; }

/* xingfu-brand-one-line-20261023 */
.site-nav .brand { width: auto; flex: 0 0 auto; gap: 8px; white-space: nowrap; }
.site-nav .brand strong, .site-nav .brand small { flex-shrink: 0; white-space: nowrap; }
.site-nav .brand small { margin-left: 0; }
@media (max-width: 992px) { .site-nav .brand { flex: 1 1 auto; min-width: 0; } }
@media (max-width: 480px) {
  .site-nav .brand { gap: 6px; }
  .site-nav .brand strong { font-size: 18px; }
  .site-nav .brand small { font-size: 11px; }
}
