/* 自定义 Tailwind 配置，以使用浏览器默认字体 */
body {
    /* 字体已移除，现在将使用浏览器默认字体 */
}

/* 定义自定义颜色变量，用于非 Tailwind 类直接控制的样式，并支持暗色模式 */
:root {
    --custom-bg-color: #f4f7f9; /* 对应 Tailwind bg-gray-50 */
    --custom-primary-color: #007BFF; /* 对应 Tailwind bg-blue-600 */
    --custom-text-color: #333; /* 对应 Tailwind text-gray-900 */
    --custom-card-bg: #fff; /* 对应 Tailwind bg-white */
}

@media (prefers-color-scheme: dark) {
    :root {
        --custom-bg-color: #1a202c; /* 暗色模式对应 Tailwind bg-gray-900 */
        --custom-primary-color: #1a73e8; /* 暗色模式对应 Tailwind bg-blue-700 或其他深色蓝 */
        --custom-text-color: #e2e8f0; /* 暗色模式对应 Tailwind text-gray-50 */
        --custom-card-bg: #2d3748; /* 暗色模式对应 Tailwind bg-gray-800 */
    }
}

/* Loading spinner animation */
.loader {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Custom scrollbar for pre tag */
pre::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
pre::-webkit-scrollbar-track {
    background: var(--custom-bg-color); /* 使用自定义背景颜色变量 */
    border-radius: 10px;
}
pre::-webkit-scrollbar-thumb {
    background: var(--custom-primary-color); /* 使用自定义主颜色变量 */
    border-radius: 10px;
}
pre::-webkit-scrollbar-thumb:hover {
    background: #0056b3; /* 鼠标悬停时颜色保持不变 */
}