.sntoc-toc{--sntoc-primary:#f59e0b;--sntoc-accent:#d97706;--sntoc-text:#1A1A1A;--sntoc-bg-from:#faf8f5;--sntoc-bg-to:#f5f0ea;--sntoc-link:#333;--sntoc-link-hover:#d97706;background:linear-gradient(135deg,var(--sntoc-bg-from) 0%,var(--sntoc-bg-to) 100%);border:1px solid color-mix(in srgb,var(--sntoc-primary) 25%,transparent);border-left:4px solid var(--sntoc-primary);border-radius:0;margin:20px 0;overflow:hidden;box-shadow:0 2px 8px color-mix(in srgb,var(--sntoc-primary) 8%,transparent);transition:box-shadow 0.3s ease,max-width 0.3s ease,width 0.3s ease;width:fit-content;max-width:100%}.sntoc-toc.is-collapsed{max-width:280px}.sntoc-toc:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--sntoc-primary) 15%,transparent)}.sntoc-header{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;user-select:none;transition:background 0.2s}.sntoc-header:hover{background:color-mix(in srgb,var(--sntoc-primary) 6%,transparent)}.sntoc-icon{color:var(--sntoc-primary);font-size:1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--sntoc-primary) 12%,transparent);border-radius:0;flex-shrink:0}.sntoc-icon svg{width:16px;height:16px}.sntoc-title{font-weight:700;font-size:1rem;color:var(--sntoc-text);flex:1;letter-spacing:.02em}.sntoc-count{font-size:.8rem;color:#777;background:color-mix(in srgb,var(--sntoc-primary) 10%,transparent);padding:1px 6px;border-radius:0;flex-shrink:0}.sntoc-arrow{color:var(--sntoc-primary);font-size:.85rem;transition:transform 0.3s ease;flex-shrink:0;display:flex;align-items:center}.sntoc-toc.is-collapsed .sntoc-arrow{transform:rotate(-90deg)}.sntoc-list{list-style:none;margin:0;padding:0 18px 16px 18px;counter-reset:toc-h2;max-height:600px;overflow-y:auto;transition:max-height 0.4s ease,padding 0.3s ease,opacity 0.3s ease}.sntoc-toc.is-collapsed .sntoc-list{max-height:0;padding:0;margin:0;opacity:0;overflow:hidden;border:none}.sntoc-sublist{list-style:none;margin:0!important;padding:0!important;counter-reset:toc-h3}.sntoc-sublist .sntoc-sublist{counter-reset:toc-h4}.sntoc-list li{margin:0!important;padding:0!important}.sntoc-list>li{counter-increment:toc-h2}.sntoc-sublist>li{counter-increment:toc-h3}.sntoc-sublist .sntoc-sublist>li{counter-increment:toc-h4}.sntoc-link{display:flex;align-items:center;gap:8px;padding:4px 12px;font-size:.95rem;color:var(--sntoc-link);text-decoration:none;border-radius:0;transition:all 0.2s ease;line-height:1.4}.sntoc-list>li>.sntoc-link::before{content:counter(toc-h2) ".";color:var(--sntoc-primary);font-weight:700;font-size:.88rem;min-width:24px;flex-shrink:0}.sntoc-sublist>li>.sntoc-link::before{content:counter(toc-h2) "." counter(toc-h3);color:color-mix(in srgb,var(--sntoc-primary) 60%,#999);font-weight:700;font-size:.84rem;min-width:28px;flex-shrink:0}.sntoc-sublist .sntoc-sublist>li>.sntoc-link::before{content:counter(toc-h2) "." counter(toc-h3) "." counter(toc-h4);color:#999;font-weight:600;font-size:.8rem;min-width:34px;flex-shrink:0}.sntoc-link:hover{background:color-mix(in srgb,var(--sntoc-primary) 8%,transparent);color:var(--sntoc-link-hover);padding-left:16px}.sntoc-link.is-active{background:color-mix(in srgb,var(--sntoc-primary) 10%,transparent);color:var(--sntoc-accent);font-weight:600;border-left:3px solid var(--sntoc-primary);margin-left:-3px}.sntoc-level-2>.sntoc-link{padding-left:12px}.sntoc-level-3>.sntoc-link{padding-left:32px;font-size:.9rem}.sntoc-level-4>.sntoc-link{padding-left:52px;font-size:.84rem;color:#555}.sntoc-level-5>.sntoc-link{padding-left:68px;font-size:.8rem;color:#666}.sntoc-level-6>.sntoc-link{padding-left:84px;font-size:.78rem;color:#777}.sntoc-list::-webkit-scrollbar{width:4px}.sntoc-list::-webkit-scrollbar-track{background:#fff0}.sntoc-list::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--sntoc-primary) 30%,transparent);border-radius:2px}@media (max-width:768px){.sntoc-toc{margin:0 0 24px;border-radius:0;width:100%;max-width:100%}.sntoc-toc.is-collapsed{max-width:140px}.sntoc-toc.is-collapsed .sntoc-header{padding:5px 10px;justify-content:center}.sntoc-toc.is-collapsed .sntoc-title{flex:none;text-align:center}.sntoc-toc.is-collapsed .sntoc-count{display:none}.sntoc-list{padding:0 10px 10px 10px;max-height:400px}.sntoc-link{padding:4px 6px;font-size:.85rem;gap:6px}.sntoc-level-2>.sntoc-link{padding-left:6px}.sntoc-level-3>.sntoc-link{padding-left:16px;font-size:.82rem}.sntoc-level-4>.sntoc-link{padding-left:26px;font-size:.78rem}}