/* ============ GTN 响应式 ============ */
/* 桌面/笔记本以下：导航转为可展开菜单 */
@media (max-width: 1024px) {
  header .info .contact .mail { font-size: .8em; }
  header .nav .one > li { font-size: .72em; }
  .gtn-why-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .gtn-pcards .gtn-pcard { width: 48%; }
  .gtn-news-list .text { width: calc(100% - 230px); }
}

/* 平板 */
@media (max-width: 860px) {
  body.gtn-body { padding-top: 120px; }
  header { height: 120px; }
  header .info { height: 70px; }
  header .info .logo { height: 54px; }
  header .nav { height: 50px; }

  /* 汉堡菜单 */
  header .nav .menubtn { display: block; }
  header .nav .menu-header-nav-container {
    position: absolute; left: 0; top: 50px; width: 100%;
    background-color: var(--main-color); max-height: 0; overflow: hidden;
    transition: max-height .3s ease;
  }
  header.nav-open .nav .menu-header-nav-container { max-height: 70vh; overflow-y: auto; }
  header .nav .one { flex-direction: column; height: auto; }
  header .nav .one > li { width: 100%; line-height: 46px; border-bottom: 1px solid rgba(255,255,255,.18); }
  header .nav .one > li > a { display: block; padding: 0 20px; }

  .main-width { max-width: 94vw; }
  /* banner 移动端：沿用 base 的 min-height:620px（不压缩高度），
     文字区 align-items:flex-end + 底部 135px 预留，避免 advantage 半透明块盖住轮播文字 */
  .index-banner .slide-pic li .wp-block-cover { align-items: flex-end; padding: 4vw 4vw 135px; }
  .index-banner .slide-pic li .wp-block-cover__inner-container { width: 100% !important; padding: 10px; }
  .index-banner .slide-pic li h2 { padding-bottom: 10px; margin-bottom: 15px; font-size: 1.2em; }
  .index-banner .slide-pic li h2 br { display: none; }
  .index-banner .slide-pic li h4 { margin-bottom: 15px; font-size: 0.8em; }
  .index-banner .slide-pic li .wp-block-buttons { flex-direction: row; flex-wrap: wrap; gap: 8px 10px; }
  .index-banner .slide-pic li .wp-block-button__link { width: auto; min-width: 130px; padding: 0 16px; height: 32px; line-height: 32px; font-size: 13px; }
  .index-banner .advantage { width: 100%; padding: 16px 20px; }
  .index-banner .advantage li { display: block; width: 25%; font-size: .6em; text-align: center; }
  .index-banner .advantage li img { display: block; width: 45px; height: 45px; margin: 0 auto 5px; }
  .index-about, .index-why, .index-products { padding: 56px 0; }

  .gtn-why-grid { grid-template-columns: 1fr; row-gap: 36px; }

  footer .info { width: 100%; max-width: 100%; }
  footer .sns { width: 100%; display: flex; gap: 30px; align-items: flex-start; justify-content: flex-start; margin-top: 30px; }
  footer .sns > .wp-block-image { width: 110px; }
  footer .info .menu-footer-nav-container .one { flex-wrap: wrap; column-gap: 22px; row-gap: 10px; }

  .gtn-pcards .gtn-pcard { width: 100%; }
  .gtn-pcards { gap: 24px; }

  .gtn-news-list li { flex-direction: column; align-items: flex-start; }
  .gtn-news-list .pic { width: 100%; height: 180px; margin-bottom: 14px; }
  .gtn-news-list .text { width: 100%; padding-left: 0; }
  .gtn-news-list .text:before { display: none; }
  .gtn-news-list .date { width: 100%; text-align: left; margin-top: 10px; }
  .gtn-news-list li:hover .text { padding-left: 0; }

  .gtn-pdp .overview { flex-direction: column; }
  .gtn-pdp .gallery { width: 100%; max-width: 100%; }
  .gtn-pdp .gallery .main-pic { height: auto; min-height: 280px; }
  .gtn-pdp .text { width: 100%; }

  .gtn-quote .main-width { flex-direction: column; }
  .gtn-quote .info, .gtn-quote .quote { width: 100%; }

  .gtn-media { flex-direction: column; }
  .gtn-media > .m { flex: 1 1 100%; width: 100%; }
  .gtn-cols { flex-direction: column; gap: 24px; }
  .gtn-grid-2 { grid-template-columns: 1fr; }

  .flow-icon { bottom: 12%; }
  .flow-icon a { width: 46px; height: 46px; line-height: 46px; font-size: 22px; }
}

/* 手机 */
@media (max-width: 540px) {
  body { font-size: 16px; }
  .index-main h2 { font-size: 1.2em; }
  .index-banner .slide-pic li h2 { font-size: 1.2em; }
  .index-banner .advantage { padding: 15px 4vw; }
  .gtn-gitem { flex: 0 0 78vw; }
  .gtn-article .box, .gtn-pdp .detail { padding: 24px; }
  .gtn-pdp .detail .tab span { padding: 0 14px; }
  .bread { padding: 14px 0; }
  footer .sns { flex-direction: column; }
}

/* 超宽屏 —— 与目标站一致：内容区恒定 1200px，不随视口放大 */
@media (min-width: 1600px) {
  .main-width { width: 1200px; }
}