/* 🎯 桌面版：區分 Pop TOC 和 Sidebar TOC */

aside .simpletoc-list, aside #toc_container, aside .wp-block-simpletoc-toc,
.sidebar .simpletoc-list, .sidebar #toc_container, .sidebar .wp-block-simpletoc-toc,
.widget-area .simpletoc-list, .widget-area #toc_container, .widget-area .wp-block-simpletoc-toc {
    position: sticky !important; 
    top: 100px; 
    z-index: 1000;
    background: #fff !important; 
    border: 1px solid #dfdfdf !important;
    border-radius: 12px !important; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
    padding: 15px 0 !important;
    width: auto !important; 
    max-height: 60vh !important; 
    overflow-y: auto !important; 
    scrollbar-width: none; 
    scroll-behavior: smooth;
    transition: all 0.3s ease;
}

body > .simpletoc-list, body > #toc_container, body > .wp-block-simpletoc-toc {
    position: sticky !important; 
    top: 100px; 
    z-index: 1000;
    background: #fff !important; 
    border: 1px solid #dfdfdf !important;
    border-radius: 12px !important; 
    box-shadow: 0 10px 40px rgba(0,0,0,0.06) !important;
    padding: 15px 0 !important; 
    width: var(--toc-popup-width, 300px) !important; 
    max-height: var(--toc-popup-height, 60vh) !important; 
    overflow-y: auto !important; 
    scrollbar-width: none; 
    scroll-behavior: smooth;
    transition: all 0.3s ease;
}

.simpletoc-list::-webkit-scrollbar { display: none; }
.simpletoc-list ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }

/* 基礎 A 連結樣式 */
.simpletoc-list li a { 
    display: block !important; 
    padding: 10px 20px 10px 30px !important; 
    font-size: 15px !important; 
    color: #444 !important; 
    text-decoration: none !important; 
    transition: all 0.2s ease;
}

/* 🔧 修改重點：移除 li 的發光效果，僅作為容器 */
.toc-killer-active { 
    background: transparent !important; 
    border: none !important;
}

/* 🎯 全新類別：直接針對正在閱讀的連結染色 */
.toc-killer-active-link { 
    border-left: 5px solid var(--toc-main-color) !important; 
    background: linear-gradient(90deg, var(--toc-bg-gradient) 0%, transparent 100%) !important; 
    color: var(--toc-main-color) !important; 
    font-weight: 700 !important; 
}

#toc-killer-toggle {
    position: fixed; 
    top: var(--toc-toggle-top); 
    background: var(--toc-main-color); 
    color: var(--toc-text-color); 
    padding: 12px 8px; cursor: pointer; z-index: 999999; 
    writing-mode: vertical-lr; border-radius: var(--toc-border-radius); 
    font-size: 14px; box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

.toc-killer-hidden { 
    transform: translateX(110%); 
    opacity: 0; 
    pointer-events: none; 
}

@media (max-width: 767px) {
    aside .simpletoc-list, .sidebar .simpletoc-list, .widget-area .simpletoc-list,
    aside .wp-block-simpletoc-toc, .sidebar .wp-block-simpletoc-toc, .widget-area .wp-block-simpletoc-toc,
    aside #toc_container, .sidebar #toc_container, .widget-area #toc_container {
        display: none !important;
        visibility: hidden !important;
    }
    
    .simpletoc-list, .wp-block-simpletoc-toc, #toc_container {
        position: fixed !important;
        top: var(--toc-mobile-y, 10vh) !important;
        right: -300px !important; 
        left: auto !important;
        width: 280px !important;
        max-height: 75vh !important;
        height: auto !important;
        z-index: 2147483647 !important;
        isolation: isolate !important;
        will-change: transform !important;
        transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
        box-shadow: -5px 0 25px rgba(0,0,0,0.15) !important;
        background: #fff !important;
        display: block !important;
    }
    
    .toc-killer-hidden {
        transform: none !important;
        right: -300px !important;
        opacity: 0;
        pointer-events: none;
    }
    
    .toc-killer-open {
        right: 0 !important;
        transform: none !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    
    #toc-killer-toggle { 
        z-index: 2147483646 !important; 
    }
}