body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#f5f5f5;
color:#222;
line-height:1.7;
}

header{
background:#003366;
color:white;
}

/* 顶部继续压缩 */
.topbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:5px 20px;
}

/* LOGO更小 */
.logo{
font-size:24px;
font-weight:bold;
}

/* 语言按钮 */
.lang a{
color:white;
text-decoration:none;
margin-left:8px;
border:1px solid white;
padding:4px 8px;
font-size:13px;
}

/* 导航栏 */
nav{
background:#005599;
padding:6px;
text-align:center;
}

nav a{
color:white;
text-decoration:none;
margin:0 10px;
font-weight:bold;
font-size:14px;
}

/* HERO 白色区域进一步缩小 */
.hero{
background:white;
padding:8px 15px;
text-align:center;
}

.hero h1{
font-size:30px;
color:#003366;
margin-top:5px;
margin-bottom:2px;
line-height:1.2;
}

.hero p{
margin-top:0;
margin-bottom:5px;
font-size:15px;
}

/* 内容区域 */
.content{
max-width:1400px;
margin:10px auto;
background:white;
padding:25px;
}

.content h2{
color:#003366;
border-bottom:2px solid #003366;
padding-bottom:6px;
margin-bottom:15px;
}

/* 产品区 */
.grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:20px;
}

@media (max-width: 768px){
.grid{
grid-template-columns:1fr;
}
}

.card{
background:#fafafa;
border:1px solid #ddd;
padding:12px;
}

.card img{
width:100%;
height:auto;
display:block;
}

footer{
background:#003366;
color:white;
text-align:center;
padding:15px;
margin-top:20px;
}