/* CSS Grid fallback. Modern browsers keep the original Grid declarations. */
.no-css-grid .heartIcon_unit_box > div,
.no-css-grid .hero-grid,
.no-css-grid .mock-body,
.no-css-grid .suitableList,
.no-css-grid .ability_list,
.no-css-grid .app_item .app_item_content,
.no-css-grid .optimize .optimize_list,
.no-css-grid .solution .solution_arr,
.no-css-grid .safe .safe_content,
.no-css-grid .experts-stage {
    display: flex !important;
    flex-wrap: wrap;
}

.no-css-grid .hero-grid > *:first-child {
    box-sizing: border-box;
    width: 37%;
}

.no-css-grid .hero-grid > *:last-child {
    box-sizing: border-box;
    width: 63%;
}

.no-css-grid .mock-body {
    flex-wrap: nowrap;
}

.no-css-grid .mock-body > .side {
    box-sizing: border-box;
    flex: 0 0 180px;
}

.no-css-grid .mock-body > *:last-child {
    box-sizing: border-box;
    flex: 1 1 auto;
    min-width: 0;
}

.no-css-grid .heartIcon_unit_box > div > *,
.no-css-grid .guide .guide_arr > *,
.no-css-grid .unitHeart .heart_unit_content > *,
.no-css-grid .module_sort_content .module_sort_arr > *,
.no-css-grid .experts-row > * {
    box-sizing: border-box;
}

.no-css-grid .heartIcon_unit_box > div > *,
.no-css-grid .unitHeart .heart_unit_content > * {
    width: 50%;
}

.no-css-grid .suitableList > *,
.no-css-grid .ability_list > *,
.no-css-grid .app_item .app_item_content > *,
.no-css-grid .optimize .optimize_list > *,
.no-css-grid .solution .solution_arr > *,
.no-css-grid .safe .safe_content > *,
.no-css-grid .experts-stage > * {
    width: 100%;
}

.no-css-grid .guide .guide_arr,
.no-css-grid .cap-grid,
.no-css-grid .engine-grid,
.no-css-grid .skill-grid,
.no-css-grid .model-grid,
.no-css-grid .trust-grid,
.no-css-grid .foot-grid,
.no-css-grid .net-flow,
.no-css-grid .experts-row {
    display: flex !important;
    flex-wrap: wrap;
}

.no-css-grid .guide .guide_arr > *,
.no-css-grid .trust-grid > *,
.no-css-grid .experts-row > * {
    width: 25%;
}

.no-css-grid .cap-grid > *,
.no-css-grid .engine-grid > *,
.no-css-grid .skill-grid > *,
.no-css-grid .model-grid > * {
    width: 33.3333%;
}

.no-css-grid .net-flow > * {
    width: 25%;
}

.no-css-grid .role-grid,
.no-css-grid .payInfoBox,
.no-css-grid .sureOrderContent .pdServer .serverContent,
.no-css-grid .payWaysBox > .payWaysInfo,
.no-css-grid #orderDetailBox .orderDetail > div,
.no-css-grid .infoContent3,
.no-css-grid .module_sort_content .module_sort_arr,
.no-css-grid .infoContent,
.no-css-grid .infoContent2_item > div,
.no-css-grid #Configuration .infoContent2_item > div {
    display: flex !important;
    flex-wrap: wrap;
}

.no-css-grid .role-grid > *,
.no-css-grid .payInfoBox > *,
.no-css-grid .sureOrderContent .pdServer .serverContent > *,
.no-css-grid .payWaysBox > .payWaysInfo > *,
.no-css-grid #orderDetailBox .orderDetail > div > *,
.no-css-grid .infoContent3 > *,
.no-css-grid .module_sort_content .module_sort_arr > * {
    box-sizing: border-box;
    width: 50%;
}

.no-css-grid .infoContent > *:nth-child(1) {
    width: 50%;
}

.no-css-grid .infoContent > *:nth-child(2),
.no-css-grid .infoContent > *:nth-child(3) {
    width: 25%;
}

.no-css-grid .role-line {
    display: flex !important;
    flex-wrap: wrap;
}

.no-css-grid .role-line > dt {
    width: 30%;
}

.no-css-grid .role-line > dd {
    width: 70%;
}

@media screen and (max-width: 905px) {
    .no-css-grid .hero-grid > *,
    .no-css-grid .mock-body > *:last-child,
    .no-css-grid .role-grid > *,
    .no-css-grid .foot-grid > *,
    .no-css-grid .suitableList > *,
    .no-css-grid .ability_list > *,
    .no-css-grid .app_item .app_item_content > *,
    .no-css-grid .optimize .optimize_list > *,
    .no-css-grid .solution .solution_arr > *,
    .no-css-grid .safe .safe_content > * {
        width: 100%;
    }

    .no-css-grid .mock-body > .side {
        display: none;
    }

    .no-css-grid .cap-grid > *,
    .no-css-grid .engine-grid > *,
    .no-css-grid .skill-grid > *,
    .no-css-grid .model-grid > *,
    .no-css-grid .trust-grid > *,
    .no-css-grid .net-flow > *,
    .no-css-grid .experts-row > *,
    .no-css-grid .module_sort_content .module_sort_arr > * {
        width: 50%;
    }

    .no-css-grid .infoContent3 > *,
    .no-css-grid #orderDetailBox .orderDetail > div > * {
        width: 100%;
    }
}

@media screen and (max-width: 680px) {
    .no-css-grid .cap-grid > *,
    .no-css-grid .engine-grid > *,
    .no-css-grid .skill-grid > *,
    .no-css-grid .model-grid > *,
    .no-css-grid .trust-grid > *,
    .no-css-grid .net-flow > *,
    .no-css-grid .experts-row > *,
    .no-css-grid .foot-grid > * {
        width: 100%;
    }
}

/* Flex/Grid gap fallback. Only enabled after an actual layout capability test. */
.no-flex-gap .kicker,
.no-flex-gap .logo,
.no-flex-gap .nav-cta,
.no-flex-gap .btn,
.no-flex-gap .eyebrow,
.no-flex-gap .hero-pills,
.no-flex-gap .pill,
.no-flex-gap .hero-actions,
.no-flex-gap .hero-meta,
.no-flex-gap .hero-meta span,
.no-flex-gap .mock-bar .lights,
.no-flex-gap .mock-title,
.no-flex-gap .mock-tools,
.no-flex-gap .side,
.no-flex-gap .side .brand,
.no-flex-gap .side .search,
.no-flex-gap .side .item,
.no-flex-gap .side .task,
.no-flex-gap .chat-top .tabs,
.no-flex-gap .chat-top .right,
.no-flex-gap .chat-body,
.no-flex-gap .ai-stream,
.no-flex-gap .download_title_pc {
    margin: -4px;
}

.no-flex-gap .kicker > *,
.no-flex-gap .logo > *,
.no-flex-gap .nav-cta > *,
.no-flex-gap .btn > *,
.no-flex-gap .eyebrow > *,
.no-flex-gap .hero-pills > *,
.no-flex-gap .pill > *,
.no-flex-gap .hero-actions > *,
.no-flex-gap .hero-meta > *,
.no-flex-gap .hero-meta span > *,
.no-flex-gap .mock-bar .lights > *,
.no-flex-gap .mock-title > *,
.no-flex-gap .mock-tools > *,
.no-flex-gap .side > *,
.no-flex-gap .side .brand > *,
.no-flex-gap .side .search > *,
.no-flex-gap .side .item > *,
.no-flex-gap .side .task > *,
.no-flex-gap .chat-top .tabs > *,
.no-flex-gap .chat-top .right > *,
.no-flex-gap .chat-body > *,
.no-flex-gap .ai-stream > *,
.no-flex-gap .download_title_pc > * {
    margin: 4px;
}

.no-flex-gap .cap-grid,
.no-flex-gap .engine-grid,
.no-flex-gap .skill-grid,
.no-flex-gap .model-grid,
.no-flex-gap .role-grid,
.no-flex-gap .trust-grid,
.no-flex-gap .net-flow,
.no-flex-gap .experts-row,
.no-flex-gap .guide .guide_arr,
.no-flex-gap .solution .solution_arr_box,
.no-flex-gap .module_sort_content .module_sort_arr,
.no-flex-gap .suitableList,
.no-flex-gap .ability_list,
.no-flex-gap .app_item .app_item_content,
.no-flex-gap .safe .safe_list,
.no-flex-gap .option .option_arr,
.no-flex-gap .download .download_arr,
.no-flex-gap .payWaysBox > .payWaysInfo,
.no-flex-gap #sureOrderSuccess .payInfoBox,
.no-flex-gap .infoContent3 {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.no-flex-gap .cap-grid > *,
.no-flex-gap .engine-grid > *,
.no-flex-gap .skill-grid > *,
.no-flex-gap .model-grid > *,
.no-flex-gap .role-grid > *,
.no-flex-gap .trust-grid > *,
.no-flex-gap .net-flow > *,
.no-flex-gap .experts-row > *,
.no-flex-gap .guide .guide_arr > *,
.no-flex-gap .solution .solution_arr_box > *,
.no-flex-gap .module_sort_content .module_sort_arr > *,
.no-flex-gap .suitableList > *,
.no-flex-gap .ability_list > *,
.no-flex-gap .app_item .app_item_content > *,
.no-flex-gap .safe .safe_list > *,
.no-flex-gap .option .option_arr > *,
.no-flex-gap .download .download_arr > *,
.no-flex-gap .payWaysBox > .payWaysInfo > *,
.no-flex-gap #sureOrderSuccess .payInfoBox > *,
.no-flex-gap .infoContent3 > * {
    box-sizing: border-box;
    margin: 8px;
}

.no-flex-gap .hero-grid {
    margin-left: -40px;
    margin-right: -40px;
}

.no-flex-gap .hero-grid > * {
    box-sizing: border-box;
    padding-left: 40px;
    padding-right: 40px;
}

.no-flex-gap .hall-float-tools {
    margin-top: -8px;
    margin-bottom: -8px;
}

.no-flex-gap .hall-float-tools > * {
    margin-top: 8px;
    margin-bottom: 8px;
}

.no-flex-gap .backups_content,
.no-flex-gap .safe .safe_list,
.no-flex-gap .challenge .challenge_list,
.no-flex-gap .advantage_unit,
.no-flex-gap .heart_unit_box .heart_unit_content {
    margin-left: -10px;
    margin-right: -10px;
}

.no-flex-gap .backups_content > *,
.no-flex-gap .safe .safe_list > *,
.no-flex-gap .challenge .challenge_list > *,
.no-flex-gap .advantage_unit > *,
.no-flex-gap .heart_unit_box .heart_unit_content > * {
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
}

/* CSS min()/max() fallback. */
.no-css-minmax .shell {
    width: calc(100vw - 40px);
    max-width: 1320px;
}

.no-css-minmax .nav-inner {
    width: calc(100vw - 40px);
    max-width: 1280px;
}

.no-css-minmax .backups_content {
    width: calc(100% - 40px);
    max-width: 1286.4px;
}

.no-css-minmax .main_content .main_content_tip {
    width: calc(100% - 80px);
    max-width: 1113.6px;
}

.no-css-minmax .heartIcon_unit_box {
    width: calc(100% - 40px);
    max-width: 1819.99px;
}

.no-css-minmax .main_content .main_content_item .main_content_item_img,
.no-css-minmax .main_content .main_content_item[imgMode="1"] .main_content_item_img {
    width: 48%;
    max-width: 560px;
}

.no-css-minmax .main_content .main_content_item .main_content_item_text,
.no-css-minmax .main_content .main_content_item.item_reversal[imgMode="1"] .main_content_item_text {
    width: 44%;
    max-width: 480px;
}

.no-css-minmax .app_menu {
    width: 100%;
    max-width: 460px;
}

.no-css-minmax .app-hall-right-btn-list .app-hall-right-item {
    font-size: 16px;
}

.no-css-minmax .contact > img {
    width: 38%;
    max-width: 520px;
}

.no-css-minmax .netDisk .page-box2-swiper,
.no-css-minmax .netDisk .box2-item,
.no-css-minmax .netDisk .box4-item,
.no-css-minmax .netDisk .page-box3-swiper {
    width: calc(100% - 40px);
    max-width: 1200px;
}

.no-css-minmax .workAssistant .box4-item {
    width: calc(100% - 40px);
    max-width: 1080px;
}

.no-css-minmax .type .type_content .type_content_right {
    left: calc(50% + 38.388%);
}

.no-css-minmax .type .type_content .type_content_left {
    right: calc(50% + 38.388%);
}

.no-css-minmax .sureOrderContent .pdServer .serverContent {
    padding: 2vw;
}

.no-css-minmax .sureOrderContent .rightCon {
    margin-right: 3vw;
}

.no-css-minmax #sureOrderMain {
    padding-left: 3vw;
    padding-right: 3vw;
}

.no-css-minmax .vipPayBox .consult-container {
    background-size: 507px 423px;
}

.no-css-minmax .infoTopLeft {
    min-width: 290px;
}

.no-css-minmax .ai_tab_item {
    min-width: 165px;
}

.no-css-minmax .unit_tab_item {
    padding-left: 2.5vw;
    padding-right: 2.5vw;
}

/* Laptop-width layout fallbacks for CSS min()/max(). */
@media screen and (min-width: 906px) and (max-width: 1440px) {
    .no-css-minmax .main_content .main_content_tip {
        width: calc(100% - 64px);
        max-width: 960px;
    }

    .no-css-minmax .main_content .main_content_item,
    .no-css-minmax .main_content .main_content_item[imgMode="1"],
    .no-css-minmax .introduction,
    .no-css-minmax .module2,
    .no-css-minmax .safe .safe_list {
        width: calc(100% - 64px);
        max-width: 1280px;
    }

    .no-css-minmax .shell,
    .no-css-minmax .nav-inner,
    .no-css-minmax .contact,
    .no-css-minmax .summarize,
    .no-css-minmax .app_item .app_item_content,
    .no-css-minmax .option .option_arr {
        width: calc(100% - 64px);
        max-width: 1200px;
    }

    .no-css-minmax [class$="_conetntBox2_divBox"],
    .no-css-minmax [class$="_conetntBox3_divBox"],
    .no-css-minmax [class$="_conetntBox4_divBox"],
    .no-css-minmax .newsletters_content,
    .no-css-minmax .oaratify_content,
    .no-css-minmax .partner_content,
    .no-css-minmax .robot .page-body-title,
    .no-css-minmax .robot .page-body2,
    .no-css-minmax .robot .page-body3,
    .no-css-minmax .applyForTrial_success_box .applyForTrial_detail,
    .no-css-minmax .backupAndRecovery_conetntBox1_divBox,
    .no-css-minmax .BAR_conetntBox2,
    .no-css-minmax .BAR_conetntBox2_divBox {
        width: calc(100% - 64px);
        max-width: 1120px;
    }

    .no-css-minmax [class$="_HeadBox_textBox"],
    .no-css-minmax .robot .page_header_title_Box,
    .no-css-minmax .backupAndRecovery_HeadBox_textBox {
        left: 48px;
    }

    .no-css-minmax .audioAndVideo_banner .audioAndVideo_banner_left,
    .no-css-minmax body[currentPage="address"] .banner .banner_left,
    .no-css-minmax .backups_content {
        width: calc(100% - 64px);
        max-width: 1180px;
    }

    .no-css-minmax .audioAndVideo_banner .audioAndVideo_banner_img,
    .no-css-minmax body[currentPage="address"] .banner .banner_img {
        width: 46vw;
        max-width: 580px;
    }

    .no-css-minmax .advantage .advantage_content,
    .no-css-minmax .heart_content {
        width: 100%;
        max-width: 1320px;
    }

    .no-css-minmax .ability_list,
    .no-css-minmax .advantage_unit,
    .no-css-minmax .challenge .challenge_list,
    .no-css-minmax .page-body-applyForTrial .page_content_wrapper {
        width: calc(100% - 64px);
        max-width: 1240px;
    }

    .no-css-minmax .suitableList .suitableItem {
        width: calc(33.333% - 14px);
        max-width: 360px;
    }

    .no-css-minmax .challenge .challenge_list .challenge_item {
        width: calc(33.333% - 20px);
        max-width: 270px;
    }

    .no-css-minmax .type .type_content .type_main_content_box {
        width: 72%;
        max-width: 1120px;
    }

    .no-css-minmax ._left_content {
        width: 44vw;
        max-width: 560px;
    }

    .no-css-minmax #tipsMsg {
        max-width: calc(100vw - 64px);
        width: 720px;
    }
}

@media screen and (max-width: 905px) {
    .no-css-minmax .shell,
    .no-css-minmax .nav-inner {
        width: calc(100vw - 32px);
        max-width: 1280px;
    }

    .no-css-minmax .dl-menu {
        width: calc(100vw - 24px);
        max-width: 320px;
    }
}

/* aspect-ratio fallback for the decorative banner image containers. */
.no-aspect-ratio .audioAndVideo_banner .audioAndVideo_banner_img,
.no-aspect-ratio body[currentPage="address"] .banner .banner_img {
    height: 34vw;
    max-height: 428px;
}

/* object-fit fallbacks. */
.no-object-fit .firstScreen {
    position: relative;
    overflow: hidden;
}

.no-object-fit .firstScreen video {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
}

.no-object-fit .hall-float-entry img,
.no-object-fit .hall-ai-entry img,
.no-object-fit .hall-float-tip img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.no-object-fit .swiper-zoom-container > img,
.no-object-fit .swiper-zoom-container > svg,
.no-object-fit .swiper-zoom-container > canvas {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

/* backdrop-filter fallbacks. */
.no-backdrop-filter #helpHeader.helpHeader {
    background-color: rgba(255, 255, 255, .96);
}

.no-backdrop-filter .ai_tab::after,
.no-backdrop-filter .ai_tab::before {
    background-color: rgba(255, 255, 255, .94);
}

.no-backdrop-filter .nav {
    background-color: rgba(11, 18, 32, .94);
}

/* CSS and JavaScript smooth scrolling degrade to immediate scrolling. */
.no-smooth-scroll,
.no-smooth-scroll * {
    scroll-behavior: auto !important;
}

/* position: sticky fallback. */
.no-position-sticky .introduction_title,
.no-position-sticky .introduction .introduction_text .introduction_content {
    position: relative;
}
