*{margin:0;padding:0;box‑sizing:border‑box;font‑family:Arial,sans‑serif;}
.container{max‑width:1200px;margin:0 auto;padding:0 20px;}

/*导航栏*/
.navbar{background:#1f2937;color:white;padding:1rem 0;}
.navbar .container{display:flex;justify‑content:space‑between;align‑items:center;}
.logo{font‑size:1.3rem;font‑weight:bold;}
.navbar nav a{color:white;text‑decoration:none;margin‑left:1.4rem;}
.navbar nav a:hover{color:#42b983;}

/*首屏*/
.hero{background:#374151;color:white;padding:6rem 0;text‑align:center;}
.hero h1{font‑size:2.4rem;margin‑bottom:1rem;}
.hero p{font‑size:1.1rem;margin‑bottom:2rem;opacity:0.9;}

.btn{display:inline‑block;background:#2563eb;color:white;padding:0.8rem 1.8rem;text‑decoration:none;border‑radius:4px;border:none;cursor:pointer;}
.btn:hover{background:#1d4ed8;}

.features{padding:4rem 0;}
.features h2{text‑align:center;margin‑bottom:3rem;font‑size:1.8rem;color:#1f2937;}
.feature‑row{display:grid;grid‑template‑columns:repeat(auto‑fit,minmax(240px,1fr));gap:2rem;}
.feature‑item{padding:1.5rem;border:1px solid #eee;border‑radius:6px;}
.feature‑item h3{margin‑bottom:0.7rem;color:#1f2937;}

.home‑products{padding:4rem 0;background:#f8f9fa;}
.home‑products h2{text‑align:center;margin‑bottom:2rem;}
.product‑preview{display:grid;grid‑template‑columns:repeat(auto‑fit,minmax(260px,1fr));gap:1.5rem;}
.prod‑card{background:white;padding:1.5rem;border‑radius:6px;box‑shadow:0 1px 4px #00000015;}

.cta‑block{padding:4rem 0;background:#1f2937;color:white;text‑align:center;}
.cta‑block h2{margin‑bottom:1rem;}

.page‑banner{background:#4b5563;color:white;padding:3rem 0;}
.page‑banner h1{font‑size:2rem;}
.page‑content{padding:3rem 0;line‑height:1.7;color:#333;}
.prod‑detail{margin‑bottom:2rem;padding:1.2rem;border:1px solid #e5e7eb;border‑radius:6px;}

.two‑col{display:grid;grid‑template‑columns:1fr 1fr;gap:3rem;}
.form‑item{margin‑bottom:1.2rem;}
.form‑item label{display:block;margin‑bottom:0.4rem;}
.form‑item input,.form‑item textarea{width:100%;padding:0.75rem;border:1px solid #ccc;border‑radius:4px;}

.footer{background:#111827;color:#aaa;padding:2rem 0;text‑align:center;font‑size:0.9rem;}

@media(max‑width:768px){
    .navbar .container{flex‑direction:column;gap:0.8rem;}
    .two‑col{grid‑template‑columns:1fr;}
    .hero h1{font‑size:1.8rem;}
}