/* ========================================
   深色模式支持
   ======================================== */

[data-theme="dark"] {
  --cream-bg: #1a1a1a !important;
  --cream-surface: #2d2d2d !important;
  --teal-primary: #20B2AA !important;
  --teal-hover: #1A9B94 !important;
  --teal-light: rgba(32, 178, 170, 0.15) !important;
  --teal-dark: #158F87 !important;
  --text-primary: #e5e5e5 !important;
  --text-secondary: #a0a0a0 !important;
  --border-color: #404040 !important;
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] body {
  background: #1a1a1a !important;
  color: #e5e5e5 !important;
}

[data-theme="dark"] .link-card,
[data-theme="dark"] .note-card,
[data-theme="dark"] .modal,
[data-theme="dark"] header {
  background: #2d2d2d !important;
  color: #e5e5e5 !important;
}

[data-theme="dark"] .search-input,
[data-theme="dark"] .form-input,
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background: #1a1a1a !important;
  color: #e5e5e5 !important;
  border-color: #404040 !important;
}

[data-theme="dark"] .group-tab {
  background: #1a1a1a !important;
  color: #a0a0a0 !important;
}

[data-theme="dark"] .group-tab.active {
  background: var(--teal-primary) !important;
  color: white !important;
}

[data-theme="dark"] .msg.ai {
  background: #1a1a1a !important;
  border-color: #404040 !important;
}