/* ==========================================================================
 * responsive-tablet.css
 * 平板端（501px – 1259px）公共响应式重置
 * 覆盖全局 .v2022 { min-width: 1260px } 与桌面导航，
 * 兼容所有 iPad 竖屏(768–1024)与横屏(1024–1366)视口
 *
 * 断点策略：≤500px 移动端 | 501–1259px 平板 | ≥1260px 桌面端
 * 原在 25+ 个页面级 CSS 文件中逐字重复，现统一提取至此。
 * 由 inc_css.html 全局引入，各页面文件不再重复此块。
 * ========================================================================== */

@media screen and (max-width: 1259px) {
  /* 消除全局 min-width:1260px 导致的水平溢出 */
  .v2022 {
    min-width: 0;
  }

  /* 导航栏：切换为移动端导航 */
  .v2022 .head-box,
  .v2022 .head-box-placeholder {
    display: none;
  }
  .v2022 .m-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .v2022 .m-head-placeholder {
    height: 66px;
  }

  /* 订阅弹窗：平板下隐藏 */
  .v2022 .fixed-subscript,
  .v2022 .fixed-subscript-mini {
    display: none;
  }
}