/* 布局样式 - 深色模式 */

/* 头部样式 */
.dark-mode .header {
  background-color: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
}

.dark-mode .header.scrolled {
  background-color: rgba(17, 24, 39, 0.95);
}

/* 当管理栏显示时，调整 header 位置 */
.dark-mode body.admin-bar .header {
  top: 32px;
}

/* 站点标志 */
.dark-mode .site-title {
  color: var(--text-color);
}

.dark-mode .site-title:hover {
  color: var(--primary-color);
}

/* 导航菜单 */
.dark-mode .nav-menu {
  border-right: 1px solid var(--border-color);
}

.dark-mode .nav-menu li a {
  color: var(--text-color);
}

.dark-mode .nav-menu li a:hover {
  color: var(--primary-color);
}

/* 汉堡菜单 */
.dark-mode .mobile-menu-toggle {
  color: var(--text-color);
}

.dark-mode .mobile-menu-toggle:hover {
  color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.1);
}

/* 导航按钮 */
.dark-mode .nav-buttons button {
  color: var(--text-color);
}

.dark-mode .nav-buttons button:hover {
  color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.1);
}

/* 主题切换滑块 */
.dark-mode .theme-toggle-label {
  background-color: var(--primary-color);
}

/* 主内容区 */
.dark-mode .main-content {
  background-color: var(--background-color);
}

/* 侧边栏 */
.dark-mode .sidebar {
  background-color: var(--surface-color);
  box-shadow: var(--shadow-sm);
}

.dark-mode .widget-title {
  border-bottom: 2px solid var(--primary-color);
}

/* 面包屑导航 */
.dark-mode .breadcrumb {
  background-color: var(--background-color);
  border-bottom: 1px solid var(--border-color);
}

.dark-mode .breadcrumb-separator {
  color: var(--text-secondary);
}

.dark-mode .breadcrumb-link {
  color: var(--text-color);
}

.dark-mode .breadcrumb-link:hover {
  color: var(--primary-color);
}

.dark-mode .breadcrumb-item.active {
  color: var(--text-secondary);
}

/* 页脚 */
.dark-mode .footer {
  background-color: var(--background-color);
  border-top: 1px solid var(--border-color);
}

.dark-mode .footer-bottom {
  color: var(--text-secondary);
}

/* 文章详情页 */
.dark-mode .single-posts {
  background-color: var(--surface-color);
  box-shadow: var(--shadow-sm);
}

.dark-mode .post-title {
  color: var(--text-color);
}

.dark-mode .post-meta {
  color: var(--text-secondary);
}

.dark-mode .post-content {
  color: var(--text-color);
}

.dark-mode .post-content img {
  box-shadow: var(--shadow-sm);
}

/* 文章导航 */
.dark-mode .post-navigation {
  border-top: 1px solid var(--border-color);
}

.dark-mode .post-navigation a {
  color: var(--text-color);
}

.dark-mode .post-navigation a:hover {
  color: var(--primary-color);
}

/* 分页 */
.dark-mode .pagination a {
  background-color: var(--surface-color);
  color: var(--text-color);
}

.dark-mode .pagination a:hover {
  background-color: var(--primary-color);
  color: white;
}

.dark-mode .pagination .current {
  background-color: var(--primary-color);
  color: white;
}

/* 返回顶部按钮 */
.dark-mode .back-to-top {
  background-color: var(--primary-color);
  color: white;
  box-shadow: var(--shadow-md);
}

.dark-mode .back-to-top:hover {
  background-color: var(--secondary-color);
  box-shadow: var(--shadow-lg);
}

/* 搜索弹窗 */
.dark-mode #search-modal-overlay {
  background-color: rgba(0, 0, 0, 0.7);
}

.dark-mode .search-popup-container {
  background-color: var(--surface-color);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
}

.dark-mode .search-popup-close {
  color: var(--text-color);
}

.dark-mode .search-popup-close:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--primary-color);
}

.dark-mode .search-popup-content {
  background-color: var(--surface-color);
}

.dark-mode .search-type-switch {
  background-color: var(--background-color);
}

.dark-mode .search-type-item {
  color: var(--text-secondary);
}

.dark-mode .search-type-item.active {
  color: var(--text-color);
}

.dark-mode .search-type-slider {
  background-color: var(--surface-color);
  box-shadow: var(--shadow-sm);
}

.dark-mode #fox-search-input {
  background-color: var(--background-color);
  color: var(--text-color);
  border-color: var(--border-color);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dark-mode #fox-search-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 4px 8px rgba(var(--primary-color-rgb), 0.2);
}

.dark-mode #fox-search-input::placeholder {
  color: var(--text-secondary);
}

.dark-mode .search-btn-submit {
  background-color: var(--primary-color);
  color: white;
}

.dark-mode .search-btn-submit:hover {
  background-color: var(--secondary-color);
}

.dark-mode .section-title {
  color: var(--text-color);
}

.dark-mode .section-action {
  color: var(--text-secondary);
}

.dark-mode .section-action:hover {
  color: var(--primary-color);
}

.dark-mode .search-tag-item {
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  color: var(--text-secondary);
}

.dark-mode .search-tag-item:hover {
  background-color: rgba(var(--primary-color-rgb), 0.1);
  border-color: var(--primary-color);
  color: var(--primary-color);
}

/* 加载动画 */
.dark-mode .loading-spinner {
  border-color: var(--border-color);
  border-top-color: var(--primary-color);
}

/* 404页面 */
.dark-mode .error-404 h1 {
  color: var(--primary-color);
}

/* 归档页面 */
.dark-mode .archive-header {
  border-bottom: 1px solid var(--border-color);
}

/* 分类页面 */
.dark-mode .category-header {
  border-bottom: 1px solid var(--border-color);
}

.dark-mode .category-description {
  color: var(--text-secondary);
}

/* 标签页面 */
.dark-mode .tag-header {
  border-bottom: 1px solid var(--border-color);
}

/* 作者页面 */
.dark-mode .author-header {
  border-bottom: 1px solid var(--border-color);
}

.dark-mode .author-description {
  color: var(--text-secondary);
}

/* 相关文章 */
.dark-mode .related-posts {
  border-top: 1px solid var(--border-color);
}

.dark-mode .related-post {
  background-color: var(--surface-color);
}

.dark-mode .related-post:hover {
  box-shadow: var(--shadow-md);
}

.dark-mode .related-post h4 a {
  color: var(--text-color);
}

.dark-mode .related-post h4 a:hover {
  color: var(--primary-color);
}

/* 阅读时间 */
.dark-mode .reading-time {
  color: var(--text-secondary);
}

/* 文章列表 */
.dark-mode .posts-grid {
  gap: var(--spacing-lg);
}

/* 文章卡片 */
.dark-mode .post-card {
  background-color: var(--surface-color);
  box-shadow: var(--shadow-sm);
}

.dark-mode .post-card:hover {
  box-shadow: var(--shadow-md);
}

/* 文章卡片标题 */
.dark-mode .post-card-title a {
  color: var(--text-color);
}

.dark-mode .post-card-title a:hover {
  color: var(--primary-color);
}

/* 文章卡片摘要 */
.dark-mode .post-card-excerpt {
  color: var(--text-secondary);
}

/* 文章卡片元信息 */
.dark-mode .post-card-meta {
  color: var(--text-secondary);
}

.dark-mode .post-category a {
  color: var(--text-secondary);
}

.dark-mode .post-category a:hover {
  color: var(--primary-color);
}

/* 文章详情页标签 - 深色模式 */
.dark-mode .post-tags {
  background-color: var(--background-color);
}

.dark-mode .tags-label {
  color: var(--text-color);
}

.dark-mode .post-tags a {
  color: var(--primary-color);
}

.dark-mode .post-tags a:hover {
  color: var(--secondary-color);
}

/* 无文章提示 */
.dark-mode .no-posts {
  color: var(--text-secondary);
}

.dark-mode .no-posts h2 {
  color: var(--text-color);
}