/* 基础重置与移动端适配 */
@media (max-width: 1024px) { /* 平板及以下设备 */
  /* 通用容器调整 */
  .comcontul {
    padding: 0 10px;
    box-sizing: border-box;
  }

  /* 第一个背景容器 */
  .comcontul > div:first-of-type {
    padding: 10px 5px;
  }

  /* 项目信息区图片调整 */
  .comcontul > div:first-of-type img[style*="float:left; width:600px"] {
    float: none !important;
    width: 100% !important;
    max-width: 600px;
    margin: 0 auto;
    display: block;
    filter: drop-shadow(5px 5px 5px rgba(0,0,0,.3)) !important;
  }

  /* 右侧小图片调整 */
  .comcontul > div:first-of-type img[src*="11955zq.png"] {
    float: none !important;
    margin: 20px auto 0 !important;
    display: block;
  }

  /* 项目信息文本调整 */
  .comcontul > div:first-of-type div[style*="margin-left:750px"] {
    margin-left: 20px !important;
    margin-top: 15px !important;
  }

  /* 第二个背景容器 */
  .comcontul > div:nth-of-type(2) {
    padding: 15px 10px 20px !important;
  }

  /* 项目概况区图片调整 */
  .comcontul > div:nth-of-type(2) img[src*="134917cs.png"] {
    float: none !important;
    margin: 0 auto 20px !important;
    display: block;
    max-width: 100%;
  }

  /* 项目概况文本区调整 */
  .comcontul > div:nth-of-type(2) > div[style*="float:left; margin:10px 0px 0;width:80%"] {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 5px;
    box-sizing: border-box;
  }

  /* 功能模块图片区 */
  .comcontul > div:nth-of-type(3) > div {
    float: none !important;
    width: 100% !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 20px;
  }

  /* 功能模块图片尺寸调整 */
  .comcontul > div:nth-of-type(3) img {
    width: 100% !important;
    height: auto !important;
    max-height: 400px;
    object-fit: cover;
  }

  /* 图片下方渐变文字背景调整 */
  .comcontul > div:nth-of-type(3) div[style*="background:linear-gradient"] {
    margin-top: -30px !important;
    padding: 5px 10px !important;
    font-size: 14px;
  }

  /* 最后一张居中图片 */
  .comcontul > p[style*="text-align:center"] img {
    width: 100% !important;
    height: auto !important;
  }
}

/* 手机端精细化调整（768px以下） */
@media (max-width: 768px) {
  .comcontul > div:nth-of-type(3) img {
    max-height: 250px;
  }

  .comcontul > div:first-of-type div[style*="margin-left:750px"] {
    font-size: 14px;
  }

  .comcontul > div:nth-of-type(2) > div[style*="float:left; margin:10px 0px 0;width:80%"] p {
    font-size: 14px;
    line-height: 26px !important;
  }
}