/* 为滚动目标添加上边距，防止被顶部导航栏遮挡 */
h1[id], h2[id], h3[id], h4[id], h5[id], h6[id] {
    scroll-margin-top: 80px;
}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}
/* 为 Markdown 内容区域的元素添加样式 */
#content h1 {
    font-size: 2.25rem;
    font-weight: bold;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}
#content h2 {
    font-size: 1.875rem;
    font-weight: bold;
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}
#content h3 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}
#content h4 {
    font-size: 1.25rem;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}
#content h5 {
    font-size: 1.125rem;
    font-weight: bold;
    margin-top: 1.25rem;
    margin-bottom: 1rem;
}
#content p {
    margin-bottom: 1rem;
    line-height: 1.75;
}
#content ul {
    list-style-type: disc;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
#content ol {
    list-style-type: decimal;
    padding-left: 2rem;
    margin-bottom: 1rem;
}
#content blockquote {
    border-left: 4px solid #cbd5e0;
    padding-left: 1rem;
    margin-left: 0;
    margin-bottom: 1rem;
    font-style: italic;
    color: #4a5568;
}
#content code {
    background-color: #f1f5f9;
    padding: 0.2rem 0.4rem;
    border-radius: 0.25rem;
    font-family: monospace;
}
#content pre {
    background-color: #1e293b;
    color: #e2e8f0;
    padding: 1rem;
    border-radius: 0.5rem;
    overflow-x: auto;
    margin-bottom: 1rem;
}
#content pre code {
    background-color: transparent;
    padding: 0;
}
#content a {
    color: #2563eb;
    text-decoration: underline;
}

th,
td {
    border: 1px solid black;
    padding: 8px;
    text-align: left;
}