:root {
  --bobo-pic-text2-p: 100px 0;
  --bobo-pic-text2-title-size: 36px;
  --bobo-pic-text2-text-size: 18px;
  --bobo-pic-text2-text-mt: 35px;
  --bobo-pic-text2-gap: 100px;
  --bobo-pic-text2-li-gap: 66px;
}

.bobo-pic-text2 {
  padding: var(--bobo-pic-text2-p);
}

.bobo-pic-text2 ul li {
  display: flex;
  align-items: center;
}

.bobo-pic-text2 ul li+li {
  margin-top: var(--bobo-pic-text2-gap)
}

/* 关键修改1：图片宽度改为50%，与文字平分空间，添加盒模型确保尺寸稳定 */
.bobo-pic-text2 ul li .pic {
  width: 50%; /* 替换原固定宽度512px，实现与文字区域各占一半 */
  padding: 0 15px; /* 可选：添加内边距，避免内容紧贴边缘 */
  box-sizing: border-box; /* 确保padding不影响总宽度，维持50%占比 */
}

.bobo-pic-text2 ul li .pic img {
  width: 100%;
  aspect-ratio: 512 / 320; /* 保持原图片比例，确保图片不变形 */
  object-fit: cover;
}

.bobo-pic-text2 ul li .txt {
  flex: 1;
  -webkit-flex: 1;
  display: flex;
  flex-direction: column;
}

.bobo-pic-text2 ul li .txt h2 {
  font-size: var(--bobo-pic-text2-title-size);
  line-height: 1;
}

.bobo-pic-text2 ul li .txt .t {
  margin-top: var(--bobo-pic-text2-text-mt);
  font-size: var(--bobo-pic-text2-text-size);
  line-height: 2;
}

/* 保持原反向布局逻辑，确保奇偶行交替 */
.bobo-pic-text2 ul li:nth-child(2n + 1) {
  flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse
}

/* 关键修改2：统一文本容器间距逻辑，明确左右间距为0，确保对称 */
.bobo-pic-text2 ul li:nth-child(2n + 1) .txt {
  margin-right: var(--bobo-pic-text2-li-gap);
  margin-left: 0; /* 明确左间距为0，与偶数行对称 */
}

.bobo-pic-text2 ul li:nth-child(2n) .txt {
  margin-left: var(--bobo-pic-text2-li-gap);
  margin-right: 0; /* 明确右间距为0，与奇数行对称 */
}

/* 响应式适配 - 1500px及以下 */
@media screen and (max-width: 1500px) {
  :root {
    --bobo-pic-text2-p: 85px 0;
    --bobo-pic-text2-title-size: 32px;
    --bobo-pic-text2-text-size: 16px;
    --bobo-pic-text2-text-mt: 30px;
    --bobo-pic-text2-gap: 80px;
    --bobo-pic-text2-li-gap: 56px;
  }
}

/* 响应式适配 - 1280px及以下 */
@media screen and (max-width: 1280px) {
  :root {
    --bobo-pic-text2-p: 70px 0;
    --bobo-pic-text2-title-size: 28px;
    --bobo-pic-text2-text-size: 14px;
    --bobo-pic-text2-text-mt: 30px;
    --bobo-pic-text2-gap: 60px;
    --bobo-pic-text2-li-gap: 46px;
  }
}

/* 响应式适配 - 1200px及以下 */
@media screen and (max-width: 1200px) {
  :root {
    --bobo-pic-text2-p: 55px 0;
    --bobo-pic-text2-title-size: 24px;
    --bobo-pic-text2-text-mt: 30px;
    --bobo-pic-text2-gap: 60px;
    --bobo-pic-text2-li-gap: 40px;
  }
}

/* 响应式适配 - 992px及以下（堆叠布局优化） */
@media screen and (max-width: 992px) {
  :root {
    --bobo-pic-text2-p: 70px 0;
    --bobo-pic-text2-title-size: 28px;
    --bobo-pic-text2-text-mt: 30px;
    --bobo-pic-text2-gap: 60px;
    --bobo-pic-text2-li-gap: 0;
  }

  .bobo-pic-text2 ul li {
    flex-direction: column !important;
  }

  .bobo-pic-text2 ul li .pic {
    width: 100%; /* 堆叠时图片占满宽度 */
    padding: 0; /* 移除左右内边距，适应堆叠布局 */
  }

  /* 关键修改3：堆叠布局下文本居中，增强对称感 */
  .bobo-pic-text2 ul li .txt {
    margin-top: 30px;
    align-items: center; /* 文本内部元素（标题、段落）水平居中 */
    text-align: center; /* 文本内容居中显示 */
    margin-left: 0 !important; /* 覆盖之前的左右间距，确保居中 */
    margin-right: 0 !important;
  }

  .bobo-pic-text2 ul li .txt h2 {
    text-align: center;
  }
}

/* 响应式适配 - 768px及以下 */
@media screen and (max-width: 768px) {
  :root {
    --bobo-pic-text2-p: 50px 0;
    --bobo-pic-text2-title-size: 24px;
    --bobo-pic-text2-text-mt: 25px;
    --bobo-pic-text2-gap: 40px;
    --bobo-pic-text2-li-gap: 0;
  }
}

/* 响应式适配 - 576px及以下 */
@media screen and (max-width: 576px) {
  :root {
    --bobo-pic-text2-p: 30px 0;
    --bobo-pic-text2-title-size: 24px;
    --bobo-pic-text2-text-size: 14px;
    --bobo-pic-text2-text-mt: 15px;
    --bobo-pic-text2-gap: 20px;
    --bobo-pic-text2-li-gap: 0;
  }

  .bobo-pic-text2 ul li .txt {
    margin-top: 20px;
  }
}