| /* 主题模式样式 | |
| * 定义暗色模式和其他可能的主题变化 | |
| */ | |
| /* 暗色模式调整 */ | |
| @media (prefers-color-scheme: dark) { | |
| /* 背景色调整 */ | |
| .dark\:bg-gray-800 { | |
| background-color: #1f2937; | |
| } | |
| /* 文本颜色调整 */ | |
| .dark\:text-white { | |
| color: #ffffff; | |
| } | |
| /* 边框颜色调整 */ | |
| .dark\:border-gray-700 { | |
| border-color: #374151; | |
| } | |
| /* 半透明背景 */ | |
| .dark\:bg-gray-700\/30 { | |
| background-color: rgba(55, 65, 81, 0.3); | |
| } | |
| /* 卡片悬停效果增强 */ | |
| .input-card:hover { | |
| box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); | |
| } | |
| /* 可以在这里添加更多暗色模式特定样式 */ | |
| } | |