*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1c2333;background:#f6f7fb;line-height:1.55}
a{color:#2457d6}header{background:#0f2a5c;color:#fff}header .w{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}header a{color:#fff;text-decoration:none;margin-left:18px}.logo{font-weight:800;font-size:20px;margin:0}
.w{max-width:1100px;margin:auto;padding:0 20px}.hero{background:linear-gradient(135deg,#0f2a5c,#2457d6);color:#fff;padding:50px 0 60px}.hero h1{font-size:38px;margin:0 0 10px}
.ctl{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}input,select{padding:12px;border-radius:8px;border:1px solid #ccd;font-size:16px}#q{flex:1;min-width:260px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:18px;margin:28px 0}.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 3px #0001;text-decoration:none;color:inherit;display:block}.card:hover{box-shadow:0 4px 14px #0002}
.card h3{margin:6px 0;font-size:18px}.tag{display:inline-block;font-size:12px;background:#e8eefc;color:#2457d6;border-radius:20px;padding:2px 10px;margin-right:5px}.tag.d{background:#e7f6ec;color:#17803d}
.spon{background:#fff8e1;border:1px dashed #e0a800;border-radius:12px;padding:14px;margin-top:24px}.box{background:#fff;border-radius:12px;padding:24px;margin:24px 0;box-shadow:0 1px 3px #0001}
.news{background:#0f2a5c;color:#fff;border-radius:12px;padding:24px;margin:30px 0}.news button,.btn{background:#ffb703;border:0;padding:12px 18px;border-radius:8px;font-weight:700;cursor:pointer}
footer{color:#667;font-size:14px;padding:30px 0}.price{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}