body{background:#f5f7fb;font-family:Arial;}

.navbar{background:#0b5ed7;}
.navbar a{color:#fff;margin-right:15px;text-decoration:none;}

.hero{
background:linear-gradient(120deg,#0b5ed7,#00aaff);
color:#fff;
padding:70px 0;
text-align:center;
}

.section-title{
font-size:22px;
margin:40px 0 30px;
font-weight:700;
border-left:5px solid #0b5ed7;
padding-left:10px;
}

.card-box{
background:#fff;
border-radius:10px;
padding:15px;
margin-bottom:20px;
transition:.3s;
cursor:pointer;
}
.card-box:hover{
transform:translateY(-5px);
box-shadow:0 10px 20px rgba(0,0,0,.1);
}

.small-text{font-size:13px;color:#666}

/* IDC 10列 */
.idc-grid{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:-10px;
}
@media(max-width:1200px){
.idc-grid{grid-template-columns:repeat(5,1fr);}
}
@media(max-width:768px){
.idc-grid{grid-template-columns:repeat(2,1fr);}
}

/* 镜像分类按钮 */
.tab-btn{
display:inline-block;
padding:8px 15px;
background:#e9f2ff;
margin-right:10px;
border-radius:6px;
cursor:pointer;
font-size:14px;
}
.tab-btn.active{
background:#0b5ed7;
color:#fff;
}

/* 镜像内容3排 */
.mirror-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin-top:20px;
}
@media(max-width:768px){
.mirror-grid{grid-template-columns:1fr;}
}

.footer{
background:#111;
color:#aaa;
padding:40px 0;
margin-top:60px;
}