.blog-toc{margin:30px 0;border:2px solid #d71920;border-radius:12px;background:#fff;overflow:hidden;transition:.3s}.blog-toc-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px}.blog-toc-title{font-size:18px;font-weight:700;color:#d71920;line-height:1.2}.toc-toggle{width:44px;height:44px;border:2px solid #d71920;border-radius:10px;background:#fff;color:#d71920;cursor:pointer;transition:.25s}.toc-toggle:hover{background:#d71920;color:#fff}.blog-toc-body{padding:0 24px 20px}#blog-toc-list{margin:0;padding:0;list-style:none}#blog-toc-list li{list-style:none;margin:8px 0}.toc-h2{margin:14px 0}.toc-h2>a{display:flex;align-items:flex-start;gap:14px;text-decoration:none;color:#222 !important;font-size:16px;font-weight:700;line-height:1.5;transition:.25s}.toc-h2>a:hover{color:#d71920 !important}.toc-h3{margin:8px 0;padding-left:24px}.toc-h3>a{display:flex;align-items:flex-start;gap:14px;text-decoration:none;color:#555 !important;font-size:14px;font-weight:500;line-height:1.55;transition:.25s}.toc-h3>a:hover{color:#d71920 !important}#blog-toc-list a.active{color:#d71920 !important;font-weight:700}.toc-number{width:38px;flex-shrink:0;color:#d71920;font-weight:700;text-align:right}.toc-h2 .toc-number{font-size:16px}.toc-h3 .toc-number{font-size:14px}@media (max-width: 767px){.blog-toc{margin:16px 0}.blog-toc-header{padding:12px 14px}.blog-toc-title{font-size:16px}.blog-toc-body{display:none;padding:0 16px 16px}.toc-h2>a{font-size:15px}.toc-h3{padding-left:16px}.toc-h3>a{font-size:13px}.toc-number{width:32px}}