/* 背景图片管理CSS文件
 * 所有背景图片都使用本地图片，提高加载速度
 * 您可以轻松替换图片文件来更改网站背景
 */

/* 通用背景样式 */
.bg-common {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}

/* 首页背景图片 */
.bg-home-body {
    background-image: url('https://picsum.photos/1920/1080'); /* 临时图片 - 1920x1080 */
}

.bg-home-hero {
    background-image: url('https://picsum.photos/1920/600'); /* 临时图片 - 1920x600 */
}

/* 关于我们页面背景图片 */
.bg-about-body {
    background-image: url('https://picsum.photos/1920/1080'); /* 临时图片 - 1920x1080 */
}

.bg-about-hero {
    background-image: url('https://picsum.photos/1920/500'); /* 临时图片 - 1920x500 */
}

/* 下载详情页面背景图片 */
.bg-download-hero {
    background-image: url('https://picsum.photos/1920/400'); /* 临时图片 - 1920x400 */
}

/* 响应式背景图片设置 */
@media (max-width: 768px) {
    .bg-common {
        background-attachment: scroll;
        background-size: cover;
    }
}

/* 背景图片优化设置 */
.bg-optimized {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/* 背景渐变叠加 */
.bg-overlay-white {
    background: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
    background-blend-mode: overlay;
}

.bg-overlay-light {
    background: linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05));
    background-blend-mode: overlay;
}