.data {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    flex-grow: 0;
    /* 允许子元素换行 */
    flex-wrap: wrap; 
}

.data .data-img {
    /* 使用相对宽度 */
    width: 60%; 
    height: auto;
}

.data-text {
    background: #E6E4E1;
    color: #66513A;
    /* 使用相对单位设置内边距 */
    padding: calc(var(--section-font-size) * 3.375) calc(var(--section-font-size) * 2.75); 
    padding-bottom: calc(var(--section-font-size) * 1.25);
    /* 根据图片宽度调整 */
    width: 40%; 
    box-sizing: border-box;
}

.data-text-tag {
    font-weight: bold;
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 2); 
    line-height: calc(var(--section-font-size) * 3.6875);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.data-text-content {
    font-weight: 400;
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 0.875); 
    margin-top: calc(var(--section-font-size) * 1.5);
}

.data-num-tag {
    margin-top: calc(var(--section-font-size) * 3.125);
    font-weight: bold;
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 1.3125); 
}

.data-num-box {
    display: flex;
    margin-top: calc(var(--section-font-size) * 3);
}

.data-num-box-item {
    margin-right: calc(var(--section-font-size) * 2.5);
}

.data-num-box-item-inx {
    font-weight: 800;
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 2); 
    line-height: calc(var(--section-font-size) * 2.5);
}

.data-num-box-item-unit {
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 1); 
    font-weight: 400;
}

.data-num-box-item-eng {
    /*font-family: Montserrat, Montserrat;*/
    font-weight: 300;
    /* 使用相对单位设置字体大小 */
    font-size: calc(var(--section-font-size) * 0.75); 
    color: #66513A;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/* 小屏幕样式调整 */
@media (max-width: 768px) {
    .data .data-img {
        width: 100%;
    }

    .data-text {
        width: 100%;
    }

    .data-text-tag {
        font-size: calc(var(--section-font-size) * 1.5);
        line-height: calc(var(--section-font-size) * 2.5);
    }

    .data-num-box {
        flex-wrap: wrap;
    }

    .data-num-box-item {
        margin-bottom: calc(var(--section-font-size) * 1.5);
    }
}