/* =========================
   夜间模式
========================= */

body.dark-mode {
  background: #151821;
  color: #e8e8f0;
}

/* 顶部区域 */
body.dark-mode .top {
  background: rgba(25, 28, 40, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.35);
}

/* 输入框 */
body.dark-mode .input-area input[type="text"] {
  background: rgba(40, 44, 60, 0.9);
  color: #f0f0ff;
  border: 1px solid #555;
}

body.dark-mode .input-area input[type="text"]::placeholder {
  color: #aaa;
}

/* 通用按钮 */
/* 只作用普通按钮，不覆盖站点按钮 */

/* body.dark-mode button:not(.jable-color):not(.javdb-color):not(.missav-color):not(.av18-color):not(.javbus-color):not(.google-color):not(.icon-btn) {
  background: linear-gradient(135deg, #5d4fcf, #7c6dff);
  color: #fff;
}

body.dark-mode button:not(.jable-color):not(.javdb-color):not(.missav-color):not(.av18-color):not(.javbus-color):not(.google-color):not(.icon-btn):hover {
  background: linear-gradient(135deg, #7364ea, #9388ff);
} */

/* 夜间模式图标按钮 */
body.dark-mode .icon-btn {
  background: rgba(45, 48, 65, 0.8);
  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 4px 16px rgba(0,0,0,0.35),
    0 0 18px rgba(120,100,255,0.18);
}

body.dark-mode .theme-icon {
  color: #ffd76a;
}

/* 固定统计栏 */
body.dark-mode .fixed {
  background: rgba(30, 34, 48, 0.7);
  backdrop-filter: blur(18px) saturate(180%);
  -webkit-backdrop-filter: blur(18px) saturate(180%);
  color: #d9ccff;
  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 4px 12px rgba(0,0,0,0.25),
    0 12px 24px rgba(0,0,0,0.35);
}

/* 卡片 */
body.dark-mode .card {
  background: rgba(35, 38, 52, 0.72);
  border-radius: 16px;
  color: #f0f0ff;
  border: 1px solid rgba(255,255,255,0.06);

  box-shadow:
    0 4px 20px rgba(0,0,0,0.35);

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* 卡片标题 */
body.dark-mode .card strong {
  color: #c9b8ff;
}

/* hover */
body.dark-mode .card:hover {
  background: rgba(80, 60, 140, 0.8);
  transform: translateY(-2px);
}

/* 已访问卡片 */
body.dark-mode .card.visited {
  background: #5b46c7;
  color: #ffffff;

  box-shadow:
    0 0 25px rgba(140, 120, 255, 0.45);
}

body.dark-mode .card.visited * {
  color: #ffffff !important;
}

/* tooltip */
body.dark-mode #tooltip {
  background: rgba(40, 44, 60, 0.96);
  color: #f0f0ff;

  border: 1px solid rgba(255,255,255,0.08);

  box-shadow:
    0 10px 30px rgba(0,0,0,0.4);
}

/* 前缀按钮 */
body.dark-mode .prefix-btn {
  background: rgba(50, 55, 75, 0.82);
  color: #eeeeff;

  border: 1px solid rgba(255,255,255,0.08);
}

body.dark-mode .prefix-btn:hover {
  background: rgba(100, 80, 180, 0.6);
}

/* 字母栏 hover */
body.dark-mode .letter:hover {
  background: rgba(120, 100, 255, 0.25);
}

/* 开关文字 */
body.dark-mode .switch-label {
  color: #e8e8f0;
}

/* prefixes 容器 */
body.dark-mode .prefixes {
  background: transparent;
}

/* 结果标题 */
body.dark-mode #resultTitle {
  color: #ece8ff;
}

/* 滚动条 */
body.dark-mode ::-webkit-scrollbar {
  width: 8px;
}

body.dark-mode ::-webkit-scrollbar-track {
  background: #232633;
  border-radius: 10px;
}

body.dark-mode ::-webkit-scrollbar-thumb {
  background: #6d5ed6;
  border-radius: 10px;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
  background: #8a78ff;
}

/* 消息提示框 */
body.dark-mode .message {
  color: #fff;
}

/* 输入区域边框 */
body.dark-mode .input-area {
  color: #fff;
}

/* letter */
body.dark-mode .letter {
  color: #d8d2ff;
}

/* 适配浅色站点快捷按钮 */
body.dark-mode .jable-color,
body.dark-mode .javdb-color,
body.dark-mode .missav-color,
body.dark-mode .av18-color,
body.dark-mode .javbus-color,
body.dark-mode .google-color {
  filter: brightness(0.92) saturate(0.95);
}

/* 选择文件按钮隐藏 input */
body.dark-mode input[type="file"] {
  color: #fff;
}