/* ========== 关于我们 - 顶部导航 手机横屏专用 ========== */
/* 仅 about.html 引入，可单独调整，不影响其他页面 */

/* 平板/手机横屏（约 768–1024px 宽） */
@media (max-width: 1024px) and (orientation: landscape) {
  .hk-navbar .hk-search {
    width: 140px;
  }

  .hk-navbar .hk-navbar-lang a {
    padding: 2px 10px;
    font-size: 11px;
  }

  .hk-navbar .hk-navbar-menu {
    margin-left: 0;
    flex-wrap: nowrap;
  }

  .hk-navbar .hk-navbar-menu .nav-link {
    padding: 0 18px;
    font-size: 13px;
  }
}

/* 更窄手机横屏（宽度 < 896px） */
@media (max-width: 896px) and (orientation: landscape) {
  .hk-navbar {
    width: 100%;
    /* 不设固定 height，由背景图按比例撑开，保证图片完整显示 */
  }

  .hk-navbar .hk-navbar-bg {
    width: 125%;
    height: auto; /* 按图片原始比例显示，避免裁剪 */
  }

  .hk-navbar .hk-search {
    width: 120px;
  }

  .hk-navbar .hk-navbar-lang a {
    padding: 2px 8px;
    font-size: 10px;
  }

  .hk-navbar .hk-navbar-menu {
    margin-left: 103px;
    flex-wrap: nowrap;
    justify-content: center;
  }

  .hk-navbar .hk-navbar-menu .nav-link {
    padding: 0 12px;
    font-size: 12px;
    line-height: 32px;
  }

  .hk-navbar .hk-navbar-top {
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 10px 16px 6px 0;
  }

  .hk-navbar .hk-navbar-lang {
    margin-left: 0;
  }
}