/* 项目自定义样式修正（集中管理所有后期调整） */

/* 1. tours.html & index.html: Tour Tabs 手机端布局
 * - 768px 以下：每行 3 个标签，总共两行，避免文字被拆成竖排
 */
@media (max-width: 768px) {
  /* 首页推荐 tab（index.html） */
  .index_tour_tabs {
    display: flex;
    flex-wrap: wrap;
  }
  .index_tour_tabs .tour-tab {
    flex: none;
    width: 33.33%;
    white-space: nowrap;
    font-size: 15px;
    padding: 8px 0;
    text-align: center;
  }

  /* 一般 tours 列表页（tours.html） - 注意有 .tour-tab-wrap 这一层 */
  .page-tours .tour-tabs {
    display: flex;
    flex-wrap: wrap;
  }
  .page-tours .tour-tab-wrap {
    flex: none;
    width: 33.33%;
  }
  .page-tours .tour-tab {
    display: block;
    width: 100%;
    white-space: nowrap;
    font-size: 15px;
    padding: 8px 0;
    text-align: center;
  }
}