/* ============================================================
   注意：以下所有 .mod1 / .mod2 / .mod3 / .mod4 类样式
   均为高防 CDN（SCDN）专题页旧版样式，全部加 body.page_scdnv2
   作用域，避免污染 sdk / ddos / web 等同名 class 的其它页面。
   ============================================================ */

/* mod1 beigin */
body.page_scdnv2 .mod1{
	text-align: center;
	width: 100%;
	height: 774px;
flex-shrink: 0;
background: url("/style/img/scdn_mod1_bg.png") lightgray 50% / cover no-repeat;
}
body.page_scdnv2 .mod1_list{
	width:100%;
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
margin-top:60px;
}
body.page_scdnv2 .mod1_list li{
	display: flex;
	height: 160px;
align-items: flex-start;
gap: 20px;
width: 100%;
}
body.page_scdnv2 .mod1_list_pub{
	display: flex;
padding: 32px;
flex-direction: column;

gap: 10px;
flex: 1 0 0;
align-self: stretch;
border: 2px solid #FFF;
background: rgba(255, 255, 255, 0.20);
box-shadow: 0px 16px 24px 0px rgba(210, 217, 236, 0.30);
backdrop-filter: blur(10px);
}
body.page_scdnv2 .mod1_list_left{
	align-items: flex-start;
}
body.page_scdnv2 .mod1_list_right{
	align-items: center;
}
body.page_scdnv2 .mod1_listtext{
	display: flex;
align-items: flex-start;
gap: 24px;
align-self: stretch;
}
body.page_scdnv2 .mod1_listtext dl{
	display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
body.page_scdnv2 .mod1_listtext dl dt{
	color: #253554;
font-family: PingFang SC;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 120% */
}
body.page_scdnv2 .mod1_listtext dl dd{
	color: #253554;
text-align: justify;
font-family: PingFang SC;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 22px;
align-self: stretch;
}
/* mod2 begin */
body.page_scdnv2 .mod2{
	background: linear-gradient(180deg, #F9FBFF 62.55%, rgba(249, 251, 255, 0.00) 100%);
 
flex-shrink: 0;
text-align: center;
}
body.page_scdnv2 .mod2_contbox{
	width:100%;
	position: relative;
	display: flex;
align-items: flex-start;
}
body.page_scdnv2 .mod2_border{
	margin-left: 17px;
	width: 6px;
height: 750px;
flex-shrink: 0;
background: radial-gradient(105.31% 54.81% at 50% 45.19%, #BDD4FD 65.1%, rgba(255, 255, 255, 0.00) 100%);
}
body.page_scdnv2 .mod2_list{
	position: absolute;
	left: 0;
	top: 20px;
}
body.page_scdnv2 .mod2_title{
	margin-top: 56px;
	display: flex;
	cursor: pointer;
	align-items: center;
	justify-content: flex-start;
	gap: 32px;
	color: #5B78A0;
font-family: PingFang SC;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 100% */
}

body.page_scdnv2 .mod2_text{
	margin-top: 24px;
	width: 456px;
	color: #45587C;
text-align: justify;
font-family: PingFang SC;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 28px; 
padding-left:75px;

}
body.page_scdnv2 .mod2_svg{
	 background: #6F8CAB;;
	width: 40px;
height: 40px;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
}
body.page_scdnv2 .mod2_list .on{
	color: #2B78F6;
	
}
body.page_scdnv2 .mod2_list .on .mod2_svg{
	background:#2B78F6;
}
body.page_scdnv2 .mod2_img{
 
position: absolute;
right: 0px;
top: 80px;
}
/* mod3 begin */
body.page_scdnv2 .mod3{
	text-align: center;
	width:100%;
	padding-bottom: 120px;
	background: linear-gradient(0deg, rgba(243, 246, 255, 0.80) 0%, rgba(243, 246, 255, 0.80) 100%), url("/style/img/scdn_mod3bg.jpg"), lightgray 50% / cover no-repeat;
}
body.page_scdnv2 .mod3_list{
	margin-top: 60px;
	gap: 42px;
	flex-wrap: wrap;
}
body.page_scdnv2 .mod3_list li{
	cursor: pointer;
	height: 115px;
	background: #fff;
	width:48%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
body.page_scdnv2 .mod3_list li:hover{
	filter: drop-shadow(0px 63px 50px rgba(22, 61, 100, 0.07));
}
body.page_scdnv2 .mod3_list li a{
	padding-left:20px;
	width: 520px;
	display:flex;
	height: 48px;
	align-items: center;
	
	color: #253554;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
body.page_scdnv2 .mod3_list li:hover a{
	border-left: 6px solid #2B78F6;
}


body.page_scdnv2 .mod4{
	padding-bottom: 120px;
}
body.page_scdnv2 .mod4_ul{
padding-top: 30px;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
body.page_scdnv2 .mod4_li{
width: 590px;
height: 180px;
padding: 30px 20PX;
border: 1px solid #ddd;
display: flex;
align-items: center;
}
body.page_scdnv2 .mod4_libox{
width: 100%;
display: flex;
 align-items: center;
gap: 20px;
}
body.page_scdnv2 .m4_li_img{
width: 98px;
height: 85px;
margin-right: 20px;
}
body.page_scdnv2 .mod4_li:hover{
box-shadow: 0px 0px 10px 0px rgba(118, 130, 159, 0.5);
background-color: #fff;
}
body.page_scdnv2 .li_img1{
background: url(/style/img/scdn_m4_1.png) no-repeat center center;
background-size: contain;
}

body.page_scdnv2 .mod4_li:hover .li_img1{
background: url(/style/img/scdn_m4_1a.png) no-repeat center center;
background-size: contain;
}
body.page_scdnv2 .li_img2{
background: url(/style/img/scdn_m4_2.png) no-repeat center center;
background-size: contain;
}

body.page_scdnv2 .mod4_li:hover .li_img2{
background: url(/style/img/scdn_m4_2a.png) no-repeat center center;
background-size: contain;
}
body.page_scdnv2 .li_img3{
background: url(/style/img/scdn_m4_3.png) no-repeat center center;
background-size: contain;
}

body.page_scdnv2 .mod4_li:hover .li_img3{
background: url(/style/img/scdn_m4_3a.png) no-repeat center center;
background-size: contain;
}
body.page_scdnv2 .li_img4{
background: url(/style/img/scdn_m4_4.png) no-repeat center center;
background-size: contain;
}

body.page_scdnv2 .mod4_li:hover .li_img4{
background: url(/style/img/scdn_m4_4a.png) no-repeat center center;
background-size: contain;
}
body.page_scdnv2 .m4_li_text{
width: 420px;
}
body.page_scdnv2 .m4_li_tt{
color: #191c3d;
font-size: 18px;
text-align: left;
margin-bottom: 10px;
}
body.page_scdnv2 .m4_li_dec{
width: 100%;
font-size: 14px;
color: #727489;
}


/* =====================================================
   高防 CDN 详情页 v2 美化
   作用域：body.page_scdnv2
   含新增 4 大模块（价格 / 对比 / FAQ / CTA）+ 旧模块微动效
   ===================================================== */
body.page_scdnv2{
    background:#ffffff;
}

/* ---------- 通用容器 ---------- */
.scdnv2_inner{
    max-width:1280px;
    margin:0 auto;
    padding:0 24px;
    box-sizing:border-box;
}
.scdnv2_section_head{
    text-align:center;
    max-width:900px;
    margin:0 auto 48px;
}
.scdnv2_section_badge{
    display:inline-block;
    padding:6px 18px;
    border-radius:999px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    color:#2B78F6;
    font-size:13px;
    font-weight:600;
    border:1px solid rgba(43,120,246,0.18);
    margin-bottom:18px;
    letter-spacing:.5px;
    line-height:1.4;
}
.scdnv2_section_tt{
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    font-size:38px;
    font-weight:800;
    color:#0a1f4f;
    margin:0 0 14px;
    line-height:1.25;
    letter-spacing:1px;
}
.scdnv2_section_desc{
    font-size:15px;
    color:#6b7592;
    line-height:1.75;
    max-width:720px;
    margin:0 auto;
}

/* ---------- 原 banner 按钮微调（让"产品价格"按钮明亮一点） ---------- */
body.page_scdnv2 .ban_btn3{
    background:rgba(255,255,255,0.18);
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,0.45);
    backdrop-filter:blur(6px);
    transition:transform .25s ease, background .25s ease, box-shadow .25s ease;
}
body.page_scdnv2 .ban_btn3:hover{
    background:#ffffff;
    color:#1a5dff !important;
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(0,0,0,0.18);
}

/* ---------- 原模块 mod1/mod2/mod4 微动效（不破坏布局） ---------- */
body.page_scdnv2 .mod1_listtext{
    transition:transform .3s ease;
}
body.page_scdnv2 .mod1_listtext:hover{
    transform:translateY(-4px);
}
body.page_scdnv2 .mod1_listtext > svg{
    transition:transform .35s ease;
}
body.page_scdnv2 .mod1_listtext:hover > svg{
    transform:scale(1.08) rotate(-3deg);
}
body.page_scdnv2 .mod4_libox{
    transition:transform .3s ease, box-shadow .3s ease;
}
body.page_scdnv2 .mod4_libox:hover{
    transform:translateY(-6px);
 
}
body.page_scdnv2 .mod2_title{
    transition:all .25s ease;
}

/* ===========================================================
   1. 价格方案 scdnv2_pricing
   =========================================================== */
.scdnv2_pricing{
    padding:60px 0 60px;
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
    position:relative;
    overflow:hidden;
}
.scdnv2_pricing::before{
    content:"";
    position:absolute;
    top:-100px;
    right:-100px;
    width:380px;
    height:380px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.10) 0%, rgba(34,208,255,0.04) 50%, transparent 75%);
    pointer-events:none;
}

.scdnv2_pricing_tabs{
    display:flex;
    margin:0 auto 40px;
    padding:6px;
    background:#ffffff;
    border-radius:999px;
    box-shadow:0 10px 28px rgba(43,120,246,0.10);
    border:1px solid #eef0f5;
    width:fit-content;
    gap:4px;
}
.scdnv2_pricing_tab{
    padding:12px 32px;
    border-radius:999px;
    color:#566073;
    font-size:14px;
    font-weight:600;
    cursor:pointer;
    transition:all .25s ease;
    background:transparent;
    border:none;
    outline:none;
    white-space:nowrap;
}
.scdnv2_pricing_tab:hover{
    color:#2B78F6;
}
.scdnv2_pricing_tab.is_active{
    background:linear-gradient(135deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    color:#ffffff;
    box-shadow:0 8px 18px rgba(43,120,246,0.30);
}

.scdnv2_pricing_panels{
    max-width:1280px;
    margin:0 auto;
    position:relative;
    z-index:1;
}
.scdnv2_pricing_panel{
    display:none;
    animation:scdnv2FadeUp .4s ease both;
}
.scdnv2_pricing_panel.is_active{
    display:block;
}
@keyframes scdnv2FadeUp{
    from{opacity:0; transform:translateY(20px);}
    to  {opacity:1; transform:translateY(0);}
}
.scdnv2_pricing_grid{
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:18px;
}
@media (max-width:1200px){
    .scdnv2_pricing_grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); gap:16px; }
}
@media (max-width:820px){
    .scdnv2_pricing_grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:14px; }
}
@media (max-width:520px){
    .scdnv2_pricing_grid{ grid-template-columns:1fr; }
}
.scdnv2_pricing_empty{
    grid-column:1 / -1;
    text-align:center;
    padding:60px 20px;
    color:#7a8499;
    font-size:14px;
    background:#ffffff;
    border-radius:14px;
    border:1px dashed #e3eaf7;
}

.scdnv2_pricing_card{
    background:#ffffff;
    border-radius:18px;
    padding:28px 22px 24px;
    border:1px solid #eef0f5;
    box-shadow:0 10px 30px rgba(10,31,79,0.06);
    position:relative;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.scdnv2_pricing_card::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
.scdnv2_pricing_card:hover{
    transform:translateY(-8px);
    border-color:#cfe0ff;
    box-shadow:0 22px 48px rgba(43,120,246,0.18);
}
.scdnv2_pricing_card:hover::before{
    transform:scaleX(1);
}
.scdnv2_pricing_card_tt{
    font-size:18px;
    font-weight:700;
    color:#0a1f4f;
    margin:0 0 18px;
    padding-bottom:18px;
    border-bottom:1px dashed #eef0f5;
    word-break:break-all;
    line-height:1.4;
}
.scdnv2_pricing_card_features{
    list-style:none;
    padding:0;
    margin:0 0 22px;
    flex:1;
}
.scdnv2_pricing_card_features li{
    padding:6px 0 6px 22px;
    position:relative;
    color:#566073;
    font-size:12.5px;
    line-height:1.55;
    word-break:break-all;
}
.scdnv2_pricing_card_features li::before{
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:15px;
    height:15px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'><circle cx='7' cy='7' r='7' fill='%232B78F6'/><path d='M3.5 7L6 9.5L10 5' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/contain no-repeat;
}
.scdnv2_pricing_card_price{
    margin:0 0 18px;
    padding-top:14px;
    border-top:1px dashed #eef0f5;
    display:flex;
    align-items:baseline;
    gap:6px;
    flex-wrap:wrap;
}
.scdnv2_pricing_card_price_num{
    font-size:28px;
    font-weight:800;
    color:transparent;
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%);
    -webkit-background-clip:text;
    background-clip:text;
    line-height:1.1;
    word-break:break-all;
}
.scdnv2_pricing_card_price_unit{
    font-size:13px;
    color:#7a8499;
}
.scdnv2_pricing_card_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:12px 0;
    border-radius:999px;
    background:linear-gradient(135deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    color:#ffffff !important;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    box-shadow:0 10px 22px rgba(43,120,246,0.25);
    transition:transform .25s ease, box-shadow .25s ease;
}
.scdnv2_pricing_card_btn:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(43,120,246,0.40);
    color:#ffffff !important;
}

/* ===========================================================
   2. 功能对比 scdnv2_compare (v2 美化)
   =========================================================== */
.scdnv2_compare{
    padding:60px 0 90px;
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
    position:relative;
    overflow:hidden;
}
.scdnv2_compare::before{
    content:"";
    position:absolute;
    top:80px; left:-120px;
    width:300px; height:300px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.10) 0%, transparent 70%);
    pointer-events:none;
}
.scdnv2_compare::after{
    content:"";
    position:absolute;
    bottom:60px; right:-140px;
    width:360px; height:360px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(34,208,255,0.10) 0%, transparent 70%);
    pointer-events:none;
}
.scdnv2_compare > .scdnv2_inner{
    position:relative;
    z-index:1;
}
.scdnv2_compare_wrap{
    max-width:1280px;
    margin:0 auto;
    overflow-x:auto;
    padding-top:18px; /* 留出推荐徽章上浮空间 */
    position:relative;
}
.scdnv2_compare_table{
    background:#ffffff;
    border-radius:22px;
    overflow:visible;
    box-shadow:0 24px 60px rgba(10,31,79,0.10);
    border:1px solid rgba(43,120,246,0.10);
    min-width:800px;
    position:relative;
}
.scdnv2_compare_head{
    display:grid;
    grid-template-columns:200px repeat(5, minmax(120px, 1fr));
    background:linear-gradient(180deg, #eaf2ff 0%, #f8fbff 100%);
    border-bottom:2px solid rgba(43,120,246,0.12);
    border-radius:22px 22px 0 0;
    overflow:visible;
}
.scdnv2_compare_head_cell{
    padding:28px 14px 24px;
    text-align:center;
    color:#0a1f4f;
    font-size:15px;
    font-weight:700;
    border-right:1px solid rgba(43,120,246,0.08);
    position:relative;
}
.scdnv2_compare_head_cell:last-child{ border-right:none; }
.scdnv2_compare_head_cell_first{
    text-align:left;
    padding-left:28px;
    color:#566073;
    font-weight:600;
    font-size:13px;
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
    border-radius:22px 0 0 0;
}
.scdnv2_compare_head_pkg{
    margin-bottom:12px;
    word-break:break-all;
    line-height:1.4;
    background:linear-gradient(135deg, #0a1f4f 0%, #2B78F6 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-size:17px;
    font-weight:800;
    letter-spacing:0.3px;
}
.scdnv2_compare_head_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:4px;
    padding:7px 18px;
    border-radius:999px;
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%);
    color:#ffffff !important;
    font-size:12px;
    font-weight:600;
    text-decoration:none;
    transition:all .25s ease;
    box-shadow:0 6px 14px rgba(43,120,246,0.30);
}
.scdnv2_compare_head_btn:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 22px rgba(43,120,246,0.45);
    color:#ffffff !important;
}

/* 推荐套餐列（第 4 个 cell = 高级版）—— 整列蓝色高亮 + 顶部橙色"热门推荐"徽章 */
.scdnv2_compare_head_cell:nth-child(4){
    background:linear-gradient(180deg, #1a5dff 0%, #2B78F6 100%) !important;
    color:#ffffff !important;
    border-right-color:transparent !important;
    z-index:2;
}
.scdnv2_compare_head_cell:nth-child(4) .scdnv2_compare_head_pkg{
    background:none !important;
    -webkit-background-clip:initial;
    background-clip:initial;
    -webkit-text-fill-color:#ffffff;
    color:#ffffff !important;
}
.scdnv2_compare_head_cell:nth-child(4) .scdnv2_compare_head_btn{
    background:#ffffff !important;
    color:#2B78F6 !important;
    box-shadow:0 6px 18px rgba(0,0,0,0.18);
}
.scdnv2_compare_head_cell:nth-child(4) .scdnv2_compare_head_btn:hover{
    transform:translateY(-2px);
    color:#1a5dff !important;
    box-shadow:0 12px 26px rgba(0,0,0,0.25);
}
.scdnv2_compare_head_cell:nth-child(4)::before{
    content:"热门推荐";
    position:absolute;
    top:-14px; left:50%;
    transform:translateX(-50%);
    padding:5px 14px;
    border-radius:999px;
    background:linear-gradient(135deg, #ff7a00 0%, #ff4d2e 100%);
    color:#ffffff;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.5px;
    box-shadow:0 8px 18px rgba(255,77,46,0.40);
    z-index:5;
    white-space:nowrap;
}

/* body 行 */
.scdnv2_compare_body{
    position:relative;
    border-radius:0 0 22px 22px;
    overflow:hidden;
}
.scdnv2_compare_row{
    display:grid;
    grid-template-columns:200px repeat(5, minmax(120px, 1fr));
    border-bottom:1px dashed rgba(43,120,246,0.08);
    transition:background .25s ease;
    position:relative;
}
.scdnv2_compare_row:last-child{ border-bottom:none; }
.scdnv2_compare_row:nth-child(odd){ background:#fafbfd; }
.scdnv2_compare_row:hover{ background:#eef4ff; }

/* cell 通用 */
.scdnv2_compare_cell{
    padding:18px 14px;
    text-align:center;
    color:#0a1f4f;
    font-size:14px;
    line-height:1.55;
    border-right:1px solid rgba(43,120,246,0.04);
    display:flex;
    align-items:center;
    justify-content:center;
    word-break:break-all;
    font-weight:600;
    transition:background .25s ease;
}
.scdnv2_compare_cell:last-child{ border-right:none; }
.scdnv2_compare_cell_first{
    text-align:left;
    justify-content:flex-start;
    padding-left:30px;
    color:#0a1f4f;
    font-weight:600;
    font-size:13.5px;
    background:linear-gradient(90deg, #f6f9ff 0%, transparent 100%);
    position:relative;
}
/* 第一列左侧蓝色装饰条 hover 时滑入 */
.scdnv2_compare_cell_first::before{
    content:"";
    position:absolute;
    left:0; top:22%; bottom:22%;
    width:3px;
    border-radius:0 3px 3px 0;
    background:linear-gradient(180deg, #2B78F6, #22D0FF);
    transform:scaleY(0);
    transform-origin:center;
    transition:transform .3s ease;
}
.scdnv2_compare_row:hover .scdnv2_compare_cell_first::before{
    transform:scaleY(1);
}
.scdnv2_compare_row:hover .scdnv2_compare_cell_first{
    color:#1a5dff;
}
.scdnv2_compare_cell img{
    width:18px; height:18px; vertical-align:middle;
}
.scdnv2_compare_val{
    color:#0a1f4f;
    font-weight:700;
    letter-spacing:0.2px;
}

/* 推荐列（高级版）整列高亮 —— 浅蓝半透明背景 + 左右细蓝边 + 数值用蓝渐变 */
.scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4){
    background:rgba(43,120,246,0.05) !important;
    border-right-color:transparent !important;
    border-left:1px solid rgba(43,120,246,0.10);
    position:relative;
    color:#1a5dff;
}
.scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4) .scdnv2_compare_val{
    color:#1a5dff;
    font-weight:800;
}
.scdnv2_compare_row:hover > .scdnv2_compare_cell:nth-child(4){
    background:rgba(43,120,246,0.10) !important;
}
/* yes 图标默认蓝色，推荐列里改成更深蓝实心 */
.scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4) .scdnv2_compare_yes circle{
    fill:#1a5dff;
}
/* 表格下方注释（模板 .scdnv2_compare_note + lang622，勿再用 ::after 避免重复） */
.scdnv2_compare_note{
    display:block;
    text-align:center;
    margin-top:20px;
    padding:14px 24px;
    color:#7a8499;
    font-size:13px;
    line-height:1.7;
    background:rgba(43,120,246,0.04);
    border-radius:12px;
    border:1px dashed rgba(43,120,246,0.15);
}

/* ===========================================================
   3. FAQ scdnv2_faq
   =========================================================== */
.scdnv2_faq{
    padding:60px 0;
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%);
}
.scdnv2_faq_list{
    max-width:920px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    gap:14px;
}
.scdnv2_faq_item{
    background:#ffffff;
    border:1px solid #eef0f5;
    border-radius:14px;
    box-shadow:0 4px 14px rgba(10,31,79,0.04);
    overflow:hidden;
    transition:box-shadow .25s ease, border-color .25s ease;
}
.scdnv2_faq_item:hover{
    border-color:#cfe0ff;
    box-shadow:0 10px 28px rgba(43,120,246,0.10);
}
.scdnv2_faq_item[open]{
    border-color:#cfe0ff;
    box-shadow:0 12px 32px rgba(43,120,246,0.12);
}
.scdnv2_faq_q{
    list-style:none;
    cursor:pointer;
    padding:22px 28px;
    display:flex;
    align-items:center;
    gap:18px;
    color:#0a1f4f;
    font-size:16px;
    font-weight:600;
    line-height:1.5;
    user-select:none;
}
.scdnv2_faq_q::-webkit-details-marker{ display:none; }
.scdnv2_faq_q::marker{ display:none; content:""; }
.scdnv2_faq_q_text{ flex:1; min-width:0; }
.scdnv2_faq_q_ico{
    flex-shrink:0;
    width:32px;
    height:32px;
    border-radius:50%;
    background:#eaf2ff;
    color:#2B78F6;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    transition:transform .3s ease, background .3s ease, color .3s ease, box-shadow .3s ease;
}
.scdnv2_faq_item[open] .scdnv2_faq_q_ico{
    transform:rotate(135deg);
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    color:#ffffff;
    box-shadow:0 6px 14px rgba(43,120,246,0.30);
}
.scdnv2_faq_a{
    padding:0 28px 26px;
    color:#566073;
    font-size:14px;
    line-height:1.9;
}
.scdnv2_faq_a p{ margin:0; }

/* ===========================================================
   4. 底部 CTA scdnv2_cta
   =========================================================== */
.scdnv2_cta{
    padding:0px 0px 60px;
    background:#ffffff;
}
.scdnv2_cta_inner{
    max-width:1180px;
    margin:0 auto;
    padding:50px 60px;
    background:linear-gradient(135deg, #1a5dff 0%, #2B78F6 45%, #22D0FF 100%);
    border-radius:22px;
    color:#ffffff;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    flex-wrap:wrap;
    box-shadow:0 20px 50px rgba(43,120,246,0.30);
    position:relative;
    overflow:hidden;
}
.scdnv2_cta_inner::before{
    content:"";
    position:absolute;
    top:-60%; right:-10%;
    width:340px; height:340px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,0.20) 0%, transparent 70%);
    pointer-events:none;
}
.scdnv2_cta_inner::after{
    content:"";
    position:absolute;
    bottom:-40%; left:-5%;
    width:240px; height:240px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,255,255,0.10) 0%, transparent 70%);
    pointer-events:none;
}
.scdnv2_cta_text{ position:relative; z-index:1; max-width:580px; }
.scdnv2_cta_tt{
    font-size:28px;
    font-weight:800;
    margin:0 0 8px;
    color:#ffffff;
    letter-spacing:.5px;
}
.scdnv2_cta_desc{
    font-size:15px;
    color:rgba(255,255,255,0.92);
    margin:0;
    line-height:1.6;
}
.scdnv2_cta_actions{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    position:relative;
    z-index:1;
}
.scdnv2_cta_btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:13px 28px;
    border-radius:999px;
    font-size:15px;
    font-weight:600;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
    cursor:pointer;
    white-space:nowrap;
}
.scdnv2_cta_btn_primary{
    background:#ffffff;
    color:#1a5dff !important;
}
.scdnv2_cta_btn_primary:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(0,0,0,0.22);
    color:#1a5dff !important;
}
.scdnv2_cta_btn_ghost{
    background:rgba(255,255,255,0.14);
    color:#ffffff !important;
    border:1px solid rgba(255,255,255,0.45);
}
.scdnv2_cta_btn_ghost:hover{
    background:rgba(255,255,255,0.26);
    color:#ffffff !important;
    transform:translateY(-3px);
}
.scdnv2_cta_btn svg{
    transition:transform .25s ease;
}
.scdnv2_cta_btn:hover svg{
    transform:translateX(3px);
}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
    .scdnv2_compare_head,
    .scdnv2_compare_row{
        grid-template-columns:180px repeat(5, minmax(110px, 1fr));
    }
}
@media (max-width:768px){
    .scdnv2_section_tt{ font-size:24px; letter-spacing:0; }
    .scdnv2_section_desc{ font-size:13px; }
    .scdnv2_section_head{ margin-bottom:32px; }

    .scdnv2_pricing{ padding:50px 0 50px; }
    .scdnv2_pricing_tabs{ width:100%; flex-wrap:wrap; justify-content:center; }
    .scdnv2_pricing_tab{ padding:10px 18px; font-size:13px; }
    .scdnv2_pricing_card{ padding:24px 20px 22px; }
    .scdnv2_pricing_card_tt{ font-size:16px; }
    .scdnv2_pricing_card_price_num{ font-size:26px; }

    .scdnv2_compare{ padding:40px 0 60px; }
    .scdnv2_compare_head_cell,
    .scdnv2_compare_cell{ padding:14px 8px; font-size:12.5px; }
    .scdnv2_compare_head_cell_first,
    .scdnv2_compare_cell_first{ padding-left:14px; font-size:12.5px; }

    .scdnv2_faq{ padding:50px 0 60px; }
    .scdnv2_faq_q{ padding:18px 18px; font-size:14px; gap:12px; }
    .scdnv2_faq_q_ico{ width:28px; height:28px; }
    .scdnv2_faq_a{ padding:0 18px 20px; font-size:13.5px; line-height:1.8; }

    .scdnv2_cta{ padding:40px 16px; }
    .scdnv2_cta_inner{ padding:32px 26px; flex-direction:column; align-items:flex-start; }
    .scdnv2_cta_tt{ font-size:22px; }
    .scdnv2_cta_desc{ font-size:14px; }
    .scdnv2_cta_actions{ width:100%; }
    .scdnv2_cta_btn{ flex:1; justify-content:center; padding:12px 18px; }
}
/* ========== 高防 CDN 详情页 v2 美化 end ========== */


/* =====================================================
   高防 CDN 详情页 v2 美化 ——  原 mod1 / mod2 / mod4 重设计 (v2.1)
   作用域：body.page_scdnv2
   - mod1 / mod4 所有图标用 CSS mask + 内联 SVG 替换（Lucide 现代线框风）
   - mod2 改为「上方大图 + 下方 5 卡片全展开」，模板里已禁用 SuperSlide tab
   ===================================================== */

/* ---------- 统一图标变量：全部使用 Lucide 风格 stroke SVG，URL 编码后用 CSS mask 渲染 ---------- */
body.page_scdnv2{
    /* mod1 6 个图标 */
    --m1-ico-shield:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3v8z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
    --m1-ico-zap:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolygon points='13 2 3 14 12 14 11 22 21 10 12 10 13 2'/%3E%3C/svg%3E");
    --m1-ico-globe:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z'/%3E%3C/svg%3E");
    --m1-ico-cpu:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Crect x='9' y='9' width='6' height='6'/%3E%3Cpath d='M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2'/%3E%3C/svg%3E");
    --m1-ico-lock:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3Ccircle cx='12' cy='16' r='1.2'/%3E%3C/svg%3E");
    --m1-ico-activity:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");

    /* mod2 5 个图标 */
    --m2-ico-monitor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3Cpolyline points='6 11 9 8 12 11 15 7 18 10'/%3E%3C/svg%3E");
    --m2-ico-cloud:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.5 19a4.5 4.5 0 1 0-1.4-8.8 6 6 0 1 0-11.5 2.3A4 4 0 0 0 6 19h11.5z'/%3E%3C/svg%3E");
    --m2-ico-shuffle:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3h5v5M4 20l17-17M21 16v5h-5M15 15l6 6M4 4l5 5'/%3E%3C/svg%3E");
    --m2-ico-radar:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.07 4.93A10 10 0 0 0 6.99 3.34'/%3E%3Cpath d='M4 6h.01'/%3E%3Cpath d='M2.29 9.62A10 10 0 1 0 21.31 8.35'/%3E%3Cpath d='M16.24 7.76a6 6 0 1 0-9.6 6.86'/%3E%3Cpath d='M12 18h.01'/%3E%3Cpath d='M17 22a4 4 0 0 0-8 0'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
    --m2-ico-brain:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z'/%3E%3Cpath d='M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z'/%3E%3C/svg%3E");

    /* mod4 4 个图标 */
    --m4-ico-database:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='5' rx='9' ry='3'/%3E%3Cpath d='M3 5v14a9 3 0 0 0 18 0V5'/%3E%3Cpath d='M3 12a9 3 0 0 0 18 0'/%3E%3C/svg%3E");
    --m4-ico-flame:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.5 14.5A2.5 2.5 0 0 0 11 12c0-1.38-.5-2-1-3-1.072-2.143-.224-4.054 2-6 .5 2.5 2 4.9 4 6.5 2 1.6 3 3.5 3 5.5a7 7 0 1 1-14 0c0-1.153.433-2.294 1-3a2.5 2.5 0 0 0 2.5 2.5z'/%3E%3C/svg%3E");
    --m4-ico-shield:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-8 9-4.5-1.5-8-4-8-9V5l8-3 8 3v8z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
    --m4-ico-network:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='2' width='8' height='8' rx='1.5'/%3E%3Crect x='14' y='2' width='8' height='8' rx='1.5'/%3E%3Crect x='2' y='14' width='8' height='8' rx='1.5'/%3E%3Crect x='14' y='14' width='8' height='8' rx='1.5'/%3E%3Cpath d='M10 6h4M6 10v4M18 10v4M10 18h4'/%3E%3C/svg%3E");
}

/* ---------- 通用：所有模块的 .first_title 升级为徽章+大标题+副标题 ---------- */
body.page_scdnv2 .first_title{
    position:relative !important;
    padding-top:54px !important;
    padding-bottom:10px !important;
    margin-bottom:48px !important;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif !important;
    font-size:38px !important;
    font-weight:800 !important;
    color:#0a1f4f !important;
    line-height:1.25 !important;
    letter-spacing:1px !important;
    text-align:center !important;
    background:none !important;
}
body.page_scdnv2 .first_title::before{
    content:"产品亮点";
    position:absolute;
    top:0; left:50%;
    transform:translateX(-50%);
    padding:6px 18px;
    border-radius:999px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    color:#2B78F6;
    font-size:13px;
    font-weight:600;
    border:1px solid rgba(43,120,246,0.18);
    letter-spacing:.5px;
    line-height:1.4;
    width:auto;
    height:auto;
}
body.page_scdnv2 .first_title::after{
    content:"为产品保驾护航的全方位能力";
    display:block;
    margin-top:14px;
    font-size:15px;
    color:#6b7592;
    font-weight:400;
    letter-spacing:0;
    line-height:1.6;
}
/* 每个模块单独覆盖徽章 + 副标题文字 */
body.page_scdnv2 .mod1 .first_title::before{ content:"产品特性"; }
body.page_scdnv2 .mod1 .first_title::after { content:"为产品保驾护航的全方位能力"; }
body.page_scdnv2 .mod2 .first_title::before{ content:"智能架构"; }
body.page_scdnv2 .mod2 .first_title::after { content:"全新 WAF · AI 助力业务上云"; }
body.page_scdnv2 .mod4 .first_title::before{ content:"产品优势"; }
body.page_scdnv2 .mod4 .first_title::after { content:"更稳定、更安全、更智能 — 用硬核实力守护业务每一秒"; }

/* ===========================================================
   1. mod1 产品特性 —— 6 张白底现代卡片
   =========================================================== */
body.page_scdnv2 .mod1{
    width:100% !important;
    height:auto !important;
    margin-top:0 !important;
    padding:52px 0 56px !important;
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%) !important;
    background-image:none !important;
    position:relative;
    overflow:hidden;
    border-radius:20px 20px 0 0;
    z-index:2;
}
body.page_scdnv2 .mod1::before{
    content:"";
    position:absolute;
    top:80px; left:-120px;
    width:360px; height:360px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.08) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod1::after{
    content:"";
    position:absolute;
    bottom:60px; right:-100px;
    width:300px; height:300px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(34,208,255,0.10) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod1 .m12{
    position:relative;
    z-index:1;
}
body.page_scdnv2 .mod1_list{
    margin-top:0 !important;
    gap:22px !important;
}
body.page_scdnv2 .mod1 .scdnv2_title_block .first_title::before,
body.page_scdnv2 .mod1 .scdnv2_title_block .first_title::after{
    display:none !important;
    content:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
}
body.page_scdnv2 .mod1_list li{
    height:auto !important;
    gap:22px !important;
    align-items:stretch !important;
}
body.page_scdnv2 .mod1_list_pub{
    background:#ffffff !important;
    border:1px solid #eef0f5 !important;
    border-radius:18px !important;
    padding:32px 28px !important;
    box-shadow:0 10px 30px rgba(10,31,79,0.06) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    position:relative;
    overflow:hidden;
    flex:1 1 0 !important;
    align-self:stretch !important;
}
body.page_scdnv2 .mod1_list_pub::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .35s ease;
}
body.page_scdnv2 .mod1_list_pub:hover{
    transform:translateY(-6px);
    border-color:#cfe0ff !important;
    box-shadow:0 22px 44px rgba(43,120,246,0.18) !important;
}
body.page_scdnv2 .mod1_list_pub:hover::before{
    transform:scaleX(1);
}
body.page_scdnv2 .mod1_listtext{
    transform:none !important;
    align-items:flex-start !important;
    position:relative;
    padding-left:76px !important;
    min-height:60px;
    gap:0 !important;
}
body.page_scdnv2 .mod1_listtext:hover{
    transform:none !important;
}
/* 隐藏原 inline svg 图标，改用 ::before+::after 双层（盒子底色 + mask 图标） */
body.page_scdnv2 .mod1_listtext > svg{
    display:none !important;
}
body.page_scdnv2 .mod1_listtext::before{
    content:"";
    position:absolute;
    left:0; top:0;
    width:60px; height:60px;
    border-radius:16px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    box-shadow:0 6px 16px rgba(43,120,246,0.12);
    transition:background .35s ease, box-shadow .35s ease, transform .35s ease;
    z-index:1;
}
body.page_scdnv2 .mod1_listtext::after{
    content:"";
    position:absolute;
    left:0; top:0;
    width:60px; height:60px;
    background-color:#2B78F6;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:28px 28px;
    mask-size:28px 28px;
    transition:background-color .35s ease, transform .35s ease;
    z-index:2;
}
/* 6 个图标按顺序：盾牌 / 闪电 / 全球 / 智能芯片 / 安全锁 / 实时监控 */
body.page_scdnv2 .mod1_list li:nth-child(1) .mod1_list_pub:nth-child(1) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-shield);
    mask-image:var(--m1-ico-shield);
}
body.page_scdnv2 .mod1_list li:nth-child(1) .mod1_list_pub:nth-child(2) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-zap);
    mask-image:var(--m1-ico-zap);
}
body.page_scdnv2 .mod1_list li:nth-child(2) .mod1_list_pub:nth-child(1) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-globe);
    mask-image:var(--m1-ico-globe);
}
body.page_scdnv2 .mod1_list li:nth-child(2) .mod1_list_pub:nth-child(2) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-cpu);
    mask-image:var(--m1-ico-cpu);
}
body.page_scdnv2 .mod1_list li:nth-child(3) .mod1_list_pub:nth-child(1) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-lock);
    mask-image:var(--m1-ico-lock);
}
body.page_scdnv2 .mod1_list li:nth-child(3) .mod1_list_pub:nth-child(2) .mod1_listtext::after{
    -webkit-mask-image:var(--m1-ico-activity);
    mask-image:var(--m1-ico-activity);
}
/* hover：盒子变蓝渐变 + 图标反白 + 轻微旋转 */
body.page_scdnv2 .mod1_list_pub:hover .mod1_listtext::before{
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%);
    box-shadow:0 12px 24px rgba(43,120,246,0.35);
    transform:rotate(-3deg) scale(1.05);
}
body.page_scdnv2 .mod1_list_pub:hover .mod1_listtext::after{
    background-color:#ffffff;
    transform:rotate(-3deg) scale(1.05);
}
body.page_scdnv2 .mod1_listtext dl{
    gap:10px !important;
}
body.page_scdnv2 .mod1_listtext dl dt{
    color:#0a1f4f !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
}
body.page_scdnv2 .mod1_listtext dl dd{
    color:#566073 !important;
    font-size:14px !important;
    line-height:1.85 !important;
    text-align:left !important;
}

/* ===========================================================
   2. mod2 智能架构 —— 顶部产品大图 + 下方 5 张精致功能卡片
   (模板 JS 已禁用 SuperSlide；5 个 mod2_text 内容完全重复，全部隐藏)
   =========================================================== */
body.page_scdnv2 .mod2{
    background:linear-gradient(180deg, #ffffff 0%, #f3f7ff 100%) !important;
    padding:0 0 60px !important;
    position:relative;
    overflow:hidden;
}
body.page_scdnv2 .mod2::before{
    content:"";
    position:absolute;
    top:120px; left:-100px;
    width:280px; height:280px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.10) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod2::after{
    content:"";
    position:absolute;
    bottom:60px; right:-120px;
    width:340px; height:340px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(34,208,255,0.10) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod2 .m12{
    position:relative;
    z-index:1;
}
/* mod2_contbox 用 flex column + order 调整 DOM 视觉顺序，
   并通过 ::before 注入顶部"能力概览胶囊条"装饰填充视觉 */
body.page_scdnv2 .mod2_contbox{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    min-height:0 !important;
    padding:0 !important;
    position:relative;
    gap:0 !important;
}
body.page_scdnv2 .mod2_contbox::before{
    content:"实时监控  ·  云端调度  ·  全球节点  ·  智能告警  ·  AI 决策";
    order:0;
    display:block;
    margin:0 auto 36px;
    padding:14px 32px;
    background:linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,249,255,0.92));
    backdrop-filter:blur(8px);
    -webkit-backdrop-filter:blur(8px);
    border:1px solid rgba(43,120,246,0.16);
    border-radius:999px;
    color:#2B78F6;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    font-size:14px;
    font-weight:600;
    letter-spacing:1px;
    box-shadow:0 12px 32px rgba(43,120,246,0.12);
    text-align:center;
    max-width:max-content;
    width:auto;
    height:auto;
}
body.page_scdnv2 .mod2_border{
    display:none !important;
}
/* 大图完全隐藏（用户要求去掉） */
body.page_scdnv2 .mod2_img{
    display:none !important;
}
/* 5 列 grid：第一行 5 个 title，第二行 5 个 text，grid-auto-flow:column 按列填充
   让每对 title+text 落在同一列形成完整卡片视觉 */
body.page_scdnv2 .mod2_list{
    order:2 !important;
    position:static !important;
    width:100% !important;
    max-width:none !important;
    left:auto !important;
    top:auto !important;
    display:grid !important;
    grid-template-columns:repeat(5, 1fr) !important;
    grid-template-rows:auto auto !important;
    grid-auto-flow:column !important;
    gap:0 20px !important;
    counter-reset:m2-num;
}
/* mod2_text 下半部分卡片 —— 下圆角，与 mod2_title 紧贴成一张卡片，
   阴影由 text 承担撑起整对，hover 时整对一起亮起 */
body.page_scdnv2 .mod2_text{
    display:block !important;
    margin:0 !important;
    padding:18px 20px 22px !important;
    background:#ffffff !important;
    border:1px solid rgba(43,120,246,0.10) !important;
    border-top:1px dashed rgba(43,120,246,0.20) !important;
    border-radius:0 0 18px 18px !important;
    box-shadow:0 16px 38px rgba(10,31,79,0.08) !important;
    height:auto !important;
    opacity:1 !important;
    overflow:visible !important;
    width:auto !important;
    font-size:0 !important;
    color:transparent !important;
    text-align:left !important;
    transition:transform .35s cubic-bezier(.2,.7,.3,1), background .35s ease, box-shadow .35s ease, border-color .35s ease;
    min-height:90px;
    position:relative;
}
body.page_scdnv2 .mod2_text::before{
    display:block;
    font-family:"PingFang SC","Microsoft YaHei",sans-serif;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.85 !important;
    color:#5b6679 !important;
    letter-spacing:0;
    content:"";
    position:relative;
    padding-left:18px;
}
/* text 段首加一个小蓝点装饰 */
body.page_scdnv2 .mod2_text::after{
    content:"";
    position:absolute;
    left:20px; top:25px;
    width:8px; height:8px;
    border-radius:50%;
    background:linear-gradient(135deg, #1a5dff, #22D0FF);
    box-shadow:0 0 0 3px rgba(43,120,246,0.12);
    transition:transform .35s ease, box-shadow .35s ease;
}
/* 5 段不同的副描述（按照 5 个 title 的语义分别撰写） */
body.page_scdnv2 .mod2_list > .mod2_text:nth-of-type(1)::before{
    content:"通过详细访问日志报表，精准呈现日常运营核心业务数据";
}
body.page_scdnv2 .mod2_list > .mod2_text:nth-of-type(2)::before{
    content:"多节点带宽指标实时对比，性能瓶颈一目了然";
}
body.page_scdnv2 .mod2_list > .mod2_text:nth-of-type(3)::before{
    content:"智能识别访客地域来源，攻击流量精准溯源";
}
body.page_scdnv2 .mod2_list > .mod2_text:nth-of-type(4)::before{
    content:"一键拦截恶意请求，每条攻击记录可审计可追溯";
}
body.page_scdnv2 .mod2_list > .mod2_text:nth-of-type(5)::before{
    content:"灵活组合 WAF 规则，AI 自动学习业务画像并自适应";
}
/* mod2_title 大卡片上半部分 —— 上圆角，下平直，与 mod2_text 紧贴构成同一张卡片 */
body.page_scdnv2 .mod2_title{
    counter-increment:m2-num;
    margin:0 !important;
    padding:32px 18px 22px !important;
    background:linear-gradient(160deg, #ffffff 0%, #f8fbff 100%) !important;
    border:1px solid rgba(43,120,246,0.10) !important;
    border-bottom:0 !important;
    border-radius:18px 18px 0 0 !important;
    box-shadow:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:16px !important;
    color:#0a1f4f !important;
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.5 !important;
    text-align:center !important;
    cursor:default !important;
    transition:transform .35s cubic-bezier(.2,.7,.3,1), background .35s ease, border-color .35s ease;
    position:relative;
    overflow:hidden;
    transform:none !important;
    min-height:160px;
}
/* 顶部蓝渐变细条 hover 滑入 */
body.page_scdnv2 .mod2_title::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
    z-index:2;
}
/* 右上角序号徽章 01 / 02 / 03 / 04 / 05 */
body.page_scdnv2 .mod2_title::after{
    content:"0" counter(m2-num);
    position:absolute;
    top:14px; right:16px;
    font-family:"Inter","Helvetica Neue",Arial,sans-serif;
    font-size:30px;
    font-weight:800;
    line-height:1;
    letter-spacing:-1px;
    color:transparent;
    background:linear-gradient(180deg, rgba(43,120,246,0.18) 0%, rgba(43,120,246,0.00) 95%);
    -webkit-background-clip:text;
    background-clip:text;
    pointer-events:none;
    transition:transform .4s ease, background .4s ease;
}
/* title 自身 hover —— 整对一起上浮 6px，颜色变更深的蓝白渐变 */
body.page_scdnv2 .mod2_title:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(43,120,246,0.30) !important;
    background:linear-gradient(160deg, #ffffff 0%, #e8f0ff 100%) !important;
}
/* title hover 时 text 同步上浮 + 阴影加深，整对像是一张卡片在浮起 */
body.page_scdnv2 .mod2_title:hover + .mod2_text{
    transform:translateY(-6px) !important;
    background:#f8fbff !important;
    border-color:rgba(43,120,246,0.30) !important;
    border-top-color:rgba(43,120,246,0.35) !important;
    box-shadow:0 28px 56px rgba(43,120,246,0.20) !important;
}
body.page_scdnv2 .mod2_title:hover + .mod2_text::after{
    transform:scale(1.2);
    box-shadow:0 0 0 5px rgba(43,120,246,0.18);
}
body.page_scdnv2 .mod2_title:hover::before{
    transform:scaleX(1);
}
body.page_scdnv2 .mod2_title:hover::after{
    background:linear-gradient(180deg, rgba(43,120,246,0.32) 0%, rgba(34,208,255,0.05) 95%);
    -webkit-background-clip:text;
    background-clip:text;
    transform:translateY(-3px);
}
/* 反向：text hover 时 title 也同步（用 :has 反向选择） */
body.page_scdnv2 .mod2_text:hover{
    transform:translateY(-6px) !important;
    background:#f8fbff !important;
    border-color:rgba(43,120,246,0.30) !important;
    border-top-color:rgba(43,120,246,0.35) !important;
    box-shadow:0 28px 56px rgba(43,120,246,0.20) !important;
}
body.page_scdnv2 .mod2_text:hover::after{
    transform:scale(1.2);
    box-shadow:0 0 0 5px rgba(43,120,246,0.18);
}
body.page_scdnv2 .mod2_title:has(+ .mod2_text:hover){
    transform:translateY(-6px) !important;
    border-color:rgba(43,120,246,0.30) !important;
    background:linear-gradient(160deg, #ffffff 0%, #e8f0ff 100%) !important;
}
body.page_scdnv2 .mod2_title:has(+ .mod2_text:hover)::before{
    transform:scaleX(1);
}
/* 强制取消 SuperSlide 残留的 .on 状态 */
body.page_scdnv2 .mod2_list .on,
body.page_scdnv2 .mod2_list .mod2_title.on{
    background:linear-gradient(160deg, #ffffff 0%, #f6f9ff 100%) !important;
    color:#0a1f4f !important;
    box-shadow:0 12px 32px rgba(10,31,79,0.06) !important;
    transform:none !important;
}
body.page_scdnv2 .mod2_list .on::before{
    transform:scaleX(0);
}
/* 图标盒：隐藏原 inline svg，改用 mask 渲染统一图标 */
body.page_scdnv2 .mod2_svg{
    position:relative;
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%) !important;
    width:60px !important;
    height:60px !important;
    border-radius:16px !important;
    box-shadow:0 10px 24px rgba(43,120,246,0.32) !important;
    flex-shrink:0;
    transition:transform .35s ease, box-shadow .35s ease;
    overflow:hidden;
    margin-top:8px;
}
body.page_scdnv2 .mod2_title:hover .mod2_svg{
    transform:scale(1.10) rotate(-5deg);
    box-shadow:0 14px 30px rgba(43,120,246,0.45);
}
body.page_scdnv2 .mod2_svg > svg{
    display:none !important;
}
body.page_scdnv2 .mod2_svg::before{
    content:"";
    position:absolute;
    inset:0;
    background-color:#ffffff;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:30px 30px;
    mask-size:30px 30px;
}
/* 5 个 title 卡片按 nth-of-type 分配图标 */
body.page_scdnv2 .mod2_list > .mod2_title:nth-of-type(1) .mod2_svg::before{
    -webkit-mask-image:var(--m2-ico-monitor); mask-image:var(--m2-ico-monitor);
}
body.page_scdnv2 .mod2_list > .mod2_title:nth-of-type(2) .mod2_svg::before{
    -webkit-mask-image:var(--m2-ico-cloud); mask-image:var(--m2-ico-cloud);
}
body.page_scdnv2 .mod2_list > .mod2_title:nth-of-type(3) .mod2_svg::before{
    -webkit-mask-image:var(--m2-ico-shuffle); mask-image:var(--m2-ico-shuffle);
}
body.page_scdnv2 .mod2_list > .mod2_title:nth-of-type(4) .mod2_svg::before{
    -webkit-mask-image:var(--m2-ico-radar); mask-image:var(--m2-ico-radar);
}
body.page_scdnv2 .mod2_list > .mod2_title:nth-of-type(5) .mod2_svg::before{
    -webkit-mask-image:var(--m2-ico-brain); mask-image:var(--m2-ico-brain);
}

/* ===========================================================
   3. mod4 性能数据 —— 4 列「序号 + 蓝渐变大数字」震撼卡片
   =========================================================== */
body.page_scdnv2 .mod4{
    padding:0px 0 60px !important;
    background:linear-gradient(180deg, #f3f7ff 0%, #ffffff 100%);
    position:relative;
    overflow:hidden;
}
body.page_scdnv2 .mod4::before{
    content:"";
    position:absolute;
    top:40px; right:-120px;
    width:360px; height:360px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.10) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod4::after{
    content:"";
    position:absolute;
    bottom:30px; left:-80px;
    width:240px; height:240px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(34,208,255,0.12) 0%, transparent 70%);
    pointer-events:none;
}
body.page_scdnv2 .mod4 .m12{
    position:relative;
    z-index:1;
}
body.page_scdnv2 .mod4_ul{
    padding-top:0 !important;
    margin-top:0;
    display:grid !important;
    grid-template-columns:repeat(4, 1fr) !important;
    gap:24px !important;
    counter-reset:m4-num;
}
body.page_scdnv2 .mod4_li{
    counter-increment:m4-num;
    width:100% !important;
    height:auto !important;
    padding:32px 26px 30px !important;
    background:linear-gradient(160deg, #ffffff 0%, #f6f9ff 100%) !important;
    border:1px solid rgba(43,120,246,0.10) !important;
    border-radius:20px !important;
    box-shadow:0 12px 32px rgba(10,31,79,0.06) !important;
    transition:transform .35s cubic-bezier(.2,.7,.3,1), box-shadow .35s ease, border-color .35s ease, background .35s ease;
    position:relative;
    overflow:hidden;
    box-sizing:border-box;
}
/* 顶部蓝渐变细条 */
body.page_scdnv2 .mod4_li::before{
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg, #1a5dff 0%, #2B78F6 50%, #22D0FF 100%);
    transform:scaleX(0);
    transform-origin:left;
    transition:transform .4s ease;
}
/* 右上巨型序号水印 01 / 02 / 03 / 04（缩小到不抢眼） */
body.page_scdnv2 .mod4_li::after{
    content:"0" counter(m4-num);
    position:absolute;
    top:18px; right:20px;
    font-family:"Inter","Helvetica Neue",Arial,sans-serif;
    font-size:38px;
    font-weight:800;
    line-height:1;
    letter-spacing:-1.5px;
    color:transparent;
    background:linear-gradient(180deg, rgba(43,120,246,0.16) 0%, rgba(43,120,246,0.00) 95%);
    -webkit-background-clip:text;
    background-clip:text;
    pointer-events:none;
    transition:transform .4s ease, background .4s ease;
}
body.page_scdnv2 .mod4_li:hover{
    transform:translateY(-10px) !important;
    border-color:rgba(43,120,246,0.22) !important;
    background:linear-gradient(160deg, #ffffff 0%, #f6f9ff 100%) !important;
    box-shadow:0 24px 50px rgba(43,120,246,0.16) !important;
}
body.page_scdnv2 .mod4_li:hover::before{
    transform:scaleX(1);
}
body.page_scdnv2 .mod4_li:hover::after{
    background:linear-gradient(180deg, rgba(43,120,246,0.28) 0%, rgba(34,208,255,0.05) 95%);
    -webkit-background-clip:text;
    background-clip:text;
    transform:translateY(-3px);
}
body.page_scdnv2 .mod4_libox{
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:18px !important;
    position:relative;
    z-index:1;
}
/* 图标盒：纯 CSS mask 方案，盒底色 + mask 图标分两层，hover 时只换颜色不丢图 */
body.page_scdnv2 .m4_li_img{
    position:relative;
    width:56px !important;
    height:56px !important;
    margin:0 !important;
    border-radius:14px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%) !important;
    background-image:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%) !important;
    background-color:transparent !important;
    background-size:auto !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    box-shadow:0 6px 16px rgba(43,120,246,0.12);
    transition:transform .35s ease, box-shadow .35s ease, background .35s ease;
    box-sizing:border-box;
    overflow:hidden;
}
body.page_scdnv2 .m4_li_img::before{
    content:"";
    position:absolute;
    inset:0;
    background-color:#2B78F6;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-size:28px 28px;
    mask-size:28px 28px;
    transition:background-color .35s ease;
    z-index:2;
}
body.page_scdnv2 .li_img1::before{ -webkit-mask-image:var(--m4-ico-database); mask-image:var(--m4-ico-database); }
body.page_scdnv2 .li_img2::before{ -webkit-mask-image:var(--m4-ico-flame);    mask-image:var(--m4-ico-flame); }
body.page_scdnv2 .li_img3::before{ -webkit-mask-image:var(--m4-ico-shield);   mask-image:var(--m4-ico-shield); }
body.page_scdnv2 .li_img4::before{ -webkit-mask-image:var(--m4-ico-network);  mask-image:var(--m4-ico-network); }
/* hover：盒子变蓝渐变 + 图标反白 + 轻旋 */
body.page_scdnv2 .mod4_li:hover .m4_li_img{
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%) !important;
    background-image:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%) !important;
    transform:scale(1.06) rotate(-4deg);
    box-shadow:0 14px 28px rgba(43,120,246,0.35);
}
body.page_scdnv2 .mod4_li:hover .m4_li_img::before{
    background-color:#ffffff;
}
/* 取消 PNG 背景 hover 切换 _a 后缀的老规则（图标已由 mask 接管，不再依赖 PNG） */
body.page_scdnv2 .li_img1,
body.page_scdnv2 .li_img2,
body.page_scdnv2 .li_img3,
body.page_scdnv2 .li_img4{
    background-image:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%) !important;
}
body.page_scdnv2 .mod4_li:hover .li_img1,
body.page_scdnv2 .mod4_li:hover .li_img2,
body.page_scdnv2 .mod4_li:hover .li_img3,
body.page_scdnv2 .mod4_li:hover .li_img4{
    background-image:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%) !important;
}
body.page_scdnv2 .m4_li_text{
    width:100% !important;
}
body.page_scdnv2 .m4_li_tt{
    margin:0 0 8px !important;
    text-align:left !important;
    background:linear-gradient(135deg, #0a1f4f 0%, #2B78F6 60%, #22D0FF 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
    font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif !important;
    font-size:44px !important;
    font-weight:900 !important;
    line-height:1.1 !important;
    letter-spacing:-1px;
    white-space:nowrap;
    word-break:keep-all;
    transition:transform .35s ease;
}
/* 不同优势卡片的大字号根据内容长度精细化调整 */
body.page_scdnv2 .mod4_li:nth-child(1) .m4_li_tt{ font-size:38px !important; }  /* 10Tbps+ */
body.page_scdnv2 .mod4_li:nth-child(2) .m4_li_tt{ font-size:32px !important; }  /* AI 防 CC */
body.page_scdnv2 .mod4_li:nth-child(3) .m4_li_tt{ font-size:40px !important; }  /* 99.99% */
body.page_scdnv2 .mod4_li:nth-child(4) .m4_li_tt{ font-size:46px !important; }  /* 200+ */
body.page_scdnv2 .mod4_li:hover .m4_li_tt{
    transform:translateX(2px);
}
body.page_scdnv2 .m4_li_dec{
    width:100% !important;
    color:#5b6679 !important;
    font-size:14px !important;
    line-height:1.75 !important;
    font-weight:400;
    text-align:left;
    padding-top:8px;
    border-top:1px dashed rgba(43,120,246,0.18);
    margin-top:4px;
}

/* ---------- 响应式 ---------- */
@media (max-width:1100px){
    body.page_scdnv2 .mod4_ul{ grid-template-columns:repeat(2, 1fr) !important; }
    /* mod2 中等屏幕：保留 5 列 column 流以确保 title/text 按列对齐，仅缩小卡片样式 */
    body.page_scdnv2 .mod2_title{
        padding:28px 14px 22px !important;
        min-height:160px !important;
        font-size:13.5px !important;
    }
    body.page_scdnv2 .mod2_svg{ width:50px !important; height:50px !important; }
    body.page_scdnv2 .mod2_svg::before{ -webkit-mask-size:26px 26px; mask-size:26px 26px; }
    body.page_scdnv2 .mod2_title::after{ font-size:26px; top:12px; right:14px; }
    body.page_scdnv2 .mod2_text{ padding:14px 14px !important; }
    body.page_scdnv2 .mod2_text::before{ font-size:12px !important; line-height:1.7 !important; }
    body.page_scdnv2 .mod2_list{ gap:10px 14px !important; }
}
@media (max-width:768px){
    body.page_scdnv2 .first_title{ font-size:24px !important; padding-top:46px !important; margin-bottom:32px !important; }
    body.page_scdnv2 .first_title::after{ font-size:13px; padding:0 16px; }

 
    body.page_scdnv2 .mod1_list li{ flex-direction:column; }
    body.page_scdnv2 .mod1_list_pub{ padding:24px 20px !important; }
    body.page_scdnv2 .mod1_listtext{ padding-left:64px !important; min-height:50px; }
    body.page_scdnv2 .mod1_listtext::before,
    body.page_scdnv2 .mod1_listtext::after{ width:50px; height:50px; }
    body.page_scdnv2 .mod1_listtext::after{ -webkit-mask-size:24px 24px; mask-size:24px 24px; }
    body.page_scdnv2 .mod1_listtext dl dt{ font-size:16px !important; }
    body.page_scdnv2 .mod1_listtext dl dd{ font-size:13px !important; }

    body.page_scdnv2 .mod2{ padding:50px 0 50px !important; }
    body.page_scdnv2 .mod2_contbox::before{
        font-size:12px;
        padding:10px 18px;
        letter-spacing:.4px;
        margin-bottom:28px;
        white-space:normal;
        line-height:1.6;
    }
    body.page_scdnv2 .mod2_list{
        grid-template-columns:1fr !important;
        grid-template-rows:auto !important;
        grid-auto-flow:row !important;
        gap:10px !important;
    }
    body.page_scdnv2 .mod2_text{
        padding:14px 16px !important;
        margin-bottom:8px !important;
    }
    body.page_scdnv2 .mod2_text::before{
        font-size:12px !important;
    }
    body.page_scdnv2 .mod2_title{
        padding:24px 16px 20px !important;
        min-height:auto !important;
        font-size:14px !important;
    }
    body.page_scdnv2 .mod2_svg{ width:50px !important; height:50px !important; }
    body.page_scdnv2 .mod2_svg::before{ -webkit-mask-size:26px 26px; mask-size:26px 26px; }
    body.page_scdnv2 .mod2_title::after{ font-size:24px; top:10px; right:12px; }

    body.page_scdnv2 .mod4{ padding:40px 0 50px !important; }
    body.page_scdnv2 .mod4_ul{ grid-template-columns:1fr !important; }
    body.page_scdnv2 .mod4_li{ padding:24px 22px !important; }
    body.page_scdnv2 .mod4_li::after{ font-size:34px; top:14px; right:16px; }
    body.page_scdnv2 .m4_li_tt{ font-size:36px !important; }
}
/* ========== mod1 / mod2 / mod4 v2 美化 end ========== */


/* ============================================================
   v2 跨页面共享：SDK / DDoS / WEB 专题页适配
   说明：page_sdkv2 / page_ddosv2 / page_webv2 三个页面
   复用 scdnv2_pricing / _compare / _faq / _cta 四块通用组件，
   下方做"4 套餐布局 / 推荐列偏移 / 原有 mod 标题升级"的微调。
   ============================================================ */

/* ---------- 4 套餐布局（Web 专用） ---------- */
.scdnv2_pricing_grid_4{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width:1100px){
    .scdnv2_pricing_grid_4{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width:560px){
    .scdnv2_pricing_grid_4{ grid-template-columns:1fr !important; }
}

/* 4 列对比表（Web 专用）—— 重写 grid + 推荐列由"第 4"改为"第 3" */
.scdnv2_compare_table_4 .scdnv2_compare_head,
.scdnv2_compare_table_4 .scdnv2_compare_row{
    grid-template-columns:200px repeat(4, minmax(120px, 1fr)) !important;
}
/* 关闭原先 5 列布局下"第 4 列推荐"的高亮 */
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(4){
    background:linear-gradient(180deg, #f6f9ff 0%, #ffffff 100%) !important;
    color:#0a1f4f !important;
    border-right:1px solid rgba(43,120,246,0.08) !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(4)::before{
    content:none !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(4) .scdnv2_compare_head_pkg{
    background:linear-gradient(135deg, #0a1f4f 0%, #2B78F6 100%) !important;
    -webkit-background-clip:text !important;
    background-clip:text !important;
    -webkit-text-fill-color:transparent !important;
    color:transparent !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(4) .scdnv2_compare_head_btn{
    background:linear-gradient(135deg, #1a5dff 0%, #22D0FF 100%) !important;
    color:#ffffff !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4){
    background:transparent !important;
    border-left:none !important;
    color:#0a1f4f !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4) .scdnv2_compare_val{
    color:#0a1f4f !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(4) .scdnv2_compare_yes circle{
    fill:#2B78F6 !important;
}
/* 推荐位改为第 3 列（4 列布局，第 3 个套餐更靠近视觉中心稍偏右） */
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3){
    background:linear-gradient(180deg, #1a5dff 0%, #2B78F6 100%) !important;
    color:#ffffff !important;
    border-right-color:transparent !important;
    z-index:2;
    position:relative;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3) .scdnv2_compare_head_pkg{
    background:none !important;
    -webkit-background-clip:initial !important;
    background-clip:initial !important;
    -webkit-text-fill-color:#ffffff !important;
    color:#ffffff !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3) .scdnv2_compare_head_btn{
    background:#ffffff !important;
    color:#2B78F6 !important;
    box-shadow:0 6px 18px rgba(0,0,0,0.18);
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3) .scdnv2_compare_head_btn:hover{
    transform:translateY(-2px);
    color:#1a5dff !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3)::before{
    content:"热门推荐";
    position:absolute;
    top:-14px; left:50%;
    transform:translateX(-50%);
    padding:5px 14px;
    border-radius:999px;
    background:linear-gradient(135deg, #ff7a00 0%, #ff4d2e 100%);
    color:#ffffff;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.5px;
    box-shadow:0 8px 18px rgba(255,77,46,0.40);
    z-index:5;
    white-space:nowrap;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(3){
    background:rgba(43,120,246,0.05) !important;
    border-right-color:transparent !important;
    border-left:1px solid rgba(43,120,246,0.10) !important;
    color:#1a5dff !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(3) .scdnv2_compare_val{
    color:#1a5dff !important;
    font-weight:800 !important;
}
.scdnv2_compare_table_4 .scdnv2_compare_row > .scdnv2_compare_cell:nth-child(3) .scdnv2_compare_yes circle{
    fill:#1a5dff !important;
}

/* ---------- SDK / DDoS / WEB 原有 first_title 视觉小幅升级 ----------
   不加徽章（避免遮挡原文案），只统一字号 / 字距 / 上下间距，让和新模块过渡更顺滑 */
body.page_sdkv2 .first_title,
body.page_ddosv2 .first_title,
body.page_webv2 .first_title{
    font-size:34px !important;
    font-weight:800 !important;
    color:#0a1f4f !important;
    letter-spacing:0.5px !important;
    line-height:1.3 !important;
    text-align:center !important;
    padding:46px 0 30px !important;
    position:relative;
}
body.page_sdkv2 .scdnv2_title_block .first_title,
body.page_ddosv2 .scdnv2_title_block .first_title,
body.page_webv2 .scdnv2_title_block .first_title{
    padding:0 !important;
}
body.page_sdkv2 .mod2 .first_title,
body.page_ddosv2 .mod2 .first_title,
body.page_webv2 .mod2 .first_title{
    padding-top:40px !important;
    padding-bottom:24px !important;
}
/* 标题下方蓝色小竖线装饰 */
body.page_sdkv2 .first_title::after,
body.page_ddosv2 .first_title::after,
body.page_webv2 .first_title::after{
    content:"";
    display:block;
    width:48px;
    height:4px;
    margin:14px auto 0;
    border-radius:2px;
    background:linear-gradient(90deg, #2B78F6 0%, #22D0FF 100%);
}

/* mod_box / mod1 / mod2 / mod3 块之间统一节奏 */
body.page_sdkv2 .mod_box,
body.page_webv2 .mod_box{
    padding-bottom:30px;
}
body.page_sdkv2 .mod3,
body.page_ddosv2 .mod3,
body.page_webv2 .mod3{
    padding-bottom:40px;
}

/* ---------- 价格 card features 列表样式（让多 attr 项展示更整齐） ---------- */
.scdnv2_pricing_card_features{
    list-style:none;
    padding:0;
    margin:0 0 22px;
}
.scdnv2_pricing_card_features li{
    position:relative;
    padding:7px 0 7px 22px;
    font-size:13px;
    color:#3b4453;
    line-height:1.55;
    border-bottom:1px dashed rgba(43,120,246,0.10);
}
.scdnv2_pricing_card_features li:last-child{ border-bottom:none; }
.scdnv2_pricing_card_features li::before{
    content:"";
    position:absolute;
    left:4px;
    top:13px;
    width:8px; height:8px;
    border-radius:50%;
    background:linear-gradient(135deg, #2B78F6 0%, #22D0FF 100%);
    box-shadow:0 0 0 3px rgba(43,120,246,0.10);
}

/* ---------- DDoS Banner：浅底图加蓝色遮罩，避免「一片白」、白字看不清 ---------- */
body.page_ddosv2 .banner_dy{
    position:relative !important;
    overflow:hidden !important;
    min-height:540px;
}
body.page_ddosv2 .banner_dy::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:
        linear-gradient(105deg,
            rgba(0, 35, 120, 0.92) 0%,
            rgba(0, 72, 210, 0.82) 38%,
            rgba(26, 93, 255, 0.55) 68%,
            rgba(34, 208, 255, 0.35) 100%);
    pointer-events:none;
}
body.page_ddosv2 .banner_dy::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, rgba(0, 25, 90, 0.45) 0%, transparent 58%);
    pointer-events:none;
}
body.page_ddosv2 .banner_dy > .m12{
    position:relative;
    z-index:1;
}
body.page_ddosv2 .ban_cont3 .ban_title{
    color:#ffffff !important;
    text-shadow:0 4px 24px rgba(0, 20, 80, 0.45) !important;
}
body.page_ddosv2 .ban_cont3 .ban_left_p{
    color:rgba(255, 255, 255, 0.92) !important;
    text-shadow:0 2px 12px rgba(0, 30, 90, 0.35);
}
body.page_ddosv2 .ban_cont3 .ban_btn1{
    box-shadow:0 8px 20px rgba(0, 40, 120, 0.35);
}
body.page_ddosv2 .ban_cont3 .ban_btn3{
    background:#ffffff !important;
    color:#1a5dff !important;
    font-weight:600 !important;
    box-shadow:0 6px 18px rgba(0, 0, 0, 0.15) !important;
}
body.page_ddosv2 .ban_cont3 .ban_btn_help{
    color:#ffffff !important;
    border:1px solid rgba(255, 255, 255, 0.75) !important;
    background:rgba(255, 255, 255, 0.1) !important;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    padding:8px 28px !important;
    border-radius:6px !important;
}
body.page_ddosv2 .banner_dy .ban_cont3 img{
    filter:drop-shadow(0 12px 32px rgba(0, 40, 120, 0.25));
    position:relative;
    z-index:1;
}

/* ---------- DDoS 专题页 mod1 产品特性（3×2 网格卡片） ---------- */
body.page_ddosv2 .mod1{
    height:auto !important;
    min-height:0 !important;
    margin-top:0 !important;
    padding:48px 0 64px !important;
    background:linear-gradient(180deg, #edf5ff 0%, #f6f9ff 45%, #ffffff 100%) !important;
    position:relative;
    overflow:hidden;
    border-radius:20px 20px 0 0;
}
body.page_ddosv2 .mod1::before{
    content:"";
    position:absolute;
    top:-120px; right:-80px;
    width:420px; height:420px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(43,120,246,0.12) 0%, transparent 70%);
    pointer-events:none;
}
body.page_ddosv2 .mod1 .m12{
    position:relative;
    z-index:1;
}
body.page_ddosv2 .mod1_box{
    margin-top:0 !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:20px !important;
    margin-top:48px !important;
    width:100% !important;
    align-items:stretch !important;
}
body.page_ddosv2 .mod1_list{
    display:contents !important;
}
body.page_ddosv2 .mod1_cont{
    width:auto !important;
    height:auto !important;
    min-height:280px !important;
    flex:none !important;
    padding:32px 28px !important;
    border-radius:18px !important;
    border:1px solid rgba(43,120,246,0.10) !important;
    box-shadow:0 12px 36px rgba(10,31,79,0.06) !important;
    background:#ffffff !important;
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
}
body.page_ddosv2 .mod1_cont:hover{
    transform:translateY(-8px) !important;
    border-color:rgba(43,120,246,0.28) !important;
    box-shadow:0 24px 48px rgba(43,120,246,0.14) !important;
    filter:none !important;
}
body.page_ddosv2 .mod1_text{
    width:100% !important;
    height:auto !important;
    gap:22px !important;
}
body.page_ddosv2 .mod1_text > svg{
    width:64px !important;
    height:64px !important;
    flex-shrink:0;
}
body.page_ddosv2 .mod1_text dl dt{
    font-size:20px !important;
    color:#0a1f4f !important;
    line-height:1.35 !important;
}
body.page_ddosv2 .mod1_cont:hover .mod1_text dl dt{
    color:#2B78F6 !important;
}
body.page_ddosv2 .mod1_text dl dd{
    font-size:14px !important;
    line-height:1.75 !important;
    color:#566073 !important;
}
@media (max-width:1024px){
    body.page_ddosv2 .mod1_box{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width:640px){
    body.page_ddosv2 .mod1_box{ grid-template-columns:1fr !important; }
    body.page_ddosv2 .mod1_cont{ min-height:0 !important; }
}

/* ---------- DDoS mod2 解决方案（蓝色底 + 毛玻璃卡片） ---------- */
body.page_ddosv2 .mod2{
    height:auto !important;
    min-height:0 !important;
    padding:72px 0 80px !important;
    background:linear-gradient(135deg, #005AED 0%, #1a5dff 42%, #22D0FF 100%) !important;
    mix-blend-mode:normal !important;
    box-shadow:none !important;
    position:relative;
    overflow:hidden;
}
body.page_ddosv2 .mod2::before{
    content:"";
    position:absolute;
    inset:0;
    background:url("/style/img/ddos_mo2_bg.png") center/cover no-repeat;
    opacity:0.35;
    pointer-events:none;
}
body.page_ddosv2 .mod2 .m12{
    position:relative;
    z-index:1;
}
body.page_ddosv2 .mod2 .first_title{
    color:#ffffff !important;
    padding-top:0 !important;
}
body.page_ddosv2 .mod2 .first_title::after{
    background:linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,0.5) 100%) !important;
}
body.page_ddosv2 .mod2_listbox{
    display:grid !important;
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    margin-top:48px !important;
}
body.page_ddosv2 .mod2_list{
    width:auto !important;
    padding:28px 22px !important;
    border-radius:16px !important;
    background:rgba(255,255,255,0.12) !important;
    border:1px solid rgba(255,255,255,0.35) !important;
    backdrop-filter:blur(14px) !important;
    -webkit-backdrop-filter:blur(14px) !important;
    box-shadow:0 8px 24px rgba(0,0,0,0.08) !important;
    transition:transform .25s ease, background .25s ease, border-color .25s ease !important;
    color:#ffffff !important;
}
body.page_ddosv2 .mod2_list:hover{
    transform:translateY(-6px) !important;
    background:rgba(255,255,255,0.22) !important;
    border-color:rgba(255,255,255,0.65) !important;
    box-shadow:0 16px 40px rgba(0,40,120,0.25) !important;
    cursor:default;
}
body.page_ddosv2 .mod2_list img{
    width:56px !important;
    height:56px !important;
    object-fit:contain;
    filter:drop-shadow(0 4px 8px rgba(0,0,0,0.15));
}
body.page_ddosv2 .mod2_list h3{
    color:#ffffff !important;
    font-size:18px !important;
    font-weight:700 !important;
    margin:16px 0 8px !important;
    text-align:center !important;
}
body.page_ddosv2 .mod2_list p{
    width:100% !important;
    color:rgba(255,255,255,0.88) !important;
    font-size:14px !important;
    line-height:1.7 !important;
    text-align:center !important;
}
@media (max-width:1100px){
    body.page_ddosv2 .mod2_listbox{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width:560px){
    body.page_ddosv2 .mod2_listbox{ grid-template-columns:1fr !important; }
}

/* ---------- DDoS mod3 应用场景（现代 Tab + 内容区） ---------- */
body.page_ddosv2 .mod3{
    padding:72px 0 100px !important;
    background:#ffffff !important;
}
body.page_ddosv2 .mod3_tabbox{
    margin-top:40px;
}
body.page_ddosv2 .mod3_tabtt{
    margin:0 auto 32px !important;
    max-width:480px;
    height:auto !important;
    min-height:52px;
    padding:6px !important;
    gap:6px !important;
    border-radius:14px !important;
    background:#eef2f8 !important;
    box-shadow:inset 0 1px 3px rgba(10,31,79,0.06) !important;
    border:1px solid #e3eaf5 !important;
}
body.page_ddosv2 .mod3_tabtt .mod3_tab_a{
    flex:1;
    border-radius:10px !important;
    font-size:15px !important;
    font-weight:600 !important;
    color:#566073 !important;
    transition:color .2s ease, background .2s ease !important;
    line-height:1.4 !important;
    padding:12px 16px !important;
}
body.page_ddosv2 .mod3_tabtt .mdui-tab-active{
    color:#ffffff !important;
    background:linear-gradient(135deg, #1a5dff 0%, #2B78F6 100%) !important;
    border-radius:10px !important;
}
body.page_ddosv2 .mod3_tabtt .mdui-tab-indicator{
    display:none !important;
}
body.page_ddosv2 .mod3_cont{
    height:auto !important;
    min-height:420px;
    border-radius:20px !important;
    border:1px solid rgba(43,120,246,0.15) !important;
    box-shadow:0 20px 50px rgba(10,31,79,0.08) !important;
    overflow:hidden;
}
body.page_ddosv2 .mod3_cont p{
    padding:32px 40px 20px !important;
    color:#45587C !important;
    font-size:15px !important;
    line-height:1.8 !important;
}
body.page_ddosv2 .mod3_imgbox{
    height:340px !important;
    border-radius:0 0 18px 18px;
}

/* ---------- 各页面 mod_box / mod2 等背景与外部新模块衔接颜色 ---------- */
body.page_sdkv2 .scdnv2_pricing,
body.page_ddosv2 .scdnv2_pricing,
body.page_webv2 .scdnv2_pricing{
    background:linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}
body.page_sdkv2 .scdnv2_compare,
body.page_ddosv2 .scdnv2_compare,
body.page_webv2 .scdnv2_compare{
    background:#ffffff;
}
body.page_sdkv2 .scdnv2_faq,
body.page_ddosv2 .scdnv2_faq,
body.page_webv2 .scdnv2_faq{
    background:linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}
/* ========== v2 跨页面共享 end ========== */

/* ========== v2 多语言：HTML 标题块 / 胶囊条 / 正文（替代 CSS content 中文） ========== */
body.page_scdnv2 .scdnv2_title_block{
    text-align:center;
    margin-bottom:28px;
}
body.page_scdnv2 .scdnv2_title_block_compact,
body.page_scdnv2 .scdnv2_title_block_mod1{
    margin-bottom:22px !important;
}
body.page_scdnv2 .scdnv2_title_block .first_title{
    padding:0 !important;
    margin:0 0 6px !important;
    font-size:32px !important;
    line-height:1.25 !important;
}
body.page_scdnv2 .scdnv2_title_block_compact .scdnv2_title_desc,
body.page_scdnv2 .scdnv2_title_block_mod1 .scdnv2_title_desc{
    margin-top:8px !important;
}
body.page_scdnv2 .scdnv2_title_block .first_title::before,
body.page_scdnv2 .scdnv2_title_block .first_title::after{
    display:none !important;
    content:none !important;
}
body.page_scdnv2 .scdnv2_title_badge{
    display:inline-block;
    padding:6px 18px;
    margin-bottom:14px;
    border-radius:999px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    border:1px solid rgba(43,120,246,0.18);
    color:#2B78F6;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
    line-height:1.4;
}
body.page_scdnv2 .scdnv2_title_desc{
    margin:14px auto 0;
    max-width:720px;
    font-size:15px;
    line-height:1.65;
    color:#6b7592;
    font-weight:400;
}
body.page_scdnv2 .mod2_contbox::before{
    display:none !important;
    content:none !important;
}
body.page_scdnv2 .mod2_capsule{
    display:block;
    margin:0 auto 36px;
    padding:14px 28px;
    max-width:100%;
    box-sizing:border-box;
    background:linear-gradient(135deg, rgba(255,255,255,0.92), rgba(246,249,255,0.92));
    border:1px solid rgba(43,120,246,0.16);
    border-radius:999px;
    color:#2B78F6;
    font-size:14px;
    font-weight:600;
    letter-spacing:.5px;
    text-align:center;
    box-shadow:0 12px 32px rgba(43,120,246,0.12);
}
body.home_lang_en.page_scdnv2 .mod2_capsule{
    font-size:13px;
    line-height:1.5;
    padding:12px 20px;
}
body.page_scdnv2 .mod2_text{
    font-size:13px !important;
    color:#5b6679 !important;
    line-height:1.85 !important;
    text-align:left !important;
}
body.page_scdnv2 .mod2_text::before,
body.page_scdnv2 .mod2_text::after{
    display:none !important;
    content:none !important;
}
body.page_scdnv2 .mod2_text::after{
    display:block !important;
    position:absolute;
    left:20px; top:25px;
    width:8px; height:8px;
    border-radius:50%;
    background:linear-gradient(135deg, #1a5dff, #22D0FF);
    box-shadow:0 0 0 3px rgba(43,120,246,0.12);
    content:"" !important;
}
body.page_scdnv2 .scdnv2_compare_wrap::after{
    display:none !important;
    content:none !important;
}
body.home_lang_en.page_scdnv2 .scdnv2_compare_head_cell:nth-child(4)::before,
body.home_lang_en.page_scdnv2 .scdnv2_compare_table_4 .scdnv2_compare_head_cell:nth-child(3)::before{
    content:"Hot Pick";
    font-size:10px;
    padding:4px 12px;
}
@media (max-width:1100px){
    body.page_scdnv2 .mod2_list{
        grid-template-columns:repeat(2, 1fr) !important;
        grid-auto-flow:row !important;
    }
}
@media (max-width:768px){
    body.page_scdnv2 .mod2_list{
        grid-template-columns:1fr !important;
    }
    body.page_scdnv2 .scdnv2_title_block .first_title{
        font-size:28px !important;
    }
}

/* ========== 产品页 v2：SDK / DDoS / WEB 统一增强（Banner / 标题块 / 滚动显现） ========== */
body.page_sdkv2 .scdnv2_title_block,
body.page_ddosv2 .scdnv2_title_block,
body.page_webv2 .scdnv2_title_block{
    text-align:center;
    margin-bottom:48px;
}
body.page_sdkv2 .scdnv2_title_block_compact,
body.page_ddosv2 .scdnv2_title_block_compact,
body.page_webv2 .scdnv2_title_block_compact{
    margin-bottom:24px;
}
body.page_sdkv2 .scdnv2_title_block .first_title,
body.page_ddosv2 .scdnv2_title_block .first_title,
body.page_webv2 .scdnv2_title_block .first_title{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin-bottom:8px !important;
}
body.page_sdkv2 .scdnv2_title_block_compact .first_title,
body.page_ddosv2 .scdnv2_title_block_compact .first_title,
body.page_webv2 .scdnv2_title_block_compact .first_title{
    padding:0 !important;
    margin-bottom:6px !important;
    font-size:32px !important;
    line-height:1.25 !important;
}
body.page_sdkv2 .scdnv2_title_block_compact .scdnv2_title_desc,
body.page_ddosv2 .scdnv2_title_block_compact .scdnv2_title_desc,
body.page_webv2 .scdnv2_title_block_compact .scdnv2_title_desc{
    margin-top:8px;
    font-size:15px;
}
body.page_sdkv2 .scdnv2_title_block .first_title::before,
body.page_ddosv2 .scdnv2_title_block .first_title::before,
body.page_webv2 .scdnv2_title_block .first_title::before,
body.page_sdkv2 .scdnv2_title_block .first_title::after,
body.page_ddosv2 .scdnv2_title_block .first_title::after,
body.page_webv2 .scdnv2_title_block .first_title::after{
    display:none !important;
    content:none !important;
}
body.page_sdkv2 .scdnv2_title_badge,
body.page_ddosv2 .scdnv2_title_badge,
body.page_webv2 .scdnv2_title_badge{
    display:inline-block;
    padding:6px 18px;
    margin-bottom:14px;
    border-radius:999px;
    background:linear-gradient(135deg, #eaf2ff 0%, #d6e6ff 100%);
    border:1px solid rgba(43,120,246,0.18);
    color:#2B78F6;
    font-size:13px;
    font-weight:600;
    letter-spacing:.5px;
}
body.page_sdkv2 .scdnv2_title_desc,
body.page_ddosv2 .scdnv2_title_desc,
body.page_webv2 .scdnv2_title_desc{
    margin:14px auto 0;
    max-width:720px;
    font-size:15px;
    line-height:1.65;
    color:#6b7592;
}
/* Banner 遮罩：SDK / WEB 与 DDoS 一致 */
body.page_sdkv2 .banner_dy,
body.page_ddosv2 .banner_dy,
body.page_webv2 .banner_dy{
    position:relative !important;
    overflow:hidden !important;
    min-height:460px;
}
/* 首屏 mod：紧贴 Banner，覆盖 legacy 大间距 */
body.page_sdkv2 .mod_box{
    margin-top:0 !important;
    padding-top:48px !important;
    padding-bottom:48px !important;
    position:relative;
    z-index:2;
    border-radius:20px 20px 0 0;
    background:linear-gradient(180deg, #edf5ff 0%, #f8fbff 55%, #ffffff 100%) !important;
}
body.page_sdkv2 .mod_box .mod1{
    gap:24px !important;
    padding-bottom:28px !important;
}
body.page_webv2 .mod_box.pv2_reveal,
body.page_webv2 .mod_box{
    margin-top:0 !important;
    padding-top:48px !important;
    padding-bottom:40px !important;
    position:relative;
    z-index:2;
    border-radius:20px 20px 0 0;
}
body.page_sdkv2 .banner_dy::before,
body.page_webv2 .banner_dy::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(105deg,
        rgba(0, 35, 120, 0.92) 0%,
        rgba(0, 72, 210, 0.82) 38%,
        rgba(26, 93, 255, 0.55) 68%,
        rgba(34, 208, 255, 0.35) 100%);
    pointer-events:none;
}
body.page_sdkv2 .banner_dy::after,
body.page_webv2 .banner_dy::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    background:linear-gradient(90deg, rgba(0, 25, 90, 0.45) 0%, transparent 58%);
    pointer-events:none;
}
body.page_sdkv2 .banner_dy > .m12,
body.page_webv2 .banner_dy > .m12{
    position:relative;
    z-index:1;
}
body.page_sdkv2 .ban_cont3 .ban_title,
body.page_webv2 .ban_cont3 .ban_title{
    color:#fff !important;
    text-shadow:0 2px 24px rgba(0,0,0,0.25);
}
body.page_sdkv2 .ban_cont3 .ban_left_p,
body.page_webv2 .ban_cont3 .ban_left_p{
    color:rgba(255,255,255,0.92) !important;
    max-width:520px;
}
body.page_sdkv2 .ban_cont3 .ban_btn3,
body.page_webv2 .ban_cont3 .ban_btn3{
    border:1px solid rgba(255,255,255,0.55) !important;
    background:rgba(255,255,255,0.12) !important;
    color:#fff !important;
}
body.page_sdkv2 .banner_dy .ban_cont3 img,
body.page_webv2 .banner_dy .ban_cont3 img{
    filter:drop-shadow(0 20px 48px rgba(0,30,120,0.35));
    animation:pv2_float 5s ease-in-out infinite;
}
@keyframes pv2_float{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-10px); }
}
/* WEB 特性卡片网格 */
body.page_webv2 .mod_box .mod1{
    gap:24px !important;
    padding:0 0 16px !important;
    background:transparent !important;
}
body.page_webv2 .mod_box .mod1_list{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:22px !important;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
body.page_webv2 .mod_box .mod1_cont{
    background:#fff;
    border:1px solid rgba(43,120,246,0.10);
    border-radius:16px;
    padding:28px 24px;
    box-shadow:0 8px 28px rgba(43,120,246,0.08);
    transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.page_webv2 .mod_box .mod1_cont:hover{
    transform:translateY(-6px);
    border-color:rgba(43,120,246,0.28);
    box-shadow:0 18px 40px rgba(43,120,246,0.14);
}
body.page_webv2 .mod_box .mod1_text dl dt{
    font-size:18px;
    font-weight:700;
    color:#0a1f4f;
    margin-bottom:10px;
}
body.page_webv2 .mod_box .mod1_text dl dd{
    font-size:14px;
    line-height:1.7;
    color:#5b6679;
}
/* SDK 接入流程 + 对比区 */
body.page_sdkv2 .pv2_sdk_flow{
    padding:20px 0 56px;
    background:linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}
body.page_sdkv2 .good-content{
    width:min(1058px, 100%);
    margin:0 auto;
    padding:32px 28px;
    background:#fff;
    border-radius:20px;
    border:1px solid rgba(43,120,246,0.10);
    box-shadow:0 16px 48px rgba(43,120,246,0.10);
    display:flex;
    align-items:center;
    gap:40px;
    flex-wrap:wrap;
    justify-content:center;
}
body.page_sdkv2 .good-content .img-box img{
    max-width:100%;
    height:auto;
    border-radius:12px;
}
body.page_sdkv2 .good-content .detail div{
    position:relative;
    margin-bottom:18px;
    padding-left:28px;
}
body.page_sdkv2 .good-content .detail div::before{
    position:absolute;
    left:0;
    top:8px;
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    background:linear-gradient(135deg, #1a5dff, #22D0FF);
    box-shadow:0 0 0 4px rgba(43,120,246,0.12);
}
body.page_sdkv2 .good-content .detail p:nth-of-type(1){
    font-weight:700;
    color:#0a1f4f;
    margin-bottom:6px;
}
body.page_sdkv2 .good-content .detail p:nth-of-type(2){
    color:#5b6679;
    line-height:1.75;
}
/* SDK 优势对比：完整覆盖 sdk.css，避免白底+浅色字导致右侧「空白」 */
body.page_sdkv2 .mod3.pv2_sdk_vs{
    padding:48px 0 56px;
    background:linear-gradient(180deg, #0a1f4f 0%, #123d8f 55%, #1a5dff 100%);
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_cont{
    width:100% !important;
    height:auto !important;
    background:transparent !important;
    padding-bottom:0 !important;
    text-align:center;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .first_title{
    color:#fff !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .first_title::after{
    background:linear-gradient(90deg, #22D0FF 0%, #7ae8ff 100%) !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vstitle{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:16px;
    max-width:1100px;
    margin:0 auto 24px;
    padding:0 20px;
    box-sizing:border-box;
    width:100%;
    align-items:stretch;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vstitle .vs_list_m{
    display:none !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_title_text{
    color:#fff !important;
    font-weight:800 !important;
    font-size:18px !important;
    line-height:1.35 !important;
    padding:14px 20px !important;
    margin:0 !important;
    background:rgba(255,255,255,0.12);
    border:1px solid rgba(255,255,255,0.22);
    border-radius:12px;
    box-sizing:border-box;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_cont > .m12 > ul{
    display:flex !important;
    flex-direction:column !important;
    gap:14px !important;
    width:100% !important;
    max-width:1100px;
    margin:0 auto !important;
    padding:0 20px !important;
    box-sizing:border-box;
    align-items:stretch !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vslist{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) 148px minmax(0, 1fr);
    gap:12px 14px;
    align-items:stretch !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    border-radius:0 !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vslist:hover{
    transform:none !important;
    background:transparent !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_pub{
    display:flex !important;
    align-items:flex-start !important;
    justify-content:flex-start !important;
    gap:10px !important;
    flex:unset !important;
    align-self:stretch !important;
    min-height:76px;
    padding:16px 18px !important;
    border-radius:12px !important;
    background:#ffffff !important;
    box-shadow:0 8px 24px rgba(0,20,80,0.12) !important;
    font-size:15px !important;
    line-height:1.6 !important;
    font-weight:500 !important;
    text-align:left !important;
    word-break:break-word;
    box-sizing:border-box;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_l{
    color:#0a1f4f !important;
    border:1px solid rgba(43,120,246,0.18);
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_l img{
    width:20px;
    height:20px;
    flex-shrink:0;
    margin-top:2px;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_r{
    color:#4a5568 !important;
    background:#f4f7fc !important;
    border:1px solid rgba(15,40,100,0.08) !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_m{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    width:auto !important;
    min-width:0;
    gap:0 !important;
    padding:4px 6px;
    flex-shrink:0;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_m span{
    display:block !important;
    min-width:0 !important;
    color:#fff !important;
    opacity:1 !important;
    font-size:14px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    text-align:center;
    letter-spacing:0.5px;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .vs_line{
    display:none !important;
}
body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vslist:hover .vs_list_pub{
    box-shadow:0 12px 28px rgba(0,20,80,0.16) !important;
}
@media (max-width:900px){
    body.page_sdkv2 .mod3.pv2_sdk_vs .mod3_vslist{
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto;
        gap:8px;
        padding:14px !important;
        background:rgba(255,255,255,0.06) !important;
        border:1px solid rgba(255,255,255,0.12) !important;
        border-radius:14px !important;
    }
    body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_m{
        order:-1;
        width:100% !important;
        padding:0 0 4px;
    }
    body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_m span{
        font-size:16px !important;
    }
    body.page_sdkv2 .mod3.pv2_sdk_vs .vs_list_pub{
        min-height:0;
    }
}
/* 滚动显现 */
body.page_sdkv2 .pv2_reveal,
body.page_ddosv2 .pv2_reveal,
body.page_webv2 .pv2_reveal{
    opacity:0;
    transform:translateY(32px);
    transition:opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1);
}
body.page_sdkv2 .pv2_reveal.is_in,
body.page_ddosv2 .pv2_reveal.is_in,
body.page_webv2 .pv2_reveal.is_in{
    opacity:1;
    transform:none;
}
body.page_sdkv2 .pv2_reveal[data-pv2-delay="1"],
body.page_ddosv2 .pv2_reveal[data-pv2-delay="1"],
body.page_webv2 .pv2_reveal[data-pv2-delay="1"]{ transition-delay:.08s; }
body.page_sdkv2 .pv2_reveal[data-pv2-delay="2"],
body.page_ddosv2 .pv2_reveal[data-pv2-delay="2"],
body.page_webv2 .pv2_reveal[data-pv2-delay="2"]{ transition-delay:.16s; }
body.home_lang_en.page_ddosv2 .ban_left_p,
body.home_lang_en.page_sdkv2 .ban_left_p,
body.home_lang_en.page_webv2 .ban_left_p{
    max-width:560px;
}
@media (max-width:768px){
    body.page_webv2 .mod_box .mod1_list{
        grid-template-columns:1fr !important;
    }
    body.page_sdkv2 .good-content{
        flex-direction:column;
        padding:24px 18px;
    }
}