.toc-section {
  margin-bottom: 80px;
}
@media (max-width: 1000px) {
  .toc-section {
    margin-bottom: 0;
  }
}
.toc-section .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 24px;
}
@media (max-width: 1000px) {
  .toc-section .title {
    margin-bottom: 16px;
  }
}
.toc-section .toc-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 12px;
  padding: 32px;
  border-radius: 16px;
  border: 1px solid #E2E7F0;
  background: #fff;
}
@media (max-width: 1400px) {
  .toc-section .toc-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 1000px) {
  .toc-section .toc-list {
    display: none;
  }
}
.toc-section .toc-item {
  font-size: 16px;
  width: 450px;
  margin-bottom: 8px;
}
.toc-section .toc-item a {
  text-decoration: none;
  color: var(--color-text-secondary);
}
.toc-section .toc-item a.active {
  color: var(--color-text-primary);
  text-decoration: underline;
}