h1 {
    font-size: 32px;         /* 字号大，突出主标题 */
    font-weight: bold;       /* 加粗 */
    color: #333;             /* 深灰色，比纯黑柔和 */
    text-align: center;      /* 居中对齐 */
    margin-bottom: 20px;     /* 下边距，拉开与下一块内容的距离 */
}

h2 {
    font-size: 24px;         /* 字号略小于 h1 */
    font-weight: 600;        /* 半加粗，视觉上不压主标题 */
    color: #555;             /* 中灰色，更轻一些 */
    margin-top: 30px;        /* 顶部留空 */
    margin-bottom: 15px;     /* 底部留空 */
}

.main{
    font-size: 16px;         /* 正文常用字号 */
    line-height: 1.6;        /* 行高，使段落更好读 */
    color: #444;             /* 深灰，保护眼睛 */
    margin-bottom: 16px;     /* 每段之间有间距 */
    text-align: justify;     /* 两端对齐，便于阅读 */
    padding-left: 2em;       /* 向右缩进两个字符宽度，约等于段首空两格 */
}

#resources a {
    color: #0066cc;          /* 蓝色，符合链接常规习惯 */
    text-decoration: none;   /* 去掉默认的下划线 */
}
#resources a:hover {
    text-decoration: underline;  /* 鼠标悬停时显示下划线，提供交互反馈 */
    color: #004999;              /* 悬停时变深一点，增强提示 */
}