@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .tag-active {
        @apply bg-primary text-white;
    }
    .card-hover {
        @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
    }
    .nav-item {
        @apply px-3 py-2 rounded-md transition-colors duration-200 hover:bg-gray-100 dark:hover:bg-dark-100;
    }
    .scrollbar-hide::-webkit-scrollbar {
        display: none;
    }
    .scrollbar-hide {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
}

/* 基础样式 */
body {
    font-family: 'Inter', system-ui, sans-serif;
    background-color: #f9fafb;
    color: #1f2937;
    transition: all 0.3s ease;
}

/* 深色模式基础样式 */
.dark {
    background-color: #111827;
    color: #f9fafb;
}

/* 主内容区域样式 */
main {
    background-color: #f9fafb;
    transition: all 0.3s ease;
}

.dark main {
    background-color: #111827;
}

/* 确保header在深色模式下正确显示 */
header {
    background-color: #ffffff;
    transition: all 0.3s ease;
}

.dark header {
    background-color: #1f2937;
}

/* 确保页脚在深色模式下正确显示 */
footer {
    background-color: #ffffff;
    transition: all 0.3s ease;
}

.dark footer {
    background-color: #1f2937;
}