My-Blog/toc.css

html{scroll-behavior:smooth}.toc-container{position:fixed;right:150px;top:180px;width:250px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:10;display:none}@media (min-width: 1400px){.toc-container{display:block}}.toc{padding:15px 0}.toc-title{font-weight:bold;font-size:1.1rem;margin-bottom:12px;color:var(--color)}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin:4px 0}.toc ul ul{padding-left:20px;margin-top:4px}.toc a{display:block;text-decoration:none;color:var(--color);font-size:.9rem;padding:2px 0;transition:color .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc a:hover{color:var(--accent)}.toc a:target{color:var(--accent);font-weight:bold}.toc .toc-level-1{font-size:.95rem;font-weight:600}.toc .toc-level-2{font-size:.9rem}.toc .toc-level-3{font-size:.85rem}.toc .toc-level-4,.toc .toc-level-5,.toc .toc-level-6{font-size:.8rem}.post-content{scroll-margin-top:80px}