/* 顶部Banner图片样式 - United Petfood官网 - 优化版本 */

.top-banner {
    width: 100%;
    height: 300px; /* 减少默认高度，提升性能 */
    overflow: hidden;
    background: linear-gradient(135deg, #022e59 0%, #1e5a8a 50%, #3a7bc8 100%);
    margin: 0;
    padding: 0;
    position: relative;
}

.top-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    opacity: 0.9; /* 轻微透明度，减少视觉冲击 */
}

/* 响应式设计 - 简化版本 */
@media (max-width: 768px) {
    .top-banner {
        height: 200px;
    }
}

@media (max-width: 576px) {
    .top-banner {
        height: 150px;
    }
}

/* 打印样式 */
@media print {
    .top-banner {
        display: none;
    }
}

/* 减少动画效果 */
@media (prefers-reduced-motion: reduce) {
    .top-banner * {
        transition: none !important;
        animation: none !important;
    }
}