/* styles.css */
@keyframes slideUp {
    from {
        transform: translateY(100%);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes slideDown {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(100%);
    }
}

.slide-up {
    animation: slideUp 0.3s ease-out forwards;
}

.slide-down {
    animation: slideDown 0.3s ease-in forwards;
}

.hidden {
    display: none;
}

/* 适配不同尺寸移动设备 */
@media (max-width: 320px) {
    .text-3xl {
        font-size: 1.5rem;
    }
    .text-xl {
        font-size: 1.125rem;
    }
    .py-12 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}