/* ========== 全局样式 ========== */
body, .markdown-section, .sidebar, .content {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #2c3e50;
}
.sidebar { background-color: #fafbfc; border-right: 1px solid #e1e4e8; }
.sidebar-nav { padding: 0 0 2rem 0 !important; }
.sidebar-nav ul { padding-left: 0 !important; list-style: none !important; }
.sidebar-nav li { margin: 0.25rem 0; list-style: none !important; }
.sidebar-nav li::before { content: none !important; }
.sidebar-nav li ul { padding-left: 1.2rem !important; border-left: 1px dashed #d0d7de; margin-left: 0.5rem; }
.sidebar-nav a { color: #2c3e50; text-decoration: none; display: inline-block; width: 100%; padding: 0.2rem 0; transition: all 0.2s; border-radius: 4px; }
.sidebar-nav a:hover { color: #42b983; background-color: rgba(66, 185, 131, 0.08); padding-left: 0.5rem; }
.sidebar-nav li.active > a { color: #42b983; font-weight: 600; background-color: rgba(66, 185, 131, 0.1); border-left: 3px solid #42b983; padding-left: 0.5rem; }
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-track { background: #f1f1f1; }
.sidebar::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; }
.markdown-section { max-width: 900px; padding: 2rem; }
.markdown-section h1 { font-size: 2rem; border-bottom: 2px solid #eaecef; padding-bottom: 0.3rem; }
.markdown-section h2 { font-size: 1.6rem; border-bottom: 1px solid #eaecef; padding-bottom: 0.2rem; }
.markdown-section h3 { font-size: 1.35rem; }
.markdown-section pre {
    background-color: #2d2d2d !important;
    border-radius: 8px;
    padding: 1.2rem !important;
    margin: 1rem 0;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    position: relative;
}
.markdown-section pre code {
    background-color: transparent !important;
    color: #ccc !important;
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 0.9em;
    padding: 0 !important;
    text-shadow: none !important;
}
.markdown-section p code, .markdown-section li code {
    background-color: rgba(27,31,35,0.05);
    color: #e96900;
    padding: 0.2rem 0.4rem;
    border-radius: 4px;
    font-family: monospace;
}
.markdown-section blockquote { border-left: 4px solid #42b983; background-color: #f8f9fa; padding: 0.5rem 1rem; border-radius: 0 8px 8px 0; }
.markdown-section table { display: table; width: 100%; border-collapse: collapse; }
.markdown-section table th, .markdown-section table td { border: 1px solid #dfe2e5; padding: 0.6rem 1rem; }
.markdown-section table th { background-color: #f6f8fa; }
.markdown-section img { max-width: 100%; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }
.markdown-section a { color: #42b983; text-decoration: none; border-bottom: 1px solid rgba(66,185,131,0.3); }
@media screen and (max-width: 768px) { .markdown-section { padding: 1rem; } }