* {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
        }

        /* Wrapping Styles区块 */
        /*.wrapping-styles {*/
        /*    margin-bottom: 40px;*/
        /*    margin-top:40px;*/
        /*          height:auto;*/
        /*    overflow:hidden;*/
        /*}*/
        /*.section-title {*/
        /*    font-size: 20px;*/
        /*    color: #000;*/
        /*    text-align: center;*/
        /*    clear:both;*/
        /*    margin-bottom: 20px;*/
        /*}*/
        /*.image-row {*/
        /*    display: flex;*/
        /*    justify-content: space-around;*/
        /*    align-items: center;*/
        /*    gap: 20px;*/
        /*    flex-wrap: wrap;*/
        /*}*/
        /*.image-item {*/
        /*    flex: 1;*/
        /*    min-width: 200px;*/
        /*    text-align: center;*/
        /*}*/
        /*.image-item img {*/
        /*    max-width: 100%;*/
        /*    height: auto;*/
        /*}*/
        
            /* Wrapping Styles区块 */
    .wrapping-styles {
        margin-bottom: 40px;
        margin-top: 40px;
        height: auto;
        overflow: hidden;
        padding: 0 10px; /* 增加左右内边距，避免边缘图片贴边 */
    }
    .wrapping-styles .section-title {
        font-size: 20px;
        color: #000;
        text-align: center;
        clear: both;
        margin-bottom: 20px;
    }
    .wrapping-styles .image-row {
        display: flex;
        justify-content: space-around; /* 左对齐，保证3列布局整齐 */
        align-items: center;
        gap: 20px; /* 列之间的间距 */
        flex-wrap: wrap; /* 超出3列自动换行 */
    }
    .wrapping-styles .image-item {
        width: 20%; /* 核心：3列布局的宽度（3*31% + 2*20px ≈ 100%） */
        min-width: 180px; /* 最小宽度，保证小屏幕不会过窄 */
        text-align: center;
        box-sizing: border-box; /* 避免padding/border影响宽度计算 */
    }
   .wrapping-styles .image-item img {
        max-width: 100%;
        height: auto;
    }

    /* 响应式适配：屏幕小于768px时改为单列 */
@media (max-width: 768px) {
    .wrapping-styles .image-row {
        display: flex;
        justify-content: space-between; /* 两端对齐，2列间距均匀 */
        align-items: center;
        gap: 10px; /* 列之间的间距（适配2列，间距缩小更美观） */
        flex-wrap: wrap; /* 超出2列自动换行 */
        padding: 0 5px; /* 左右留白，避免图片贴边 */
    }
    
    .wrapping-styles .image-item {
        width: calc((100% - 10px) / 2); /* 核心：精准计算2列宽度（总宽度 - 间距）/2，无溢出 */
        min-width: 150px; /* 最小宽度，避免窄屏图片过窄 */
        text-align: center;
        box-sizing: border-box; /* 保证宽度计算准确 */
        margin-bottom: 15px; /* 行间距，区分换行后的图片 */
    }
}

        /* Features区块 */
    .features {
    margin-bottom: 0px;
}

.features .section-title {
        font-size: 20px;
        color: #000;
        text-align: center;
        clear: both;
        margin-bottom: 20px;
    }
.features-grid {
    display: flex;
    flex-wrap: wrap; /* 自动换行 */
    gap: 20px; /* 列之间的间距 */
    justify-content: flex-start; /* 左对齐，保持布局整齐 */
}
/* 核心修改：每个功能项作为独立列，桌面端占31%宽度（3列+间距刚好满行） */
.feature-item2 {
    width: 31%; /* 3列布局的核心宽度 */
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    min-height: 120px;
    height: 200px;
    text-align: left;
    box-sizing: border-box; /* 避免padding影响宽度计算 */
}
.feature-title {
    font-weight: bold;
    margin-bottom: 8px;
}
.feature-content {
    font-size: 14px;
    line-height: 1.5;
}

/* 第三区块（保留原有） */
.empty-section {
    min-height: 100px;
    margin-top: 0;
    margin-bottom:20px;
}

/* 响应式适配：移动端单列显示 */
@media (max-width: 768px) {
    .feature-item2 {
        width: 100%; /* 移动端占满宽度 */
        height: auto; /* 高度自适应 */
        padding-bottom: 10px;
    }
    /* 移除原有多余的响应式样式（已无features-column和image相关） */
    .image-item {
        flex: 1;
        min-width: 50vw;
        text-align: center;
        justify-content: center
    }
    .image-item img {
        max-width: 45vw!important;
        height: auto;
        object-fit: contain; 
        object-position: center; 
    }
    .image-row {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0;
        justify-content: center
    }
}