/* 博客页面宽度调整到_ */

/* 调整容器宽度为屏幕宽度的75% */
.container {
    max-width: 75% !important;
    width: 75% !important;
}

/* 确保内容区域适应新的宽度 */
.content {
    max-width: 100% !important;
}

/* 修改博客背景为易于阅读的iOS Book风格颜色 */
body {
    background-color: #F5F5F7 !important; /* iOS Book风格的暖灰色，平静舒适 */
}

/* 确保主要内容区域背景与整体一致 */
main {
    background-color: #F5F5F7 !important;
}

/* 优化文字颜色确保与iOS Book风格一致 */
body {
    color: #2D2D30 !important; /* 更柔和的深灰色文字 */
}

/* 确保标题和链接颜色与iOS Book风格一致 */
h1, h2, h3, h4, h5, h6 {
    color: #2D2D30 !important; /* 更柔和的深灰色标题 */
}

a {
    color: #2D2D30 !important; /* 链接使用更柔和的深灰色 */
    text-decoration: none !important; /* 去除下划线 */
}

a:hover {
    color: #1D1D1F !important; /* 悬停时使用稍深的灰色 */
    text-decoration: none !important; /* 悬停时也不显示下划线 */
}

/* 响应式设计 - 在小屏幕上保持原有布局 */
@media (max-width: 768px) {
    .container {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}