.blog-image img{
    padding: 15px 0;
    display: block;
    margin: 0 auto;
}

.article-content p {
    margin-bottom: 20px;
    font-size: 16px;
}
.section-title {
    position: relative;

    margin: 30px 0 20px;
}

.section-title.level-2 {
    font-size: 20px;
    font-weight: 600;
    padding-left: 16px;
}

.level-2::before {
    font-size: 20px;
    font-weight: 600;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background-color: #2ECC71;
}

.section-title.level-3 {
    font-size: 18px;
    font-weight: 600;
}
.section-title.level-4 {
    font-size: 16px;
    font-weight: 600;
}
.highlight {
    font-weight: bold;
}

        .toc-item.active {
            color: #059669; /* emerald-600 */
            font-weight: 600;
        }
        
        .section-title {
            scroll-margin-top: 100px; /* 为标题添加滚动边距 */
        }
@media (max-width: 768px) {
    .article-content p {
        font-size: 14px;
    }
    .section-title.level-2 {
        font-size: 18px;
    }
    .section-title.level-3 {
        font-size: 16px;
    }
    .section-title.level-4 {
        font-size: 14px;
    }
}

/* 目录项基础样式 */
#tocNav .toc-item {
    text-decoration: none;
    display: block;
    transition: color 0.2s ease-in-out; /* 平滑颜色过渡 */
    will-change: color; /* 优化动画性能 */
}

/* 激活状态样式 - 确保优先级 */
#tocNav .toc-item.active {
    color: #10b981 !important; /* 绿色高亮 */
    font-weight: 600;
}

/* 悬停状态 */
#tocNav .toc-item:hover:not(.active) {
    color: #10b981;
}

/* 章节标题滚动定位优化 */
h2[id^="section-"],
h3[id^="section-"],
h4[id^="section-"] {
    scroll-margin-top: calc(80px + 1rem); /* 确保标题不会被导航栏遮挡 */
}