/* style.css */
/* 这个文件用于存放少量自定义CSS，
   主要用于覆盖Tailwind默认样式或添加复杂动画。
   对于这个简约网站，大部分样式已由Tailwind直接在HTML中定义。
*/

/* 示例：如果需要更复杂的动画，可以在这里定义 */
@keyframes fadeInFromBottom {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in-up {
    animation: fadeInFromBottom 1s ease-out forwards;
    opacity: 0; /* 初始隐藏 */
}

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

.animate-fade-in-up.delay-400 {
    animation-delay: 0.4s;
}

/* 确保图片在小屏幕上也能居中 */
.service-image-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}