body:has(> .footer-box) { min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; }
body:has(> .footer-box) > * { flex-shrink:0; }
body > .footer-box { margin-top:auto; width:100%; box-sizing:border-box; }
body > .footer-friends { margin-top:auto; }
body > .footer-friends ~ .footer-box { margin-top:0; }

/* Reuse the existing moreSites configuration above the shared footer. */
.footer-friends { width:100%; background:transparent; }
.footer-friends-inner { width:1520px; max-width:calc(100% - 64px); margin:0 auto; padding:32px 0; box-sizing:border-box; }
.footer-friends h2 { margin:0 0 18px; color:rgba(255,255,255,.9); font-size:24px; line-height:32px; font-weight:600; }
.footer-friends-links { display:flex; flex-wrap:wrap; gap:18px 12px; }
.footer-friends-links a { display:block; flex:0 0 auto; max-width:100%; padding:9px 24px; box-sizing:border-box; border-radius:6px; background:rgba(255,255,255,.05); color:rgba(255,255,255,.65); text-align:center; text-decoration:none; font-size:16px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.footer-friends-links a:hover { color:#ff4b02; background:rgba(255,255,255,.08); }
.footer-friends-links a:focus-visible { outline:2px solid #ff4b02; outline-offset:3px; }

@media (min-width:861px) and (max-width:1919px) {
  html body .footer-friends-inner { width:1520px; max-width:none; margin-inline:auto; zoom:var(--site-pc-scale-1520); }
}
@media (max-width:767px) {
  .footer-friends { background:#0f0f0f; }
  .footer-friends-inner { width:100%; max-width:100%; padding:24px 16px; }
  .footer-friends h2 { margin-bottom:12px; font-size:16px; line-height:22px; }
  .footer-friends-links { gap:10px 8px; }
  .footer-friends-links a { padding:11px 16px; font-size:12px; line-height:18px; }
}

/* Personal-center pages omit the shared footer on H5. */
@media (max-width: 767px) {
  body:is(.is-user-center-page, .deposit-layout, .is-collect-page,
    .is-history-page, .is-setting-page, .is-edit-profile-page,
    .is-edit-password-page) > :is(.footer-friends, .footer-box, .download-fab, .floating-action) {
    display: none;
  }
}

/* Account status is shared by the header, personal center and wallet. */
.account-status-badge { display: inline-block; padding: 2px 8px; border-radius: 4px; background: #482b27; color: #ffc1b5; font-size: 12px; line-height: 18px; white-space: nowrap; }
.account-ban-notice { padding: 16px; margin-bottom: 24px; border: 1px solid #75433a; border-radius: 12px; background: #2d201e; color: #ffc1b5; }
.account-ban-notice strong { font-size: 16px; line-height: 24px; }
.account-ban-notice p { margin: 6px 0 0; font-size: 14px; line-height: 22px; }
[data-account-banned][hidden] { display: none !important; }
@media (max-width: 767px) {
  .account-ban-notice { padding: 12px; margin-bottom: 20px; }
  .account-ban-notice p { font-size: 13px; line-height: 21px; }
  .header-account .account-status-badge { display: none; }
}
