/* Figma 64:574, presented over the current document without a route change. */
.mobile-menu { display: none; }
@media (max-width: 768px) {
  html.mobile-menu-open { overflow: hidden; }
  .mobile-menu[open] {
    display: block; position: fixed; inset: 0; margin: 0; padding: 0; border: 0;
    width: 100%; max-width: none; height: 100dvh; max-height: none;
    overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain;
    background: #140700; color: #fff; font: inherit;
  }
  .mobile-menu::backdrop { background: #140700; }
  .mobile-menu__sheet {
    position: relative; min-height: max(9.79rem, 100dvh);
    background: url(../../images/mobile/menu-background.png) center top / 3.9rem auto no-repeat;
  }
  .mobile-menu__header { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; height: calc(.72rem + env(safe-area-inset-top)); background: #140700; }
  .mobile-menu__brand { display: block; width: .51rem; margin: calc(.24rem + env(safe-area-inset-top)) 0 0 .39rem; }
  .mobile-menu__brand img { width: 100%; height: auto; }
  .mobile-menu__main { padding-top: calc(1.35rem + env(safe-area-inset-top)); min-height: calc(6.27rem + env(safe-area-inset-top)); }
  .mobile-menu__nav { display: flex; flex-direction: column; align-items: center; gap: .316rem; }
  .mobile-menu__link { position: relative; font-size: .18rem; line-height: .216rem; min-height: .44rem; color: #5b5b5b; }
  .mobile-menu__link:hover, .mobile-menu__link:focus-visible, .mobile-menu__link.is-current { color: #fff; }
  .mobile-menu__link.is-current::after { content: ""; position: absolute; top: .26rem; left: 50%; translate: -50% 0; width: .29rem; height: .12rem; background: url(../../images/common/navigation-selected.svg) center / contain no-repeat; }
  /* Equal language slots keep 简 on the page axis; a stable font stack also
     keeps the mixed Latin / Chinese baseline unchanged when switching. */
  .mobile-menu__language {
    margin: .316rem auto 0; width: 1.23rem; display: grid;
    grid-template-columns: 1fr .08rem 1fr .08rem 1fr; column-gap: .06rem;
    justify-items: center; align-items: baseline; color: #5b5b5b;
    font: 400 .2rem/.45rem "Manrope", "Noto Sans SC", "Noto Sans TC", sans-serif;
    letter-spacing: -.004rem;
  }
  .mobile-menu__language button { min-height: .45rem; min-width: 0; width: 100%; font: inherit; letter-spacing: inherit; text-align: center; white-space: nowrap; }
  .mobile-menu__language .is-current { color: #fff; }
  .mobile-menu .mobile-menu__footer { width: 100%; margin: 0; }
}