/* 暗色模式支持 */
.dark .bg-gray-50 { background-color: rgb(17 24 39); }
.dark .bg-gray-100 { background-color: rgb(31 41 55); }
.dark .bg-gray-200 { background-color: rgb(55 65 81); }
.dark .bg-gray-300 { background-color: rgb(75 85 99); }
.dark .bg-gray-400 { background-color: rgb(107 114 128); }
.dark .bg-gray-500 { background-color: rgb(156 163 175); }
.dark .bg-gray-600 { background-color: rgb(209 213 219); }
.dark .bg-gray-700 { background-color: rgb(229 231 235); }
.dark .bg-gray-800 { background-color: rgb(243 244 246); }
.dark .bg-gray-900 { background-color: rgb(249 250 251); }
.dark .bg-white { background-color: rgb(17 24 39); }

.dark .text-gray-50 { color: rgb(249 250 251); }
.dark .text-gray-100 { color: rgb(243 244 246); }
.dark .text-gray-200 { color: rgb(229 231 235); }
.dark .text-gray-300 { color: rgb(209 213 219); }
.dark .text-gray-400 { color: rgb(156 163 175); }
.dark .text-gray-500 { color: rgb(107 114 128); }
.dark .text-gray-600 { color: rgb(75 85 99); }
.dark .text-gray-700 { color: rgb(55 65 81); }
.dark .text-gray-800 { color: rgb(31 41 55); }
.dark .text-gray-900 { color: rgb(17 24 39); }
.dark .text-white { color: rgb(249 250 251); }

/* 边框颜色 */
.dark .border-gray-100 { border-color: rgb(55 65 81); }
.dark .border-gray-200 { border-color: rgb(75 85 99); }
.dark .border-gray-300 { border-color: rgb(107 114 128); }
.dark .border-gray-400 { border-color: rgb(156 163 175); }
.dark .border-gray-500 { border-color: rgb(209 213 219); }
.dark .border-gray-600 { border-color: rgb(75 85 99); }
.dark .border-gray-700 { border-color: rgb(55 65 81); }

/* Hover 状态 */
.dark .hover\:bg-gray-100:hover { background-color: rgb(55 65 81); }
.dark .hover\:bg-gray-200:hover { background-color: rgb(75 85 99); }
.dark .hover\:bg-gray-300:hover { background-color: rgb(107 114 128); }
.dark .hover\:bg-gray-400:hover { background-color: rgb(156 163 175); }
.dark .hover\:bg-gray-500:hover { background-color: rgb(209 213 219); }
.dark .hover\:bg-gray-600:hover { background-color: rgb(107 114 128); }
.dark .hover\:bg-gray-700:hover { background-color: rgb(75 85 99); }
.dark .hover\:bg-gray-800:hover { background-color: rgb(55 65 81); }

/* 文本 hover */
.dark .hover\:text-gray-100:hover { color: rgb(243 244 246); }
.dark .hover\:text-gray-200:hover { color: rgb(229 231 235); }
.dark .hover\:text-gray-300:hover { color: rgb(209 213 219); }
.dark .hover\:text-gray-400:hover { color: rgb(156 163 175); }
.dark .hover\:text-gray-500:hover { color: rgb(107 114 128); }
.dark .hover\:text-gray-600:hover { color: rgb(75 85 99); }
.dark .hover\:text-gray-700:hover { color: rgb(55 65 81); }
.dark .hover\:text-gray-800:hover { color: rgb(31 41 55); }

/* 特殊颜色 */
.dark .bg-blue-600 { background-color: rgb(37 99 235); }
.dark .text-blue-600 { color: rgb(37 99 235); }
.dark .text-blue-400 { color: rgb(96 165 250); }

.dark .bg-green-600 { background-color: rgb(22 163 74); }
.dark .text-green-600 { color: rgb(22 163 74); }

.dark .bg-red-600 { background-color: rgb(220 38 38); }
.dark .text-red-600 { color: rgb(220 38 38); }

/* 黄色系列 */
.dark .bg-yellow-50 { background-color: rgb(26 32 44); }
.dark .text-yellow-500 { color: rgb(234 179 8); }
.dark .text-yellow-600 { color: rgb(202 138 4); }

/* 紫色系列 */
.dark .text-purple-500 { color: rgb(168 85 247); }
.dark .text-purple-600 { color: rgb(147 51 234); }

/* 粉色系列 */
.dark .text-pink-500 { color: rgb(236 72 153); }

/* 青色系列 */
.dark .text-cyan-500 { color: rgb(6 182 212); }

/* 橙色系列 */
.dark .text-orange-500 { color: rgb(249 115 22); }

/* 蓝绿色系列 */
.dark .text-teal-500 { color: rgb(20 184 166); }

/* 红色系列 */
.dark .text-red-400 { color: rgb(248 113 113); }
.dark .text-red-700 { color: rgb(185 28 28); }

/* 绿色系列 */
.dark .text-green-400 { color: rgb(74 222 128); }
.dark .text-green-700 { color: rgb(21 128 61); }