/* Markdown 内容样式 */
.topic-content h1, .reply-content h1, #content-preview h1 { 
    font-size: 1.5rem; 
    margin: 1rem 0 0.5rem 0; 
}

.topic-content h2, .reply-content h2, #content-preview h2 { 
    font-size: 1.3rem; 
    margin: 0.8rem 0 0.4rem 0; 
}

.topic-content h3, .reply-content h3, #content-preview h3 { 
    font-size: 1.1rem; 
    margin: 0.6rem 0 0.3rem 0; 
}

.topic-content p, .reply-content p, #content-preview p { 
    margin-bottom: 0.8rem; 
}

.topic-content blockquote, .reply-content blockquote, #content-preview blockquote { 
    border-left: 4px solid #dee2e6; 
    padding-left: 1rem; 
    margin: 1rem 0; 
    color: #6c757d; 
}

.topic-content code, .reply-content code, #content-preview code { 
    background-color: #f8f9fa; 
    padding: 0.2rem 0.4rem; 
    border-radius: 0.25rem; 
    font-size: 0.9em; 
    word-break: break-word;
    white-space: pre-wrap;
}

.topic-content pre, .reply-content pre, #content-preview pre { 
    background-color: #f8f9fa; 
    padding: 1rem; 
    border-radius: 0.25rem; 
    overflow-x: auto; 
    max-width: 100%;
    box-sizing: border-box;
}

#replies-list .list-group-item .flex-grow-1 {
    min-width: 0;
}

.topic-content ul, .reply-content ul, #content-preview ul,
.topic-content ol, .reply-content ol, #content-preview ol { 
    margin-bottom: 0.8rem; 
    padding-left: 2rem; 
}

/* Mermaid 图表样式 */
.topic-content .mermaid, .reply-content .mermaid, #content-preview .mermaid {
    margin: 1rem 0;
    padding: 1rem;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    text-align: center;
    overflow-x: auto;
}

.topic-content .mermaid svg, .reply-content .mermaid svg, #content-preview .mermaid svg {
    max-width: 100%;
    height: auto;
}