.article-toc{position:fixed;top:100px;right:20px;width:280px;max-height:calc(100vh - 140px);background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,134,123,.08);overflow:hidden;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateX(0);display:flex;flex-direction:column}@media (min-width:1600px){.article-toc{right: calc((100vw - 1200px) / 2 - 300px)}}.toc-inner{height:100%;display:flex;flex-direction:column;overflow:hidden}.toc-header{padding:1.25rem 1.5rem;border-bottom:2px solid #f3f4f6;background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);flex-shrink:0}.toc-title{margin:0;font-size:1rem;font-weight:700;color:#111827;display:flex;align-items:center;gap:.75rem}.toc-title i{color:var(--primary-color);font-size:.875rem}.toc-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem 0;min-height:0;scrollbar-gutter:stable}.toc-nav::-webkit-scrollbar{width:6px}.toc-nav::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:3px}.toc-nav::-webkit-scrollbar-thumb{background:rgba(0,134,123,.3);border-radius:3px}.toc-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,134,123,.5)}.toc-nav{position:relative}.toc-nav::before,.toc-nav::after{content:'';position:absolute;left:0;right:0;height:20px;pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.toc-nav::before{top:0;background:linear-gradient(to bottom,#fff 0%,transparent 100%)}.toc-nav::after{bottom:0;background:linear-gradient(to top,#fff 0%,transparent 100%)}.toc-nav.scrollable-top::before{opacity:1}.toc-nav.scrollable-bottom::after{opacity:1}.toc-list{list-style:none;margin:0;padding:0}.toc-item{margin:0;position:relative}.toc-item-h3 .toc-link{padding-left:2.5rem}.toc-item-h3 .toc-text{font-size:.8125rem}.toc-link{display:flex;align-items:center;gap:.75rem;padding:.625rem 1.5rem;text-decoration:none;color:#6b7280;font-size:.875rem;line-height:1.5;transition:all .2s ease;position:relative;overflow:hidden}.toc-link::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);transform:translateX(-100%);transition:transform .2s ease}.toc-link:hover{color:var(--primary-color);background:rgba(0,134,123,.05)}.toc-link:hover::before{transform:translateX(0)}.toc-link.active{color:var(--primary-color);font-weight:600;background:rgba(0,134,123,.1)}.toc-link.active::before{transform:translateX(0)}.toc-number{flex-shrink:0;font-weight:700;color:rgba(0,134,123,.6);font-size:.75rem;min-width:20px}.toc-link.active .toc-number{color:var(--primary-color)}.toc-text{flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.toc-progress{height:3px;background:#f3f4f6;position:relative;overflow:hidden;flex-shrink:0}.toc-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-color) 0%,var(--secondary-color) 100%);width:0;transition:width .3s ease;box-shadow:0 0 10px rgba(0,134,123,.3)}@media (max-width:1399px){.article-toc{display:none}.mobile-toc{display:block;margin:2rem 0 3rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.mobile-toc .toc-header{padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.mobile-toc .toc-title{font-size:.9375rem}.mobile-toc-toggle{background:none;border:none;padding:.5rem;cursor:pointer;color:#6b7280;transition:transform .2s ease}.mobile-toc.collapsed .mobile-toc-toggle{transform:rotate(180deg)}.mobile-toc .toc-nav{max-height:400px;transition:max-height .3s ease;padding:.5rem 0}.mobile-toc.collapsed .toc-nav{max-height:0;overflow:hidden}.mobile-toc .toc-link{padding:.625rem 1rem;font-size:.875rem}.mobile-toc .toc-progress{display:none}}@media (min-width:1400px){.mobile-toc{display:none}}@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}.article-toc{animation:slideIn .5s ease}.article-toc.hidden{opacity:0;transform:translateX(100%);pointer-events:none}.toc-item{opacity:0;animation:fadeInUp .4s ease forwards}@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}.toc-item:nth-child(1) {animation-delay:.1s}.toc-item:nth-child(2) {animation-delay:.15s}.toc-item:nth-child(3) {animation-delay:.2s}.toc-item:nth-child(4) {animation-delay:.25s}.toc-item:nth-child(5) {animation-delay:.3s}.toc-item:nth-child(6) {animation-delay:.35s}.toc-item:nth-child(7) {animation-delay:.4s}.toc-item:nth-child(8) {animation-delay:.45s}.toc-item:nth-child(9) {animation-delay:.5s}.toc-item:nth-child(10) {animation-delay:.55s}.toc-item:nth-child(n+11) {animation-delay:.6s}@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 134, 123, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(0, 134, 123, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(0, 134, 123, 0);
    }
}.toc-link.active::after{content:'';position:absolute;left:12px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--primary-color);border-radius:50%;animation:pulse 2s infinite}.back-to-toc{position:fixed;bottom:20px;right:20px;background:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;box-shadow:0 4px 20px rgba(0,134,123,.3);transition:all .3s ease;opacity:0;transform:translateY(20px);visibility:hidden;z-index:200}.back-to-toc.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-toc:hover{background:var(--primary-dark,#006b61);transform:translateY(-2px);box-shadow:0 6px 30px rgba(0,134,123,.4)}.back-to-toc:active{transform:translateY(0)}.back-to-toc i{font-size:.875rem}@media (min-width:768px){.back-to-toc{display:none}}