/* 浏览器兼容性样式 */

/* CSS变量回退 */
:root {
    --primary-color: #1e4b9a;
    --secondary-color: #4a90e2;
    --accent-color: #f39c12;
    --text-color: #333;
    --light-text: #fff;
    --background-color: #f5f5f5;
    --section-padding: 60px 0;
}

/* 为不支持CSS变量的浏览器提供回退样式 */
.no-css-vars body {
    color: #333;
    background-color: #f5f5f5;
}

.no-css-vars .navbar {
    background-color: #fff;
}

.no-css-vars .hero {
    background: #1e4b9a;
}

/* Flexbox和Grid回退 */
.no-css-grid .about-content,
.no-css-grid .services-grid,
.no-css-grid .culture-grid,
.no-css-grid .honors-grid,
.no-css-grid .contact-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -15px;
}

.no-css-grid .about-content > *,
.no-css-grid .services-grid > *,
.no-css-grid .culture-grid > *,
.no-css-grid .honors-grid > *,
.no-css-grid .contact-grid > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    margin: 15px;
}

/* 浏览器前缀 */
.navbar,
.cta-button,
.service-card,
.culture-card,
.honor-card,
.stat-item {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.hero {
    background: -webkit-linear-gradient(315deg, #1e4b9a, #2196f3);
    background: -moz-linear-gradient(315deg, #1e4b9a, #2196f3);
    background: -o-linear-gradient(315deg, #1e4b9a, #2196f3);
    background: linear-gradient(135deg, #1e4b9a, #2196f3);
}

/* 动画兼容性 */
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/* Transform 兼容性 */
.service-card:hover,
.culture-card:hover,
.honor-card:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

/* Box-shadow 兼容性 */
.navbar,
.service-card,
.culture-card,
.honor-card {
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* 针对IE的特殊修复 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .about-content,
    .services-grid,
    .culture-grid,
    .honors-grid,
    .contact-grid {
        display: flex;
        flex-wrap: wrap;
    }
    
    .service-card,
    .culture-card,
    .honor-card {
        flex: 0 0 calc(33.333% - 30px);
        margin: 15px;
    }
    
    .hero::before {
        background: #1e4b9a;
    }
    
    .fade-in,
    .scale-in,
    .slide-up {
        opacity: 1;
        transform: none;
    }
}

/* 针对Edge的特殊修复 */
@supports (-ms-ime-align: auto) {
    .about-content,
    .services-grid,
    .culture-grid,
    .honors-grid,
    .contact-grid {
        display: flex;
        flex-wrap: wrap;
    }
}

/* 触摸设备优化 */
.touch-device .nav-links a:hover::after {
    width: 0;
}

.touch-device .service-card:hover,
.touch-device .culture-card:hover,
.touch-device .honor-card:hover {
    transform: none;
}

/* 减少动画 */
@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;
    }
}

/* 针对旧版Safari的修复 */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {
        .hero {
            -webkit-transform: translateZ(0);
            transform: translateZ(0);
        }
        
        .service-card,
        .culture-card,
        .honor-card {
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
        }
    }
}