/* ============================================
   暗黑模式样式 - dark.css
   通过 data-theme="dark" 激活
   ============================================ */

[data-theme="dark"] .navbar .logo svg {
  filter: drop-shadow(0 0 8px rgba(64, 128, 255, 0.4));
}

[data-theme="dark"] {
  --primary: #4080FF;
  --primary-light: #6A9FFF;
  --primary-dark: #165DFF;
  --primary-gradient: linear-gradient(135deg, #4080FF, #6A9FFF);
  --bg: #17171A;
  --bg-page: #0F0F12;
  --card-bg: #232328;
  --card-bg-hover: #2A2A30;
  --text: #E5E5E5;
  --text-secondary: #A0A0A0;
  --text-tertiary: #6B6B6B;
  --border: #2E2E34;
  --border-light: #252529;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
  --tag-bg: rgba(64, 128, 255, 0.12);
  --tag-text: #6A9FFF;
  --code-bg: #1A1A1F;
  --footer-bg: #0F0F12;
  --footer-text: #6B6B6B;
}

[data-theme="dark"] body {
  background-color: var(--bg-page);
}

[data-theme="dark"] .navbar {
  background: var(--card-bg);
  border-bottom-color: var(--border);
}

[data-theme="dark"] .nav-search input {
  background: var(--bg);
  border-color: var(--border);
  color: var(--text);
}

[data-theme="dark"] .card-badge.tech { background: var(--primary-dark); }
[data-theme="dark"] .card-badge.news { background: #00853D; }
[data-theme="dark"] .card-badge.resource { background: #CC6400; }

[data-theme="dark"] .carousel-overlay {
  background: linear-gradient(transparent, rgba(0,0,0,0.85));
}

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

[data-theme="dark"] .action-btn.liked {
  background: rgba(245, 63, 63, 0.1);
}

[data-theme="dark"] .action-btn.favorited {
  background: rgba(255, 125, 0, 0.1);
}

[data-theme="dark"] .captcha-canvas {
  background: var(--bg);
  border-color: var(--border);
}

[data-theme="dark"] .toast {
  background: var(--card-bg);
  box-shadow: 0 4px 16px rgba(0,0,0,0.5);
}

[data-theme="dark"] .pagination a,
[data-theme="dark"] .pagination span {
  border-color: var(--border);
  color: var(--text-secondary);
}

[data-theme="dark"] .article-detail .article-content blockquote {
  background: rgba(64, 128, 255, 0.08);
}

[data-theme="dark"] .message-item:hover {
  background: rgba(64, 128, 255, 0.08);
}

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: var(--bg-page);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
  background: var(--border);
}