*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#f4f6f9;color:#1a202c;line-height:1.6}
.w{max-width:1100px;margin:0 auto;padding:0 16px}.hd{background:#0f172a;padding:16px 0}.hd a{color:#fff;font-weight:800;font-size:20px;text-decoration:none}
main{max-width:1100px;margin:0 auto;padding:18px 16px}h1{font-size:24px;margin:.3em 0}h2{font-size:19px;margin:1.6em 0 .5em}h3{font-size:16px;margin:1em 0 .2em}
.fil{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.fil a,.pg a{padding:7px 14px;border-radius:20px;background:#fff;border:1px solid #e2e8f0;text-decoration:none;color:#475569;font-size:14px;font-weight:600}
.fil a.on,.pg a.on{background:#2563eb;color:#fff;border-color:#2563eb}form{margin:10px 0}input{padding:8px 12px;border:1px solid #cbd5e1;border-radius:8px}button{padding:8px 16px;border:0;border-radius:8px;background:#2563eb;color:#fff}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06);text-decoration:none;color:inherit}
.card img{width:100%;height:170px;object-fit:cover;background:#e2e8f0}.card .b{padding:12px}.card .m{font-weight:800}.card .s{color:#64748b;font-size:13px}.card .p{color:#dc2626;font-weight:900;font-size:18px}
.pg{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0}table{border-collapse:collapse;background:#fff;width:100%;max-width:640px}th,td{border:1px solid #e2e8f0;padding:8px 12px;text-align:left}th{background:#f1f5f9;width:30%}
.ph{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.ph img{width:100%;border-radius:8px}.ft{background:#0f172a;color:#cbd5e1;padding:20px 0;margin-top:30px;font-size:13px}