修改Facile主题的宽度

Facile主题
先感谢作者
让电脑端展示更舒服一点，默认的有点窄
在自定义 CSS 添加，保存即可

/* 增加整体容器宽度 */
.container, .container-lg, .container-xl, .container-fluid {
    max-width: 100% !important; /* 移除最大宽度限制，或者设置为一个更大的值，如 1600px */
    width: 50%; /* 默认宽度为50%，适用于大屏幕 */
    margin-left: auto;
    margin-right: auto;
}

/* 在移动端（小屏幕）时，容器宽度恢复到100% */
@media (max-width: 991px) {
    .container, .container-lg, .container-xl, .container-fluid {
        width: 100%; /* 移动端容器宽度为100% */
    }
}

/* 调整文章页和列表页的内容区域和侧边栏宽度，保持比例 */
@media (min-width: 992px) {
    .post-list, .post-page {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .sidebar {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* 确保容器内部的文章内容宽度适应 */
.post-container, .post-content {
    width: 100%;
}

/* 调整侧边栏内边距以适应新宽度 */
.sidebar section {
    margin-left: 0;
    padding-left: 0;
    font-size: 1em; /* 保持字体大小 */
}