/* custom.css
   自定义样式：用于仿制 baslerweb.cn 风格的静态前端样式
   注意：请替换所有占位图片和文案以避免版权问题。
*/
:root{
  --accent:#0a66c2;
  --muted:#666;
  --bg:#f7f8fb;
  --container-width:1200px;
}

body{background:var(--bg);font-family: "Helvetica Neue", Arial, sans-serif}

/* 顶部 hero */
.hero{padding:48px 0;background:linear-gradient(90deg,rgba(10,102,194,0.06),transparent)}
.hero .container{display:flex;gap:24px;align-items:center}
.hero .hero-content{flex:1}
.hero h1{font-size:32px;margin-bottom:8px}
.hero p{color:var(--muted)}

/* 产品网格 */
.products{padding:36px 0}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(18,24,40,0.04)}
.product-card img{width:100%;height:160px;object-fit:cover}
.product-card .card-body{padding:12px}

/* 页脚 */
.site-footer{background:#0f1724;color:#fff;padding:28px 0;margin-top:24px}
.site-footer a{color:#dbeafe}

/* 响应式 */
@media(max-width:880px){
  .hero .container{flex-direction:column;align-items:flex-start}
}