/* 主题相关样式 */

/* 夜间模式下的装饰竖线 */
body.dark-mode .archive-title,
body.dark-mode .about-title {
  border-left-color: #fff; 
}

/* 夜间模式 */
body.dark-mode {
  background-color: var(--dark-background);
  color: var(--dark-text);
  --text-color: #ffffff;
}

/* 夜间模式下的导航栏 */
body.dark-mode .navbar {
  background-color: var(--dark-card);
  border-bottom-color: var(--dark-border);
}

body.dark-mode .site-name,
body.dark-mode .nav-link {
  color: var(--dark-text);
}

body.dark-mode .nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .nav-link::after {
  background-color: #fff;
}

/* 可点击元素的光标样式 */
.toc-item a,
.sidebar-toc-link,
.nav-link,
.post-card-link,
.menu-toggle,
.sidebar-close,
.post-link,
.sidebar-link,
.theme-toggle {
  cursor: var(--cursor-click);
}

/* 夜间模式下的可点击元素 */
body.dark-mode .toc-item a,
body.dark-mode .sidebar-toc-link,
body.dark-mode .nav-link,
body.dark-mode .post-card-link,
body.dark-mode .menu-toggle,
body.dark-mode .sidebar-close,
body.dark-mode .post-link,
body.dark-mode .sidebar-link,
body.dark-mode .filter-tag,
body.dark-mode .timeline-link,
body.dark-mode .theme-toggle {
  cursor: var(--cursor-click-dark);
}

/* 夜间模式下的卡片 */
body.dark-mode .post-card {
  background-color: var(--dark-card);
  border-color: var(--dark-border);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body.dark-mode .toc-container {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

body.dark-mode .toc-title {
  border-bottom-color: var(--dark-text);
  color: #fff;
}

body.dark-mode .toc-item a {
  color: #fff;
}

body.dark-mode .toc-item a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .toc-item.active a {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

body.dark-mode .toc-top a,
body.dark-mode .toc-bottom a {
  color: #fff !important;
}

body.dark-mode .post-link,
body.dark-mode .timeline-link {
  color: var(--dark-text);
}

body.dark-mode .post-link:hover,
body.dark-mode .timeline-link:hover {
  color: #fff;
}

body.dark-mode .post-meta,
body.dark-mode .timeline-date {
  color: #999;
}

/* 夜间模式下的时间轴年份标题 */
body.dark-mode .year-label {
  color: var(--dark-text);
  background: var(--dark-background);
}

body.dark-mode .post-excerpt {
  color: #ccc;
}

/* 夜间模式下的页脚 */
body.dark-mode .footer {
  background-color: var(--dark-card);
  border-top-color: var(--dark-border);
}

body.dark-mode .footer-container {
  color: #999;
}

body.dark-mode .sidebar {
  background-color: var(--dark-card);
  box-shadow: -2px 0 5px rgba(0,0,0,0.3);
}

body.dark-mode .sidebar-close {
  color: var(--dark-text);
}

body.dark-mode .sidebar-toc {
  border-top-color: var(--dark-border);
}

body.dark-mode .sidebar-toc-title {
  color: #fff;
}

body.dark-mode .sidebar-toc-link {
  color: #fff;
}

body.dark-mode .sidebar-toc-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}