/* 核心：让页面跟随PC设计稿宽度，浏览器原生缩放 */
html {
    width: 100%;
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    /* 恢复浏览器默认触摸行为，支持双指缩放 */
    touch-action: auto;
}
/* 确保所有PC布局元素不超出设计稿宽度 */
.container { /* 你的页面容器类名 */
    width: 1920px; /* 与PC_DESIGN_WIDTH一致 */
    margin: 0 auto;
}

/* 清除浮动通用类，解决高度塌陷 */
.clearfix::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

/* 移动端强制消除空白，优先级最高 */
@media screen and (max-width: 1024px) {
    html, body {
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    /* 主容器样式兜底 */
    .pc-main, .container, .wrapper {
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 避免元素溢出导致的空白 */
    * {
        box-sizing: border-box !important;
    }
}