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

/* 自定义样式 */
body {
    @apply font-sans text-gray-800;
}

h1, h2, h3 {
    @apply font-bold;
}

.bg-gradient-custom {
    background: linear-gradient(90deg, #003366, #006699);
}

.card {
    @apply bg-white rounded-lg shadow-lg transition-shadow duration-300;
}

.card:hover {
    @apply shadow-xl;
}

.btn {
    @apply bg-[#003366] text-white py-2 px-4 rounded hover:bg-[#005599] transition duration-300;
}

.bg-\[\#003366\] {
    background-color: #003366;
}

.h-\[500px\] {
    height: 500px;
}

/* 轮播图样式 */
.carousel {
    @apply relative overflow-hidden h-full;
}

.carousel-item {
    @apply absolute w-full h-full transition-all duration-1000;
}

.carousel-dot {
    @apply w-3 h-3 rounded-full bg-[#ffcc00] opacity-70 hover:opacity-100 cursor-pointer transition-opacity duration-300 shadow-md;
}

.carousel-dot-active {
    @apply opacity-100 bg-[#ff9900] shadow-lg;
}

/* 新闻标题脉动动画 */
@keyframes pulse-subtle {
    0% { transform: scale(1); }
    50% { transform: scale(1.01); }
    100% { transform: scale(1); }
}

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

/* 动画效果 */
.fade-in {
    animation: fadeIn 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}