/* banner begin */
    .swiper.banner {
        width: 100%;
        height: 640px;
        position: relative;
    }

    .swiper.banner .swiper-slide {
        background-image: url(../images/1-230922223500620.png);
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }

    .swiper.banner .index_ban_stage {
        max-width: 1280px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
        display: flex;
        align-items: center;
    }

    .swiper.banner .ban_cont1 {
        width: 100%;
        height: auto;
        min-height: 360px;
        padding: 48px 0 128px;
        box-sizing: border-box;
    }

    .swiper.banner .ban_cont1_left {
        flex: 1 1 520px;
        max-width: 640px;
        padding-top: 0;
    }

    .swiper.banner .index_ban_right {
        flex: 0 0 auto;
        max-width: 460px;
        width: auto;
        height: auto;
        max-height: 360px;
        object-fit: contain;
    }

    .ban_f_box .index_ban_stage {
        max-width: 1280px;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    .ban_foot {
        height: 70px;
        z-index: 2;
        width: 100%;
        margin: 0;
    }

    .swiper.banner > .swiper-pagination {
        max-width: 1280px;
        width: 100% !important;
        left: 50% !important;
        right: auto;
        transform: translateX(-50%);
        padding: 0;
        box-sizing: border-box;
    }

    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 120px;
    }

    .my-bullet {
        display: inline-block;
        width: 43px;
        height: 4px;
        opacity: 0.50;
        background: white;
        position: relative;
        margin: 0 6px;
        cursor: pointer;
    }

    .my-bullet-active {
        background: #2B78F6;
        opacity: 1;
        width: 43px;
        height: 4px;


    }

    .ban_f_box {

        background: rgba(255, 255, 255, 0.20);
        backdrop-filter: blur(62.32758712768555px);
        border-radius: 4px;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 2;
        padding: 16px 0;
        border: 1px solid rgba(255, 255, 255, 1)
    }

    .ban_f_list {
        width: 350px;
        border-radius: 4px;
    }



    .ban_f_title {
        color: #253554;
        text-align: center;
        font-family: Microsoft YaHei UI;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        opacity: 0.8;
    }

    .ban_f_title span {
        margin-left: 8px;
    }

    .ban_f_cont {
        color: #9FA6B1;
        font-family: PingFang SC;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        margin-top: 12px;
    }

    .ban_f_list_white .ban_f_cont,
    .ban_f_list_white .ban_f_title {
        color: #fff;
        opacity: 1;
    }

    @media (max-width: 1320px) {
        .swiper.banner .index_ban_stage,
        .ban_f_box .index_ban_stage,
        .swiper.banner > .swiper-pagination {
            max-width: 100%;
            padding-left: 20px;
            padding-right: 20px;
        }
        .swiper.banner .ban_left_p {
            width: 100%;
            max-width: 480px;
        }
        .swiper.banner .index_ban_right {
            max-width: 360px;
            max-height: 300px;
        }
    }

    @media (max-width: 960px) {
        .swiper.banner {
            height: auto;
            min-height: 520px;
        }
        .swiper.banner .ban_cont1 {
            flex-direction: column;
            align-items: flex-start !important;
            padding-bottom: 140px;
        }
        .swiper.banner .index_ban_right {
            max-width: 280px;
            margin-top: 24px;
        }
    }
    /* banner end */
    /* mod1 begin */
    .mod1_box{
        width: 100%;
        height: 848px;
        background-color: #fff;
        background: url(/style/img/mod1_boxbg.jpg) lightgray 50% / cover no-repeat;
        
    }
    .mod1{
        opacity:1;
        text-align: center;
    }
    .mod1_tt{
        display: inline-block;
        margin-top:80px;
        color: #253554;
text-align: center;
font-family: Microsoft YaHei UI;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
    }
    .mod1_ftt{

        color: #9FA6B1;
        font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
max-width: 870px;
margin: 24px auto 0 auto;
text-align: center;
    }
    .mod1_tabtt{
        display: inline-flex;
        margin-top: 41px;
height: 64px;
padding: 24px 16px;
justify-content: center;
align-items: center;
gap: 24px;
        border-radius: 100px;
border: 2px solid #FFF;
background: linear-gradient(180deg, #EDEFF3 0%, #FEFEFE 100%);
box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tab_a{
        display: flex;
width: 160px;
height: 44px;
padding-right: 0px;
justify-content: center;
align-items: center;
        color: rgba(37, 53, 84, 0.85);
font-family: Microsoft YaHei;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px;
border-radius: 88px;
box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tabtt	.mdui-tab-active{
        color: #fff;
        z-index: 2;
    }
    .mod1_tabtt .mdui-tab-indicator{
        background-color: #2B78F6;
        bottom: 8px;
        z-index: 1;
        width: 160px;
height: 44px;
        border-radius: 88px;
        box-shadow: 0px 16px 32px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_tabcont{
        margin-top:80px;
    }
    .mod1_contlist{
        width:227px;
        border-radius: 4px;
        background: #fff;
        box-shadow: 0px 16px 24px 0px rgba(210, 217, 236, 0.30);
    }
    .mod1_contlist:hover{
    
        border: 1px solid #2B78F6;
    }
    .mod1_contlist .mod1_cont_tt{
        text-align: left;
        padding:24px 32px;
        background: radial-gradient(223.82% 68.01% at 49% 52.83%, #E2EFFF 0%, rgba(238, 245, 255, 0.00) 100%);
    }
    .mod1_contlist .mod1_cont_tt div:first-child{
        color: #253554;
font-family: Microsoft YaHei;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px;
    }
    .mod1_contlist .mod1_cont_tt div:nth-child(2){
        margin-top:8px;
        color: rgba(37, 53, 84, 0.85);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
    }
    .mod1_contlist .mod1_cont_ft{
        padding:20px 0;
    }
    .mod1_contlist .mod1_cont_ft ul{
        padding:0 18px;
        text-align: left;
    }
    .mod1_contlist .mod1_cont_ft ul li{
        display: flex;
        justify-content: left;
        margin-bottom:8px;
    }
    .mod1_contlist .mod1_cont_ft ul li span:first-child{
        display: inline-block;
        color: rgba(37, 53, 84, 0.45);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
        width: 97px;
 
    }
    .mod1_contlist .mod1_cont_ft ul li span:last-child{
        color: #253554;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px; 
display: inline-block;
max-width: 92px;
    }
    .mod1_contlist .mod1_cont_ft .mod1_cont_btnbox{
        margin-top:32px;
        text-align: left;
        padding:0 32px;
    }
    .mod1_contlist_active {
        border: 1px solid #2B78F6;
    }
    .mod1_contlist_active .mod1_cont_tt div:first-child{
        color: #2B78F6;
    }
    .mod1_contlist_active .mod1_cont_money{
        color: #2B78F6;
    }
    .mod1_contlist_active .mod1_btn_buy,.mod1_btn_buy:hover{
        background: #2B78F6;
        color: #fff;
        border:none;
    }
 
    .mod1_cont_money{
        color: #253554;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
    }
    .mod1_cont_money span:nth-child(2){
        
text-align: center;
font-family: Microsoft YaHei;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: 28px;
    }
.mod1_btn_buy{
    display: block;
    height: 37px;
padding: 7px 45px;
    margin-top:16px;
    border-radius: 30px;
border: 1px solid #2B78F6;
color: #2B78F6;
text-align: center;
font-family: PingFang SC;
font-size: 16px;
font-weight: 400;
font-style: normal;
line-height: normal;
} 
 /* mod2 begin */
 .mod2_box{
    position: relative;
    width:100%;
 
    text-align: center;
    background: url(/style/img/mod2_boxbg.png) 100% / cover no-repeat;
 
 }
 .mod2_box .mod2_svg{
    margin:0;padding:0;position: absolute;top:0;left: 0;
    z-index: 2;
 }
 .mod2_tabbox{
    width: 704px;

    margin:40px auto 0 auto;
    text-align: center;
 }
 .mod2_tabbox .mdui-tab-active{
    
 }
 .mod2_index3{
    position: relative;
    z-index:3;
    
 }
 .mod2_box .mdui-tab, .mod2_box .mdui-tab a{
    height: 180px;
    max-height: 180px;
 }
 .mod2_box .mdui-tab a{
    width:170px;
 }
 .mod2_box .mdui-tab a label{
    text-align: center;
    margin-top: 10px;
/* 三级文字/常规 */
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color:rgba(0, 0, 0, 0.85)
 }
 .mod2_box .mdui-tab .mdui-tab-active label{
    color: #2B78F6;
 }
 .mod2_box .mdui-tab .mdui-tab-indicator{
    border-radius: 21px;
background: #2B78F6;
width: 8px !important;
height: 8px;
margin-left:80px;
margin-top:20px;
 }
 /*.mod2_textbox{*/
 /*    display: inline-block;*/
 /*}*/
.mod2_textbox ul{

text-align: left;
width:500px;
margin:24px auto;
}
.mod2_textbox ul li{
margin-bottom: 16px;
color: #000;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
display: flex;
align-items: center;
}
.mod2_textbox ul li img{
margin-right: 16px;
width:20px;
height: 20px;

}
.mod2_btnbox{
display: inline-flex;

align-items: center;
gap: 24px;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px
}
.mod2_btnbox .mod2_btn1{
color: #FFF;
display: flex;
padding: 5px 16px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
background:#2B78F6;
}
.mod2_btnbox .mod2_btn2{
color: #2B78F6;
}

.mod2_tab_cont{
position: relative;
text-align: center;
max-width: 1200px;
margin:0 auto;
height: auto;
/*display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 30px 0;*/
}
.mod2_tab_cont .mod2_tabimg{
    margin-top:20px;
}
.mod3_box{
position: relative;
height: 583px;
background: #E7F3FF;
text-align: center;
}
.mod3_top{
height: 298px;
background: url("/style/img/mod3_topbg.png")  0px -653.462px / 100% 445.82% no-repeat;

}
.mod3_text{
margin-top: 80px;
display: flex;
width: 1200px;
justify-content: center;
align-items: flex-start;
gap: 40px;
}
.mod3_textlist{
display: flex;
flex-direction: column;
align-items: center;
gap: 22px;
flex: 1 0 0;
}
.mod3_textlist div{
display: flex;
align-items: flex-start;
gap: 20px;
color: #253554;
text-align: center;
font-family: Microsoft YaHei;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 24px;
}
.mod3_textlist p{
color: #253554;
text-align: justify;
font-family: Microsoft YaHei;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; 
}
.mod3_textlist p span{
color: #2B78F6;
}
.mod3_ft{
width: 100%;
height: 330px;
position: absolute;
bottom: 0;
flex-shrink: 0;
opacity: 0.8;
background: url(/style/img/mod3_ftbg.png)  27.192px -43.433px / 100% 370.545% no-repeat;
mix-blend-mode: multiply;
}
/* 合作伙伴 */
.mod4_box{
text-align: center;
height: 364px;
}
.mod4_list{
display: flex;
width: 1200px;
align-items: flex-start;
gap: 16px;
margin-top: 40px;
}
.mod4_list a{
display: flex;
width: 227px;
padding: 24px 32px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.mod4_list a:hover{
border-radius: 8px;
background: #FFF;
box-shadow: 0px 8px 16px 0px rgba(192, 199, 218, 0.25);
}
.mod4_list a img{
display: flex;
width: 160px;
height: 40px;
justify-content: center;
align-items: center;
}
/* 新闻动态 */
.mod5_box{
 padding-bottom: 120px;
flex-shrink: 0;
background: #F2F5FD;
text-align: center;
}
.mod5_list{
margin:40px auto 0 auto;
width: 1200px;
height: 400px;
display: flex;
align-items: flex-start;
}
.mod5_left{
width: 380px;
height: 400px;
flex-shrink: 0;
}
.mod5_right{
display: flex;
flex-direction: column;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}
.mod5_r_top{

display: flex;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}
.mod5_r_foot{

display: flex;
align-items: flex-start;
flex: 1 0 0;
align-self: stretch;
}

.mod5_r_cont{
height: 200px;
flex: 1 0 0;
}

.mod5_r_cont1{
width: 379px;
align-self: stretch;
}
.mod5_l_text{
width:100%;
height: 100%;
background: rgba(12, 71, 169, 0.70);
}
.mod5_l_text:hover{
cursor: pointer;
background:rgba(0, 32, 85, 0.7);
}
.mod5_l_textcont{
padding-top:40px;
margin:0 auto;

display: flex;
width: 300px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.mod5_text_tt{
text-align: center;
font-family: Microsoft YaHei UI;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 24px;
color:#fff;
}
.mod5_text_p{
color: #fff;
font-family: PingFang SC;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px;
text-align: left;
align-self: stretch;
}
.mod5_text_btn{
display: flex;
padding: 5px 20px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 4px;
border: 1px solid #FFF;
backdrop-filter: blur(62.32758712768555px);
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
color: #fff;
}
.mod5_r_textcont{
padding-top:40px;
margin:0 auto;
display: flex;
width: 148px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}

/* 增加 —— SCDN 产品页的 #mod1_cont3 卡片宽度（首页 mod1_dark 已用 220px 覆盖此项） */
#mod1_cont3 .mod1_contlist{
    width: 280px;
}
/* 注：旧的 #mod1_cont3 ... li span:first-child{width:120px} / span:last-child{max-width:120px}
   已删除：在新版首页 li 含 .li_check/.li_name/.li_val 三 span 时会把对勾撑到 120px，
   挤压名字列导致汉字竖排；在 SCDN 产品页 li 是纯文本无 span，原本就匹配不到任何元素。 */

/* ========== mod1 蓝色大气 redesign（仅作用于首页本周爆款） ========== */
.mod1_box.mod1_dark{
    width:100%;
    height:auto;
    padding:90px 0 110px;
    background:#0a1f4f;
    background-image:
        radial-gradient(1000px circle at 15% 10%, rgba(74,159,255,0.35), transparent 55%),
        radial-gradient(800px circle at 85% 25%, rgba(34,208,255,0.22), transparent 55%),
        radial-gradient(900px circle at 50% 100%, rgba(43,120,246,0.25), transparent 60%),
        linear-gradient(180deg, #0d2a6e 0%, #0a1f4f 55%, #061533 100%);
    position:relative;
    overflow:hidden;
}
.mod1_box.mod1_dark::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    pointer-events:none;
    opacity:0.5;
}
.mod1_box.mod1_dark .mod1{
    position:relative;
    z-index:1;
    text-align:center;
}

/* 顶部小徽标 */
.mod1_box.mod1_dark .mod1_badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 16px;
    border-radius:999px;
    background:rgba(43,120,246,0.10);
    border:1px solid rgba(74,159,255,0.30);
    color:#7ab8ff;
    font-size:13px;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
    letter-spacing:0.6px;
    margin-top:0;
}
.mod1_box.mod1_dark .mod1_badge_dot{
    width:6px;height:6px;border-radius:50%;
    background:#4a9fff;
    box-shadow:0 0 10px rgba(74,159,255,0.9);
}

/* 标题 */
.mod1_box.mod1_dark .mod1_tt{
    display:block;
    margin-top:18px;
    color:#fff;
    font-family:"Microsoft YaHei", "PingFang SC", sans-serif;
    font-size:48px;
    font-weight:700;
    line-height:1.2;
    background:none;
}
.mod1_box.mod1_dark .mod1_tt .mod1_tt_grad{
    background:linear-gradient(90deg, #4a9fff 0%, #22d0ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    margin-left:8px;
}
.mod1_box.mod1_dark .mod1_ftt{
    color:rgba(255,255,255,0.55);
    font-size:16px;
    line-height:26px;
    max-width:720px;
    margin:22px auto 0;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
}

/* Tab 切换 —— 覆盖 mdui-tab 默认样式 */
.mod1_box.mod1_dark .mod1_tabtt.mdui-tab{
    display:inline-flex !important;
    align-items:center;
    gap:4px;
    margin:44px auto 0;
    height:auto !important;
    max-height:none !important;
    min-height:0;
    padding:6px !important;
    border-radius:18px !important;
    border:1px solid rgba(255,255,255,0.08) !important;
    background:rgba(255,255,255,0.03) !important;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    box-shadow:none !important;
    position:relative;
    overflow:visible !important;
    white-space:normal !important;
    width:auto;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a{
    display:flex !important;
    -webkit-box-orient:horizontal !important;
    -webkit-box-direction:normal !important;
    -ms-flex-direction:row !important;
    flex-direction:row !important;
    -webkit-box-align:center !important;
    -ms-flex-align:center !important;
    align-items:center !important;
    -webkit-box-pack:start !important;
    -ms-flex-pack:start !important;
    justify-content:flex-start !important;
    -webkit-box-flex:0 !important;
    -ms-flex:none !important;
    flex:none !important;
    gap:12px;
    width:230px !important;
    min-width:230px !important;
    max-width:230px !important;
    height:68px !important;
    min-height:68px !important;
    max-height:68px !important;
    padding:0 22px !important;
    border-radius:14px !important;
    box-shadow:none !important;
    color:rgba(255,255,255,0.7) !important;
    background:transparent;
    position:relative;
    z-index:2;
    opacity:1 !important;
    text-transform:none !important;
    text-align:left !important;
    overflow:visible !important;
    transition:color .25s ease, background .25s ease;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
    font-size:14px;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a .mod1_tab_icon{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:36px;height:36px;
    flex-shrink:0;
    border-radius:10px;
    background:rgba(74,159,255,0.10);
    color:#7ab8ff;
    margin:0 !important;
    transition:all .25s ease;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a .mod1_tab_icon svg{
    display:block;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a .mod1_tab_text{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    line-height:1.25;
    text-align:left;
    width:auto !important;
    margin:0 !important;
    cursor:pointer;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a .mod1_tab_title{
    display:block;
    font-size:16px;
    font-weight:700;
    color:#fff;
    line-height:1.2;
}
.mod1_box.mod1_dark .mod1_tabtt .mod1_tab_a .mod1_tab_sub{
    display:block;
    font-size:12px;
    color:rgba(255,255,255,0.5);
    margin-top:4px;
    font-weight:400;
    line-height:1.2;
}
.mod1_box.mod1_dark .mod1_tabtt .mdui-tab-active{
    color:#fff !important;
    opacity:1 !important;
}
.mod1_box.mod1_dark .mod1_tabtt .mdui-tab-active .mod1_tab_icon{
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    color:#fff;
    box-shadow:0 6px 16px rgba(43,120,246,0.45);
}
.mod1_box.mod1_dark .mod1_tabtt .mdui-tab-indicator{
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(74,159,255,0.45);
    border-radius:14px !important;
    height:68px !important;
    width:230px !important;
    bottom:6px !important;
    top:auto !important;
    z-index:1;
    box-shadow:0 8px 24px rgba(43,120,246,0.20);
    -webkit-transition:left .25s ease, -webkit-transform .25s ease;
    transition:left .25s ease, transform .25s ease;
}

/* 卡片区 */
.mod1_box.mod1_dark .mod1_tabcont{
    margin-top:56px;
}
.mod1_box.mod1_dark .mod1_contbox{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:20px;
    flex-wrap:wrap;
}
.mod1_box.mod1_dark .mod1_contlist{
    width:235px;
    padding:32px 24px 28px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.01) 100%);
    box-shadow:none;
    position:relative;
    text-align:left;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    display:flex;
    flex-direction:column;
}
.mod1_box.mod1_dark .mod1_contlist:hover{
    border-color:rgba(74,159,255,0.45);
    transform:translateY(-6px);
    box-shadow:0 18px 40px rgba(0,0,0,0.35), 0 0 0 1px rgba(74,159,255,0.20);
}

/* POPULAR 徽标：默认隐藏，仅第 4 张卡（至尊版）显示 */
.mod1_box.mod1_dark .mod1_pop{
    display:none;
    position:absolute;
    top:-14px;
    left:50%;
    transform:translateX(-50%);
    padding:5px 14px;
    border-radius:999px;
    background:linear-gradient(90deg, #2B78F6, #22D0FF);
    color:#fff;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.5px;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
    box-shadow:0 8px 20px rgba(43,120,246,0.45);
}
.mod1_box.mod1_dark .mod1_contbox > .mod1_contlist:nth-child(4){
    border-color:rgba(74,159,255,0.55);
    background:linear-gradient(180deg, rgba(43,120,246,0.20) 0%, rgba(43,120,246,0.04) 100%);
    box-shadow:0 18px 44px rgba(43,120,246,0.30);
}
.mod1_box.mod1_dark .mod1_contbox > .mod1_contlist:nth-child(4) .mod1_pop{
    display:inline-block;
}

/* 卡片头部（产品名 + 价格） */
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_tt{
    padding:0;
    background:none;
    border-bottom:1px dashed rgba(255,255,255,0.10);
    padding-bottom:22px;
    margin-bottom:22px;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_name{
    color:rgba(255,255,255,0.88);
    font-family:"Microsoft YaHei", "PingFang SC", sans-serif;
    font-size:18px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:16px;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_price{
    display:flex;
    align-items:baseline;
    gap:2px;
    color:#fff;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_price .cur{
    font-size:22px;
    font-weight:700;
    background:linear-gradient(90deg, #4a9fff, #22d0ff);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_price .num{
    font-family:"Microsoft YaHei", sans-serif;
    font-size:44px;
    font-weight:700;
    line-height:1;
    background:linear-gradient(90deg, #4a9fff, #22d0ff);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    color:transparent;
    margin-left:2px;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_price .unit{
    font-size:13px;
    color:rgba(255,255,255,0.5);
    margin-left:4px;
}

/* 卡片特性列表 */
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft{
    padding:0;
    display:flex;
    flex-direction:column;
    flex:1;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft ul{
    padding:0;
    margin:0;
    flex:1;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft ul li{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
    justify-content:flex-start;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft ul li .li_check{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    width:16px !important;height:16px !important;
    min-width:16px !important;max-width:16px !important;
    flex:0 0 16px !important;
    border-radius:50% !important;
    background:rgba(74,159,255,0.15);
    color:#4a9fff;
    font-size:10px;
    font-weight:700;
    line-height:1;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft ul li .li_name{
    display:inline-block !important;
    width:auto !important;
    max-width:none !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    color:rgba(255,255,255,0.55);
    font-size:13px;
    font-weight:400;
    line-height:20px;
    white-space:normal;
    word-break:keep-all;
    overflow-wrap:break-word;
}
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_ft ul li .li_val{
    display:inline-block !important;
    width:auto !important;
    max-width:none !important;
    flex:0 0 auto !important;
    color:#fff;
    font-size:13px;
    font-weight:600;
    line-height:20px;
    text-align:right;
    white-space:nowrap;
}

/* 立即开通 / 立即购买 按钮 */
.mod1_box.mod1_dark .mod1_btn_buy{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    height:auto;
    margin-top:24px;
    padding:12px 18px;
    border-radius:12px;
    border:1px solid rgba(255,255,255,0.14);
    background:rgba(255,255,255,0.04);
    color:#fff;
    font-family:"PingFang SC", "Microsoft YaHei", sans-serif;
    font-size:14px;
    font-weight:500;
    transition:background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.mod1_box.mod1_dark .mod1_btn_buy:hover{
    background:rgba(74,159,255,0.14);
    border-color:rgba(74,159,255,0.55);
    color:#fff;
}
.mod1_box.mod1_dark .mod1_btn_buy .arr{
    font-size:14px;
    line-height:1;
    transition:transform .2s ease;
}
.mod1_box.mod1_dark .mod1_btn_buy:hover .arr{
    transform:translate(2px,-2px);
}
.mod1_box.mod1_dark .mod1_contbox > .mod1_contlist:nth-child(4) .mod1_btn_buy{
    background:linear-gradient(90deg, #2B78F6, #22D0FF);
    border-color:transparent;
    color:#fff;
    box-shadow:0 10px 24px rgba(43,120,246,0.40);
}
.mod1_box.mod1_dark .mod1_contbox > .mod1_contlist:nth-child(4) .mod1_btn_buy:hover{
    box-shadow:0 14px 32px rgba(43,120,246,0.55);
    transform:translateY(-2px);
}

/* 第三个 tab 卡片宽度修正（覆盖旧 #mod1_cont3 写死的 280px） */
.mod1_box.mod1_dark #mod1_cont3 .mod1_contlist{
    width:235px;
}
.mod1_box.mod1_dark #mod1_cont3 .mod1_contlist .mod1_cont_ft ul li .li_name,
.mod1_box.mod1_dark #mod1_cont3 .mod1_contlist .mod1_cont_ft ul li .li_val{
    width:auto;
    max-width:none;
}

/* 英文环境下不要叠加旧覆盖的 padding */
.mod1_box.mod1_dark .mod1_contlist .mod1_cont_tt{
    padding:0 0 22px 0;
}

/* 响应式：1180 以下让卡片换行 */
@media (max-width: 1200px){
    .mod1_box.mod1_dark .mod1{
        width:auto;
        padding:0 24px;
    }
    .mod1_box.mod1_dark .mod1_contlist{
        width:calc(33.333% - 14px);
        min-width:220px;
    }
}
@media (max-width: 768px){
    .mod1_box.mod1_dark{padding:60px 0 70px;}
    .mod1_box.mod1_dark .mod1_tt{font-size:32px;}
    .mod1_box.mod1_dark .mod1_tabtt{flex-wrap:wrap;}
    .mod1_box.mod1_dark .mod1_tab_a,
    .mod1_box.mod1_dark .mod1_tabtt .mdui-tab-indicator{width:100% !important;}
    .mod1_box.mod1_dark .mod1_contlist{width:100%;}
}
/* ========== mod1 dark redesign end ========== */


/* ========== mod2 / mod3 / mod4 蓝白交错 redesign ========== */
/* 公共：badge 通用样式 */
.mod2_box.mod2_light .mod1_badge,
.mod3_box.mod3_dark .mod1_badge,
.mod4_box.mod4_light .mod1_badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 16px;
    border-radius:999px;
    font-size:13px;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    letter-spacing:0.6px;
}
.mod3_box.mod3_dark .mod1_badge{
    background:rgba(43,120,246,0.18);
    border:1px solid rgba(74,159,255,0.40);
    color:#9fcaff;
}
.mod2_box.mod2_light .mod1_badge,
.mod4_box.mod4_light .mod1_badge{
    background:rgba(43,120,246,0.08);
    border:1px solid rgba(43,120,246,0.25);
    color:#2B78F6;
}
.mod2_box.mod2_light .mod1_badge_dot,
.mod3_box.mod3_dark .mod1_badge_dot,
.mod4_box.mod4_light .mod1_badge_dot{
    width:6px;height:6px;border-radius:50%;
    background:#4a9fff;
    box-shadow:0 0 10px rgba(74,159,255,0.9);
}

/* ---------- mod2 智能攻击数据分析（白色浅色版） ---------- */
.mod2_box.mod2_light{
    position:relative;
    width:100%;
    height:auto;
    padding:100px 0 110px;
    text-align:center;
    background:#ffffff;
    background-image:
        radial-gradient(900px circle at 80% 10%, rgba(43,120,246,0.06), transparent 55%),
        radial-gradient(700px circle at 15% 80%, rgba(34,208,255,0.05), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f5f9ff 50%, #ffffff 100%);
    overflow:hidden;
}
.mod2_box.mod2_light::before{
    content:"";
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(43,120,246,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(43,120,246,0.05) 1px, transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 30%, transparent 75%);
    pointer-events:none;
    opacity:0.6;
}
.mod2_box.mod2_light .mod2_inner{
    position:relative;
    z-index:2;
}

.mod2_box.mod2_light .mod1_tt{
    display:block;
    margin-top:18px;
    color:#0a1f4f;
    font-family:"Microsoft YaHei","PingFang SC",sans-serif;
    font-size:46px;
    font-weight:700;
    line-height:1.25;
    background:none;
    text-align:center;
}
.mod2_box.mod2_light .mod1_tt .mod1_tt_grad{
    background:linear-gradient(90deg,#2B78F6 0%,#22d0ff 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    margin:0 6px;
}
.mod2_box.mod2_light .mod1_ftt{
    color:#5a6885;
    font-size:16px;line-height:26px;
    max-width:800px;margin:22px auto 0;
}

/* tab 区 —— 浅色版强力覆盖 mdui-tab */
.mod2_box.mod2_light .mod2_tabbox.mdui-tab{
    display:inline-flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:8px;
    width:100% !important;
    max-width:960px !important;
    height:auto !important;
    max-height:none !important;
    padding:8px !important;
    margin:48px auto 0 !important;
    border-radius:20px;
    border:1px solid rgba(43,120,246,0.12);
    background:#fff;
    box-shadow:0 12px 32px rgba(43,120,246,0.10);
    overflow:visible !important;
    position:relative;
}
.mod2_box.mod2_light .mod2_tabbox a{
    display:flex !important;
    flex-direction:row !important;
    -ms-flex-direction:row !important;
    -webkit-box-orient:horizontal !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    gap:10px;
    width:auto !important;
    min-width:180px !important;
    max-width:320px !important;
    height:auto !important;
    min-height:56px !important;
    max-height:none !important;
    padding:12px 20px !important;
    border-radius:14px !important;
    color:#5a6885 !important;
    opacity:1 !important;
    text-transform:none !important;
    text-align:left !important;
    position:relative;z-index:2;
    transition:color .25s ease;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
}
.mod2_box.mod2_light .mod2_tabbox a .m2_tab_ico{
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;flex-shrink:0;
    border-radius:10px;
    background:rgba(43,120,246,0.08);
    color:#2B78F6;
    transition:all .25s ease;
}
.mod2_box.mod2_light .mod2_tabbox a label{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    color:#5a6885;
    font-size:15px;font-weight:600;
    line-height:1.35;
    cursor:pointer;
    text-align:left;
    white-space:normal;
}
.mod2_box.mod2_light .mod2_tabbox .mdui-tab-active{
    color:#fff !important;
    opacity:1 !important;
    background:linear-gradient(135deg,#2B78F6 0%,#22D0FF 100%) !important;
    box-shadow:0 14px 30px rgba(43,120,246,0.35);
}
.mod2_box.mod2_light .mod2_tabbox .mdui-tab-active label{
    color:#fff !important;
}
.mod2_box.mod2_light .mod2_tabbox .mdui-tab-active .m2_tab_ico{
    background:rgba(255,255,255,0.22) !important;
    color:#fff !important;
    box-shadow:none !important;
}
/* 隐藏 MDUI 自带 indicator（宽度由 JS 动态计算不稳定，改用 active tab 本身的背景） */
.mod2_box.mod2_light .mod2_tabbox .mdui-tab-indicator{
    display:none !important;
}

/* tab 内容区 —— 左文字 + 右大图 */
.mod2_box.mod2_light .mod2_tab_cont{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    max-width:1180px;
    margin:60px auto 0 !important;
    height:auto;
    text-align:left;
    padding:0;
}
.mod2_box.mod2_light .mod2_textbox{
    flex:1;
    max-width:480px;
}
.mod2_box.mod2_light .mod2_textbox ul{
    width:auto !important;
    margin:0 !important;
    padding:0;
    text-align:left;
}
.mod2_box.mod2_light .mod2_textbox ul li{
    display:flex !important;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px !important;
    padding:14px 18px;
    border-radius:12px;
    border:1px solid rgba(43,120,246,0.10);
    background:#fff;
    color:#253554 !important;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
    font-size:15px !important;
    line-height:22px !important;
    box-shadow:0 4px 16px rgba(43,120,246,0.06);
    transition:border-color .25s ease, background .25s ease, transform .25s ease, box-shadow .25s ease;
}
.mod2_box.mod2_light .mod2_textbox ul li:hover{
    border-color:rgba(43,120,246,0.40);
    transform:translateX(4px);
    box-shadow:0 8px 24px rgba(43,120,246,0.12);
}
.mod2_box.mod2_light .mod2_textbox ul li .m2_check{
    display:inline-flex;align-items:center;justify-content:center;
    width:22px;height:22px;flex-shrink:0;
    border-radius:50%;
    background:linear-gradient(135deg,#2B78F6,#22D0FF);
    color:#fff;
    font-size:13px;font-weight:700;line-height:1;
    box-shadow:0 4px 10px rgba(43,120,246,0.45);
    margin-top:1px;
}
.mod2_box.mod2_light .mod2_btnbox{
    margin-top:32px;
    display:inline-flex;align-items:center;gap:18px;
}
.mod2_box.mod2_light .mod2_btnbox .mod2_btn1{
    display:inline-flex;align-items:center;justify-content:center;
    padding:12px 26px;
    border-radius:10px;
    background:linear-gradient(90deg,#2B78F6,#22D0FF) !important;
    color:#fff !important;
    font-size:14px;font-weight:600;
    box-shadow:0 10px 24px rgba(43,120,246,0.30);
    transition:transform .2s ease, box-shadow .2s ease;
}
.mod2_box.mod2_light .mod2_btnbox .mod2_btn1:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 32px rgba(43,120,246,0.45);
}
.mod2_box.mod2_light .mod2_btnbox .mod2_btn2{
    display:inline-flex;align-items:center;gap:6px;
    padding:11px 18px;
    border-radius:10px;
    color:#2B78F6 !important;
    border:1px solid rgba(43,120,246,0.30);
    background:#fff;
    font-size:14px;font-weight:500;
    transition:all .2s ease;
}
.mod2_box.mod2_light .mod2_btnbox .mod2_btn2:hover{
    border-color:#2B78F6;
    background:rgba(43,120,246,0.06);
}
.mod2_box.mod2_light .mod2_btnbox .m2_arr{font-size:14px;line-height:1;}
.mod2_box.mod2_light .mod2_imgwrap{
    flex:1;
    max-width:640px;
    position:relative;
    border-radius:18px;
    overflow:hidden;
    /* border:1px solid rgba(43,120,246,0.12);
    background:#fff; */
    /* box-shadow:0 30px 60px rgba(43,120,246,0.18), 0 0 0 1px rgba(43,120,246,0.05); */
}
.mod2_box.mod2_light .mod2_imgwrap::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 50% 0%, rgba(43,120,246,0.10), transparent 60%);
    pointer-events:none;z-index:1;
}
.mod2_box.mod2_light .mod2_tabimg{
    width:100%;height:auto;display:block;
    margin-top:0 !important;
    position:relative;z-index:0;
}


/* ---------- mod3 安全洞见 全网感知（蓝色大气版） ---------- */
.mod3_box.mod3_dark{
    position:relative;
    width:100%;
    height:auto;
    min-height:560px;
    padding:90px 0 90px;
    background:#0a1f4f;
    background-image:
        linear-gradient(180deg,#0d2a6e 0%,#0a1f4f 55%,#061533 100%);
    text-align:center;
    overflow:hidden;
}
.mod3_box.mod3_dark .mod3_grid{
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,0.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,0.06) 1px,transparent 1px);
    background-size:48px 48px;
    mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 70%, transparent 100%);
    pointer-events:none;
    z-index:1;
}
.mod3_box.mod3_dark .mod3_glow{
    position:absolute;width:600px;height:600px;
    border-radius:50%;
    filter:blur(80px);
    pointer-events:none;
    z-index:1;
}
.mod3_box.mod3_dark .mod3_glow_l{
    background:radial-gradient(circle,rgba(74,159,255,0.45),transparent 60%);
    top:-200px;left:-200px;
}
.mod3_box.mod3_dark .mod3_glow_r{
    background:radial-gradient(circle,rgba(34,208,255,0.35),transparent 60%);
    top:50px;right:-220px;
}
.mod3_box.mod3_dark .mod3_top{
    position:relative;
    z-index:2;
    height:auto;
    background:none !important;
}
.mod3_box.mod3_dark .mod1_tt{
    display:block;
    margin-top:18px;
    color:#fff;
    font-family:"Microsoft YaHei","PingFang SC",sans-serif;
    font-size:46px;font-weight:700;line-height:1.25;
    background:none;
}
.mod3_box.mod3_dark .mod1_tt .mod1_tt_grad{
    background:linear-gradient(90deg,#4a9fff 0%,#22d0ff 100%);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    margin-left:6px;
}
.mod3_box.mod3_dark .mod1_ftt{
    color:rgba(255,255,255,0.55);
    font-size:15px;line-height:24px;
    max-width:760px;margin:18px auto 0;
}
.mod3_box.mod3_dark .mod3_text{
    margin-top:60px !important;
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:24px !important;
    align-items:stretch !important;
}
.mod3_box.mod3_dark .mod3_textlist{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:0 !important;
    padding:28px 28px 26px;
    text-align:left;
    border-radius:18px;
    border:1px solid rgba(255,255,255,0.08);
    background:linear-gradient(180deg,rgba(255,255,255,0.04),rgba(255,255,255,0.01));
    box-shadow:0 18px 40px rgba(0,0,0,0.30);
    position:relative;
    overflow:hidden;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.mod3_box.mod3_dark .mod3_textlist::after{
    content:"";position:absolute;left:0;right:0;top:0;
    height:1px;
    background:linear-gradient(90deg,transparent 0%,rgba(74,159,255,0.6) 50%,transparent 100%);
}
.mod3_box.mod3_dark .mod3_textlist:hover{
    transform:translateY(-4px);
    border-color:rgba(74,159,255,0.40);
    box-shadow:0 26px 48px rgba(0,0,0,0.45), 0 0 0 1px rgba(74,159,255,0.20);
}
.mod3_box.mod3_dark .m3_card_head{
    display:flex;align-items:center;justify-content:space-between;
    width:100%;
    margin-bottom:18px;
}
.mod3_box.mod3_dark .m3_card_tag{
    display:inline-flex;align-items:center;justify-content:center;
    padding:4px 10px;
    border-radius:6px;
    background:rgba(74,159,255,0.12);
    border:1px solid rgba(74,159,255,0.30);
    color:#7ab8ff;
    font-family:"Microsoft YaHei",sans-serif;
    font-size:12px;font-weight:700;letter-spacing:0.5px;
    line-height:1;
}
.mod3_box.mod3_dark .m3_live{
    display:inline-flex;align-items:center;gap:6px;
    color:#22D0FF;
    font-size:11px;font-weight:700;letter-spacing:1.2px;
    font-family:"PingFang SC",sans-serif;
}
.mod3_box.mod3_dark .m3_live_dot{
    width:6px;height:6px;border-radius:50%;
    background:#22D0FF;
    box-shadow:0 0 8px rgba(34,208,255,0.9);
    animation:m3_blink 1.2s ease-in-out infinite;
}
@keyframes m3_blink{0%,100%{opacity:1}50%{opacity:0.35}}
.mod3_box.mod3_dark .m3_card_num{
    display:flex !important;
    align-items:baseline !important;
    gap:6px !important;
    width:auto !important;
    color:#fff !important;
    font-family:"Microsoft YaHei",sans-serif !important;
    font-size:44px !important;
    font-weight:700 !important;
    line-height:1 !important;
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    text-align:left !important;
}
.mod3_box.mod3_dark .m3_arrow{
    font-size:22px;line-height:1;
    color:#22D0FF;
    text-shadow:0 0 12px rgba(34,208,255,0.6);
}
.mod3_box.mod3_dark .m3_card_num .shuzhi1,
.mod3_box.mod3_dark .m3_card_num .shuzhi2,
.mod3_box.mod3_dark .m3_card_num .shuzhi3{
    background:linear-gradient(90deg,#4a9fff,#22d0ff);
    -webkit-background-clip:text;background-clip:text;
    -webkit-text-fill-color:transparent;color:transparent;
    font-family:"Microsoft YaHei",sans-serif;
}
.mod3_box.mod3_dark .mod3_textlist p{
    margin-top:14px;
    color:rgba(255,255,255,0.55) !important;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
    font-size:14px !important;
    line-height:22px !important;
    text-align:left !important;
}
.mod3_box.mod3_dark .mod3_textlist p span{
    color:#7ab8ff !important;
    font-weight:600;
}
.mod3_box.mod3_dark .m3_bar{
    width:100%;
    height:4px;
    margin-top:18px;
    border-radius:2px;
    background:rgba(255,255,255,0.05);
    overflow:hidden;
}
.mod3_box.mod3_dark .m3_bar_in{
    display:block;
    height:100%;
    border-radius:2px;
    background:linear-gradient(90deg,#2B78F6,#22D0FF);
    box-shadow:0 0 12px rgba(34,208,255,0.6);
    animation:m3_bar_pulse 2.5s ease-in-out infinite;
}
@keyframes m3_bar_pulse{
    0%,100%{opacity:0.85}
    50%{opacity:1}
}
.mod3_box.mod3_dark .mod3_ft{
    position:absolute;
    bottom:0;left:0;right:0;
    height:0;
    background:none !important;
    pointer-events:none;
}


/* ---------- mod4 合作伙伴（白色浅色版） ---------- */
.mod4_box.mod4_light{
    position:relative;
    width:100%;
    height:auto;
    padding:90px 0 100px;
    background:#ffffff;
    background-image:
        radial-gradient(700px circle at 20% 20%, rgba(43,120,246,0.05), transparent 55%),
        radial-gradient(700px circle at 80% 80%, rgba(34,208,255,0.04), transparent 55%),
        linear-gradient(180deg,#ffffff 0%,#f5f9ff 100%);
    text-align:center;
    overflow:hidden;
}
.mod4_box.mod4_light::before{
    content:"";position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(43,120,246,0.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(43,120,246,0.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center, #000 20%, transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 20%, transparent 75%);
    pointer-events:none;
    opacity:0.6;
}
.mod4_box.mod4_light .mod4_inner{
    position:relative;
    z-index:2;
}
.mod4_box.mod4_light .mod1_tt{
    display:block;
    margin-top:18px;
    color:#0a1f4f;
    font-family:"Microsoft YaHei","PingFang SC",sans-serif;
    font-size:42px;font-weight:700;line-height:1.25;
    background:none;
}
.mod4_box.mod4_light .mod1_ftt{
    color:#5a6885;
    font-size:15px;line-height:24px;
    max-width:720px;margin:18px auto 0;
}
.mod4_box.mod4_light .mod4_list{
    display:flex !important;
    width:100% !important;
    flex-wrap:wrap;
    align-items:stretch !important;
    justify-content:center;
    gap:16px !important;
    margin:50px auto 0 !important;
}
.mod4_box.mod4_light .mod4_list a{
    display:flex !important;
    width:calc(20% - 13px) !important;
    min-width:180px;
    padding:28px 24px !important;
    flex-direction:column;
    justify-content:center;align-items:center;
    border-radius:14px !important;
    background:#fff !important;
    border:1px solid rgba(43,120,246,0.10);
    box-shadow:0 4px 16px rgba(43,120,246,0.06) !important;
    transition:all .3s ease;
}
.mod4_box.mod4_light .mod4_list a:hover{
    border-color:rgba(43,120,246,0.35) !important;
    transform:translateY(-4px);
    box-shadow:0 18px 36px rgba(43,120,246,0.18), 0 0 0 1px rgba(43,120,246,0.15) !important;
}
.mod4_box.mod4_light .mod4_list a img{
    width:auto !important;
    max-width:160px;
    height:40px !important;
    object-fit:contain;
    filter:grayscale(100%);
    opacity:0.7;
    transition:opacity .3s ease, filter .3s ease;
}
.mod4_box.mod4_light .mod4_list a:hover img{
    opacity:1;
    filter:grayscale(0%);
}

/* ---------- 响应式 ---------- */
@media (max-width:1200px){
    .mod2_box.mod2_light .mod2_inner,
    .mod4_box.mod4_light .mod4_inner{
        width:auto;padding:0 24px;
    }
    .mod3_box.mod3_dark .mod3_text{width:auto !important;padding:0 24px;}
    .mod4_box.mod4_light .mod4_list a{width:calc(25% - 12px) !important;}
}
@media (max-width:900px){
    .mod2_box.mod2_light .mod2_tab_cont{flex-direction:column !important;gap:32px;}
    .mod2_box.mod2_light .mod2_textbox{max-width:100%;}
    .mod2_box.mod2_light .mod2_imgwrap{max-width:100%;}
    .mod3_box.mod3_dark .mod3_text{grid-template-columns:1fr 1fr;}
    .mod4_box.mod4_light .mod4_list a{width:calc(33.333% - 11px) !important;}
}
@media (max-width:600px){
    .mod2_box.mod2_light .mod1_tt,
    .mod3_box.mod3_dark .mod1_tt,
    .mod4_box.mod4_light .mod1_tt{font-size:30px;}
    .mod2_box.mod2_light .mod2_tabbox.mdui-tab{flex-wrap:wrap;max-width:100% !important;}
    .mod2_box.mod2_light .mod2_tabbox a,
    .mod2_box.mod2_light .mod2_tabbox .mdui-tab-indicator{
        width:100% !important;
        min-width:0 !important;
        max-width:none !important;
        flex:1 1 100% !important;
    }
    body.home_lang_en .mod2_box.mod2_light .mod2_tabbox a label{font-size:13px !important;}
    .mod3_box.mod3_dark .mod3_text{grid-template-columns:1fr;}
    .mod4_box.mod4_light .mod4_list a{width:calc(50% - 8px) !important;}
}
/* ========== mod2 / mod3 / mod4 蓝白交错 redesign end ========== */


/* ========== mod5 新鲜动态 蓝色大气 redesign ========== */
/* 覆盖原 mod5_box 的浅灰底色，保留原 .mod5_left / .mod5_right 等老 class 给其他页面（如存在）用 */
.mod5_box.mod5_dark{
    position:relative;
    width:100%;
    padding:100px 0 120px;
    background:#0a1f4f;
    background-image:
        radial-gradient(60% 70% at 18% 0%, rgba(43,120,246,0.28) 0%, rgba(43,120,246,0) 60%),
        radial-gradient(50% 60% at 85% 100%, rgba(34,208,255,0.22) 0%, rgba(34,208,255,0) 60%),
        linear-gradient(180deg, #0a1f4f 0%, #061538 100%);
    text-align:center;
    color:#fff;
    overflow:hidden;
}
.mod5_box.mod5_dark::before{
    content:"";
    position:absolute;inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,0.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center, #000 35%, transparent 80%);
    -webkit-mask-image:radial-gradient(ellipse at center, #000 35%, transparent 80%);
    pointer-events:none;
}
.mod5_box.mod5_dark .mod1_badge{
    position:relative;z-index:1;
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 18px;border-radius:999px;
    background:rgba(43,120,246,0.18);
    border:1px solid rgba(74,159,255,0.40);
    color:#9fcaff;
    font-size:13px;font-weight:600;letter-spacing:0.6px;
}
.mod5_box.mod5_dark .mod1_badge_dot{
    width:6px;height:6px;border-radius:50%;
    background:#4a9fff;box-shadow:0 0 10px rgba(74,159,255,0.9);
}
.mod5_box.mod5_dark .mod1_tt{
    position:relative;z-index:1;
    display:block;
    margin:18px auto 14px;
    font-family:"Microsoft YaHei","PingFang SC",sans-serif;
    font-size:46px;font-weight:800;line-height:1.25;
    color:#fff;
    background:none;
    text-align:center;
}
.mod5_box.mod5_dark .mod1_ftt{
    position:relative;z-index:1;
    margin:18px auto 0;
    max-width:820px;
    color:rgba(255,255,255,0.65);
    font-size:15px;line-height:1.8;
}

.mod5_box.mod5_dark .mod5_grid{
    position:relative;z-index:1;
    width:1240px;max-width:calc(100% - 40px);
    margin:54px auto 0;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    height:520px;
}
.mod5_box.mod5_dark .mod5_grid_right{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:22px;
}

/* 卡片公共样式 */
.mod5_box.mod5_dark .mod5_card{
    position:relative;
    display:block;
    height:100%;
    border-radius:18px;
    overflow:hidden;
    background:#0F2A66;
    border:1px solid rgba(74,159,255,0.18);
    text-decoration:none;
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.mod5_box.mod5_dark .mod5_card:hover{
    transform:translateY(-6px);
    box-shadow:0 24px 50px rgba(43,120,246,0.40);
    border-color:rgba(74,159,255,0.55);
}
.mod5_box.mod5_dark .mod5_card_img{
    position:absolute;inset:0;
    background-size:cover;
    background-position:center;
    transition:transform .6s ease;
}
.mod5_box.mod5_dark .mod5_card:hover .mod5_card_img{transform:scale(1.08);}
.mod5_box.mod5_dark .mod5_card_overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(10,31,79,0.10) 0%, rgba(10,31,79,0.65) 55%, rgba(6,21,56,0.94) 100%);
}
.mod5_box.mod5_dark .mod5_card_body{
    position:absolute;left:0;right:0;bottom:0;
    padding:26px 28px;
    text-align:left;
    color:#fff;
}

/* 主推大卡 */
.mod5_box.mod5_dark .mod5_card_hero .mod5_card_tag{
    display:inline-block;
    margin-bottom:14px;
    padding:5px 13px;border-radius:6px;
    background:linear-gradient(135deg,#2B78F6 0%,#22D0FF 100%);
    color:#fff;font-size:11px;font-weight:700;letter-spacing:1.5px;
    box-shadow:0 6px 16px rgba(43,120,246,0.45);
}
.mod5_box.mod5_dark .mod5_card_hero .mod5_card_tt{
    margin:0 0 12px;
    font-size:24px;font-weight:700;color:#fff;line-height:1.4;
    text-shadow:0 2px 6px rgba(0,0,0,0.40);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.mod5_box.mod5_dark .mod5_card_hero .mod5_card_desc{
    margin:0 0 20px;
    font-size:14px;color:rgba(255,255,255,0.78);line-height:1.7;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.mod5_box.mod5_dark .mod5_card_btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 22px;border-radius:8px;
    background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.28);
    color:#fff;font-size:13px;font-weight:600;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    transition:background .25s ease, border-color .25s ease;
}
.mod5_box.mod5_dark .mod5_card_hero:hover .mod5_card_btn{
    background:linear-gradient(135deg,#2B78F6 0%,#22D0FF 100%);
    border-color:transparent;
}
.mod5_box.mod5_dark .mod5_card_btn svg{transition:transform .25s ease;}
.mod5_box.mod5_dark .mod5_card_hero:hover .mod5_card_btn svg{transform:translateX(4px);}

/* 小卡片 */
.mod5_box.mod5_dark .mod5_card_mini .mod5_card_body{
    padding:18px 20px;
}
.mod5_box.mod5_dark .mod5_card_mini .mod5_card_tt{
    margin:0 0 6px;
    font-size:16px;font-weight:700;color:#fff;line-height:1.45;
    text-shadow:0 2px 6px rgba(0,0,0,0.35);
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.mod5_box.mod5_dark .mod5_card_mini .mod5_card_desc{
    margin:0;
    font-size:12px;color:rgba(255,255,255,0.70);line-height:1.65;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}
.mod5_box.mod5_dark .mod5_card_arrow{
    position:absolute;top:14px;right:14px;
    width:34px;height:34px;border-radius:50%;
    background:rgba(255,255,255,0.10);
    border:1px solid rgba(255,255,255,0.22);
    color:#fff;
    display:flex;align-items:center;justify-content:center;
    transition:background .25s ease, border-color .25s ease, transform .25s ease;
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
}
.mod5_box.mod5_dark .mod5_card_mini:hover .mod5_card_arrow{
    background:linear-gradient(135deg,#2B78F6 0%,#22D0FF 100%);
    border-color:transparent;
    transform:translateX(3px);
}

/* 响应式 */
@media (max-width:1240px){
    .mod5_box.mod5_dark .mod5_grid{
        grid-template-columns:1fr;
        height:auto;
        gap:22px;
    }
    .mod5_box.mod5_dark .mod5_card_hero{height:340px;}
    .mod5_box.mod5_dark .mod5_grid_right{height:380px;}
}
@media (max-width:760px){
    .mod5_box.mod5_dark{padding:60px 0 80px;}
    .mod5_box.mod5_dark .mod1_tt{font-size:30px;}
    .mod5_box.mod5_dark .mod5_grid_right{
        grid-template-columns:1fr;
        grid-template-rows:repeat(4,160px);
        height:auto;
    }
    .mod5_box.mod5_dark .mod5_card_hero{height:280px;}
}
/* ========== mod5 redesign end ========== */