:root{--toc-primary:#081c9e;--toc-secondary:#6b72b8;--toc-shadow-hover:0 8px 30px rgba(8,28,158,.15);--toc-border:#e2e8f0;--toc-shadow:0 4px 20px rgba(8,28,158,.08);--toc-text-light:#64748b;--toc-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--toc-accent:#4f46e5;--toc-white:#fff;--toc-border-radius:16px;--toc-light:#f8fafc;--toc-text:#334155;--toc-border-radius-sm:12px}.modern-toc-wrapper{position:sticky;top:20px;margin:24px 0;z-index:100}.modern-toc-card{overflow:hidden;backdrop-filter:blur(10px);border:1px solid var(--toc-border);transition:var(--toc-transition);box-shadow:var(--toc-shadow);border-radius:var(--toc-border-radius);background:var(--toc-white)}.modern-toc-card:hover{transform:translateY(-2px);box-shadow:var(--toc-shadow-hover)}.modern-toc-header{overflow:hidden;padding:24px;position:relative;background:linear-gradient(135deg,var(--toc-primary) 0,var(--toc-secondary) 100%)}.modern-toc-title{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--toc-white);position:relative;gap:12px;z-index:1}.modern-toc-title,.toc-icon{align-items:center;display:flex}.toc-icon{height:32px;backdrop-filter:blur(10px);justify-content:center;border-radius:8px;background:hsla(0,0%,100%,.2);width:32px}.reading-progress-container{position:relative;z-index:1}.reading-progress-info{justify-content:space-between;font-size:14px;font-weight:500;margin-bottom:12px;color:var(--toc-white);opacity:.9;align-items:center;display:flex}.reading-progress-bar{height:6px;overflow:hidden;position:relative;border-radius:3px;background:hsla(0,0%,100%,.2)}.reading-progress-fill{height:100%;transition:width .3s ease;position:relative;border-radius:3px;background:linear-gradient(90deg,var(--toc-white) 0,hsla(0,0%,100%,.8) 100%);width:0}.reading-progress-text{font-size:13px;font-weight:600;min-width:40px;text-align:center}.modern-toc-navigation{overflow-y:auto;padding:8px 0;max-height:400px;scrollbar-color:var(--toc-border) transparent;scrollbar-width:thin}.modern-toc-navigation::-webkit-scrollbar{width:6px}.modern-toc-navigation::-webkit-scrollbar-track{margin:8px 0;background:transparent}.modern-toc-navigation::-webkit-scrollbar-thumb{transition:var(--toc-transition);border-radius:3px;background:var(--toc-border)}.modern-toc-navigation::-webkit-scrollbar-thumb:hover{background:var(--toc-secondary)}.modern-toc-link{border-left:3px solid transparent;padding:14px 24px;font-size:15px;text-decoration:none;font-weight:500;color:var(--toc-text);transition:var(--toc-transition);position:relative;align-items:center;line-height:1.5;display:flex}.modern-toc-link:hover{transform:translateX(2px);text-decoration:none;border-left-color:var(--toc-secondary);color:var(--toc-secondary);background:linear-gradient(90deg,rgba(107,114,184,.08),transparent)}.modern-toc-link.active{font-weight:600;border-left-color:var(--toc-primary);color:var(--toc-primary);background:linear-gradient(90deg,rgba(8,28,158,.1),transparent)}.modern-toc-number{height:28px;justify-content:center;font-size:13px;border:1px solid var(--toc-border);font-weight:700;margin-right:14px;color:var(--toc-text-light);transition:var(--toc-transition);min-width:28px;align-items:center;border-radius:8px;background:var(--toc-light);display:inline-flex}.modern-toc-link:hover .modern-toc-number{border-color:var(--toc-secondary);transform:scale(1.1);color:var(--toc-white);background:var(--toc-secondary)}.modern-toc-link.active .modern-toc-number{border-color:var(--toc-primary);color:var(--toc-white);box-shadow:0 4px 12px rgba(8,28,158,.3);background:var(--toc-primary)}.modern-toc-text{flex:1;line-height:1.4}.modern-toc-footer{padding:20px 24px;border-top:1px solid var(--toc-border);background:var(--toc-light)}.estimated-reading-time{font-size:14px;font-weight:500;color:var(--toc-text-light);gap:10px;align-items:center;display:flex}.time-icon{height:20px;justify-content:center;font-size:10px;color:var(--toc-white);align-items:center;border-radius:50%;background:var(--toc-secondary);width:20px;display:flex}.mobile-toc-wrapper{margin:20px 0;display:none}.mobile-toc-card{overflow:hidden;border:1px solid var(--toc-border);transition:var(--toc-transition);box-shadow:var(--toc-shadow);border-radius:var(--toc-border-radius-sm);background:var(--toc-white)}.mobile-toc-header{overflow:hidden;padding:18px 20px;color:var(--toc-white);position:relative;background:linear-gradient(135deg,var(--toc-primary) 0,var(--toc-secondary) 100%);cursor:pointer;user-select:none}.mobile-toc-title-wrapper{justify-content:space-between;margin-bottom:14px;position:relative;align-items:center;display:flex;z-index:1}.mobile-toc-title{font-size:16px;font-weight:700;gap:10px;align-items:center;display:flex}.mobile-toc-icon{height:28px;backdrop-filter:blur(10px);justify-content:center;align-items:center;border-radius:6px;background:hsla(0,0%,100%,.2);width:28px;display:flex}.mobile-toc-count{backdrop-filter:blur(10px);padding:4px 10px;font-size:12px;font-weight:600;border-radius:12px;background:hsla(0,0%,100%,.25)}.mobile-expand-icon{transition:transform .3s ease;opacity:.8}.mobile-toc-card.expanded .mobile-expand-icon{transform:rotate(180deg)}.mobile-progress-wrapper{position:relative;z-index:1}.mobile-progress-info{justify-content:space-between;font-size:13px;font-weight:500;margin-bottom:10px;opacity:.9;align-items:center;display:flex}.mobile-progress-bar{height:5px;overflow:hidden;border-radius:3px;background:hsla(0,0%,100%,.2)}.mobile-progress-fill{height:100%;transition:width .3s ease;border-radius:3px;background:var(--toc-white);width:0}.mobile-progress-text{font-size:12px;font-weight:600;min-width:35px;text-align:center}.mobile-toc-content{overflow:hidden;transform:translateY(-10px);transition:max-height .4s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0;background:var(--toc-white)}.mobile-toc-card.expanded .mobile-toc-content{height:400px!important;overflow:hidden!important;transform:translateY(0)!important;transition:opacity .3s ease,transform .3s ease;flex-direction:column!important;max-height:400px!important;opacity:1!important;display:flex!important}.mobile-toc-card.expanded{box-shadow:0 8px 25px rgba(8,28,158,.15)}.mobile-toc-navigation{flex:1!important;min-height:300px!important;overflow-y:scroll!important;overflow-x:hidden!important;padding:0;position:relative;-webkit-overflow-scrolling:touch!important;scrollbar-color:var(--toc-secondary) transparent;scrollbar-width:thin}.mobile-toc-navigation::-webkit-scrollbar{width:4px}.mobile-toc-navigation::-webkit-scrollbar-track{border-radius:2px;background:var(--toc-light)}.mobile-toc-navigation::-webkit-scrollbar-thumb{transition:var(--toc-transition);border-radius:2px;background:var(--toc-secondary)}.mobile-toc-navigation::-webkit-scrollbar-thumb:hover{background:var(--toc-primary)}.mobile-toc-link{min-height:60px;padding:16px 20px;font-size:14px;text-decoration:none;font-weight:500;color:var(--toc-text);transition:var(--toc-transition);position:relative;border-bottom:1px solid var(--toc-border);align-items:center;touch-action:manipulation;display:flex}.mobile-toc-link:last-child{border-bottom:none}.mobile-toc-link:hover{text-decoration:none;color:var(--toc-secondary);background:linear-gradient(90deg,rgba(107,114,184,.08),transparent)}.mobile-toc-link.active{font-weight:600;color:var(--toc-primary);background:linear-gradient(90deg,rgba(8,28,158,.1),transparent)}.mobile-toc-link.active:before{content:"";position:absolute;bottom:0;top:0;background:var(--toc-primary);left:0;width:3px}.mobile-toc-number{height:26px;justify-content:center;font-size:12px;border:1px solid var(--toc-border);font-weight:700;margin-right:12px;color:var(--toc-text-light);transition:var(--toc-transition);min-width:26px;align-items:center;border-radius:6px;background:var(--toc-light);display:inline-flex}.mobile-toc-link:hover .mobile-toc-number{border-color:var(--toc-secondary);color:var(--toc-white);background:var(--toc-secondary)}.mobile-toc-link.active .mobile-toc-number{border-color:var(--toc-primary);color:var(--toc-white);background:var(--toc-primary)}.mobile-toc-text{flex:1;line-height:1.4}.mobile-toc-arrow{font-size:12px;transition:var(--toc-transition);opacity:.4}.mobile-toc-link:hover .mobile-toc-arrow{transform:translateX(2px);color:var(--toc-secondary);opacity:1}.mobile-toc-link.active .mobile-toc-arrow{color:var(--toc-primary);opacity:1}.mobile-toc-footer{flex-shrink:0;padding:12px 20px;position:relative;border-top:1px solid var(--toc-border);border-radius:0 0 var(--toc-border-radius-sm) var(--toc-border-radius-sm);background:var(--toc-light)}.mobile-estimated-time{font-size:12px;font-weight:500;color:var(--toc-text-light);gap:8px;align-items:center;display:flex}.mobile-time-icon{height:16px;justify-content:center;font-size:8px;color:var(--toc-white);align-items:center;border-radius:50%;background:var(--toc-secondary);width:16px;display:flex}@media (max-width:990px){.modern-toc-wrapper{display:none}.mobile-toc-wrapper{display:block}}@media (max-width:768px){.mobile-toc-header{padding:16px 18px}.mobile-toc-title{font-size:15px}.mobile-toc-link{padding:12px 18px;font-size:13px}}.header-progress-bar{height:3px;transform:translateY(-100%);pointer-events:auto;backdrop-filter:blur(20px);right:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;opacity:0;top:0;box-shadow:0 2px 8px rgba(0,0,0,.1);background:rgba(0,0,0,.05);cursor:pointer;left:0;z-index:9999}.header-progress-bar.visible{transform:translateY(0);opacity:1}.header-progress-fill{height:100%;overflow:hidden;transition:width .2s ease;position:relative;background:linear-gradient(90deg,var(--toc-primary) 0,var(--toc-secondary) 100%);width:0}.header-progress-fill:after{animation:progressShimmer 3s ease-in-out infinite;transform:translateX(-100%);right:0;content:"";position:absolute;bottom:0;top:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4) 50%,transparent);left:0}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.header-progress-label{transform:translateY(-100%) scale(.9);backdrop-filter:blur(20px);padding:8px 16px;font-size:12px;border:1px solid rgba(8,28,158,.1);font-weight:600;right:16px;color:var(--toc-primary);transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;opacity:0;gap:8px;top:8px;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.1);border-radius:20px;background:hsla(0,0%,100%,.95);cursor:pointer;user-select:none;display:flex;z-index:10000}.header-progress-label.visible{transform:translateY(0) scale(1);opacity:1}.header-progress-label:hover{transform:translateY(0) scale(1.05);box-shadow:0 6px 25px rgba(8,28,158,.2);background:#fff}.header-progress-label:active{transform:translateY(1px) scale(.98)}.progress-label-icon{height:16px;justify-content:center;font-size:8px;color:#fff;margin:0;align-items:center;border-radius:50%;background:linear-gradient(135deg,var(--toc-primary),var(--toc-secondary));width:16px;display:flex}.progress-label-text{font-weight:700;color:var(--toc-primary)}.progress-label-percent{font-weight:800;background:linear-gradient(135deg,var(--toc-primary),var(--toc-secondary));-webkit-background-clip:text;background-clip:text;min-width:30px;text-align:right;-webkit-text-fill-color:transparent}html{scroll-behavior:smooth}