/* =========================================
   H5 Footer 组件（Figma 423:3281 Footer_m）
   仅 max-width: 768px，与 PC .footer 完全隔离
   ========================================= */

@media (max-width: 768px) {
  #footer-placeholder .footer {
    display: none !important;
  }

  .footer-m {
    width: 100%;
    background: #111111;
    color: #ffffff;
    word-break: normal;
    overflow-wrap: break-word;
    hyphens: none;
  }

  .footer-m__inner {
    box-sizing: border-box;
    min-height: 5.48rem;
    padding: 0.48rem 0.24rem calc(0.48rem + env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  /* 导航：ABOUT / SERVICE 第一行，CAREER / PRIVACY 第二行（Figma 48px / 96px） */
  .footer-m__nav {
    display: grid;
    grid-template-columns: max-content max-content;
    column-gap: 0.95rem;
    row-gap: 0.28rem;
    width: 100%;
    max-width: 3.42rem;
  }

  .footer-m__nav-link {
    font-family: var(--font-en);
    font-size: 0.2rem;
    font-weight: 800;
    line-height: normal;
    color: #ffffff;
    white-space: nowrap;
  }

  .footer-m__nav-link:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .footer-m__nav-link:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }

  .footer-m__nav-link:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
  }

  .footer-m__nav-link:nth-child(4) {
    grid-column: 2;
    grid-row: 2;
  }

  /* CONTACT（Figma top 144px，距导航约 28px） */
  .footer-m__contact {
    margin-top: 0.24rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
  }

  .footer-m__contact-title {
    margin: 0;
    font-family: var(--font-en);
    font-size: 0.2rem;
    font-weight: 800;
    line-height: normal;
    color: #ffffff;
    display: block; /* 兼容 a 标签，保持与原 h2 一致的块级布局 */
    cursor: pointer;
  }

  .footer-m__contact-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-family: var(--font-en);
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 0.24rem;
    color: #ffffff;
    opacity: 0.8;
  }

  .footer-m__contact-list li {
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal;
  }

  /* Logo（Figma top 358px，宽 342px，高 60px） */
  .footer-m__brand {
    margin-top: 0.46rem;
    width: 100%;
    max-width: 3.42rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer-m__logo {
    display: block;
    width: 100%;
    max-width: 3.42rem;
    height: auto;
    max-height: 0.6rem;
    object-fit: contain;
    object-position: center;
  }

  /* 版权（Figma top 434px / 482px，16px，opacity 0.4） */
  .footer-m__legal {
    margin-top: 0.16rem;
    width: 100%;
    max-width: 3.42rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .footer-m__copyright {
    margin: 0;
    font-family: var(--font-en);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.2rem;
    color: #ffffff;
    opacity: 0.4;
    white-space: normal;
  }

  .footer-m__credit {
    margin: 0.08rem 0 0;
    font-family: var(--font-en);
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 0.18rem;
    color: #ffffff;
    opacity: 0.4;
    white-space: normal;
  }
}

@media (min-width: 769px) {
  .footer-m {
    display: none !important;
  }
}