/* 全局样式 */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #f4f4f9;
    color: #333;
    margin: 0;
    padding: 0;
}

.card-header h1 {
    font-size: 1.75rem; /* 调整 h1 的字号 */
    font-weight: 600;  /* 调整粗细 */
    color: #333;       /* 颜色 */
    line-height: 1.2; /* 行距 */
    margin:10px 0;
    padding:0;
}


/* 基础标题样式 */
.card-body h1,
.card-body h2,
.card-body h3,
.card-body h4 {
    color: #004d40; /* 标题颜色 */
    margin: 1rem 0; /* 增加上下边距，突出标题 */
    line-height: 1.4; /* 行距，增加可读性 */
    position: relative; /* 为下划线设置位置 */
    padding-bottom: 0.25rem; /* 为下划线留出空间 */
}

/* h1 标题样式 */
.card-body h1 {
    font-weight: 600; /* 半粗体 */
    font-size: 1.5rem; /* 调整字号 */
    border-bottom: 1px solid #ddd; /* 使用浅灰色细下划线 */
    padding-bottom: 0.5rem; /* 增加内边距以适应下划线 */
    margin-bottom: 0.5rem; /* 标题底部间距 */
}

/* h2 标题样式 */
.card-body h2 {
    font-weight: 500; /* 中等粗细 */
    font-size: 1.25rem; /* 调整字号 */
    border-bottom: 1px solid #ddd; /* 使用浅灰色细下划线 */
    padding-bottom: 0.5rem; /* 为下划线留出空间 */
    margin-bottom: 0.5rem; /* 标题底部间距 */
}

/* h3 标题样式 */
.card-body h3 {
    font-weight: 400; /* 常规 */
    font-size: 1rem; /* 调整字号 */
    margin-bottom: 0.5rem; /* 标题底部间距 */
}

/* h4 标题样式 */
.card-body h4 {
    font-weight: 400; /* 常规 */
    font-size: 1rem; /* 调整字号 */
    margin-bottom: 0.5rem; /* 标题底部间距 */
}


.card-body {
    font-family: 'PingFang SC', 'Helvetica Neue', Arial, sans-serif; /* 使用中文字体 */
    font-size: 1rem; /* 基础字体大小 */
    line-height: 1.75; /* 行距，提高可读性 */
    color: #333; /* 字体颜色 */
    background-color: #f8f9fa; /* 背景颜色 */
    padding: 1.5rem; /* 内边距 */
    border-radius: 0.375rem; /* 圆角边框 */
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); /* 阴影效果 */
}


.info {
    font-size: 0.875rem;
    color: #666;
}

section {
    margin-top: 1rem;
}

footer {
    margin-top: 2rem;
    font-size: 0.875rem;
    color: #888;
}


/**********阅读页生成的toc********/
.toc {
    font-family: Arial, sans-serif; /* 字体 */
    margin-bottom:10px;
}

.toc ul {
    list-style-type: none;    /* 去掉列表标记 */
    padding-left: 0;          /* 去掉左侧内边距 */
}

.toc li {
    margin-bottom: 3px;       /* 列表项间距（减小行距） */
}

.toc a {
    text-decoration: none;    /* 去掉链接下划线 */
    color: #007bff;           /* 链接颜色 */
    font-size: 14px;          /* 字号 */
    display: block;           /* 让链接填满整个 li */
    padding: 2px 5px;        /* 链接内边距 */
    border-radius: 2px;       /* 圆角边框 */
    transition: background-color 0.3s; /* 背景颜色过渡效果 */
}

.toc a:hover {
    color: #ffffff;              /* 悬停时改变文字颜色 */
    background-color: #007bff;  /* 悬停时背景颜色 */
    text-decoration: none;       /* 悬停时去掉下划线 */
}

.toc ul ul {
    padding-left: 20px;      /* 子列表的左侧内边距 */
}

.info {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    background-color: #f0f0f0; /* 添加背景色 */
    padding: 10px; /* 增加内边距 */
    border-radius: 5px; /* 圆角边框 */
}

.info .update-time {
    font-weight: bold;
    color: #555;
    margin-right: 5px; /* 调整时间和更新者之间的间距 */
}

.info .update-by {
    color: #777;
}


/* 错误信息的样式 */
ul.errorlist {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.errorlist li {
    background-color: #f8d7da; /* 背景色为 Bootstrap 的错误提示色 */
    color: #721c24; /* 错误文本颜色 */
    border: 1px solid #f5c6cb; /* 边框颜色与背景色相匹配 */
    border-radius: 0.25rem; /* 边框圆角 */
    padding: 0.75rem 1.25rem; /* 内边距 */
    margin-bottom: 0.5rem; /* 列表项的下边距 */
    font-size: 0.875rem; /* 字体大小 */
    line-height: 1.5; /* 行高 */
}

/* static/css/styles.css */
.foot {
    background-color: #333;
    color: #fff;
    padding: 20px;
    text-align: center;
}

.social-media {
    list-style: none;
    padding: 0;
}

.social-media li {
    display: inline;
    margin: 0 10px;
}

.social-media a {
    color: #fff;
    text-decoration: none;
}