.article-slide-option{position:fixed;bottom:5rem;right:0;z-index:30}.article-slide-option .toc-button{padding:.25rem .25rem 0;background-color:rgb(var(--primary-color))}.article-page-item:hover .article-item-cover{transform:scale(1.25)}.article-page-item .article-item-cover{transition:transform .5s ease}.article-toc{position:sticky;top:6.3rem;font-size:.85rem;background-color:rgba(var(--card-background-color),.9);backdrop-filter:blur(.5rem);border:1px solid rgb(var(--border-color));border-radius:12px;padding:.75rem;height:100%}.article-toc .toc-nav-list{height:auto;max-height:36rem;overflow-y:auto}.drawer-toc-nav-list{width:16rem;overflow-x:auto;height:100%}.drawer-toc-nav-list nav,.toc-nav-list nav{font-size:.85rem}.drawer-toc-nav-list nav .toc-item-active,.toc-nav-list nav .toc-item-active{font-weight:700}.drawer-toc-nav-list nav ol,.toc-nav-list nav ol{display:flex;flex-direction:column}.drawer-toc-nav-list nav a,.toc-nav-list nav a{display:inline-block;white-space:pre-wrap;text-wrap:wrap;width:100%;padding:.35rem 0;border-radius:.5rem;transition:background-color .3s,color .3s}.drawer-toc-nav-list nav a:hover,.toc-nav-list nav a:hover{color:rgb(var(--primary-color));background-color:rgb(var(--button-background-color))}.drawer-toc-nav-list nav>ol>li>a,.toc-nav-list nav>ol>li>a{padding-left:1rem}.drawer-toc-nav-list nav>ol>li>ol>li>a,.toc-nav-list nav>ol>li>ol>li>a{padding-left:2rem}.drawer-toc-nav-list nav>ol>li>ol>li>ol>li>a,.toc-nav-list nav>ol>li>ol>li>ol>li>a{padding-left:3rem}.drawer-toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>a,.toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>a{padding-left:4rem}.drawer-toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>ol>li>a,.toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>ol>li>a{padding-left:5rem}.drawer-toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>a,.toc-nav-list nav>ol>li>ol>li>ol>li>ol>li>ol>li>ol>li>a{padding-left:6rem}.article-content{border-radius:12px}.article-content .article-header{position:relative;overflow:hidden}.article-content .article-header:hover .header-cover{transform:scale(1.3)}.article-content .article-header .header-cover{transition:transform .5s ease}.article-content .article-header .header-summary{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}.article-content .article-footer{margin:1rem;border-top:1px solid rgb(var(--border-color))}.article-content .article-footer .footer-options{column-gap:2rem;flex-wrap:wrap}.article-content .article-footer .footer-options>li{font-size:2rem;border-radius:50%;border:1px solid rgb(var(--border-color));padding:1rem;display:flex;align-items:center;justify-content:center}.article-content .article-footer .footer-options .common-like-button i{font-size:2rem!important}.related-article>h2{color:rgb(var(--text-color-2));font-weight:700}.related-article .related-article-list .related-article-item{border-radius:.5rem;overflow:hidden;width:14rem;aspect-ratio:16/9;flex-shrink:0;position:relative}.related-article .related-article-list .related-article-item:hover .item-cover{transform:scale(1.25)}.related-article .related-article-list .related-article-item:hover .item-content{background-color:rgba(0,0,0,.5)}.related-article .related-article-list .related-article-item:hover .item-content>h3{transform:translateY(0)}.related-article .related-article-list .related-article-item .item-cover{position:absolute;left:0;right:0;bottom:0;top:0;transition:transform .3s ease}.related-article .related-article-list .related-article-item .item-content{position:absolute;left:0;right:0;bottom:0;top:0;padding:.5rem;display:flex;flex-direction:column;justify-content:flex-end;background-color:transparent;transition:background-color .3s ease}.related-article .related-article-list .related-article-item .item-content>h3{line-height:125%;font-size:.9rem;transition:transform .3s ease;transform:translateY(300%)}