/* 性能优化和浏览器兼容性改进 */

/* 1. 硬件加速优化 */
.card, .card-b, .bg-img .middle, .central.bg {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

/* 2. 动画性能优化 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 3. 图片优化 */
img {
    content-visibility: auto;
}

/* 4. 字体加载优化 */
body {
    font-display: swap;
}

/* 5. 滚动性能优化 */
.pjax-container {
    contain: content;
}

/* 6. 减少布局抖动 */
.card, .card-b, .central.bg, .bg-img .middle {
    will-change: transform;
}

/* 7. 旧版浏览器回退 */
@supports not (backdrop-filter: blur(20px)) {
    .header-wrap, .bg-img .middle {
        background: rgba(255, 255, 255, 0.95);
    }
}

@supports not (display: grid) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }
    
    .col-lg-4, .col-lg-6, .col-12 {
        flex: 1 0 auto;
    }
}

/* 8. 打印样式优化 */
@media print {
    .header-wrap, .MessageButtonCard, .footer-warp::before {
        display: none !important;
    }
    
    .card, .card-b, .central.bg {
        box-shadow: none !important;
        border: 1px solid #ddd !important;
    }
}

/* 9. 高对比度模式支持 */
@media (prefers-contrast: high) {
    :root {
        --primary-color: #d10058;
        --secondary-color: #ff2d7a;
    }
    
    .card, .card-b, .central.bg {
        border: 2px solid var(--primary-color) !important;
    }
}

/* 10. 减少运动偏好支持 */
@media (prefers-reduced-motion: reduce) {
    .card:hover, .card-b:hover,
    .love-icon img,
    .MessageButtonCard,
    .mouse-follower {
        animation: none !important;
        transition: none !important;
    }
}

/* 11. 触摸设备优化 */
@media (hover: none) and (pointer: coarse) {
    .card:hover, .card-b:hover {
        transform: none !important;
    }
    
    .card::before, .card-b::before {
        display: none;
    }
    
    input, textarea, button {
        min-height: 44px; /* 最小触摸目标尺寸 */
    }
}

/* 12. 节能模式优化 */
@media (prefers-reduced-transparency: reduce) {
    .header-wrap, .bg-img .middle {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(255, 255, 255, 0.98);
    }
}

/* 13. 数据保护模式 */
@media (prefers-color-scheme: dark) {
    /* 为暗色模式提供基础支持 */
    body {
        background-color: #1a1a1a;
        color: #ffffff;
    }
    
    .card, .card-b, .central.bg {
        background-color: #2d2d2d;
        color: #ffffff;
    }
    
    input, textarea {
        background-color: #2d2d2d;
        color: #ffffff;
        border-color: #444;
    }
}

/* 14. 内存优化 */
img[src*=".svg"] {
    shape-rendering: geometricPrecision;
}

/* 15. 渲染性能优化 */
.bg-img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}