:root{--tri-header-height:90px}.tri-toc-wrapper{animation:pageFadeIn .8s ease-out forwards;animation-delay:.8s;display:flex;justify-content:center;opacity:0;width:100%}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.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;margin-top:80px;position:sticky;top:calc(var(--tri-header-height) + 40px);width:var(--tri-sidebar-width);z-index:50}.tri-toc-nav{background:#0f0f0f;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.8),inset 0 0 0 1px hsla(0,0%,100%,.02);list-style:none;margin:0;padding:22px}.tri-toc-nav li{margin-bottom:8px}.tri-toc-nav a{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.05);border-radius:8px;color:#dcdcdc;display:block;font-size:14px;line-height:1.4;padding:10px 14px;text-decoration:none;transition:all .22s ease}.tri-toc-nav a:hover{background:#242424;border-color:hsla(0,0%,100%,.1);color:#fff;transform:translateX(4px)}.tri-toc-nav a.active{background:#47bc87;border-color:#47bc87;box-shadow:0 0 12px rgba(71,188,135,.45),0 0 20px rgba(71,188,135,.28);color:#000;font-weight:600;transform:translateX(4px)}.tri-toc-nav a{word-break:break-word}.tri-toc-content-col{flex:1;margin-left:calc(var(--tri-sidebar-width) + 80px);max-width:850px;padding-top:40px}.tri-toc-section{margin-bottom:40px;margin-top:80px}.tri-toc-title{color:#47bc87!important;font-size:28px;font-weight:600;margin-bottom:14px}.tri-toc-section p{color:#d4d4d4;font-size:17px;line-height:1.75}@media (max-width:768px){.tri-toc-list-col{display:none}.tri-toc-content-col{margin-left:0!important;max-width:100%}}ul.tri-toc-nav{list-style-type:none!important}::marker{color:#fff}