/* 基础样式 */
body {
    @apply bg-gray-50 text-gray-800 dark:bg-gray-900 dark:text-gray-200 transition-colors duration-300;
}

/* 卡片悬停效果 */
.card-hover {
    @apply transition-all duration-300 ease-in-out;
}

.card-hover:hover {
    @apply -translate-y-1 shadow-lg;
}

/* 按钮悬停效果 */
.btn-hover {
    @apply transition-all duration-200 ease-in-out;
}

.btn-hover:hover {
    @apply scale-105;
}

/* 动画延迟 */
.animate-delay-100 {
    animation-delay: 0.1s;
}

.animate-delay-200 {
    animation-delay: 0.2s;
}

/* 平滑滚动 */
html {
    scroll-behavior: smooth;
}

/* 图表容器 */
.chart-container {
    @apply h-[400px] w-full;
}

/* 数据表格 */
.data-table {
    @apply w-full overflow-x-auto;
}

/* 工具提示 */
.tooltip {
    @apply absolute p-2 bg-gray-800 text-white rounded pointer-events-none text-sm z-10;
}

/* 自定义动画 */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}