/* 基础样式 */
body {
    scroll-behavior: smooth;
}

/* 导航栏滚动效果 */
#navbar {
    background-color: rgba(0, 0, 0, 0.3);
}

#navbar.scrolled {
    background-color: #0F5132;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

/* 自然生态轮播图 */
.slide {
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.slide.active {
    opacity: 1;
}

/* 时间线样式 */
.timeline-item {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.6s ease-out;
}

.timeline-item.visible {
    opacity: 1;
    transform: translateY(0);
}

/* 图片懒加载占位符 */
.lazy-image {
    background-color: #f0f0f0;
    transition: opacity 0.5s ease-in-out;
}

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

/* 响应式调整 */
@media (max-width: 768px) {
    .timeline-item {
        opacity: 1 !important;
        transform: translateY(0) !important;
    }
    
    .timeline-item::before {
        display: none;
    }
    
    .timeline-item .content {
        margin-left: 0;
    }
}