.blog-toc-sidebar,.blog-toc-desktop-title,.blog-toc-track-line,.blog-toc-mobile-toggle{display:none}@media (min-width:1400px){.blog-toc-mobile-toggle{display:none}.blog-toc-sidebar{z-index:100;background:0 0;border:none;width:180px;max-height:calc(100vh - 160px);display:block;position:fixed;top:120px;left:calc(50% - 902px);overflow-y:auto}.blog-toc-header{display:none}.blog-toc-desktop-title{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:16px;padding:0 16px;font-size:11px;font-weight:700;display:block}.blog-toc-nav{padding:0;position:relative}.blog-toc-track-line{background:#e2e8f0;width:1px;display:block;position:absolute;top:8px;bottom:8px;left:16px}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-list li{margin:0}.blog-toc-link{text-align:left;color:#64748b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-left:2px solid #0000;width:100%;margin-left:-2px;padding:8px 16px 8px 28px;font-size:13px;line-height:1.4;transition:all .15s ease-out;display:block;overflow:hidden}.blog-toc-link:hover{color:#0284c7}.blog-toc-link--active{color:#0284c7;border-left-color:#0ea5e9;font-weight:500}}.blog-toc-overlay{display:none}@media (max-width:1399px){.blog-toc-mobile-toggle{color:#475569;cursor:pointer;z-index:99;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:fixed;bottom:88px;right:20px;box-shadow:0 4px 16px #0000001f}.blog-toc-mobile-toggle:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.blog-toc-overlay{opacity:0;visibility:hidden;z-index:199;background:#0006;transition:all .3s;display:block;position:fixed;inset:0}.blog-toc-overlay--visible{opacity:1;visibility:visible}.blog-toc-sidebar{z-index:200;background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:70vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;position:fixed;inset:auto 0 0;transform:translateY(100%);box-shadow:0 -8px 32px #0000001f}.blog-toc-sidebar--open{transform:translateY(0)}.blog-toc-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.blog-toc-title{color:#1f2937;font-size:16px;font-weight:600}.blog-toc-desktop-title{display:none}.blog-toc-close-btn{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.blog-toc-close-btn:hover{color:#374151;background:#e5e7eb}.blog-toc-nav{max-height:calc(70vh - 80px);padding:16px 0 32px;overflow-y:auto}.blog-toc-track-line{display:none}.blog-toc-list{margin:0;padding:0;list-style:none}.blog-toc-list li{margin:0}.blog-toc-link{text-align:left;color:#6b7280;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;width:100%;padding:14px 28px;font-size:15px;transition:all .2s;display:block}.blog-toc-link:hover{color:#374151;background:#f9fafb}.blog-toc-link--active{color:#0284c7;background:linear-gradient(90deg,#0ea5e90f 0%,#0000 100%);border-left-color:#0ea5e9;font-weight:500}}@media (max-width:640px){.blog-toc-mobile-toggle{width:44px;height:44px;bottom:76px;right:16px}.blog-toc-sidebar{max-height:75vh}.blog-toc-link{padding:12px 24px;font-size:14px}}