.blog-toc{background:transparent;border:none;font-family:Inter,sans-serif;margin-bottom:40px;padding:0;width:100%}.blog-toc .toc-summary{align-items:center;border-bottom:1px solid #e0e0e0;color:#111;cursor:pointer;font-size:16px;font-weight:600;justify-content:space-between;padding:12px 0}.toc-summary span{font-size:20px}.blog-toc .toc-arrow{transition:transform .3s ease}.blog-toc[open] .toc-arrow{transform:rotate(180deg)}#toc-list{list-style:none;margin:0;padding:0}#toc-list li{margin-bottom:10px}#toc-list a{color:#666;display:inline-block;font-size:16px;font-weight:500;position:relative;text-decoration:none;transition:color .3s ease}#toc-list a:after{background-color:#5c1f73;bottom:-2px;content:"";height:2px;left:0;position:absolute;transform-origin:left;transition:width .35s ease;width:0}#toc-list a.active,#toc-list a:hover{color:#000;font-weight:500}#toc-list a.active:after,#toc-list a:hover:after{width:100%}@media (max-width:767px){.blog-toc{margin-bottom:0;padding:8px 0}.blog-toc .toc-summary{border-top:1px solid #e0e0e0;display:flex}.blog-toc[open] #toc-list{animation:fadeIn .3s ease;border:1px solid #e0e0e0;margin-top:0;padding:5px 10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}}@media (min-width:768px){.blog-toc{display:block}.blog-toc summary{cursor:default;display:flex!important}.blog-toc .toc-arrow{display:none}.blog-toc[open] #toc-list{display:block;margin-top:10px}}