/* 整体页面背景色，采用类似Apple官网的白色为主色调，简洁干净 */
body {
    background-color: white;
    font-family: 'San Francisco', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantonese, sans-serif; /* 优先使用类似Apple的字体，若没有则用其他替代字体 */
    color: #333333; /* 正文文字颜色，接近Apple官网的深灰色调，保证可读性 */
    margin: 0;
    padding: 0;
}

/* 头部区域样式，模仿Apple官网头部的简洁大气风格 */
#header {
    background-color: white;
    text-align: center;
    padding: 40px 0;
    border-bottom: 1px solid #e5e5e5; /* 底部添加浅灰色边框，增加层次感 */
}

#header h1 {
    margin: 0;
    font-size: 40px;
    color: #000000; /* 标题颜色为黑色，突出且简洁 */
    font-weight: 600; /* 适当加粗字体，增强视觉效果 */
}

/* 导航栏样式，类似Apple官网导航栏的简洁、清晰布局 */
#navList {
    text-align: center;
    padding: 20px 0;
}

#navList a {
    color: #06c; /* 导航链接颜色采用Apple标志性的蓝色，用于交互提示 */
    text-decoration: none;
    margin: 0 30px;
    font-size: 20px;
    font-weight: 500; /* 适中的字体加粗，显得精致 */
}

#navList a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线，提示可点击 */
}

/* 文章主体区域，营造开阔、舒适的阅读空间 */
#main {
    width: 70%;
    margin: 40px auto;
    padding: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* 淡淡的投影，增加立体感 */
}

/* 文章标题样式，醒目且大气 */
.postTitle {
    font-size: 36px;
    color: #000000; /* 标题颜色为黑色，与整体风格协调 */
    margin-bottom: 20px;
    font-weight: 600;
}

/* 文章正文样式，保证良好的阅读体验 */
.postBody {
    line-height: 1.8;
    font-size: 18px;
}

/* 文章底部信息样式 */
.postFooter {
    color: #999999; /* 采用较浅灰色表示次要信息 */
    font-size: 16px;
    margin-top: 20px;
}

/* 侧边栏样式，与主体协调搭配 */
#sideBar {
    width: 25%;
    float: right;
    margin-top: 40px;
    padding: 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

/* 侧边栏标题样式 */
.sidebarTitle {
    font-size: 24px;
    color: #000000;
    margin-bottom: 20px;
    font-weight: 600;
}

/* 侧边栏列表样式 */
.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar li {
    margin-bottom: 10px;
}

.sidebar a {
    color: #06c; /* 侧边栏链接颜色保持与导航栏一致 */
    text-decoration: none;
}

.sidebar a:hover {
    text-decoration: underline;
}

/* 评论区域样式，统一风格 */
#comments {
    width: 70%;
    margin: 40px auto;
    padding: 40px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

.commentTitle {
    font-size: 30px;
    color: #000000;
    margin-bottom: 20px;
    font-weight: 600;
}

.comment {
    border-bottom: 1px solid #e5e5e5; /* 分割线采用浅灰色，简洁 */
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.commentAuthor {
    font-weight: bold;
    margin-bottom: 10px;
}

/* 页脚样式，保持简洁 */
#footer {
    text-align: center;
    color: #999999;
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5; /* 顶部添加浅灰色边框 */
}