/* assets/scss/custom.scss */

/* 针对电脑宽屏 (宽度大于 1024px) */
@media (min-width: 1024px) {
    .container.extended {
        /* 1. 让整个网页变得更宽 (原来是 1280px，我们加宽到 1500px) */
        max-width: 1600px !important;

        /* 2. 左侧菜单栏变窄 (原来是 20%，我们改成固定像素更稳) */
        --left-sidebar-max-width: 260px !important;

        /* 3. 右侧挂件栏变窄 (原来是 30%，这也太宽了，改成 15% 或固定像素) */
        --right-sidebar-max-width: 280px !important;
        
        /* 这里的逻辑是：左右变窄了，中间剩下的空间自然就给文章了！ */
    }
}

/* 针对超大显示器 (比如你的 4K 屏) */
@media (min-width: 1600px) {
    .container.extended {
        max-width: 1800px !important;
    }
}