:root{--header-height:110px;--sidebar-width:300px}body,html{height:auto;margin:0;overflow:visible}.tri-toc-wrapper{animation:pageFade .8s ease forwards;display:flex;justify-content:center;padding-top:40px;width:100%}@keyframes pageFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tri-toc-layout{align-items:flex-start;display:flex;gap:40px;max-width:1400px;padding:0 30px;width:100%}.tri-toc-list-col{align-self:flex-start;animation:slideInLeft .9s cubic-bezier(.25,.8,.25,1) forwards;position:sticky;top:calc(var(--header-height) + 20px);width:var(--sidebar-width)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}.tri-toc-content-col{animation:fadeUp 1s ease .2s forwards;flex:1;max-width:850px;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tri-toc-nav{background:#0f0f0f;border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.6),inset 0 0 0 1px hsla(0,0%,100%,.04);list-style:none!important;margin:0;padding:22px;transition:.35s ease}.tri-toc-nav:hover{box-shadow:0 15px 45px rgba(0,0,0,.9),0 0 18px rgba(71,188,135,.25)}.tri-toc-nav li{margin-bottom:10px}.tri-toc-nav a{background:#1a1a1a;border-radius:8px;color:#dcdcdc;display:block;font-size:14px;padding:10px 14px;text-decoration:none;transition:.25s ease}.tri-toc-nav a:hover{background:#242424;color:#fff;transform:translateX(6px)}.tri-toc-nav a.active{background:#47bc87;box-shadow:0 0 14px rgba(71,188,135,.55),0 0 24px rgba(71,188,135,.25);color:#000;font-weight:600}.tri-toc-section{animation:contentReveal .12s ease forwards;margin-bottom:70px;opacity:0}.tri-toc-section:first-child{animation-delay:.15s}.tri-toc-section:nth-child(2){animation-delay:.25s}.tri-toc-section:nth-child(3){animation-delay:.35s}.tri-toc-section:nth-child(4){animation-delay:.45s}@keyframes contentReveal{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.tri-toc-title{color:#47bc87;font-size:28px;margin-bottom:14px}.tri-toc-section li,.tri-toc-section p{color:#d4d4d4;font-size:17px;line-height:1.7}@media (max-width:768px){.tri-toc-list-col{display:none}.tri-toc-content-col{max-width:100%}.tri-toc-layout{padding:0!important}}