.blog-sidebar{position:sticky;top:100px;align-self:flex-start}.blog-toc{max-height:400px;overflow-y:auto;padding-right:8px}.blog-toc::-webkit-scrollbar{width:6px}.blog-toc::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.blog-toc::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px;transition:background .2s}.blog-toc::-webkit-scrollbar-thumb:hover{background:#94a3b8}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.blog-toc-item{position:relative}.blog-toc-link{display:block;padding:8px 12px;color:#64748b;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:14px;line-height:1.4;border-left:3px solid transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-toc-link:hover{background-color:#f8fafc;color:#334155;border-left-color:#e2e8f0;transform:translate(2px)}.blog-toc-link.active{background-color:#f0f9ff;color:#0369a1;border-left-color:#0ea5e9}