:root{--toc-accent:#0b5ed7;--toc-accent-strong:#2563eb;--toc-accent-soft:rgba(37,99,235,0.06)}.toc-block{border-radius:14px;margin:20px 0;background:#fff;box-shadow:0 6px 18px rgb(2 6 23 / .08);font-family:"Segoe UI",Roboto,Arial,sans-serif;overflow:hidden;border:1px solid rgb(15 23 42 / .06)}.toc-header{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#06b6d4 0%,var(--toc-accent-strong) 100%);color:#fff;padding:8px 14px;font-size:14px;font-weight:600;letter-spacing:.2px;line-height:1.4}.toc-header::before{content:"📑";margin-right:6px;font-size:16px}.toc-toggle{background:rgb(255 255 255 / .18);border:none;color:#fff;font-size:16px;cursor:pointer;line-height:1;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center;transition:transform 0.25s ease,background 0.25s ease}.toc-toggle:hover{background:rgb(255 255 255 / .32);transform:rotate(90deg)}.toc-list{list-style:none;margin:0;padding:12px 0;border-left:3px solid rgb(37 99 235 / .12);transition:max-height 0.32s ease,opacity 0.24s ease}.toc-item{margin:6px 0}.toc-item a{text-decoration:none;color:#0f172a;display:block;padding:8px 14px;transition:transform 0.2s ease,background 0.18s ease,color 0.18s ease;position:relative;border-radius:6px;box-sizing:border-box}.toc-item.level-1 a{padding-left:28px;font-weight:700}.toc-item.level-2 a{padding-left:42px;font-size:14px}.toc-item.level-3 a{padding-left:56px;font-size:13px}.toc-item.level-2 a::before,.toc-item.level-3 a::before{content:"›";position:absolute;left:18px;color:var(--toc-accent);font-size:12px;top:50%;transform:translateY(-50%)}.toc-item a:hover{background:#f0f8ff;color:var(--toc-accent);transform:translateX(5px)}.toc-item a.active{background:linear-gradient(90deg,rgb(6 182 212 / .08),rgb(37 99 235 / .06));color:var(--toc-accent);font-weight:700}.toc-item a.active::after{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:3px;background:var(--toc-accent);border-radius:2px;box-shadow:inset 2px 0 6px rgb(11 94 215 / .06);pointer-events:none}@media (max-width:768px){.toc-header{padding:6px 10px;font-size:13px}.toc-toggle{width:22px;height:22px;font-size:14px}.toc-item a{padding:8px 10px}.toc-item.level-1 a{padding-left:24px}.toc-item.level-2 a{padding-left:36px}.toc-item.level-3 a{padding-left:48px}}