/* 设置整个页面的基本样式 */
        body {
            font-family: 'SimHei', sans-serif; /* 使用黑体字体 */
            margin: 0; /* 移除默认的外边距 */
            padding: 0; /* 移除默认的内边距 */
            font-size: 0.8em; /* 设置基础字体大小为0.5em */
        }
    
        /* 设置页眉样式 */
        .header {
            display: flex; /* 使用弹性布局 */
            justify-content: space-around; /* 项目在主轴上平均分布 */
            background-color: #f8f8f8; /* 设置背景颜色 */
            padding: 0.3em 0; /* 设置顶部和底部内边距 */
            border-bottom: 0.0625em solid #ddd; /* 设置底部边框 */
        }
    
        /* 设置页眉中链接的样式 */
        .header a {
            font-size: 1.3em; /* 设置字体大小 */
            text-decoration: none; /* 移除下划线 */
            color: #333; /* 设置字体颜色 */
            padding: 0.625em; /* 设置内边距 */
        }
    
        /* 设置页眉中激活状态的链接样式 */
        .header a.active {
            color: #a13939; /* 设置激活状态下的字体颜色 */
            font-weight: bold; /* 设置字体加粗 */
        }
    
        /* 设置内容区域样式 */
        .content {
            display: flex; /* 使用弹性布局 */
            flex-wrap: wrap; /* 允许内容换行 */
            justify-content: space-between; /* 在行之间均匀分布空间 */
            padding: 0 1em; /* 设置左右内边距，确保左右两侧空出相同距离 */
            gap: 1em; /* 设置项目之间的间隔 */
        }
    
        /* 设置内容区域中链接的样式 */
        .content a {
            display: block; /* 使链接变成块级元素 */
            text-decoration: none; /* 移除下划线 */
            color: #333; /* 设置字体颜色 */
            flex: 0 0 48%; /* 设置项目宽度，留出间隙 */
        }
    
        /* 设置列的样式 */
        .column {
            flex: 0 0 48%; /* 设置列宽度，留出间隙 */
        }
    
        /* 设置盒子的样式 */
        .box {
            background-color: #f8f8f8; /* 设置背景颜色 */
        }
    
        /* 设置盒子中图片的样式 */
        .box img {
            width: 100%; /* 设置图片宽度 */
            height: auto; /* 保持图片高度自适应 */
        }
    
        /* 设置盒子中段落的样式 */
        .box p {
            font-size: 1em; /* 设置字体大小 */
            margin: 0; /* 移除默认的外边距 */
            padding: 0.2em; /* 设置内边距 */
            color: #666; /* 设置字体颜色 */
        }
    
        /* 设置盒子中图片和段落的通用样式 */
        .box img, .box p {
            display: block; /* 使图片和段落变成块级元素 */
            margin: 0; /* 移除默认的外边距 */
        }
    
        /* 设置盒子中第一个段落的样式 */
        .box p:first-child {
            text-align: left; /* 设置文本左对齐 */
        }
    
        /* 设置盒子中最后一个段落的样式 */
        .box p:last-child {
            text-align: right; /* 设置文本右对齐 */
        }
    
        /* 设置页眉的顶部外边距 */
        .header {
            margin-top: 0.5em; /* 增加顶部间距 */
        }
    
        /* 设置内容区域中第一列和第二列的顶部外边距 */
        .content .column:first-child,
        .content .column:nth-child(2) {
            margin-top: 2em; /* 增加顶部间距 */
        }