.blog-toc-desktop,.blog-toc-sheet{--toc-inset:14px;--toc-sub-indent:12px;--toc-ease:cubic-bezier(.2, .8, .2, 1)}.blog-toc-list,.blog-toc-list ol{margin:0;padding:0;list-style:none}.blog-toc-list{position:relative}.blog-toc-list li{margin:0}.blog-toc-group+.blog-toc-group{margin-top:6px}.blog-toc-link{width:100%;padding:5px 0 5px var(--toc-inset);text-align:left;cursor:pointer;background:0 0;border:none;transition:color .2s ease-out;display:block;position:relative}.blog-toc-link--depth-0{color:#334155;font-size:13px;font-weight:500;line-height:1.5}.blog-toc-link--depth-1{padding-top:3px;padding-bottom:3px;padding-left:calc(var(--toc-inset) + var(--toc-sub-indent));color:#64748b;font-size:12.5px;line-height:1.5}.blog-toc-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-toc-link:hover{color:#0f172a}.blog-toc-link:focus-visible{outline-offset:-2px;border-radius:4px;outline:2px solid #2563eb}.blog-toc-link--chapter{color:#0f172a}.blog-toc-link--active{color:#2563eb}.blog-toc-children{opacity:1;transition:grid-template-rows .3s var(--toc-ease), opacity .25s ease-out;grid-template-rows:1fr;display:grid}.blog-toc-children>ol{min-height:0;overflow:hidden}.blog-toc-children--collapsed{opacity:0;grid-template-rows:0fr}.dark .blog-toc-link--depth-0{color:#cbd5e1}.dark .blog-toc-link--depth-1{color:#94a3b8}.dark .blog-toc-link:hover,.dark .blog-toc-link--chapter{color:#f1f5f9}.dark .blog-toc-link--active{color:#60a5fa}.blog-toc-desktop{display:none}@media (min-width:1280px){.blog-toc-desktop{flex-direction:column;max-height:calc(100vh - 116px);display:flex}.blog-toc-desktop-title{padding-left:var(--toc-inset);color:#0f172a;flex-shrink:0;margin:0 0 10px;font-size:13px;font-weight:600}.dark .blog-toc-desktop-title{color:#f1f5f9}.blog-toc-desktop-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent;min-height:0;position:relative;overflow-y:auto}.blog-toc-desktop .blog-toc-list:before{content:"";background:#e2e8f0;width:1px;position:absolute;top:0;bottom:0;left:0}.dark .blog-toc-desktop .blog-toc-list:before{background:#334155}.blog-toc-marker{z-index:1;will-change:transform;width:2px;transition:transform .3s var(--toc-ease), height .3s var(--toc-ease);background:#2563eb;border-radius:1px;position:absolute;top:0;left:0}.dark .blog-toc-marker{background:#60a5fa}}.blog-toc-bar,.blog-toc-overlay,.blog-toc-sheet{display:none}@keyframes blog-toc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1279px){.blog-toc-bar{z-index:30;text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;opacity:0;visibility:hidden;background:#fffffff2;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:13px;transition:opacity .25s ease-out,transform .25s cubic-bezier(.2,.8,.2,1),visibility .25s;display:flex;position:fixed;top:60px;left:0;right:0;transform:translateY(-8px)}.blog-toc-bar--visible{opacity:1;visibility:visible;transform:translateY(0)}.blog-toc-bar-icon,.blog-toc-bar-chevron,.blog-toc-bar-title{color:#64748b;flex-shrink:0}.blog-toc-bar-divider{background:#e2e8f0;flex-shrink:0;width:1px;height:12px}.blog-toc-bar-current{white-space:nowrap;text-overflow:ellipsis;color:#0f172a;flex:1;min-width:0;font-weight:500;animation:.25s ease-out blog-toc-fade-in;overflow:hidden}.dark .blog-toc-bar{background:#0f172af2;border-bottom-color:#1e293b}.dark .blog-toc-bar-current{color:#f1f5f9}.dark .blog-toc-bar-divider{background:#334155}.blog-toc-overlay{z-index:199;opacity:0;visibility:hidden;background:#0f172a52;transition:opacity .25s,visibility .25s;display:block;position:fixed;inset:0}.blog-toc-overlay--visible{opacity:1;visibility:visible}.blog-toc-sheet{z-index:200;background:#fff;border-radius:16px 16px 0 0;flex-direction:column;max-height:75vh;transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 24px #0f172a14}.blog-toc-sheet--open{transform:translateY(0)}.dark .blog-toc-sheet{background:#0f172a}.blog-toc-sheet-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px 12px 20px;display:flex}.dark .blog-toc-sheet-header{border-bottom-color:#1e293b}.blog-toc-sheet-title{color:#0f172a;font-size:15px;font-weight:600}.dark .blog-toc-sheet-title{color:#f1f5f9}.blog-toc-sheet-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.blog-toc-sheet-close:hover{color:#0f172a;background:#f8fafc}.blog-toc-sheet-scroll{overscroll-behavior:contain;min-height:0;padding:8px 0 calc(24px + env(safe-area-inset-bottom));position:relative;overflow-y:auto}.blog-toc-sheet{--toc-inset:20px}.blog-toc-sheet .blog-toc-group+.blog-toc-group{margin-top:0}.blog-toc-sheet .blog-toc-link--depth-0{padding-top:10px;padding-bottom:10px;padding-right:20px;font-size:15px}.blog-toc-sheet .blog-toc-link--depth-1{padding-top:8px;padding-bottom:8px;padding-right:20px;font-size:14px}.blog-toc-sheet .blog-toc-link--active:before{content:"";background:#2563eb;border-radius:0 2px 2px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.dark .blog-toc-sheet .blog-toc-link--active:before{background:#60a5fa}}@media (prefers-reduced-motion:reduce){.blog-toc-link,.blog-toc-children,.blog-toc-marker,.blog-toc-bar,.blog-toc-overlay,.blog-toc-sheet{transition:none!important}.blog-toc-bar-current{animation:none}}.blog-toc-link--top{color:#64748b;align-items:center;gap:6px;font-size:12.5px;line-height:1.5;display:flex}.blog-toc-top-icon{color:#94a3b8;flex-shrink:0;transition:color .2s ease-out,transform .2s cubic-bezier(.2,.8,.2,1)}.blog-toc-link--top:hover{color:#0f172a}.blog-toc-link--top.blog-toc-link--active{color:#2563eb}.blog-toc-link--top:hover .blog-toc-top-icon{color:currentColor;transform:translateY(-1px)}.blog-toc-link--top.blog-toc-link--active .blog-toc-top-icon{color:currentColor}.dark .blog-toc-link--top{color:#94a3b8}.dark .blog-toc-link--top:hover{color:#f1f5f9}.dark .blog-toc-link--top.blog-toc-link--active{color:#60a5fa}.dark .blog-toc-top-icon{color:#64748b}@media (max-width:1279px){.blog-toc-sheet .blog-toc-link--top{padding-top:10px;padding-bottom:10px;font-size:14px}}