/* 自定义样式 */
.more-posts-link .btn {
  display: inline-block;
  padding: 0.5rem 1.5rem;
  background: var(--entry);
  border: 1px solid var(--border);
  border-radius: 4px;
  color: var(--primary);
  text-decoration: none;
  transition: all 0.2s ease;
}

.more-posts-link .btn:hover {
  background: var(--primary);
  color: var(--entry);
}

/* ========================================
   右侧 TOC 侧边栏样式
   ======================================== */

/* 主内容区：保持主题默认宽度（720px + padding） */
.post-single-content {
  position: relative;
  max-width: var(--main-width);  /* 使用主题定义的 720px */
  margin-left: auto;
  margin-right: auto;
}

/* 右侧 TOC 侧边栏 - 默认隐藏 */
.toc-sidebar {
  display: none;
}

/* 大屏幕：显示右侧 TOC（不挤压主内容） */
@media (min-width: 1100px) {
  /* 主内容容器：为侧边栏留出空间 */
  .post-single {
    padding-right: 280px;
  }

  .toc-sidebar {
    display: block;
    position: fixed;
    /* 居中定位在主内容右侧：主内容中心 + 半宽度 + 间距 */
    left: 50%;
    margin-left: calc(var(--main-width) / 2 + var(--gap));
    top: calc(var(--header-height) + 40px);
    width: 260px;
    max-height: calc(100vh - 100px);
    overflow-y: auto;
    z-index: 10;
  }

  .toc {
    border: 1px solid var(--border);
    background: var(--code-bg);
    border-radius: var(--radius);
    padding: 16px;
  }

  .toc-title {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 1.1em;
    color: var(--primary);
  }

  /* TOC 列表样式优化 */
  .toc nav ul {
    padding-left: 0;
    margin: 0;
    list-style: none;
  }

  .toc nav ul li {
    margin: 4px 0;
  }

  .toc nav ul li a {
    display: block;
    padding: 4px 8px;
    color: var(--secondary);
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.2s ease, color 0.2s ease;
    font-size: 0.9em;
  }

  .toc nav ul li a:hover {
    background: var(--border);
    color: var(--primary);
  }

  /* 二级、三级标题缩进 */
  .toc nav ul ul {
    padding-left: 16px;
    margin-top: 4px;
  }

  .toc nav ul ul li a {
    font-size: 0.85em;
  }

  /* 滚动条样式 */
  .toc-sidebar::-webkit-scrollbar {
    width: 6px;
  }

  .toc-sidebar::-webkit-scrollbar-track {
    background: transparent;
  }

  .toc-sidebar::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
  }

  .toc-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--tertiary);
  }
}