/* IE / Trident / 兼容模式降级：不依赖 CSS 变量、Grid、flex gap、backdrop-filter */
html.is-ie body,
html.is-ie .frontend-body {
    background: #f4f6fb;
    color: #121826;
    font-family: "Microsoft YaHei", "PingFang SC", SimSun, sans-serif;
    min-height: 100%;
}
html.is-ie a { color: #0831cb; text-decoration: none; }
html.is-ie img { max-width: 100%; border: 0; }
html.is-ie [hidden] { display: none !important; visibility: hidden; }
html.is-ie .container { width: 96%; max-width: 1240px; margin: 0 auto; padding: 0 16px; }

html.is-ie .site-compat-bar {
    background: #eef3ff;
    border-bottom: 1px solid #d0d7e4;
    color: #4a5568;
}
html.is-ie .site-compat-bar__label,
html.is-ie .ie-banner__label {
    display: inline-block;
    padding: 2px 8px;
    background: #e6ecff;
    color: #0831cb;
    font-size: 11px;
    font-weight: 700;
}
html.is-ie .site-compat-bar__browsers i {
    display: inline-block;
    margin: 0 4px 0 0;
    padding: 2px 8px;
    border: 1px solid #d0d7e4;
    background: #fff;
    font-style: normal;
    font-size: 11px;
}
html.is-ie .ie-banner {
    display: none;
    background: #fff6e5;
    border-bottom: 1px solid #f0d9a6;
    color: #7a5410;
    font-size: 13px;
    text-align: center;
    padding: 10px 16px;
}
html.is-ie-compat .ie-banner,
html.is-ie .ie-banner { display: block; }
html.is-ie .ie-banner a { color: #0831cb; font-weight: 700; margin-left: 8px; }

html.is-ie .site-topbar { background: #06102c; color: #d5dced; font-size: 12px; }
html.is-ie .topbar-inner,
html.is-ie .header-inner,
html.is-ie .site-compat-bar__inner,
html.is-ie .footer-cta-inner,
html.is-ie .footer-bottom,
html.is-ie .footer-cols,
html.is-ie .footer-nav--dense,
html.is-ie .footer-qr,
html.is-ie .svc-grid,
html.is-ie .spack-grid,
html.is-ie .product-grid,
html.is-ie .sol-grid,
html.is-ie .link-grid,
html.is-ie .home-hero-actions,
html.is-ie .site-nav {
    zoom: 1;
}
html.is-ie .topbar-inner:after,
html.is-ie .header-inner:after,
html.is-ie .site-compat-bar__inner:after,
html.is-ie .footer-cta-inner:after,
html.is-ie .footer-bottom:after,
html.is-ie .footer-cols:after,
html.is-ie .footer-nav--dense:after,
html.is-ie .footer-qr:after,
html.is-ie .svc-grid:after,
html.is-ie .spack-grid:after,
html.is-ie .product-grid:after,
html.is-ie .sol-grid:after,
html.is-ie .link-grid:after,
html.is-ie .home-hero-actions:after,
html.is-ie .site-nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
html.is-ie .topbar-meta,
html.is-ie .topbar-links,
html.is-ie .site-logo,
html.is-ie .site-nav,
html.is-ie .site-actions { display: inline; }
html.is-ie .topbar-meta { float: left; }
html.is-ie .topbar-links { float: right; }
html.is-ie .topbar-links a { color: #d5dced; margin-left: 12px; }

html.is-ie .site-header {
    background: #fff;
    border-bottom: 1px solid #e4e9f2;
    position: relative;
    zoom: 1;
}
html.is-ie .site-logo { float: left; padding: 12px 0; color: #121826; }
html.is-ie .site-nav { float: left; padding: 16px 0 16px 24px; }
html.is-ie .site-nav > a,
html.is-ie .nav-parent-link {
    display: inline-block;
    margin-right: 12px;
    color: #121826;
    font-weight: 700;
    font-size: 15px;
}
html.is-ie .site-actions { float: right; padding: 14px 0; }
html.is-ie .nav-item { display: inline-block; position: relative; }
html.is-ie .nav-sub {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 200;
    width: 420px;
    padding: 12px;
    background: #fff;
    border: 1px solid #e4e9f2;
}
html.is-ie .nav-item.has-sub:hover .nav-sub,
html.is-ie .nav-item.has-sub.is-open .nav-sub { display: block; }
html.is-ie .nav-sub-item { display: block; padding: 6px 0; color: #121826; }
html.is-ie .h5-tabbar,
html.is-ie .h5-drawer,
html.is-ie .h5-mask,
html.is-ie .nav-toggle { display: none !important; }

html.is-ie .home-hero {
    background: #06102c;
    color: #fff;
    min-height: 420px;
    position: relative;
}
html.is-ie .home-hero-slide { display: none; position: relative; min-height: 420px; }
html.is-ie .home-hero-slide.is-active { display: block; }
html.is-ie .home-hero-copy { position: relative; z-index: 2; padding: 80px 0 48px; }
html.is-ie .home-hero-copy h1 { font-size: 40px; color: #fff; margin: 8px 0; }
html.is-ie .home-hero-desc { color: #d7def0; }
html.is-ie .home-hero-grid,
html.is-ie .home-hero-hex,
html.is-ie .home-hero-circuit,
html.is-ie .home-hero-scan,
html.is-ie .home-hero-atmos,
html.is-ie .footer-sky { display: none !important; }
html.is-ie .home-hero-aside { display: none; }
html.is-ie .btn-primary,
html.is-ie .header-cta {
    display: inline-block;
    background: #0831cb;
    color: #fff !important;
    border: 0;
    padding: 10px 18px;
    cursor: pointer;
    font-weight: 700;
}
html.is-ie .btn-ghost,
html.is-ie .btn-primary--light {
    display: inline-block;
    background: #fff;
    color: #0831cb !important;
    border: 1px solid #c9d6ff;
    padding: 10px 18px;
}
html.is-ie .home-sec { padding: 48px 0; }
html.is-ie .sec-head h2 { font-size: 28px; color: #121826; }
html.is-ie .sec-en { color: #8b95a7; font-size: 12px; }
html.is-ie .sec-lead,
html.is-ie .muted { color: #8b95a7; }
html.is-ie .home-sec--alt { background: #fff; }

html.is-ie .svc-card,
html.is-ie .spack-card,
html.is-ie .sol-card,
html.is-ie .product-card,
html.is-ie .case-card {
    float: left;
    width: 23%;
    margin: 0 1% 16px;
    background: #fff;
    border: 1px solid #e4e9f2;
    padding: 16px;
    color: #121826;
}
html.is-ie .link-chip {
    display: inline-block;
    margin: 0 8px 8px 0;
    padding: 8px 14px;
    border: 1px solid #e4e9f2;
    background: #fff;
    color: #4a5568;
}

html.is-ie .site-footer { background: #050b1f; color: #c5cde0; }
html.is-ie .footer-cta { background: #0831cb; color: #fff; padding: 24px 0; }
html.is-ie .footer-main { padding: 32px 0; }
html.is-ie .footer-col {
    float: left;
    width: 18%;
    margin-right: 2%;
    min-height: 1px;
}
html.is-ie .footer-col--products { width: 28%; }
html.is-ie .footer-col--contact { width: 22%; }
html.is-ie .footer-col h4,
html.is-ie .footer-col h4 a { color: #fff; }
html.is-ie .footer-nav a { display: block; color: #c5cde0; padding: 4px 0; }
html.is-ie .footer-nav--dense a { float: left; width: 48%; margin-right: 2%; }
html.is-ie .footer-contact a,
html.is-ie .footer-contact p { color: #c5cde0; display: block; margin-bottom: 8px; }
html.is-ie .footer-qr-card {
    float: left;
    width: 96px;
    margin-right: 10px;
    text-align: center;
    color: #c5cde0;
}
html.is-ie .footer-qr-card img {
    width: 88px;
    height: 88px;
    background: #fff;
    padding: 6px;
}
html.is-ie .footer-bottom {
    clear: both;
    border-top: 1px solid #1c2744;
    padding-top: 16px;
    color: #8b95a7;
    font-size: 12px;
}
html.is-ie .site-dialog {
    position: absolute;
    left: 50%;
    top: 12%;
    width: 520px;
    margin-left: -260px;
    background: #fff;
    border: 1px solid #d0d7e4;
    padding: 20px;
    z-index: 10001;
}
html.is-ie .site-dialog[open] { display: block; }

@media screen and (max-width: 920px) {
    html.is-ie .svc-card,
    html.is-ie .spack-card,
    html.is-ie .sol-card,
    html.is-ie .product-card,
    html.is-ie .footer-col {
        width: 48%;
    }
}