/* 响应式样式 - 合并桌面版和移动版 */

/* 默认：桌面版显示，移动版隐藏 */
.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

/* 移动端样式（最大宽度768px） */
@media screen and (max-width: 768px) {
  /* 显示移动版布局，隐藏桌面版 */
  .desktop-only {
    display: none !important;
  }
  
  .mobile-only {
    display: block !important;
  }
  
  /* 容器响应式 */
  .container {
    min-width: auto !important;
    max-width: 100% !important;
    padding: 0 1rem;
  }
  
  /* 移动版包装器 */
  .wrap___2PRNP {
    display: block !important;
  }
  
  /* 桌面版布局隐藏 */
  .ant-layout.desktop-only {
    display: none !important;
  }
  
  /* Header 移动版 */
  .header___161hh {
    padding: 1rem;
  }
  
  /* Banner区域移动版 */
  .top___3f9Wf {
    height: auto;
    min-height: 40rem;
  }
  
  /* 修复carousel固定宽度问题 - 使用更具体的选择器覆盖内联样式 */
  .top___3f9Wf .ant-carousel {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }
  
  .top___3f9Wf .slick-slider,
  .top___3f9Wf .slick-list,
  .top___3f9Wf .slick-track {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .top___3f9Wf .slick-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  
  .top___3f9Wf .slick-slide[data-index] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    left: 0 !important;
  }
  
  .top___3f9Wf .slick-slide > div {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .top___3f9Wf .carouselItem___25vQB,
  .top___3f9Wf .a___2B1Ui {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }
  
  .downloadBox___17arr {
    margin-top: 2rem;
  }
  
  .downloadLink___2_quY {
    margin-bottom: 1rem;
  }
  
  /* 内容区域 */
  .intro___3_XoI .item___yBTGM {
    margin-bottom: 2rem;
    padding: 1rem;
  }
  
  .item___yBTGM dl {
    margin-bottom: 1rem;
  }
  
  .itemImg___m3eCT {
    width: 100%;
    height: auto;
    min-height: 200px;
  }
  
  /* 确保移动版所有元素不超出屏幕 */
  .mobile-only {
    width: 100%;
    overflow-x: hidden;
  }
  
  /* 确保主要容器元素不超出屏幕 */
  .mobile-only > *,
  .mobile-only .wrap___2PRNP > *,
  .mobile-only .top___3f9Wf > *,
  .mobile-only .intro___3_XoI > * {
    box-sizing: border-box;
  }
  
  /* 修复可能溢出的元素 */
  .mobile-only .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .mobile-only .ant-col {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  
  /* 修复下载按钮区域 */
  .mobile-only .downloadBox___17arr .ant-row {
    margin-left: -11px !important;
    margin-right: -11px !important;
  }
  
  /* 确保标题区域正常显示 */
  .mobile-only .title___otKAs {
    padding: 0 1rem;
    text-align: center;
  }
  
  /* 修复footer */
  .mobile-only .footer___1uFpf {
    padding: 1rem;
    text-align: center;
  }
  
  /* 确保logo区域正常显示 */
  .mobile-only .header___161hh .logoBox___JZ3uI {
    padding: 0 1rem;
  }
  
  /* 修复图片元素 */
  .mobile-only img {
    max-width: 100%;
    height: auto;
  }
}

/* 平板样式（769px - 1024px） */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .container {
    min-width: auto !important;
    max-width: 100% !important;
    padding: 0 2rem;
  }
  
  .desktop-only {
    display: block !important;
  }
  
  .mobile-only {
    display: none !important;
  }
  
  .wrap___2PRNP {
    display: none !important;
  }
  
  .ant-layout.desktop-only {
    display: block !important;
  }
  
  .banner___f7g1c .ant-row {
    margin-left: -5% !important;
    margin-right: -5% !important;
  }
  
  .downloadList___HWXap {
    flex-wrap: wrap;
  }
  
  .downloadList___HWXap li {
    margin-bottom: 1rem;
  }
  
  .wrap___154u4 .item___1asbK {
    margin-bottom: 2rem;
  }
}

/* 桌面端样式（最小宽度1025px） */
@media screen and (min-width: 1025px) {
  .desktop-only {
    display: block !important;
  }
  
  .mobile-only {
    display: none !important;
  }
  
  .wrap___2PRNP {
    display: none !important;
  }
  
  .ant-layout.desktop-only {
    display: block !important;
  }
  
  /* 确保容器正常显示 */
  .container {
    min-width: 1150px;
    max-width: 1280px;
  }
}

/* 通用响应式优化 */
@media screen and (max-width: 1150px) {
  .container {
    min-width: auto !important;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  .title1___17h1s img {
    max-width: 100%;
    height: auto;
  }
}

/* 确保所有屏幕都正确显示 */
html {
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  overflow-x: hidden;
}