@media(max-width:768px){
.container{padding:0 16px}
.section{padding:40px 0!important}
.section-title{margin-bottom:24px}
.section-title h2{font-size:22px}
.section-title p{font-size:13px}
.grid-3,.grid-4,.grid-5{grid-template-columns:1fr;gap:14px}

/* 导航：只显示登录|注册 */
header{padding:10px 0}
.header-inner{height:52px;padding:0 14px}
.logo img{height:24px!important}
nav{display:none!important}
.header-right{display:flex!important;align-items:center;gap:8px;margin-left:auto}
.header-right a{color:rgba(26,26,46,.6);font-size:12px;text-decoration:none}
.header-right .divider{color:#ddd;font-size:12px}
.header-right .btn-reg{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:4px;text-decoration:none}

/* Hero：文字在上，数据卡在下 */
.hero{min-height:auto;padding:85px 0 30px;text-align:center}
.hero-content{flex:none;width:100%;padding-right:0;order:1}
.hero-content h1{font-size:28px}
.hero-content .sub{font-size:12px;margin:0 auto 16px}
.hero-content .btn-group{justify-content:center;flex-direction:column;align-items:center;gap:8px}
.hero-content .btn-group .btn{padding:10px 24px;font-size:13px;width:80%}
.hero-visual{flex:none;width:100%;order:2;margin-top:16px}
.hero-card{transform:none!important;padding:14px 10px;border-radius:14px}
.hero-card .stats{grid-template-columns:repeat(2,1fr);gap:8px}
.hero-card .stat-item{padding:10px 4px;border-radius:10px}
.hero-card .stat-item .num{font-size:18px}
.hero-card .stat-item .label{font-size:10px}

.product-card{padding:22px}
.product-card .icon-wrap{width:40px;height:40px;font-size:17px;margin-bottom:12px}
.infra-showcase,.features-wrapper,.ddos-wrapper{flex-direction:column;gap:30px}
.infra-showcase .text h2{font-size:22px;text-align:center}
.infra-showcase .text ul li{font-size:13px;justify-content:center}
.infra-globe{max-width:200px}
.features-right .feat-item h4{font-size:15px}
.solution-card{padding:24px 16px}
.solution-card .icon{width:48px;height:48px;font-size:22px}
.ddos-wrapper .text h2{font-size:22px;text-align:center}
.ddos-wrapper .text p{font-size:13px;text-align:center}
.ddos-wrapper .text .stat-row{gap:6px}
.ddos-wrapper .text .stat-row .s-item .num{font-size:16px}
.shield-visual{width:140px;height:140px}
.shield-visual .shield-icon{font-size:40px}
.trust-item .num{font-size:28px}
.compliance-grid .item{width:33.33%;padding:14px 8px}
.pricing-card{padding:24px 18px}
.pricing-card.featured{transform:none!important}
.pricing-card .price{font-size:30px}
.pricing-card ul li{font-size:12px}
.news-card .news-img{height:120px}
.news-card .news-body h4{font-size:13px}
.news-card .news-body .date{font-size:10px}
.cta-box{padding:30px 20px}
.cta-box h2{font-size:22px}
.cta-box .btn-white{padding:12px 28px;font-size:13px}
.footer-grid{grid-template-columns:1fr 1fr;gap:20px}
.footer-contact{grid-template-columns:1fr 1fr;gap:10px}
.float-sidebar{bottom:60px;right:10px}
.float-item{width:36px;height:36px;font-size:9px}
}

/* ===== 响应式：480px ===== */


@media(max-width:480px){
.hero-content h1{font-size:22px}
.hero-content .sub{font-size:11px}
.hero-card .stat-item .num{font-size:16px}
.footer-grid{grid-template-columns:1fr}
.footer-contact{grid-template-columns:1fr}
.compliance-grid .item{width:50%}
}