/* ========== 页脚四列导航：手机横屏专用（全站共用） ========== */
/* 仅在手机横屏时覆盖，不影响 PC / 竖屏 */

@media (max-width: 896px) and (orientation: landscape) {
  /* 缩小整体留白，避免内容挤出屏幕 */
  .footer-content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .footer-inner {
    gap: 1rem;
  }

  /* 四列导航：尽量一行，不够则自动换行 */
  .footer-nav {
    margin-left: 0;
    width: 68%;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 0.75rem;
    column-gap: 0.5rem;
  }

  .footer-col {
    padding: 0 0.75rem;
    min-width: 140px; /* 太窄会导致标题/链接断行过多 */
  }

  .footer-col::after {
    display: none;
  }

  .footer-col:first-child {
    padding-left: 0.25rem;
  }

  /* 清空桌面端为对齐设置的偏移，避免横屏下溢出 */
  body.lang-en .footer-col-1,
  body.lang-en .footer-col-2,
  body.lang-en .footer-col-3,
  body.lang-en .footer-col-4,
  body.lang-jpn .footer-col-1,
  body.lang-jpn .footer-col-2,
  body.lang-jpn .footer-col-3,
  body.lang-jpn .footer-col-4 {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-col-1 { margin-left: 0; margin-right: 0; }
  .footer-col-2 { margin-left: -50px; margin-right: 0; }
  .footer-col-3 { margin-left: -50px; margin-right: 0; }
  .footer-col-4 { margin-left: -50px; margin-right: 0; }

  .footer-col-title {
    font-size: 0.9rem;
    margin-bottom: 0px;
  }

  .footer-links a {
    font-size: 0.5rem;
  }

  .footer-links li {
    margin-bottom: 0px;
  }
}

/* iOS Safari 等：部分机型横屏不命中 orientation:landscape，用「宽且矮」识别；全站页脚与首页横屏一致 */
@media screen and (min-width: 568px) and (max-width: 932px) and (max-height: 480px) {
  .footer-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: max(10px, env(safe-area-inset-left, 0px));
    padding-right: max(10px, env(safe-area-inset-right, 0px));
  }

  .footer-nav {
    margin-left: -2% !important;
    width: 60% !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 0.5rem;
    box-sizing: border-box;
  }

  .footer-nav .footer-col,
  .footer-nav .footer-col-1,
  .footer-nav .footer-col-2,
  .footer-nav .footer-col-3,
  .footer-nav .footer-col-4 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0.35rem !important;
    padding-right: 0.35rem !important;
    min-width: 0;
    flex: 1 1 20%;
    max-width: 25%;
  }

  .footer-nav .footer-col::after {
    display: none;
  }

  .footer-col-title {
    font-size: 0.7rem !important;
    margin-bottom: 0.3% !important;
  }

  .footer-links a {
    font-size: 0.5rem !important;
  }

  .footer-links li {
    margin-bottom: 0.2% !important;
  }
}