.top-horiz-tabpane.active {
    display: flex;
    flex-wrap: nowrap; /* 修改：防止换行 */
    align-items: stretch;
    background-color: #fff;
    padding: 0; /* 修改：移除内边距 */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.top-struc-case-img {
    display: flex; /* 修改：使用 flex 布局 */
    align-items: center; /* 修改：垂直居中图片 */
    justify-content: center; /* 新增：水平居中图片 */
    overflow: visible; /* 修改：允许内容溢出 */
    flex: 1; /* 允许图片容器根据内容扩展 */
    min-height: 0; /* 允许容器在 flex 布局中收缩 */
}
.top-struc-case-img img {
    display: block;
    max-width: 100%; /* 修改：最大宽度为100% */
    max-height: 100%; /* 修改：最大高度为100% */
    width: auto; /* 修改：自动调整宽度 */
    height: auto; /* 修改：自动调整高度 */
    object-fit: contain; /* 修改：确保图片完整显示 */
}

.top-horiz-tabpane .top-tabpane-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1%;
    border-radius: 0px 2px 2px 0px;
    background-size: cover;
    background-position: center center;
    box-shadow: 0 2px 4px 2px rgba(197, 215, 234, 0.3);
    flex: 1; /* 允许详情部分与图片容器均匀分配空间 */
}

.top-tabpane-detail {
    margin-top: 0;
    font-size: 16px;
    color: #666;
}
.top-horiz-detail-box ul {
    padding-left: 0;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .top-horiz-tabpane.active {
      flex-direction: column;
    }
    .top-struc-case-img,
    .top-tabpane-detail {
      width: 100%;
    }
    .top-tabpane-detail {
      margin-top: 15px;
      border-radius: 8px;
    }
}