@media screen and (max-width: 768px) {
    html {
        overflow-x: hidden;
        overflow-y: auto; /* 只在需要时显示滚动条 */
        height: 100vh;
        position: relative;
    }
    
    body {
        transform-origin: top left;
        transform: scale(0.4);
        width: 250%;
        height: auto; /* 让内容自然撑开 */
        overflow-x: hidden;
        overflow-y: auto; /* 只在需要时显示滚动条 */
        position: relative;
        min-height: 424vh; /* 设置最小高度 */
        padding-bottom: 20vh; /* 底部padding */
    }
    
    main {
        height: auto;
        min-height: calc(150vh - 60vh); /* 设置适当的高度 */
    }
    
    /* 保持新闻列表的原始布局，不做响应式改变 */
    main .news-box {
        margin-top: 225px;
        margin-bottom: 190px;
    }
    
    main .news-box .news-item {
        display: flex;
        justify-content: space-between;
        padding-bottom: 90px;
        border-bottom: 2px solid #dfdfdf;
        margin-top: 90px;
    }
    
    main .news-box .news-item:nth-of-type(even) {
        flex-direction: row-reverse;
    }
    
    main .news-box .news-item .news-text {
        width: 41%;
    }
    
    /* 覆盖news-center.css中的响应式样式 */
    @media (max-width: 768px) {
        main .news-box {
            margin-top: 225px;
            margin-bottom: 190px;
        }
        main .news-box .news-item {
            flex-direction: row;
        }
        main .news-box .news-item:nth-of-type(even) {
            flex-direction: row-reverse;
        }
        main .news-box .news-item .news-text {
            width: 41%;
            margin-bottom: 0;
        }
        main .news-box .news-item .news-img {
            width: auto;
        }
        main .news-box .news-item .news-text .news-tit {
            font-size: 26px;
        }
        main .news-box .news-item .news-text p {
            font-size: 16px;
            line-height: 32px;
        }
    }
    
    footer {
        position: relative;
        width: 100%;
        transform-origin: top left; /* 与body保持一致的缩放原点 */
        height: auto;
        bottom: 0;
        margin-top: 8vh; /* 与main的间距 */
        margin-bottom: 20vh;
    }
    
    /* 确保.w容器在footer中正确显示 */
    footer .w {
        width: 1150px;
        margin: 0 auto;
        transform-origin: top left;
    }
}

@media screen and (max-width: 480px) {
    html {
        overflow-y: auto;
        overflow-x: hidden;
    }
    
    body {
        transform: scale(0.35);
        width: 285.71%;
        height: auto;
        min-height: 425vh;
        overflow-y: auto;
        padding-bottom: 20vh;
    }
    
    main {
        min-height: calc(180vh - 50vh);
    }
    
    footer {
        margin-top: 60px;
        margin-bottom: 20vh;
    }
}

@media screen and (max-width: 375px) {
    html {
        overflow-y: auto;
    }
    
    body {
        transform: scale(0.3);
        width: 333.33%;
        height: auto;
        min-height: 333.33vh;
        overflow-y: auto;
        padding-bottom: 50vh;
    }
    
    main {
        min-height: calc(200vh - 95vh);
    }
    
    footer {
        margin-top: 60px;
        margin-bottom: 20vh;
    }
}

@media screen and (max-width: 320px) {
    html {
        overflow-y: auto;
    }
    
    body {
        transform: scale(0.25);
        width: 400%;
        height: auto;
        min-height: 400vh;
        overflow-y: auto;
        padding-bottom: 80vh;
    }
    
    main {
        min-height: calc(220vh - 110vh);
    }
    
    footer {
        margin-top: 60px;
        margin-bottom: 20vh;
    }
}