/* 主题覆盖样式 - 使用 !important 强制覆盖 scoped CSS */

/* 深色主题覆盖 */
[data-theme="dark"] .hero-section .hero-title,
[data-theme="dark"] .hero-section .hero-description,
[data-theme="dark"] .hero-section .hero-description .highlight,
[data-theme="dark"] .category-card .category-name,
[data-theme="dark"] .feature-card .feature-title,
[data-theme="dark"] .article-card .card-title,
[data-theme="dark"] .section-title,
[data-theme="dark"] .footer-title,
[data-theme="dark"] .footer-desc,
[data-theme="dark"] .footer-link,
[data-theme="dark"] .nav-brand,
[data-theme="dark"] .nav-link,
[data-theme="dark"] .brand-text,
[data-theme="dark"] .stat-value,
[data-theme="dark"] .stat-label,
[data-theme="dark"] .page-title,
[data-theme="dark"] .user-name,
[data-theme="dark"] .content-preview,
[data-theme="dark"] .settings-title,
[data-theme="dark"] .setting-label,
[data-theme="dark"] .radio-label {
  color: var(--text-primary) !important;
}

[data-theme="dark"] .hero-section .hero-title .title-sub,
[data-theme="dark"] .hero-section .hero-description,
[data-theme="dark"] .category-card .category-count,
[data-theme="dark"] .feature-card .feature-description,
[data-theme="dark"] .article-card .card-excerpt,
[data-theme="dark"] .article-card .publish-date,
[data-theme="dark"] .article-card .reading-time,
[data-theme="dark"] .article-card .stat-item,
[data-theme="dark"] .empty-text,
[data-theme="dark"] .view-all {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .hero-stats .stat-card,
[data-theme="dark"] .category-card,
[data-theme="dark"] .feature-card,
[data-theme="dark"] .article-card,
[data-theme="dark"] .empty-state,
[data-theme="dark"] .glass-navbar,
[data-theme="dark"] .glass-footer,
[data-theme="dark"] .admin-sidebar,
[data-theme="dark"] .admin-header,
[data-theme="dark"] .stat-card,
[data-theme="dark"] .search-box,
[data-theme="dark"] .data-table,
[data-theme="dark"] .login-card,
[data-theme="dark"] .title-input,
[data-theme="dark"] .settings-card,
[data-theme="dark"] .editor-section,
[data-theme="dark"] .action-bar,
[data-theme="dark"] .tags-input,
[data-theme="dark"] .setting-select,
[data-theme="dark"] .setting-textarea {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .hero-stats .stat-card .stat-value {
  background: linear-gradient(135deg, var(--text-primary), var(--text-secondary)) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

[data-theme="dark"] .btn-secondary {
  background: var(--glass-bg) !important;
  color: var(--text-primary) !important;
  border-color: var(--glass-border) !important;
}

[data-theme="dark"] .btn-primary {
  color: #fff !important;
}

[data-theme="dark"] .tag-badge {
  background: var(--glass-hover) !important;
  color: var(--text-secondary) !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .content-preview code {
  background: var(--glass-hover) !important;
}

[data-theme="dark"] .card-footer .author-name {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .toolbar-btn {
  color: var(--text-secondary) !important;
}

[data-theme="dark"] .toolbar-btn:hover {
  background: var(--glass-hover) !important;
  color: var(--text-primary) !important;
}

[data-theme="dark"] .setting-select option {
  background: var(--bg-secondary) !important;
  color: var(--text-primary) !important;
}