@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: 250vh; 
        /* 设置最小高度 */
        padding-bottom: 20vh; /* 调整：减少底部padding */
    }
    
    main {
        height: auto;
        min-height: calc(150vh - 60vh); /* 调整：使用150vh代替100vh，增加main高度 */
    }
    
    /* 调整download-box在移动端的显示 */
    main .download-box {
        height: auto;
        padding: 40px 0;
    }
    
    footer {
        position: relative;
        width: 100%;
        transform-origin: top left; /* 与body保持一致的缩放原点 */
        height: auto;
        bottom: 0;
        margin-top: 8vh; /* 与main的间距 */
        margin-bottom: 20vh; /* 调整：减少底部margin */
    }
    
    /* 确保.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: 285.71vh; */
        overflow-y: auto;
        padding-bottom: 20vh; /* 调整：减少底部padding */
    }
    
    main {
        min-height: calc(180vh - 80vh); /* 调整：使用180vh代替100vh，增加main高度 */
    }
    
    /* 调整download-box在更小屏幕的显示 */
    main .download-box .title {
        font-size: 28px;
    }
    
    main .download-box .tips-box {
        font-size: 30px;
    }
    
    footer {
        margin-top: 60px;
        margin-bottom: 20vh; /* 调整：减少底部margin */
    }
}

@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; /* 调整：减少底部padding */
    }
    
    main {
        min-height: calc(200vh - 95vh); /* 调整：使用200vh代替100vh，增加main高度 */
    }
    
    /* 调整download-box在iPhone尺寸屏幕的显示 */
    main .download-box .title {
        font-size: 26px;
    }
    
    main .download-box .tips-box {
        font-size: 28px;
    }
    
    footer {
        margin-top: 300px;
        margin-bottom: 20vh; /* 调整：减少底部margin */
    }
}

@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; /* 调整：减少底部padding */
    }
    
    main {
        min-height: calc(220vh - 110vh); /* 调整：使用220vh代替100vh，增加main高度 */
    }
    
    /* 调整download-box在更小屏幕的显示 */
    main .download-box .title {
        font-size: 24px;
    }
    
    main .download-box .tips-box {
        font-size: 26px;
    }
    
    footer {
        margin-top: 350px;
        margin-bottom: 20vh; /* 调整：减少底部margin */
    }
}