.article-toc{background:#fff;border:1px solid #eee;border-left:4px solid #2F82FD;border-radius:6px;padding:14px 18px;margin:0 0 22px;font-size:14px;position:relative}
.article-toc .toc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.article-toc .toc-title{font-weight:700;font-size:15px;color:#333}
.article-toc .toc-toggle{cursor:pointer;color:#999;font-size:12px;user-select:none}
.article-toc .toc-toggle:hover{color:#2F82FD}
.article-toc .toc-list{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}
.article-toc .toc-list li{margin:0;padding:0;line-height:1.9}
.article-toc .toc-list a{display:block;color:#555;text-decoration:none;padding:2px 0 2px 10px;border-left:2px solid transparent;transition:all .2s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.article-toc .toc-list a:hover{color:#2F82FD}
.article-toc .toc-list a.active{color:#2F82FD;font-weight:700;border-left-color:#2F82FD;background:#f2f8ff}
.article-toc .toc-list .toc-h3 a{padding-left:26px;font-size:13px;color:#888}
.article-toc.collapsed .toc-list{display:none}
@media (max-width:828px){
  .article-toc{padding:12px 14px;font-size:13px}
  .article-toc .toc-list{max-height:260px}
}