/* 响应式完整样式 - 确保PC端和移动端导航正确显示 */

/* PC端导航显示控制 - 769px及以上 */
@media (min-width: 769px) {
  /* 确保PC端导航正常显示 */
  .nav-box {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 强制隐藏移动端导航 */
  .mobile-nav-wrapper,
  .mobile-nav-main,
  .mobile-nav-box,
  .mobile-navItemsProject,
  .mobile-nav-mask {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    z-index: -1 !important;
  }

  /* 移除移动端的body padding */
  body {
    padding-top: 0 !important;
  }

  /* 移除移动端菜单打开时的body样式 */
  body.mobile-menu-open {
    overflow: auto !important;
    position: static !important;
    width: auto !important;
  }
}

/* 移动端导航显示控制 - 768px及以下 */
@media (max-width: 768px) {
  /* 强制隐藏PC端导航 */
  .nav-box,
  #nav-box {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  /* 确保移动端导航正常显示 */
  .mobile-nav-wrapper {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 断点特殊处理 - 确保980px宽度时只显示PC端导航 */
@media (min-width: 980px) {
  /* 完全移除移动端导航的影响 */
  .mobile-nav-wrapper,
  .mobile-nav-main,
  .mobile-nav-box,
  .mobile-navItemsProject,
  .mobile-nav-mask {
    display: none !important;
    position: fixed !important;
    left: -100vw !important;
    top: -100vh !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -9999 !important;
  }

  /* 确保PC端导航完全正常 */
  .nav-box {
    display: block !important;
    position: static !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* 通用响应式样式 */
@media (max-width: 768px) {
  .w-\[1500px\] {
    width: 95vw !important;
    max-width: 100%;
  }

  /* 字体大小调整 */
  .text-\[68px\] {
    font-size: 8vw !important;
  }

  .text-\[31px\] {
    font-size: 6vw !important;
  }

  .text-\[20px\] {
    font-size: 4.5vw !important;
  }

  .text-\[16px\] {
    font-size: 4vw !important;
  }

  .text-\[14px\] {
    font-size: 3.5vw !important;
  }

  /* 间距调整 */
  .py-\[112px\] {
    padding-top: 15vw !important;
    padding-bottom: 15vw !important;
  }

  .px-\[120px\] {
    padding-left: 8vw !important;
    padding-right: 8vw !important;
  }

  .pr-\[180px\] {
    padding-right: 10vw !important;
  }

  .page-banner {
    height: 7.5rem !important;
  }
}

/* 平板端适配 */
@media (min-width: 769px) and (max-width: 1024px) {
  .w-\[1500px\] {
    width: 95vw !important;
  }

  .px-\[40px\] {
    padding-left: 3vw !important;
    padding-right: 3vw !important;
  }

  .text-\[68px\] {
    font-size: 6vw !important;
  }
}