/* 基础响应式样式 */
* {
  box-sizing: border-box;
}

/* 媒体查询 - 移动设备 */
@media (max-width: 767px) {
  /* 重置主要容器宽度 */
  .page, .group_6, .box_1, .block_1, .group_1, .section_1, .section_2, .box_3 {
    width: 100%;
    height: auto;
  }

  /* 调整文本大小 */
  .content-wrapper {
    margin-left: 0;
    align-items: center;
    width: 100%;
  }

  .text_1 {
    font-size: 30px;
    width: 90%;
    margin: 50px auto 0;
    text-align: center;
    white-space: nowrap;
  }

  .paragraph_1 {
    font-size: 16px;
    width: 90%;
    margin: 20px auto;
    text-align: center;
    height: auto;
  }

  .text-wrapper_1 {
    margin: 20px auto;
  }

  /* 导航菜单调整为垂直排列 */
  .list_4 {
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 30px 0 0 0;
    align-items: center;
  }

  .image-text_7-0, .image-text_7-1, .image-text_7-2, .image-text_7-3 {
    margin: 10px 0;
    width: 80%;
  }

  /* 内容区域调整 */
  .text_3, .text_4, .text_6, .text_8 {
    font-size: 30px;
    margin: 30px auto;
    text-align: center;
  }

  .section_3, .block_2, .block_4 {
    margin: 10px auto;
  }

  .paragraph_2 {
    width: 90%;
    margin: 20px auto;
    font-size: 16px;
    height: auto;
  }

  /* 列表调整为垂直排列 */
  .list_5, .section_5, .list_6, .block_5, .section_6 {
    flex-direction: column;
    width: 100%;
    height: auto;
    margin: 20px 0;
    align-items: center;
  }

  .image-text_2-0, .image-text_2-1, .image-text_2-2, .section_4, .list-items_1-0, .list-items_1-1, .list-items_1-2 {
    margin: 10px 0;
    width: 90%;
  }

  .text-wrapper_3 {
    width: 90%;
    margin: 10px auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .text-group_2, .text-group_3, .text-group_4 {
    margin: 5px 10px;
  }

  .image-text_11 {
    flex-direction: column;
    align-items: center;
  }
}

/* 媒体查询 - 平板设备 */
@media (min-width: 768px) and (max-width: 1023px) {
  /* 调整容器宽度 */
  .page, .group_6, .box_1, .block_1, .group_1, .section_1, .section_2, .box_3 {
    width: 100%;
    height: auto;
  }

  /* 调整文本大小 */
  .content-wrapper {
    margin-left: 0;
    align-items: center;
    width: 100%;
  }

  .text_1 {
    font-size: 40px;
    width: 90%;
    margin: 80px auto 0;
    text-align: center;
    white-space: nowrap;
  }

  .paragraph_1 {
    font-size: 18px;
    width: 90%;
    margin: 30px auto;
    text-align: center;
  }

  .text-wrapper_1 {
    margin: 30px auto;
  }

  /* 导航菜单调整 */
  .list_4 {
    width: 90%;
    margin: 50px auto 0;
    flex-wrap: wrap;
    justify-content: center;
  }

  .image-text_7-0, .image-text_7-1, .image-text_7-2, .image-text_7-3 {
    margin: 10px;
    width: 40%;
  }

  /* 内容区域调整 */
  .text_3, .text_4, .text_6, .text_8 {
    font-size: 40px;
    margin: 50px auto;
    text-align: center;
  }

  .section_3, .block_2, .block_4 {
    margin: 10px auto;
  }

  .paragraph_2 {
    width: 90%;
    margin: 30px auto;
  }

  /* 列表调整 */
  .list_5, .section_5 {
    width: 90%;
    margin: 30px auto;
    flex-wrap: wrap;
    justify-content: center;
  }

  .block_5, .section_6 {
    flex-direction: column;
    width: 90%;
    margin: 30px auto;
    align-items: center;
  }
}

/* 媒体查询 - 桌面设备 */
@media (min-width: 1024px) and (max-width: 1439px) {
  /* 调整容器宽度 */
  .page, .group_6, .box_1, .block_1, .group_1, .section_1, .section_2, .box_3 {
    width: 100%;
    height: auto;
  }

  /* 调整边距 */
  .text_1, .paragraph_1, .text-wrapper_1, .list_4, .text_3, .section_3, .paragraph_2, .list_5, .text-wrapper_3, .text_4, .block_2, .section_5, .text_6, .block_4, .block_5, .text_8, .block_6, .section_6, .image-text_11 {
    margin-left: 5%;
    margin-right: 5%;
  }
  
  .content-wrapper {
    margin-left: 310px;
  }
}

/* 确保背景图片自适应 */
.box_1, .block_1, .group_1, .section_1, .section_2, .box_3, .box_4-0, .box_4-1, .box_4-2, .section_4, .block_5 {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
}

/* 文本溢出处理 */
.text-group_1-0, .text-group_1-1, .text-group_1-2, .text-group_1-3, .text_2, .text_3, .text_4, .text_5-0, .text_5-1, .text_5-2, .text_6, .text_7, .text_9, .text_10, .text_11, .text_12, .text_13, .text_14, .text_15, .text_16, .text_17, .text_18 {
  overflow-wrap: break-word;
  white-space: normal;
}