.BlogTableOfContents_tocContainer__gPWjG{overflow-y:auto;padding-right:var(--space-xs);position:relative}.BlogTableOfContents_tocContainer__gPWjG::-webkit-scrollbar{width:6px}.BlogTableOfContents_tocContainer__gPWjG::-webkit-scrollbar-track{background:transparent}.BlogTableOfContents_tocContainer__gPWjG::-webkit-scrollbar-thumb{background:rgb(var(--color-ink-rgb)/.2);border-radius:var(--radius-sm)}.BlogTableOfContents_tocContainer__gPWjG::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-ink-rgb)/.3)}.BlogTableOfContents_tocHeader__NCXwL{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid rgb(var(--color-ink-rgb)/.1)}.BlogTableOfContents_tocIcon__VQ_AK{width:18px;height:18px;color:var(--color-primary)}.BlogTableOfContents_tocTitle__9WUXk{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);font-family:var(--font-family-primary)}.BlogTableOfContents_tocList__fTMKa{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-xs)}.BlogTableOfContents_tocItem__eg4m8{margin:0}.BlogTableOfContents_tocLink__VPWYd{width:100%;text-align:left;background:none;cursor:pointer;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-family-primary);border-radius:var(--radius-sm);transition:all .2s ease;border:none;border-left:2px solid transparent;line-height:1.4}.BlogTableOfContents_tocLink__VPWYd:hover{color:var(--color-primary);background:rgb(var(--color-primary-rgb)/.05)}.BlogTableOfContents_tocLinkActive__RNidL{color:var(--color-primary);background:rgb(var(--color-primary-rgb)/.08);border-left-color:var(--color-primary);font-weight:500}.BlogTableOfContents_mobileButton__m_HW0{display:flex;position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:var(--radius-circle);background:var(--color-primary-solid);color:white;border:none;cursor:pointer;z-index:50;box-shadow:0 4px 12px rgb(var(--color-primary-rgb)/.3),0 2px 4px rgba(0,0,0,.1);transition:all .3s ease;align-items:center;justify-content:center}@media (min-width:769px){.BlogTableOfContents_mobileButton__m_HW0{display:none}}.BlogTableOfContents_mobileButton__m_HW0:hover{transform:scale(1.05);box-shadow:0 6px 16px rgb(var(--color-primary-rgb)/.4),0 3px 6px rgba(0,0,0,.15)}.BlogTableOfContents_mobileButton__m_HW0:active{transform:scale(.95)}.BlogTableOfContents_mobileButtonIcon__qUQQU{width:24px;height:24px}.BlogTableOfContents_mobileBackdrop__iGV8i{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:60;opacity:0;transition:opacity .3s ease}.BlogTableOfContents_mobileBackdrop__iGV8i.BlogTableOfContents_open__oceOk{display:block;opacity:1}.BlogTableOfContents_mobileDrawer__X5sCi{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-white);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;z-index:70;max-height:70vh;transform:translateY(100%);transition:transform .3s ease;box-shadow:0 -4px 24px rgba(0,0,0,.15)}.BlogTableOfContents_mobileDrawer__X5sCi.BlogTableOfContents_open__oceOk{display:flex;flex-direction:column;transform:translateY(0)}.BlogTableOfContents_mobileDrawerHeader__ClIKD{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid rgb(var(--color-ink-rgb)/.1);flex-shrink:0}.BlogTableOfContents_mobileDrawerTitle__fMANC{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.BlogTableOfContents_mobileDrawerClose__XwEKI{width:40px;height:40px;border-radius:var(--radius-circle);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all .2s ease}.BlogTableOfContents_mobileDrawerClose__XwEKI:hover{background:rgb(var(--color-ink-rgb)/.1);color:var(--color-text-primary)}.BlogTableOfContents_mobileDrawerContent__nmwk5{padding:var(--space-lg) var(--space-xl);overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}@media (max-width:768px){.BlogTableOfContents_tocContainer__gPWjG{max-height:none;overflow-y:visible;padding-right:0}}