/* 按钮样式 */
.btn-primary {
    @apply px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition-colors duration-200;
}

.btn-secondary {
    @apply px-4 py-2 bg-gray-200 text-gray-700 rounded hover:bg-gray-300 transition-colors duration-200;
}

/* 表单元素样式 */
.form-input {
    @apply mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500;
}

.form-select {
    @apply mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500;
}

/* 表格样式 */
.table-container {
    @apply overflow-x-auto bg-white rounded-lg shadow;
}

/* 图表容器样式 */
.chart-container {
    @apply bg-white rounded-lg shadow p-4;
}

/* 导航链接激活状态 */
nav a.active {
    @apply bg-gray-700;
}

/* 响应式调整 */
@media (max-width: 768px) {
    .grid-cols-4 {
        @apply grid-cols-1;
    }
}

/* 动画效果 */
.hover-scale {
    @apply transition-transform duration-200 hover:scale-105;
}

/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-gray-100;
}

::-webkit-scrollbar-thumb {
    @apply bg-gray-400 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-gray-500;
}