.md-html {
    padding: 24px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
}

.md-html p img {
    max-width: 100%; /* 确保图片最大宽度不超过父容器 */
    height: auto; /* 保持图片的宽高比 */
    display: block; /* 使图片成为块级元素，避免底部出现空白 */
}

/* 在文件末尾添加 */
.md-html .katex-display {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0.5em 0;
    white-space: nowrap;
    scrollbar-width: thin;
}

/* 为了更好的视觉效果，可以添加滚动条样式 */
.md-html .katex-display::-webkit-scrollbar {
    height: 6px;
}

.md-html .katex-display::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.md-html .katex-display::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.md-html .katex-display::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.md-html blockquote {
    background-color: #f9f9f9;
    border-left: 5px solid #007aff;
    display: block;
    line-height: 2em;
    margin: 20px 0;
    padding: 12px;
    color: #333;
}

.md-html blockquote p {
    padding-bottom: 0;
    margin-bottom: 0;
}
.md-html ul{
    padding-left: 2em;
    padding-top: 12px;
    padding-bottom: 12px;

}