/* 浏览器兼容性支持CSS */

/* IE 10+ 支持 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hero-content {
        background: rgba(0, 0, 0, 0.7) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    
    .navbar {
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
}

/* Edge 旧版本支持 */
@supports (-ms-ime-align: auto) {
    .hero-content {
        background: rgba(0, 0, 0, 0.7) !important;
    }
}

/* Safari 特定优化 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    _::-webkit-full-page-media, _:future, :root .hero-content {
        -webkit-backdrop-filter: blur(10px);
    }
}

/* Firefox 特定优化 */
@-moz-document url-prefix() {
    .hero-content {
        background: rgba(0, 0, 0, 0.7) !important;
    }
}

/* 触摸设备优化 */
@media (hover: none) {
    .btn:hover,
    .product-card:hover,
    .solution-card:hover {
        transform: none !important;
        box-shadow: none !important;
    }
}

/* 高对比度模式支持 */
@media (prefers-contrast: high) {
    .hero-content {
        background: rgba(0, 0, 0, 0.9) !important;
        border: 2px solid white !important;
    }
    
    .btn {
        border: 2px solid currentColor !important;
    }
}

/* 减少动画模式支持 */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    .navbar {
        background: rgba(0, 0, 0, 0.95) !important;
        color: white !important;
    }
    
    .nav-link {
        color: white !important;
    }
    
    .nav-link:hover {
        color: #2563eb !important;
    }
}

/* 打印样式 */
@media print {
    .navbar,
    .hero-indicators,
    .hero-buttons,
    .hamburger {
        display: none !important;
    }
    
    .hero {
        background: white !important;
        color: black !important;
    }
    
    .hero-content {
        background: white !important;
        color: black !important;
        box-shadow: none !important;
    }
}

/* 超宽屏幕支持 */
@media (min-width: 1920px) {
    .container {
        max-width: 1600px;
    }
    
    .hero-title {
        font-size: 4.5rem;
    }
    
    .hero-description {
        font-size: 1.4rem;
    }
}

/* 超窄屏幕支持 */
@media (max-width: 320px) {
    .hero-title {
        font-size: 1.3rem;
    }
    
    .hero-description {
        font-size: 0.8rem;
    }
    
    .btn {
        padding: 0.6rem 1rem;
        font-size: 0.75rem;
    }
    
    .nav-logo span {
        display: none;
    }
}

/* 折叠屏支持 */
@media (max-width: 280px) {
    .hero-content {
        padding: 0.5rem;
        margin: 0 2px;
    }
    
    .hero-title {
        font-size: 1.1rem;
        margin-bottom: 0.5rem;
    }
    
    .hero-description {
        font-size: 0.7rem;
        margin-bottom: 1rem;
    }
    
    .hero-buttons {
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .btn {
        width: 100%;
        text-align: center;
    }
}

/* 安全区域支持（iPhone X等） */
@supports (padding: max(0px)) {
    .navbar {
        padding-left: max(1rem, env(safe-area-inset-left));
        padding-right: max(1rem, env(safe-area-inset-right));
    }
    
    .hero-container {
        padding-left: max(20px, env(safe-area-inset-left));
        padding-right: max(20px, env(safe-area-inset-right));
    }
}

/* 强制硬件加速 */
.hero-background,
.hero-content,
.btn,
.product-card,
.solution-card {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* 字体渲染优化 */
body {
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-feature-settings: "kern" 1;
    text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
}