/* 主色调（随机选择）*/
:root{
	--primary:#0a7f8c; /* 青绿色 */
	--accent:#ff6f3c;
	--bg:#fafafa;
	--text:#222;
	--muted:#666;
	--max-width:1200px;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);margin:0;line-height:1.6}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.05);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0}
.logo{font-weight:700;color:var(--primary);text-decoration:none;font-size:1.15rem}
.nav a{margin-left:1rem;color:var(--text);text-decoration:none}
.nav-toggle{display:none;background:transparent;border:0;font-size:1.25rem}

.hero{padding:3rem 0;background:linear-gradient(90deg,rgba(10,127,140,0.06),rgba(255,111,60,0.03))}
.hero-inner{display:flex;gap:2rem;align-items:center}
.hero-text{flex:1}
.hero-text h1{font-size:1.9rem;margin:0 0 .5rem}
.hero-text p{margin:.5rem 0;color:var(--muted)}
.hero-image img{width:380px;max-width:40vw;border-radius:8px;object-fit:cover}
.btn{display:inline-block;background:var(--primary);color:#fff;padding:.6rem 1rem;border-radius:6px;text-decoration:none}
.seo-note{font-size:.9rem;color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.card,.card img,.card h3{width:100%}
.card img{height:160px;object-fit:cover;border-radius:6px}
.card{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 6px 18px rgba(10,127,140,0.03)}
.products-preview .more{margin-top:.5rem}

.news-list{list-style:none;padding:0;margin:0}
.news-list li{padding:.35rem 0;border-bottom:1px solid #eee;color:var(--muted)}

.products-top{padding:1rem 0}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}
.filter-btn{background:#fff;border:1px solid #eee;padding:.5rem .8rem;border-radius:6px;cursor:pointer}
.filter-btn.active{border-color:var(--primary);box-shadow:0 4px 16px rgba(10,127,140,0.08)}
.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.product-item{background:#fff;padding:1rem;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,0.03);transition:transform .28s,box-shadow .28s}
.product-item img{width:100%;height:160px;object-fit:cover;border-radius:6px}
.product-item:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,0.06)}

.contact-form{display:grid;gap:.6rem;max-width:560px}
.contact-form label{display:block}
.contact-form input,.contact-form textarea{width:100%;padding:.6rem;border:1px solid #e6e6e6;border-radius:6px}
.form-note{font-size:.85rem;color:var(--muted)}
.contact-info iframe{width:100%;height:240px;border:0;margin-top:.5rem;border-radius:8px}

.site-footer{padding:1rem 0;background:#fff;border-top:1px solid #f0f0f0;margin-top:2rem}
.footer-inner{display:flex;justify-content:space-between;align-items:center}

/* 响应式 */
@media (max-width:900px){
	.hero-inner{flex-direction:column-reverse;text-align:center}
	.hero-image img{max-width:80%}
	.nav{display:none}
	.nav-toggle{display:block}
}

/* 平滑滚动行为 */
:root{scroll-behavior:smooth}

/* 简单动画 */
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.card,.product-item{animation:fadeUp .6s both}