:root{
	--primary:#ff4081; /* 主色调（随机选择粉色系，贴合 PGZEED สีชมพู 关键词） */
	--muted:#6b6b6b;
	--bg:#fafafa;
	--max-width:1100px;
	--radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
	font-family: "Helvetica Neue", Arial, sans-serif;
	margin:0;
	color:#222;
	background:linear-gradient(180deg,#fff,#f6f6f8);
}
.container{max-width:var(--max-width);margin:0 auto;padding:1rem}
.site-header{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1rem}
.logo img{height:44px}
.main-nav a{margin:0 0.6rem;color:var(--muted);text-decoration:none}
.nav-toggle{display:none;background:transparent;border:0;font-size:1.2rem}
.hero{padding:2rem 0;background:linear-gradient(90deg,rgba(255,64,129,0.06),rgba(0,200,180,0.03));overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:center}
.hero h1{font-size:1.8rem;margin:0 0 0.5rem}
.lead{color:var(--muted);margin-bottom:1rem}
.hero-image{width:100%;height:260px;object-fit:cover;border-radius:var(--radius);box-shadow:0 6px 20px rgba(0,0,0,0.06)}
.btn{display:inline-block;padding:0.6rem 1rem;border-radius:8px;text-decoration:none;color:#fff;background:var(--muted);transition:transform .18s,box-shadow .18s}
.btn.primary{background:var(--primary)}
.btn.ghost{background:transparent;color:var(--primary);border:1px solid rgba(0,0,0,0.06)}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.08)}
.section{padding:2rem 0}
.alt{background:#fff;border-radius:12px;padding:1.4rem;margin:1.2rem 0}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}
.card{background:#fff;padding:1rem;border-radius:var(--radius);box-shadow:0 6px 18px rgba(0,0,0,0.04);text-align:center}
.card img{width:100%;height:140px;object-fit:cover;border-radius:8px}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.product{background:#fff;padding:1rem;border-radius:10px;text-align:center;box-shadow:0 8px 24px rgba(0,0,0,0.04)}
.product img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.price{color:var(--primary);font-weight:700;margin-top:0.4rem}
.news-item{background:#fff;padding:1rem;border-radius:10px;margin:0.8rem 0;box-shadow:0 6px 18px rgba(0,0,0,0.03)}
.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:2rem 0}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.team-member img{width:100%;height:160px;object-fit:cover;border-radius:8px}
.contact-form{display:grid;gap:0.6rem;max-width:540px;margin-bottom:1rem}
.contact-form input,.contact-form textarea{padding:0.6rem;border-radius:8px;border:1px solid #e6e6e6}
.controls{display:flex;gap:0.6rem;align-items:center;margin:1rem 0}
#search{flex:1;padding:0.4rem;border-radius:6px;border:1px solid #eaeaea}
.product-item{background:#fff;padding:0.8rem;border-radius:8px;text-align:center;box-shadow:0 6px 16px rgba(0,0,0,0.04)}
.product-item img{width:100%;height:140px;object-fit:cover;border-radius:6px}
.team-member,.product-item{transition:transform .18s}
.team-member:hover,.product-item:hover{transform:translateY(-6px)}
/* Responsive */
@media(max-width:900px){
	.hero-inner{grid-template-columns:1fr}
	.features{grid-template-columns:1fr}
	.product-grid{grid-template-columns:repeat(2,1fr)}
	.team-grid{grid-template-columns:repeat(2,1fr)}
	.nav-toggle{display:block}
	.main-nav{display:none}
	.header-inner{gap:1rem}
}
@media(max-width:560px){
	.product-grid{grid-template-columns:1fr}
	.team-grid{grid-template-columns:1fr}
}

/* Smooth in-view animation */
.fade-in{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s ease}
.fade-in.show{opacity:1;transform:none}