/* Sub2API 黑橙主题覆盖 */

/* ===== 基础深色背景 ===== */
html, body, #app, .dark, .dark body, .dark #app {
  background-color: #000000 !important;
  color: #f3f4f6 !important;
}

/* ===== 主色调覆盖为橙色 ===== */
.dark .text-primary-50,
.dark .text-primary-50\/10,
.dark .text-primary-50\/20,
.dark .text-primary-50\/50 { color: #fff8f0 !important; }

.dark .text-primary-100,
.dark .text-primary-100\/80 { color: #ffeebb !important; }

.dark .text-primary-200,
.dark .text-primary-200\/80 { color: #ffcc00 !important; }

.dark .text-primary-300,
.dark .text-primary-300\/80 { color: #ffaa00 !important; }

.dark .text-primary-400,
.dark .text-primary-400\/90 { color: #ff8800 !important; }

.dark .text-primary-500,
.dark .text-primary-500\/50,
.dark .text-primary-500\/60 { color: #ff6600 !important; }

.dark .text-primary-600,
.dark .text-primary-700 { color: #ff5500 !important; }

.dark .text-primary-800,
.dark .text-primary-900 { color: #ff4400 !important; }

.dark .bg-primary-50,
.dark .bg-primary-100,
.dark .bg-primary-100\/10,
.dark .bg-primary-100\/20 { background-color: #2a1200 !important; }

.dark .bg-primary-200,
.dark .bg-primary-200\/10,
.dark .bg-primary-200\/20 { background-color: #3d1a00 !important; }

.dark .bg-primary-300,
.dark .bg-primary-300\/10,
.dark .bg-primary-300\/20 { background-color: #552400 !important; }

.dark .bg-primary-400,
.dark .bg-primary-400\/10,
.dark .bg-primary-400\/20 { background-color: #773300 !important; }

.dark .bg-primary-500,
.dark .bg-primary-500\/10,
.dark .bg-primary-500\/20,
.dark .bg-primary-500\/30,
.dark .bg-primary-500\/50,
.dark .bg-primary-500\/60 { background-color: #ff6600 !important; color: #000000 !important; }

.dark .bg-primary-600,
.dark .bg-primary-600\/10,
.dark .bg-primary-600\/20 { background-color: #ff5500 !important; }

.dark .bg-primary-700,
.dark .bg-primary-700\/10,
.dark .bg-primary-700\/20,
.dark .bg-primary-700\/30,
.dark .bg-primary-700\/40,
.dark .bg-primary-700\/50 { background-color: #cc4400 !important; }

.dark .bg-primary-800,
.dark .bg-primary-800\/10,
.dark .bg-primary-800\/20,
.dark .bg-primary-800\/30,
.dark .bg-primary-800\/40,
.dark .bg-primary-800\/50,
.dark .bg-primary-800\/60 { background-color: #331100 !important; }

.dark .bg-primary-900,
.dark .bg-primary-900\/10,
.dark .bg-primary-900\/20,
.dark .bg-primary-900\/30,
.dark .bg-primary-900\/40,
.dark .bg-primary-900\/50 { background-color: #220a00 !important; }

.dark .border-primary-300,
.dark .border-primary-300\/30 { border-color: #ffaa00 !important; }
.dark .border-primary-400,
.dark .border-primary-400\/50 { border-color: #ff8800 !important; }
.dark .border-primary-500,
.dark .border-primary-500\/20,
.dark .border-primary-500\/30,
.dark .border-primary-500\/50 { border-color: #ff6600 !important; }
.dark .border-primary-600,
.dark .border-primary-600\/30 { border-color: #ff5500 !important; }
.dark .border-primary-700,
.dark .border-primary-700\/30 { border-color: #cc4400 !important; }
.dark .border-primary-800,
.dark .border-primary-800\/40 { border-color: #331100 !important; }

.dark .ring-primary-500\/20,
.dark .ring-primary-500\/30,
.dark .ring-primary-500\/50 { --tw-ring-color: rgb(255 102 0 / 0.3) !important; }
.dark .ring-primary-600,
.dark .ring-primary-600\/30,
.dark .ring-primary-600\/40 { --tw-ring-color: rgb(255 85 0 / 0.4) !important; }
.dark .ring-primary-800,
.dark .ring-primary-800\/40,
.dark .ring-primary-900\/40 { --tw-ring-color: rgb(51 17 0 / 0.4) !important; }

.dark .after\:border-primary-500::after,
.dark .peer-checked\:dark\:border-primary-500 { border-color: #ff6600 !important; }
.dark .focus-within\:border-primary-700:focus-within,
.dark .focus\:border-primary-500:focus,
.dark .focus\:border-primary-600:focus { border-color: #ff6600 !important; }
.dark .focus\:ring-primary-600:focus,
.dark .peer-focus\:ring-primary-800 { --tw-ring-color: rgb(255 102 0 / 0.4) !important; }

/* ===== 装饰色/强调色：蓝、青、紫改成橙 ===== */
.dark .text-blue-300,
.dark .text-blue-400,
.dark .text-sky-300,
.dark .text-sky-400,
.dark .text-cyan-300,
.dark .text-cyan-400,
.dark .text-teal-300,
.dark .text-teal-400,
.dark .text-indigo-300,
.dark .text-indigo-400,
.dark .text-violet-300,
.dark .text-violet-400,
.dark .text-purple-300,
.dark .text-purple-400 { color: #ff8800 !important; }

.dark .text-blue-200,
.dark .text-sky-200,
.dark .text-cyan-200,
.dark .text-teal-200,
.dark .text-indigo-200,
.dark .text-violet-200,
.dark .text-purple-200 { color: #ffaa00 !important; }

.dark .text-blue-500,
.dark .text-sky-500,
.dark .text-cyan-500,
.dark .text-teal-500,
.dark .text-indigo-500,
.dark .text-violet-500,
.dark .text-purple-500 { color: #ff6600 !important; }

.dark .bg-blue-500,
.dark .bg-sky-500,
.dark .bg-cyan-500,
.dark .bg-teal-500,
.dark .bg-indigo-500,
.dark .bg-violet-500,
.dark .bg-purple-500,
.dark .hover\:bg-blue-500:hover,
.dark .hover\:bg-sky-500:hover,
.dark .hover\:bg-indigo-500:hover,
.dark .hover\:bg-purple-500:hover { background-color: #ff6600 !important; color: #000000 !important; }

.dark .bg-blue-600,
.dark .bg-sky-600,
.dark .bg-indigo-600,
.dark .bg-purple-600 { background-color: #ff5500 !important; }

.dark .bg-blue-900\/10,
.dark .bg-blue-900\/20,
.dark .bg-blue-900\/30,
.dark .bg-blue-900\/50,
.dark .bg-sky-900\/10,
.dark .bg-sky-900\/20,
.dark .bg-sky-900\/60,
.dark .bg-indigo-900\/10,
.dark .bg-indigo-900\/20,
.dark .bg-indigo-900\/50,
.dark .bg-purple-900\/10,
.dark .bg-purple-900\/20,
.dark .bg-purple-900\/30,
.dark .bg-purple-900\/50 { background-color: rgba(51, 17, 0, 0.3) !important; }

.dark .border-blue-500\/30,
.dark .border-blue-500\/50,
.dark .border-sky-500\/50,
.dark .border-sky-600,
.dark .border-sky-700,
.dark .border-indigo-500\/30,
.dark .border-purple-500\/30 { border-color: rgba(255, 102, 0, 0.4) !important; }

.dark .ring-blue-500\/30,
.dark .ring-sky-500\/30,
.dark .ring-indigo-500\/30,
.dark .ring-purple-500\/30 { --tw-ring-color: rgb(255 102 0 / 0.3) !important; }

.dark .group:hover .dark\:group-hover\:text-blue-400,
.dark .group:hover .dark\:group-hover\:text-primary-200,
.dark .group:hover .dark\:group-hover\:text-primary-300 { color: #ffaa00 !important; }
.dark .group:hover .dark\:group-hover\:bg-primary-500\/10 { background-color: rgba(255, 102, 0, 0.1) !important; }
.dark .group:hover .dark\:group-hover\:ring-primary-500\/20 { --tw-ring-color: rgb(255 102 0 / 0.2) !important; }

/* ===== 深色背景层次 ===== */
.dark .bg-dark-50,
.dark .bg-dark-100,
.dark .bg-gray-50,
.dark .bg-gray-100,
.dark .bg-slate-50,
.dark .bg-slate-100 { background-color: #000000 !important; }

.dark .bg-dark-200,
.dark .bg-dark-300,
.dark .bg-gray-200,
.dark .bg-gray-300,
.dark .bg-slate-200,
.dark .bg-slate-300 { background-color: #111111 !important; }

.dark .bg-dark-400,
.dark .bg-dark-500,
.dark .bg-gray-400,
.dark .bg-gray-500,
.dark .bg-slate-400,
.dark .bg-slate-500 { background-color: #1a1a1a !important; }

.dark .bg-dark-600,
.dark .bg-dark-700,
.dark .bg-gray-600,
.dark .bg-gray-700,
.dark .bg-slate-600,
.dark .bg-slate-700,
.dark .bg-dark-700\/30,
.dark .bg-dark-700\/40,
.dark .bg-dark-700\/50,
.dark .bg-dark-700\/60 { background-color: #222222 !important; }

.dark .bg-dark-800,
.dark .bg-dark-800\/40,
.dark .bg-dark-800\/50,
.dark .bg-dark-800\/60,
.dark .bg-gray-800,
.dark .bg-gray-800\/50,
.dark .bg-slate-800,
.dark .bg-slate-800\/50 { background-color: #111111 !important; }

.dark .bg-dark-900,
.dark .bg-dark-900\/50,
.dark .bg-dark-900\/60,
.dark .bg-gray-900,
.dark .bg-slate-900,
.dark .bg-slate-900\/50 { background-color: #000000 !important; }

.dark .hover\:bg-dark-600:hover,
.dark .hover\:bg-dark-700:hover,
.dark .hover\:bg-dark-700\/30:hover,
.dark .hover\:bg-dark-700\/40:hover,
.dark .hover\:bg-dark-700\/50:hover,
.dark .hover\:bg-dark-700\/60:hover,
.dark .hover\:bg-dark-800:hover,
.dark .hover\:bg-dark-800\/40:hover,
.dark .hover\:bg-dark-800\/50:hover,
.dark .hover\:bg-dark-800\/60:hover,
.dark .hover\:bg-gray-700:hover,
.dark .hover\:bg-gray-800\/50:hover { background-color: #1a1a1a !important; }

.dark .border-dark-200,
.dark .border-dark-300,
.dark .border-dark-400,
.dark .border-dark-500,
.dark .border-dark-600,
.dark .border-dark-700,
.dark .border-dark-700\/70,
.dark .border-gray-500,
.dark .border-gray-600,
.dark .border-slate-500,
.dark .border-slate-600,
.dark .border-slate-700,
.dark .border-slate-700\/70,
.dark .after\:border-gray-500::after,
.dark .after\:border-gray-600::after { border-color: #333333 !important; }

.dark .text-dark-200,
.dark .text-gray-200,
.dark .text-slate-200 { color: #f3f4f6 !important; }
.dark .text-dark-300,
.dark .text-gray-300,
.dark .text-slate-300 { color: #d1d5db !important; }
.dark .text-dark-400,
.dark .text-gray-400,
.dark .text-slate-400 { color: #9ca3af !important; }
.dark .text-dark-500,
.dark .text-gray-500,
.dark .text-slate-500 { color: #6b7280 !important; }

.dark .placeholder\:text-dark-400::placeholder,
.dark .placeholder\:text-dark-500::placeholder,
.dark .placeholder\:text-gray-500::placeholder { color: #6b7280 !important; }

.dark .ring-dark-500\/40,
.dark .ring-dark-600,
.dark .ring-dark-700,
.dark .ring-dark-700\/70,
.dark .ring-slate-500\/30,
.dark .ring-slate-700\/70,
.dark .ring-white\/10 { --tw-ring-color: rgba(51, 51, 51, 0.5) !important; }

/* ===== 进度条/导航条 ===== */
.dark .navigation-progress-bar,
:root.dark .navigation-progress-bar,
.dark .navigation-progress-bar[data-v-0856a86e] {
  background: linear-gradient(90deg, transparent 0%, #ff6600 20%, #ff8800 50%, #ff6600 80%, transparent 100%) !important;
}

/* ===== 按钮/链接悬停覆盖 ===== */
.dark .hover\:text-primary-200:hover,
.dark .hover\:text-primary-300:hover,
.dark .hover\:text-primary-400:hover { color: #ffaa00 !important; }
.dark .hover\:text-blue-300:hover,
.dark .hover\:text-blue-400:hover,
.dark .hover\:text-sky-400:hover { color: #ffaa00 !important; }

.dark .hover\:text-dark-200:hover,
.dark .hover\:text-dark-300:hover,
.dark .hover\:text-dark-400:hover,
.dark .hover\:text-gray-200:hover,
.dark .hover\:text-gray-300:hover { color: #f3f4f6 !important; }

.dark .hover\:border-primary-400:hover,
.dark .hover\:border-primary-500:hover,
.dark .hover\:border-primary-500\/30:hover,
.dark .hover\:border-primary-700:hover,
.dark .hover\:border-primary-800:hover,
.dark .hover\:border-orange-500\/50:hover { border-color: #ff6600 !important; }

.dark .hover\:bg-primary-500:hover,
.dark .hover\:bg-primary-800:hover,
.dark .hover\:bg-orange-500:hover,
.dark .hover\:bg-orange-900\/20:hover,
.dark .hover\:bg-orange-900\/30:hover { background-color: #ff6600 !important; color: #000000 !important; }

.dark .hover\:bg-blue-900\/50:hover,
.dark .group:hover .dark\:group-hover\:bg-blue-900\/50 { background-color: rgba(255, 102, 0, 0.1) !important; }

/* ===== 绿色/红色保持功能语义，但调暗 ===== */
.dark .text-green-400,
.dark .text-emerald-400 { color: #22c55e !important; }
.dark .text-red-300,
.dark .text-red-400 { color: #f87171 !important; }
.dark .text-amber-300,
.dark .text-amber-400,
.dark .text-yellow-300,
.dark .text-yellow-400 { color: #ffaa00 !important; }
.dark .text-pink-300,
.dark .text-pink-400,
.dark .text-rose-300,
.dark .text-rose-400 { color: #ff7733 !important; }

/* ===== 滚动条 ===== */
.dark .overflow-y-auto::-webkit-scrollbar-thumb,
.dark *::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #333333, #222222) !important;
}
.dark .overflow-y-auto::-webkit-scrollbar-thumb:hover,
.dark *::-webkit-scrollbar-thumb:hover {
  background: #ff6600 !important;
}

/* ===== 通用 input/select/card ===== */
.dark input,
.dark textarea,
.dark select,
.dark [role="textbox"] {
  background-color: #111111 !important;
  border-color: #333333 !important;
  color: #f3f4f6 !important;
}
.dark input:focus,
.dark textarea:focus,
.dark select:focus {
  border-color: #ff6600 !important;
  --tw-ring-color: rgba(255, 102, 0, 0.3) !important;
}

/* ===== 阴影/光晕 ===== */
.dark .shadow-lg,
.dark .shadow-xl,
.dark .shadow-2xl,
.dark .shadow-md,
.dark .shadow-sm {
  --tw-shadow-color: rgba(0, 0, 0, 0.6) !important;
}