/* Pure-static enhancements for the exported Qiaolian Association pages. */

a[data-static-only='true'] {
  cursor: default;
  pointer-events: none;
}

.static-form-notice {
  margin: 0.75rem 0 0;
  color: #6b7280;
  font-size: 0.875rem;
  line-height: 1.5;
}

button[data-static-only='true'] {
  cursor: not-allowed;
  opacity: 0.65;
}

/* The original React carousel used a cloned first slide. In a static page,
   showing the first real slide is clearer and does not require the runtime. */
.home_img__2bOQh .slick-track {
  width: 100% !important;
  left: 0 !important;
  transform: none !important;
}

.home_img__2bOQh .slick-slide {
  display: none !important;
  position: static !important;
  width: 100% !important;
  opacity: 1 !important;
}

.home_img__2bOQh .slick-slide:first-child {
  display: block !important;
}

.home_img__2bOQh .slick-dots {
  display: none !important;
}

/* The source export switches directly from a 1100px desktop canvas to a
   phone layout. These fluid tablet overrides keep the existing desktop
   information hierarchy while preventing horizontal scrolling at 769–1199px. */
@media screen and (min-width: 769px) and (max-width: 1199px) {
  .header_headerTop__1NQ26,
  .header_navWrap__3W5de .header_navBox__27EWQ,
  .footer_footer__2L9Kk .footer_footerCont__3Xol1,
  .layout_allPageWrap__1ckbv .layout_allPage__3eHQQ,
  .header-top,
  .nav-inner,
  .main,
  .footer-inner {
    width: calc(100% - 48px) !important;
  }

  .header_headerTop__1NQ26 .header_tree__3S2WV,
  .header-top .tree {
    max-width: 38% !important;
    height: auto !important;
    margin-right: 0 !important;
  }

  .header_navWrap__3W5de,
  .footer_footer__2L9Kk,
  .nav,
  .footer {
    min-width: 0 !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_navCont__1sYhH,
  .nav ul {
    flex: 1 1 0;
    width: auto !important;
    min-width: 0 !important;
  }

  .header_navWrap__3W5de .header_navBox__27EWQ .header_navCont__1sYhH li,
  .nav li {
    flex: 1 1 0;
    min-width: 0 !important;
  }

  .layout_allPageWrap__1ckbv .layout_allPage__3eHQQ .layout_contentwrap__2RjZd .layout_main__23OOW {
    width: calc(100% - 174px) !important;
  }

  .home_announceWrap__2QtHG,
  .home_eventsWrap__1TPRN {
    min-width: 0 !important;
  }

  .home_announceWrap__2QtHG .home_announce__28pwP,
  .home_introduce__HCuKC,
  .home_honor__3bi7o,
  .home_councilList__3m0Kp,
  .home_committeeList__1HQrd,
  .home_citiesList__26RLR,
  .home_shining__31sc_,
  .home_eventsWrap__1TPRN .home_slidesWrap__1jnKc,
  .home_eventsWrap__1TPRN .home_articleWrap__3cx73,
  .home_eventsWrap__1TPRN .home_more__1QLwH {
    width: calc(100% - 48px) !important;
  }

  .home_events__1C0MO,
  .home_history__3kbFn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .home_honor__3bi7o .home_list__3uXRG {
    right: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .home_introduce__HCuKC .home_img__2bOQh {
    width: 45% !important;
    margin-left: 0 !important;
  }

  .home_councilList__3m0Kp .home_councilListInner__2FL25,
  .home_committeeList__1HQrd .home_committeeListInner__3kPEk {
    width: 100% !important;
    margin-left: 0 !important;
  }

  .home_citiesList__26RLR .home_citiesListInner__3Kuqe {
    width: 100% !important;
  }

  .home_citiesList__26RLR .home_menu__rFSnx {
    width: 82% !important;
    max-width: 900px;
  }

  .liveList_tabContent__1QOIM,
  .liveList_detailList__2OoTG,
  .liveList_detailListBox__uLK7r {
    width: calc(100% - 48px) !important;
  }

  .article_page__PhXX9 .article_content__3mM_S {
    width: calc(100% - 48px) !important;
  }

  .article_page__PhXX9 .article_content__3mM_S .article_videoParent__3LhuI,
  .article_page__PhXX9 .article_content__3mM_S .tcplayer {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
  }

  .static-form-notice {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  .carousel-wrap {
    width: 100% !important;
    height: auto !important;
    padding-right: 24px !important;
    padding-left: 24px !important;
  }

  .carousel {
    width: 100% !important;
  }

  .article-list {
    width: calc(100% - 48px) !important;
  }
}