/**
 * ============================================================================
 * Hugo Blog Site - 自定义样式文件
 * ============================================================================
 * 目录:
 *   1. 基础字体设置
 *   2. 自定义通用类
 *   3. 文章内容样式
 *   4. 图片预览效果
 *   5. 代码块样式
 *   6. 表格样式
 *   7. 响应式设计
 * ============================================================================
 */

/* ==========================================================================
   🎨 主题色配置 - 修改这里即可一键更换全站主题色
   ========================================================================== */
:root {
  --custom-accent: #0078D4;
  /* Microsoft Blue - 可替换为其他颜色 */
}

/* ==========================================================================
   0. 粘性页脚 - 确保页脚始终在页面底部
   ========================================================================== */

/* 主内容区域填充可用空间 */
.main-inner {
  min-height: calc(100vh - 80px);
}

/* 侧边栏统计链接（Posts/Categories/Tags）可点击提示 */
.site-state-item {
  cursor: pointer;
  transition: all 0.2s ease;
}

.site-state-item:hover {
  transform: scale(1.05);
}

.site-state-item-count {
  color: var(--custom-accent) !important;
  transition: all 0.2s ease;
}

.site-state-item:hover .site-state-item-count {
  transform: scale(1.1);
}

.site-state-item:hover .site-state-item-name {
  color: var(--custom-accent) !important;
}

/* Gallery 图标脉冲动画（与hover效果一致） */
.menu-item-gallery .fa-camera {
  animation: hvr-icon-pulse 1s linear infinite;
}

/* ==========================================================================
   1. 基础字体设置 (使用 Google Fonts: Inter + JetBrains Mono)
   ========================================================================== */

/* 标题字体 - Inter，优化字重和字间距 */
h1,
h2,
h3,
h4,
h5,
h6,
.post-title,
.post-header,
.site-title,
.post-title-link,
article h1,
article h2,
article h3 {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 600;
  letter-spacing: -0.02em;
}

/* 文章详情页标题 - 与首页标题字重一致 */
.post-body .post-title,
.post-header .post-title {
  font-weight: 700 !important;
}

/* 正文字体 - Inter，优化行高和字间距 */
body,
.post-body,
.post-content,
article {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: -0.01em;
}

/* 菜单和导航 - Inter 中等字重 */
.menu,
.menu-item,
.sidebar,
.site-nav,
nav {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-weight: 500;
}

/* 代码字体 - JetBrains Mono */
code,
pre,
.post-content code,
.post-content pre {
  font-family: "JetBrains Mono", Consolas, Monaco, "Andale Mono", monospace !important;
}

/* ==========================================================================
   2. 标题自动编号（覆盖主题默认格式）
   ========================================================================== */

/* 修正 h3 编号格式：3.1. */
.autonumber h3::before {
  content: counter(h2) "." counter(h3) ". " !important;
}

/* 修正 h4 编号格式：3.1.1. */
.autonumber h4::before {
  content: counter(h2) "." counter(h3) "." counter(h4) ". " !important;
}

/* 编号颜色 */
.autonumber h2::before,
.autonumber h3::before,
.autonumber h4::before {
  color: var(--link-color, var(--custom-accent));
}

/* ==========================================================================
   3. 自定义通用类
   ========================================================================== */

/* 自定义小字体样式 - 用于辅助文本或注释 */
.mydefined {
  font-size: 0.65em;
  color: var(--custom-accent);
}

/* 自定义页脚文字颜色 */
.custom-footer {
  color: var(--custom-accent);
}

/* 自定义五级标题样式 - 突出显示的橙色粗体 */
.custom-head5 {
  font-size: 1.2em;
  color: var(--custom-accent);
  font-weight: bold;
}

/* ==========================================================================
   3. 文章内容样式
   ========================================================================== */

/* 移除文章标题下方的默认边距，使布局更加紧凑 */
.post-header {
  margin-bottom: 0 !important;
}

/* 去掉正文内二、三、四级标题后的分割线 */
.post-content h2,
.post-content h3,
.post-content h4 {
  border-bottom: none !important;
}

/* 隐藏文章底部的虚线分隔符 */
.post-footer hr {
  display: none !important;
}

/* 移除标签下方的装饰性下划线 */
.post-tags a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* 调整行内代码块样式 - 方案C：经典终端风格 */
.post-content :not(pre)>code {
  font-size: 0.9em;
  background-color: #f0f0f0;
  padding: 2px 4px;
  border-radius: 4px;
  color: #d63384;
}

/* 深色模式下的行内代码块 */
[data-theme="dark"] .post-content :not(pre)>code,
.dark-theme .post-content :not(pre)>code {
  background-color: #1e1e1e;
  color: #ce9178;
  /* VS Code 字符串橙色 */
}

/* ==========================================================================
   4. 图片预览效果
   ========================================================================== */

/* 预览图片容器 - 带圆角和平滑过渡效果 */
.preview-image {
  margin: 2rem auto 0;
  border-radius: 12px !important;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  height: auto;
  display: block;
  max-width: 100%;
  /* 性能优化 */
  will-change: transform, box-shadow;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

/* 确保图片元素继承容器圆角 */
.preview-image img {
  border-radius: inherit;
  width: 100%;
  object-fit: cover;
  margin-bottom: 0;
  display: block;
}

/* 预览图片悬停效果 - 上移并放大 */
.preview-image:hover {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

/* 预览图片点击效果 - 轻微下沉 */
.preview-image:active {
  transform: translateY(-2px) scale(0.98);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
   5. 代码块样式
   ========================================================================== */

/* 代码高亮容器 - 修复长代码块溢出问题 */
.post-content .highlight {
  position: relative;
  max-width: 100%;
  margin: 1rem 0;
  border-radius: 8px;
  overflow-x: auto;
  z-index: 1;
}

/* 代码块内容 - 允许自动换行 */
.post-content pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  padding: 1rem;
}

/* 确保代码块父容器正确布局 */
.post-body {
  position: relative;
  z-index: 0;
}

/* ==========================================================================
   6. 表格样式
   ========================================================================== */

/* --- 6.1 移动端防止横向溢出 --- */

/* 仅在移动端限制溢出，防止宽表格撑开页面 */
@media (max-width: 767px) {

  html,
  body {
    overflow-x: hidden;
  }
}

/* --- 6.2 表格容器可横向滚动 --- */

/* 主题的 table-container 包装器 */
.table-container {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 表格自身样式 - 宽度撑满容器 */
.post-content table {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

/* 表格单元格样式 - 允许正常换行 */
.post-content table th,
.post-content table td {
  padding: 8px 12px;
}

/* 表格内 KaTeX 公式不换行，防止公式被截断 */
.post-content table .katex {
  white-space: nowrap;
  font-size: 0.9em;
}

/* --- 6.3 无边框表格 (Toolbox 专用) --- */

/* 移除表格所有边框，背景透明 */
.noborder-table table {
  border: none !important;
  background: transparent !important;
}

/* 移除表头和单元格边框，统一内边距 */
.noborder-table th,
.noborder-table td {
  border: none !important;
  padding: 8px 16px;
  background: transparent !important;
}

/* ==========================================================================
   7. 响应式设计
   ========================================================================== */

/* --- 7.1 小屏幕设备 (宽度 < 768px) --- */
@media (max-width: 767px) {

  /* 表格在小屏幕上缩小字体 */
  .post-content table {
    font-size: 0.85em;
  }

  /* 数学公式在小屏幕上缩小显示 */
  .post-content .math-display,
  .post-content .katex-display {
    font-size: 0.85em;
  }
}


/* 移动端图片样式 */
@media (max-width: 768px) {
  figure {
    width: 100% !important;
    margin: 1em 0;
  }

  figure img {
    width: 100%;
    height: auto;
  }

  figcaption {
    margin-top: 0.5em;
    padding-top: 0.5em;
  }
}


/* ==========================================================================
   8. 手机端侧边栏显示
   ========================================================================== */

/* 在手机端显示侧边栏（头像、Categories、Tags） */
@media (max-width: 991px) {

  /* 显示侧边栏 */
  .sidebar {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    margin: 10px 0;
    top: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
  }

  /* 覆盖侧边栏内部元素的动画状态 */
  .sidebar .animated {
    animation: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* 调整侧边栏内部样式 */
  .sidebar-inner {
    padding: 15px;
    max-height: none !important;
  }

  /* 头像缩小适应手机屏幕 */
  .site-author-image {
    width: 60px !important;
    height: 60px !important;
  }

  /* 状态信息（Posts/Categories/Tags）水平居中 */
  .site-state {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  /* 隐藏目录（TOC）和导航按钮 */
  .sidebar-nav,
  .sidebar-toc {
    display: none !important;
  }
}


/* ==========================================================================
   9. Toolbox 卡片样式
   ========================================================================== */

/* 分类标题 */
.toolbox-section-title {
  margin: 30px 0 15px 0;
  padding-bottom: 0;
  font-size: 1.3em;
  font-weight: 600;
  color: var(--text-color, #333);
}

.toolbox-section-title:first-of-type {
  margin-top: 10px;
}

/* 卡片容器 - CSS Grid 布局 */
.toolbox-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 16px;
  padding: 10px 0 20px 0;
}

/* 单个卡片 - 简洁风格，自动适配深浅模式 */
.toolbox-card-item {
  position: relative;
  height: 90px;
  border-radius: 10px;
  overflow: hidden;
  border: none;
  /* 使用主题变量，自动适配深浅模式 */
  background: var(--card-bg-color, var(--content-bg-color, #fff));
  box-shadow: none;
  transition: all 0.25s ease;
}

.toolbox-card-item:hover {
  transform: translateY(-3px);
  /* 悬停时使用紫色主题阴影 */
  box-shadow: 0 6px 18px rgba(118, 75, 162, 0.2);
}

.toolbox-card-item a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  text-decoration: none;
  color: inherit;
  box-sizing: border-box;
  border: none;
  background: transparent;
}

/* 图标区域 - 黑白主题 */
.toolbox-card-icon {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  margin-right: 14px;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 浅灰色背景用于首字母，图片会覆盖 */
  background: var(--grey-dim, #888);
}

.toolbox-card-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  border-radius: 8px;
}

/* 首字母图标 */
.toolbox-card-initial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 1.3em;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}

/* 内容区域 */
.toolbox-card-content {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.toolbox-card-name {
  font-weight: 600;
  font-size: 0.95em;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color, #333);
}

.toolbox-card-desc {
  font-size: 0.8em;
  color: var(--grey-dim, #888);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
}

/* PC端 - 4列布局 */
@media (min-width: 1200px) {
  .toolbox-cards-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

/* 平板端 - 3列布局 */
@media (min-width: 768px) and (max-width: 1199px) {
  .toolbox-cards-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* 手机端 - 2列布局 */
@media (min-width: 480px) and (max-width: 767px) {
  .toolbox-cards-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .toolbox-card-item {
    height: 80px;
  }

  .toolbox-card-icon {
    width: 44px;
    height: 44px;
    margin-right: 10px;
  }

  .toolbox-card-name {
    font-size: 0.9em;
  }

  .toolbox-card-desc {
    font-size: 0.75em;
  }
}

/* 小屏手机 - 2列布局 */
@media (max-width: 479px) {
  .toolbox-cards-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }

  .toolbox-card-item {
    height: 70px;
  }

  .toolbox-card-item a {
    padding: 8px;
  }

  .toolbox-card-icon {
    width: 36px;
    height: 36px;
    margin-right: 8px;
    border-radius: 8px;
  }

  .toolbox-card-name {
    font-size: 0.8em;
  }

  .toolbox-card-desc {
    font-size: 0.7em;
  }
}


/* ==========================================================================
   10. 卡片式标签云样式
   ========================================================================== */

/* 标签云容器 */
.tag-cloud-custom {
  padding: 10px 0;
}

/* 标签云标题 */
.tag-cloud-title-custom {
  text-align: center;
  font-size: 1.1em;
  color: var(--text-color, #555);
  margin-bottom: 25px;
}

/* 标签卡片容器 - Flexbox 流式布局 */
.tag-cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding: 0;
  justify-content: flex-start;
}

/* 单个标签 - 极简药丸风格（无边框） */
.tag-card {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.9em;
  transition: all 0.25s ease;
  /* 无边框 + 淡背景 */
  background: rgba(128, 128, 128, 0.12);
  border: none;
  color: var(--text-color, #555);
  opacity: var(--tag-opacity, 1);
}

/* 标签悬停效果 */
.tag-card:hover {
  background: var(--text-color, #555);
  color: var(--content-bg-color, #fff);
  opacity: 1;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* 标签点击效果 */
.tag-card:active {
  transform: translateY(0);
}

/* 标签名称 */
.tag-card-name {
  white-space: nowrap;
}

/* 文章数量 */
.tag-card-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 10px;
  background: var(--text-color, #666);
  color: var(--content-bg-color, #fff);
  font-size: 0.75em;
  font-weight: 600;
  opacity: 0.8;
}

.tag-card:hover .tag-card-count {
  background: var(--content-bg-color, #fff);
  color: var(--text-color, #555);
  opacity: 1;
}

/* --- 响应式布局 --- */

/* 手机端 - 减小间距和字体 */
@media (max-width: 767px) {
  .tag-cards-container {
    gap: 8px;
  }

  .tag-card {
    padding: 6px 12px;
    font-size: 0.85em;
  }

  .tag-card-count {
    min-width: 18px;
    height: 18px;
    font-size: 0.7em;
  }
}

/**
 * ============================================================================
 * 11. Category Page Masonry Layout
 * ============================================================================
 */

/* Main masonry container */
.category-list-masonry {
  column-count: 3;
  column-gap: 30px;
  /* Increased gap for better separation */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Individual category group card */
.category-group {
  break-inside: avoid;
  /* background: var(--card-bg-color, var(--content-bg-color, transparent)); */
  margin-bottom: 25px;
  /* Increased bottom margin */
  padding: 0;
  border-radius: 8px;
}

/* Main category link styling */
.category-list-link.main-category {
  display: flex;
  align-items: center;
  gap: 6px;
  /* Use gap for spacing between icon and text */
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 12px;
  color: var(--link-color, #111);
  border-bottom: 2px solid var(--grey-lighter, #f0f0f0);
  padding-bottom: 8px;
  position: relative;
}

/* Sub-category list styling */
.category-children-list {
  list-style: none;
  padding-left: 5px;
  margin: 0;
}

.category-children-list-item {
  margin: 8px 0;
}

.category-children-list .category-list-link {
  font-size: 0.95em;
  color: var(--text-color, #555);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s ease;
}

.category-children-list .category-list-link:hover {
  color: var(--link-hover-color, var(--custom-accent));
  text-decoration: none;
}

/* Count badge styling - Simple text for sub-categories */
.category-list-count {
  font-size: 0.85em;
  color: var(--grey-dim, #999);
  margin-left: 4px;
}

/* Override theme's parentheses */
.category-all-page .category-list-count::before,
.category-all-page .category-list-count::after {
  content: none !important;
}

/* Main category badge - Pill style only for main categories */
.main-category .category-list-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 20px;
  padding: 0 6px;
  margin-left: 10px;
  border-radius: 10px;
  background: rgba(128, 128, 128, 0.15);
  color: var(--text-color, #555);
  font-size: 0.75em;
  font-weight: 500;
}

/* Icons styling */
.category-list-link i {
  color: var(--grey-dim, #999);
  font-size: 0.9em;
  opacity: 0.7;
  /* width: 16px; Remove fixed width to let flexbox handle it normally */
  text-align: center;
}

.category-list-link.main-category i {
  color: var(--link-color, #111);
  font-size: 1em;
  /* Ensure icon doesn't shrink */
  flex-shrink: 0;
}

.category-list-link:hover i {
  color: inherit;
  opacity: 1;
}

/* Responsive adjustments */
@media (max-width: 900px) {
  .category-list-masonry {
    column-count: 2;
  }
}

@media (max-width: 600px) {
  .category-list-masonry {
    column-count: 1;
  }

  .category-group {
    margin-bottom: 20px;
  }
}

/* ==========================================================================
   12. 收藏页面海报卡片样式
   ========================================================================== */

/* 分类标题 */
.favorite-section-title {
  margin: 30px 0 15px 0;
  font-size: 1.3em;
  font-weight: 600;
  color: var(--text-color, #333);
}

/* 卡片容器 - Grid 布局 */
.favorite-cards-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 20px;
  padding: 10px 0 30px 0;
}

/* 单个卡片 */
.favorite-card-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.favorite-card-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

/* 海报图片容器 */
.favorite-card-poster {
  width: 120px;
  height: 180px;
  border-radius: 8px;
  overflow: hidden;
  background: var(--grey-lighter, #f0f0f0);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.favorite-card-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.favorite-card-item:hover .favorite-card-poster {
  transform: translateY(-5px) scale(1.02);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* 占位符 - 无图片时显示首字母 */
.favorite-card-placeholder {
  font-size: 2.5em;
  font-weight: 700;
  color: var(--grey-dim, #999);
}

/* 卡片名称 */
.favorite-card-name {
  margin-top: 10px;
  font-size: 0.9em;
  font-weight: 500;
  color: var(--text-color, #333);
  max-width: 140px;
  /* 允许换行，最多2行 */
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.3;
  text-align: center;
}

.favorite-card-item a:hover .favorite-card-name {
  color: var(--link-color, var(--custom-accent));
}

/* 响应式布局 */
@media (min-width: 768px) {
  .favorite-cards-container {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }

  .favorite-card-poster {
    width: 140px;
    height: 210px;
  }

  .favorite-card-name {
    max-width: 140px;
  }
}

@media (max-width: 480px) {
  .favorite-cards-container {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    justify-items: center;
  }

  .favorite-card-poster {
    width: 100%;
    max-width: 100px;
    height: 150px;
    border-radius: 6px;
  }

  .favorite-card-name {
    font-size: 0.75em;
    max-width: 110px;
    /* 允许换行，最多2行 */
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.3;
    margin-top: 6px;
  }

  .favorite-section-title {
    font-size: 1.1em;
    margin: 20px 0 10px 0;
  }
}

/* ==========================================================================
   14. Mermaid 图表字体样式
   ========================================================================== */

/* Mermaid 图表通用字体 - 使用 Inter 字体 */
.mermaid {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Mermaid 所有文本节点使用 Inter */
.mermaid text,
.mermaid .nodeLabel,
.mermaid .label,
.mermaid .edgeLabel,
.mermaid .cluster-label,
.mermaid foreignObject,
.mermaid foreignObject * {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Mindmap 特定样式 */
.mermaid .mindmap-node text {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Mindmap 根节点样式 - 稍大字号 */
.mermaid .mindmap-node.section-0 text {
  font-weight: 600;
}

/* ==========================================================================
   15. 统一主题色覆盖 (橙色 → 蓝色)
   ========================================================================== */

/* TOC 和 Overview 导航高亮 */
.sidebar-nav li:hover,
.sidebar-toc-active .sidebar-nav-toc,
.sidebar-overview-active .sidebar-nav-overview {
  color: var(--custom-accent) !important;
  border-bottom-color: var(--custom-accent) !important;
}

.sidebar-toc-active .sidebar-nav-toc:hover,
.sidebar-overview-active .sidebar-nav-overview:hover {
  color: var(--custom-accent) !important;
}

/* TOC 目录项悬停和激活 */
.post-toc .nav-link:hover,
.post-toc .nav-link.active,
.post-toc .nav .active>.nav-link {
  color: var(--custom-accent) !important;
  border-bottom-color: var(--custom-accent) !important;
}

/* TOC 链接悬停颜色 */
.post-toc ul a:hover,
.post-toc a:hover {
  color: var(--custom-accent) !important;
}

/* TOC 当前激活项 */
.post-toc .active-current,
.post-toc .nav .active>a,
.post-toc .nav .active-current>a,
.post-toc .nav .active-current>a:hover {
  color: var(--custom-accent) !important;
}

/* Summary 框边框和标题颜色 */
.post-summary-wrapper {
  border-color: var(--custom-accent) !important;
}

.post-summary-wrapper .summary-title {
  color: var(--custom-accent) !important;
}

/* 侧边栏 Toggle 按钮 */
.sidebar-toggle {
  background: var(--custom-accent) !important;
}

/* 深色模式切换按钮和回到顶部按钮悬停颜色 */
.back-to-top:hover,
.tool-buttons .button:hover {
  color: var(--custom-accent) !important;
}