/* 浏览器兼容性修复 - 精简版 */
/* 注意：已移除与 Bootstrap 3 重复的部分（box-sizing, clearfix, transition, img-responsive） */

/* 确保各浏览器文本渲染一致 */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

/* 字体渲染优化 - 提升文字清晰度 */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

/* Flexbox 兼容性（如果 styles.css 中未定义） */
.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/* 浏览器特定修复 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    /* Chrome/Safari 特定优化 */
    .navbar-nav {
        -webkit-font-smoothing: antialiased;
    }
}

@supports (-ms-ime-align: auto) {
    /* Edge 特定修复 */
    .navbar-nav {
        font-feature-settings: normal;
    }
}