*{box-sizing:border-box}html,body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#10234a;background:#f5f7fb}a{color:inherit}
.header{background:#fff;border-bottom:1px solid #e5e9f2;position:sticky;top:0;z-index:20}.nav{max-width:1200px;margin:auto;padding:14px 18px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}.brand img{width:46px;height:46px;object-fit:contain}.brand b{font-size:18px}.navlinks{display:flex;gap:22px;align-items:center}.navlinks a{text-decoration:none;font-weight:700}.cart{background:#0b4ca3;color:white;padding:10px 14px;border-radius:9px}
.wrap{max-width:1200px;margin:auto;padding:24px 18px}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;background:linear-gradient(135deg,#fff,#eef5ff);padding:30px;border-radius:18px;align-items:center}.hero img{width:100%;max-height:360px;object-fit:contain}.hero h1{font-size:36px;margin:0 0 12px}.hero p{font-size:17px;color:#4d5f7c;line-height:1.7}.btn{display:inline-block;background:#0b4ca3;color:#fff;border:0;border-radius:9px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer}.btn.secondary{background:#eef4ff;color:#0b4ca3}.section-title{margin:32px 0 14px}.cats{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#fff;border:1px solid #dce5f2;padding:9px 13px;border-radius:999px;text-decoration:none}.chip.active{background:#0b4ca3;color:#fff}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid #e4eaf3;border-radius:14px;overflow:hidden;box-shadow:0 4px 16px rgba(19,45,82,.05)}.card img{width:100%;height:220px;object-fit:cover;background:#fff}.card-body{padding:14px}.sku{font-size:12px;color:#6c7b92}.card h3{margin:7px 0;font-size:17px}.desc{font-size:13px;color:#5e6f88;line-height:1.55;height:64px;overflow:hidden}.price{font-weight:800;margin:10px 0}.row{display:flex;gap:10px;align-items:center}.qty{width:74px;padding:9px;border:1px solid #ccd6e4;border-radius:8px}
.product{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product img{width:100%;border-radius:14px;background:#fff}.panel{background:#fff;padding:22px;border-radius:14px}.spec{white-space:pre-wrap;line-height:1.8;color:#40526f}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{padding:12px;border-bottom:1px solid #e7ecf4;text-align:left}.field{margin:12px 0}.field label{display:block;margin-bottom:6px;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid #cad5e4;border-radius:8px;font-size:15px}.totalbox{background:#0e1d38;color:#fff;padding:18px;border-radius:14px;margin-top:18px}.footer{background:#0e2145;color:#fff;margin-top:40px;padding:30px 18px}.footer-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:2fr 1fr;gap:20px}.muted{color:#7a899f}.notice{background:#fff7e6;border:1px solid #ffe0a3;padding:12px;border-radius:8px}
.adminnav{background:#10234a;color:#fff;padding:12px 18px}.adminnav a{margin-right:18px;text-decoration:none}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}.hero,.product{grid-template-columns:1fr}.navlinks{display:none}.hero h1{font-size:27px}}
@media(max-width:560px){.wrap{padding:14px 10px}.grid{grid-template-columns:1fr}.card img{height:240px}.brand b{font-size:14px}.hero{padding:18px}.footer-inner{grid-template-columns:1fr}.table{font-size:13px}.table th,.table td{padding:8px}}