.blog-toc{background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:0;box-shadow:0 2px 8px rgba(0,0,0,.02)}.blog-toc-header{display:flex;align-items:center;gap:.75rem;color:#111827;font-weight:700;font-size:1.05rem;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.blog-toc-header svg{color:#6366f1}.blog-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem}.blog-toc-item{line-height:1.4}.blog-toc-item a{color:#4b5563;text-decoration:none;font-size:.925rem;font-weight:500;transition:all .2s ease;display:block}.blog-toc-item a:hover{color:#6366f1;transform:translateX(4px)}.blog-toc-item--h3{padding-left:1.25rem}.blog-toc-item--h3 a{font-size:.875rem;opacity:.85}.blog-toc-item.active a{color:#6366f1;font-weight:600}@media (max-width:640px){.blog-toc{padding:1.25rem;margin-bottom:2rem}.blog-toc-item a{font-size:.875rem}}