/* Minecraft年度报告 - 性能优化样式 */

/* ========== 图片加载优化 ========== */

/* 预加载关键纹理 */
body::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
    /* 预加载背景纹理 */
    background-image: 
        url('../background/bg-wool-light.png'),
        url('../textures/blocks/grass_side_carried.png'),
        url('../textures/blocks/stone.png'),
        url('../textures/blocks/diamond_block.png'),
        url('../textures/blocks/gold_block.png'),
        url('../textures/blocks/planks_oak.png');
}

/* 图片渲染优化 */
img {
    image-rendering: pixelated;
    image-rendering: -moz-crisp-edges;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

/* 纹理背景优化 */
.mc-texture-grass,
.mc-texture-stone,
.mc-texture-wood,
.mc-texture-diamond,
.mc-texture-gold {
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

/* ========== 动画性能优化 ========== */

/* 硬件加速 */
.page,
.mc-button,
.mc-block,
.activity-card,
.achievement-badge {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform, opacity;
}

/* 减少重绘 */
.page-content {
    contain: layout style paint;
}

/* ========== 移动端性能优化 ========== */

@media (max-width: 768px) {
    /* 减少动画复杂度 */
    .mc-block {
        animation: none;
    }
    
    /* 简化阴影 */
    .mc-button,
    .stat-card-big,
    .activity-card {
        box-shadow: var(--shadow-sm);
    }
    
    /* 禁用不必要的过渡 */
    .photo-item {
        transition: border-color 0.2s;
    }
}

/* ========== 懒加载优化 ========== */

/* 图片懒加载占位 */
img[loading="lazy"] {
    background: rgba(139, 139, 139, 0.3);
}

/* ========== 响应式图片优化 ========== */

/* 移动端缩小纹理尺寸 */
@media (max-width: 480px) {
    .mc-texture-grass,
    .mc-texture-stone,
    .mc-texture-wood,
    .mc-texture-diamond,
    .mc-texture-gold {
        background-size: 50%;
    }
}

/* ========== 减少布局抖动 ========== */

/* 固定宽高比容器 */
.point-icon,
.card-icon,
.stat-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
}

/* ========== GPU加速优化 ========== */

.scroll-hint,
.timeline-progress,
.chart-bar {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

/* ========== 防止内存泄漏 ========== */

/* 限制同时可见的元素 */
.photo-gallery {
    contain: layout style paint;
}

.achievements-grid {
    contain: layout style;
}