/* Shared background for the independent H5 menu, legal and role documents. */
html:has(.subpage) { font-size: 100px; }
.subpage { font-size: .16rem; }
.subpage .site { position: relative; min-height: 100dvh; isolation: isolate; }
.subpage__background { position: absolute; pointer-events: none; z-index: -1; left: calc(50% - 1.95rem); top: 0; width: 3.9rem; height: auto; max-width: none; }
.subpage__main { position: relative; width: 3.9rem; max-width: 100%; margin: 0 auto; padding-top: 1.13rem; }
.subpage__label { margin-left: .19rem; font-size: .18rem; line-height: 1.2; letter-spacing: .0234rem; font-weight: 400; }
.subpage__title { margin: .604rem .17rem 0 .37rem; font-size: .46rem; font-family: var(--font-display); line-height: .55rem; font-weight: 800; }
html[lang^="zh-"] .subpage__title { font-weight: 900; }
.subpage .footer { width: 3.9rem; max-width: 100%; margin: 0 auto; }
@media (max-width: 768px) {
  html:has(.subpage) { font-size: calc(100vw / 3.9); }
}
@media (min-width: 769px) {
  .subpage__main { padding-top: 2.2rem; }
  .subpage .footer { min-height: 2rem; padding: .8rem 0; }
  .subpage .footer__content, .subpage .footer__horizon, .subpage .footer__glow { display: none; }
  .subpage .footer__mobile { display: block; text-align: center; font-size: .14rem; }
  .subpage .footer__policies { display: flex; justify-content: center; gap: .3rem; }
  .subpage .footer__brand { display: block; margin: .5rem auto; font-size: .1rem; }
  .subpage .footer__brand img { width: 1.44rem; margin: auto; }
  .subpage .footer__note { margin-top: .15rem; font-size: .12rem; }
}