/**
 * 文章目录组件样式
 *
 * 基于 AeroCore 主题内置目录小工具样式
 * 复用主题 .aerocore-toc 样式
 */

/* ============================================================
   通用小工具外层容器
   ============================================================ */

.app-widget-wrapper {
    margin-bottom: 16px;
    padding: 16px 20px;
    background: var(--bg-card);
    border-radius: var(--border-radius);
}

.app-widget-wrapper:last-child {
    margin-bottom: 0;
}

/* 跟随滚动修饰类 */
.app-widget-wrapper--sticky {
    position: sticky;
    top: 76px;
    z-index: 10; /* 确保sticky时在最上层 */
}

/* ============================================================
   文章目录组件特定样式
   ============================================================ */

/* 组件标题 - 复用主题目录小工具样式（无底部边框） */
.app-table-of-contents .component-title {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-primary);
    margin: 0 0 8px;
    padding-bottom: 0;
    border-bottom: none;
    position: relative;
}

/* 目录容器 - 复用主题样式 */
.app-table-of-contents .aerocore-toc {
    max-height: 420px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.12) transparent;
}

.app-table-of-contents .aerocore-toc::-webkit-scrollbar {
    width: 4px;
}

.app-table-of-contents .aerocore-toc::-webkit-scrollbar-track {
    background: transparent;
}

.app-table-of-contents .aerocore-toc::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

html[data-theme="dark"] .app-table-of-contents .aerocore-toc::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
}

html[data-theme="dark"] .app-table-of-contents .aerocore-toc {
    scrollbar-color: rgba(255, 255, 255, 0.15) transparent;
}

/* 空状态提示 */
.app-table-of-contents .aerocore-toc--empty {
    font-size: 13px;
    color: var(--text-muted);
    text-align: center;
    padding: 20px 0;
}