/* ================================
   全局基础（保持简洁）
================================ */
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* ⭐ 防止任何横向滑块 */
    box-sizing: border-box;
}

*, *::before, *::after {
    box-sizing: inherit;
}


/* ================================
   页面容器（居中 + 最大宽度）
================================ */
.page-container {
    max-width: 1500px; /* ⭐ 恢复正常最大宽度 */
    margin: 0 auto;
    padding: 0 24px;   /* ⭐ PC 左右留白 */
    box-sizing: border-box;
}


/* ================================
   bag 主容器（左右布局的父级）
================================ */
.bag {
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: 16px; /* ⭐ PC 左右间距更自然 */
}


/* ================================
   移动端（≤768px）
================================ */
@media (max-width: 768px) {

    .page-container {
        padding: 0 12px; /* ⭐ 小屏左右留白缩小 */
    }

    .bag {
        flex-direction: column; /* ⭐ 上下排列 */
        gap: 12px;
    }
}