/* 首页banner适配CSS - 只用于解决移动端banner图上部显示不全问题 */

/* 移动端banner适配 - 解决上部显示不全问题 */
@media (max-width: 768px) {
    .hero {
        padding-top: 80px; /* 为固定导航栏留出足够空间 */
        height: 50vh;
        min-height: 400px;
    }
    
    .slide {
        background-position: top center !important; /* 调整背景位置，确保上部完整显示 */
        background-size: cover !important;
    }
}

@media (max-width: 480px) {
    .hero {
        padding-top: 80px; /* 为固定导航栏留出足够空间 */
        height: 50vh;
        min-height: 350px;
    }
    
    .slide {
        background-position: top center !important; /* 调整背景位置，确保上部完整显示 */
        background-size: cover !important;
    }
}