/* 夜间模式样式 */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #1a1a1a;
    --text-color: #e0e0e0;
    --text-secondary: #a1a1aa;
    --card-bg: #2d2d2d;
    --border-color: #404040;
    --shadow-color: rgba(0, 0, 0, 0.3);
    --hover-bg: #3a3a3a;
    --accent-color: #3b82f6;
    --accent-hover: #2563eb;
    --accent-light: rgba(59, 130, 246, 0.1);
  }

  body {
    background-color: var(--bg-color) !important;
    color: var(--text-color) !important;
  }

  /* 防止图标反转 */
  img, .icon, [class*="icon"], .fa {
    filter: none !important;
  }

  /* 卡片和容器 */
  .container {
    background-color: var(--card-bg) !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 2px 8px var(--shadow-color) !important;
  }

  /* 脚页部分完全重写 */
  .site-footer, footer {
    background: var(--card-bg) !important;
    background-image: none !important;
    color: var(--text-color) !important;
    border-top: 1px solid var(--border-color) !important;
  }

  .footer-container, .footer-main, .footer-sections, .footer-section {
    background: transparent !important;
    background-image: none !important;
    color: var(--text-color) !important;
  }

  .footer-bottom {
    background: var(--card-bg) !important;
    background-image: none !important;
    border-top: 1px solid var(--border-color) !important;
  }

  .footer-bottom .copyright {
    color: var(--text-secondary) !important;
  }

  .footer-heading {
    color: var(--text-color) !important;
  }

  .footer-link {
    color: var(--text-secondary) !important;
  }

  .footer-link:hover {
    color: var(--accent-color) !important;
  }

  /* 搜索框 */
  .search-container {
    background-color: rgba(26, 26, 26, 0.95) !important;
    backdrop-filter: blur(12px) !important;
    border: 1px solid var(--border-color) !important;
  }

  .search-input {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
  }

  .search-input:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 2px var(--accent-light) !important;
  }

  .search-input::placeholder {
    color: var(--text-secondary) !important;
  }

  .loader-box {
    background: rgba(26, 26, 26, 0.86) !important;
  }

  .loader-label {
    color: var(--text-secondary) !important;
  }

  .search-input-icon {
    color: var(--text-secondary) !important;
  }

  @media (min-width: 769px) {
    .search-container {
      background: transparent !important;
      border: 0 !important;
      backdrop-filter: none !important;
    }
  }

  /* 输入框和表单元素 */
  input, textarea, select {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
  }

  input:focus, textarea:focus, select:focus {
    border-color: var(--accent-color) !important;
    box-shadow: 0 0 0 2px var(--accent-light) !important;
  }

  /* 下载按钮特殊处理 */
  .download-btn, a.download-btn {
    background: linear-gradient(135deg, var(--accent-color), var(--accent-hover)) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.3) !important;
  }

  .download-btn:hover, a.download-btn:hover {
    background: linear-gradient(135deg, var(--accent-hover), #1d4ed8) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
  }

  .download-confirm-dialog {
    background: var(--card-bg) !important;
  }

  .download-confirm-title,
  .download-confirm-body {
    color: var(--text-color) !important;
  }

  .download-confirm-submit {
    background: var(--accent-color) !important;
    color: #fff !important;
  }

  .download-confirm-submit:hover {
    background: var(--accent-hover) !important;
  }

  .download-confirm-cancel {
    background: var(--card-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
  }

  /* 普通按钮 */
  button {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
    border-color: var(--border-color) !important;
  }

  button:hover {
    background-color: var(--hover-bg) !important;
  }

  /* 链接 */
  a {
    color: var(--accent-color) !important;
  }

  a:hover {
    color: var(--accent-hover) !important;
  }

  /* 表格 */
  table {
    background-color: var(--card-bg) !important;
    color: var(--text-color) !important;
  }

  th, td {
    border-color: var(--border-color) !important;
  }

  tr:hover {
    background-color: var(--hover-bg) !important;
  }

  /* 滚动条 */
  ::-webkit-scrollbar {
    background-color: var(--card-bg) !important;
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--border-color) !important;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: var(--hover-bg) !important;
  }

  /* 代码块 */
  pre, code {
    background-color: #1e1e1e !important;
    color: #d4d4d4 !important;
    border-color: var(--border-color) !important;
  }

  /* 引用块 */
  blockquote {
    background-color: var(--card-bg) !important;
    border-left-color: var(--accent-color) !important;
    color: var(--text-color) !important;
  }

  /* 分割线 */
  hr {
    border-color: var(--border-color) !important;
  }

  /* 覆盖后台录入内容中的行内浅色样式 */
  [style*="background-color: white"],
  [style*="background-color: #fff"],
  [style*="background-color: #ffffff"] {
    background-color: var(--card-bg) !important;
  }

  [style*="color: black"],
  [style*="color: #000"],
  [style*="color: #000000"] {
    color: var(--text-color) !important;
  }
}