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

/* IE11 支持 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE11 Grid 布局回退 */
    .wantu-services-grid,
    .wantu-cases-grid,
    .wantu-articles-grid,
    .wantu-footer-top {
        display: -ms-flexbox;
        -ms-flex-wrap: wrap;
    }

    .wantu-service-item,
    .wantu-case-item,
    .wantu-article-item,
    .wantu-footer-widget {
        -ms-flex: 0 0 25%;
        max-width: 25%;
    }

    .wantu-main-content {
        display: -ms-flexbox;
    }

    .wantu-article-list {
        -ms-flex: 2;
    }

    .wantu-sidebar {
        -ms-flex: 1;
    }

    /* IE11 Flexbox 支持 */
    .wantu-header .wantu-container {
        display: -ms-flexbox;
        -ms-flex-pack: justify;
        -ms-flex-align: center;
    }

    .wantu-nav {
        display: -ms-flexbox;
    }

    /* 修复 IE11 图片 Object-fit */
    .wantu-banner-slide {
        background-position: center center;
        background-repeat: no-repeat;
    }
}

/* Safari 特殊处理 */
@supports not (grid-gap: 20px) {
    /* 旧版 Safari Grid 支持 */
    .wantu-services-grid {
        display: flex;
        flex-wrap: wrap;
        margin: -10px;
    }

    .wantu-service-item {
        flex: 1 1 calc(25% - 20px);
        margin: 10px;
    }
}

/* CSS 变量回退 */
:root {
    --primary-color: #2C3E50;
    --secondary-color: #E67E22;
    --text-color: #333333;
    --bg-color: #ffffff;
    --border-color: #dddddd;
}

/* 旧版浏览器不支持 CSS 变量时的回退 */
.wantu-header {
    background-color: #ffffff;
    background-color: var(--bg-color);
}

/* 修复旧版浏览器不支持 opacity 的 transition */
.wantu-back-to-top {
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    -moz-transition: opacity 0.3s, visibility 0.3s;
    -ms-transition: opacity 0.3s, visibility 0.3s;
    -o-transition: opacity 0.3s, visibility 0.3s;
}

/* 修复 iOS Safari 输入框样式 */
input[type="text"],
input[type="tel"],
input[type="email"],
textarea {
    -webkit-appearance: none;
    border-radius: 0;
}

/* 修复 Android 浏览器按钮点击高亮 */
button,
.wantu-back-to-top {
    -webkit-tap-highlight-color: transparent;
}

/* 修复旧版浏览器不支持 transform */
.wantu-service-item:hover,
.wantu-case-item:hover,
.wantu-article-item:hover {
    filter: brightness(0.95);
}

/* 修复 IE9- 不支持媒体查询 */
.old-browser-notice {
    display: none;
}

@media screen and (max-width: 767px) {
    .wantu-services-grid {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-columns: repeat(2, 1fr);
    }

    .wantu-cases-grid {
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-columns: repeat(2, 1fr);
    }
}

/* 确保 all: unset 不被支持的浏览器 */
.wantu-mobile-menu-btn {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
}