/* 官网 · 360 极速 / 国产浏览器兼容层 */

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    min-height: 100vh;
    min-height: -webkit-fill-available;
}

/* 导航毛玻璃回退 */
.header {
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .header {
        background: rgba(255, 255, 255, 0.98);
    }
    .header.scrolled {
        background: #fff;
    }
}

/* inset 回退 */
.page-loader,
.hero-glow,
.hero-grid,
.modal-overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.hero-card {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .hero-card {
        background: rgba(255, 255, 255, 0.92);
    }
}

.modal-overlay {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .modal-overlay {
        background: rgba(15, 23, 42, 0.65);
    }
}

/* Hero 双栏 Flex 回退 */
.hero-layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.hero-content,
.hero-visual {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%;
    min-width: 280px;
}

@supports (display: grid) {
    .hero-layout {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .hero-content,
    .hero-visual {
        min-width: 0;
    }
}

/* 统计/产品 Grid 回退 */
.stats-grid,
.product-grid,
.solutions-grid,
.services-grid,
.news-grid,
.partners-grid,
.why-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.stats-grid > * {
    -ms-flex: 0 0 calc(25% - 24px);
    flex: 0 0 calc(25% - 24px);
    width: calc(25% - 24px);
    margin: 12px;
    min-width: 200px;
}

.product-grid > *,
.solutions-grid > *,
.services-grid > *,
.news-grid > * {
    -ms-flex: 0 0 calc(33.333% - 24px);
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 12px;
    min-width: 280px;
}

.why-grid > * {
    -ms-flex: 0 0 calc(33.333% - 24px);
    flex: 0 0 calc(33.333% - 24px);
    width: calc(33.333% - 24px);
    margin: 12px;
    min-width: 240px;
}

@supports (display: grid) {
    .stats-grid,
    .product-grid,
    .solutions-grid,
    .services-grid,
    .news-grid,
    .partners-grid,
    .why-grid {
        display: grid;
        margin: 0;
    }
    .stats-grid > *,
    .product-grid > *,
    .solutions-grid > *,
    .services-grid > *,
    .news-grid > *,
    .why-grid > * {
        width: auto;
        margin: 0;
        min-width: 0;
    }
}

/* 加载层确保可关闭 */
.page-loader.hidden {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 992px) {
    .hero-layout {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .stats-grid > * {
        -ms-flex: 0 0 calc(50% - 24px);
        flex: 0 0 calc(50% - 24px);
        width: calc(50% - 24px);
    }
}

@media (max-width: 768px) {
    .stats-grid > *,
    .product-grid > *,
    .solutions-grid > *,
    .services-grid > *,
    .news-grid > *,
    .why-grid > * {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
    }
}