* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Segoe UI', 'Microsoft YaHei', sans-serif; line-height:1.6; color:#333; background:#f5f7fa; }
header { background:linear-gradient(135deg,#1273eb,#16c5d6); color:#fff; text-align:center; padding:3rem 1rem; }
header h1 { font-size:2.5rem; margin-bottom:0.3rem; }
header p { font-size:1.1rem; opacity:0.9; }
nav { background:#0c4ea0; text-align:center; padding:0.8rem; position:sticky; top:0; z-index:100; }
nav a { color:#fff; text-decoration:none; margin:0 1.2rem; font-size:1.05rem; font-weight:500; transition:color 0.3s; }
nav a:hover { color:#16c5d6; }
section { max-width:1200px; margin:2rem auto; padding:1.5rem 2rem; background:#fff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.06); }
.banner { background:linear-gradient(135deg,#eef5ff,#e6fbfc); text-align:center; color:#0c4ea0; }
.banner h2 { font-size:2rem; margin-bottom:0.5rem; }
h2 { color:#0c4ea0; margin-bottom:1.2rem; font-size:1.8rem; border-left:5px solid #1273eb; padding-left:0.8rem; }
.product-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.product-card { border:1px solid #e0e6ed; border-radius:10px; padding:1.2rem; background:#fff; transition:transform 0.2s, box-shadow 0.2s; }
.product-card:hover { transform:translateY(-4px); box-shadow:0 8px 24px rgba(18,115,235,0.12); }
.product-card h3 { color:#1273eb; margin-bottom:0.5rem; font-size:1.2rem; }
.product-card p { color:#666; font-size:0.95rem; margin-bottom:0.8rem; }
.spec { width:100%; border-collapse:collapse; font-size:0.9rem; margin-top:0.5rem; }
.spec td { padding:0.4rem 0.3rem; border-bottom:1px dashed #dde3ea; }
.spec td:first-child { color:#888; width:45%; }
.spec td:last-child { color:#333; }
footer { text-align:center; padding:1.5rem; background:#0c4ea0; color:#fff; margin-top:2rem; }
footer p { margin-bottom:0.3rem; }
.icp { font-size:0.8rem; opacity:0.7; }