.toc-open-btn{z-index:1000;cursor:pointer;color:#666;background:#fff;border:1px solid #e8e8e8;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:fixed;top:120px;left:20px;box-shadow:0 2px 12px #0000001a}.toc-open-btn:hover{color:#333;background:#f5f5f5;box-shadow:0 4px 16px #00000026}.table-of-contents{z-index:1000;background:#fff;border:1px solid #e8e8e8;border-radius:12px;flex-direction:column;width:280px;max-height:calc(100vh - 160px);transition:all .3s;display:flex;position:fixed;top:120px;left:20px;overflow:hidden;box-shadow:0 4px 24px #0000001f}.table-of-contents.closed{display:none}.toc-header{border-bottom:1px solid #f0f0f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 12px;display:flex}.toc-title{color:#171717;margin:0;font-size:14px;font-weight:600}.toc-actions{gap:4px;display:flex}.action-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.action-btn:hover{color:#666;background:#f5f5f5}.action-btn.close-btn:hover{color:#e74c3c;background:#fee}.toc-nav{flex:1;padding:12px 0;overflow-y:auto}.toc-nav::-webkit-scrollbar{width:4px}.toc-nav::-webkit-scrollbar-track{background:0 0}.toc-nav::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.toc-list{margin:0;padding:0;list-style:none}.toc-item.level-1>.toc-item-content{padding-left:16px}.toc-item.level-2>.toc-item-content{padding-left:32px}.toc-item.level-3>.toc-item-content{padding-left:48px}.toc-item.active>.toc-item-content .toc-link{color:#ff6b00;font-weight:500}.toc-item-content{align-items:center;padding-right:16px;display:flex}.expand-btn{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-right:4px;transition:transform .2s;display:flex}.expand-btn.expanded{transform:rotate(90deg)}.expand-btn:hover{color:#666}.toc-link{color:#666;text-overflow:ellipsis;white-space:nowrap;flex:1;padding:8px 0;font-size:13px;line-height:1.4;text-decoration:none;transition:color .2s;display:block;overflow:hidden}.toc-link:hover{color:#ff6b00}.toc-children{margin:0;padding:0;list-style:none}@media (max-width:1400px){.table-of-contents{width:240px}}@media (max-width:1200px){.toc-open-btn{top:100px;left:10px}.table-of-contents{width:220px;top:100px;left:10px}}@media (max-width:900px){.toc-open-btn{color:#fff;background:linear-gradient(135deg,#ff8c00 0%,#ff6b00 100%);border:none;border-radius:50%;width:48px;height:48px;display:flex;inset:auto 16px 24px auto;box-shadow:0 4px 16px #ff6b0066}.toc-open-btn:hover{color:#fff;background:linear-gradient(135deg,#ff9500 0%,#f70 100%)}.table-of-contents{border-radius:16px 16px 0 0;width:100%;max-height:70vh;inset:auto 0 0;box-shadow:0 -4px 24px #00000026}.table-of-contents.closed{display:none}.toc-overlay{z-index:999;background:#00000080;display:block;position:fixed;inset:0}.toc-header{border-bottom:1px solid #f0f0f0;padding:20px 20px 16px}.toc-header:before{content:"";background:#ddd;border-radius:2px;width:40px;height:4px;margin:0 auto 16px;display:block}.toc-title{font-size:16px}.toc-nav{max-height:calc(70vh - 80px);padding:16px 0}.toc-link{padding:12px 0;font-size:14px}.toc-item.level-1>.toc-item-content{padding-left:20px}.toc-item.level-2>.toc-item-content{padding-left:40px}.toc-item.level-3>.toc-item-content{padding-left:60px}.toc-item-content{padding-right:20px}}@media (min-width:901px){.toc-overlay{display:none!important}}