/* 性能优化CSS */

/* 关键渲染路径优化 */
.header {
    position: relative;
    z-index: 1000;
    will-change: transform;
}

.banner {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    will-change: transform;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
}

/* 图片优化 */
img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* 动画性能优化 */
.advlists li,
.funtionItem {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* 滚动性能优化 */
body {
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}

/* 字体渲染优化 */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* 布局性能优化 */
.advlists,
.cjpclist {
    contain: layout style paint;
}

/* 减少重绘和回流 */
.header,
.banner,
.container {
    transform: translateZ(0);
}

/* 移动端性能优化 */
@media (max-width: 768px) {
    .container {
        padding: 0 10px;
    }
    
    .banner {
        background-attachment: scroll;
    }
}

/* 打印样式优化 */
@media print {
    .header,
    .banner,
    .downbutton {
        display: none;
    }
}