*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;background:#f5f6f8;line-height:1.6}a{color:inherit}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}
.top{background:#111827;color:#fff}.top .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;gap:12px}.logo{font-weight:800;font-size:1.3rem;text-decoration:none}.top nav a{margin-left:16px;text-decoration:none;opacity:.85;font-size:.95rem}.top nav a:hover{opacity:1}
main{padding:28px 16px 40px}.sec{font-size:1.2rem;border-left:4px solid #dc2626;padding-left:10px;margin:32px 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{display:block;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .15s}.card:hover{transform:translateY(-3px)}
.thumb{height:150px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.4rem;letter-spacing:.5px}.cb{padding:14px 16px 18px}.cb h3{margin:6px 0;font-size:1.08rem;line-height:1.35}.cb p{margin:0;color:#6b7280;font-size:.93rem}
.hero .thumb{height:240px;font-size:2rem}.hero .cb h3{font-size:1.5rem}.tag{display:inline-block;font-size:.72rem;text-transform:uppercase;font-weight:700;color:#dc2626;letter-spacing:.6px}
article{background:#fff;border-radius:10px;padding:28px;max-width:760px;margin:0 auto;box-shadow:0 1px 3px rgba(0,0,0,.08)}article h1{font-size:1.9rem;line-height:1.25;margin:8px 0}.lead{font-size:1.1rem;color:#4b5563}.meta{font-size:.85rem;color:#9ca3af}.banner{height:220px;border-radius:8px;margin:18px 0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:700}article h2{font-size:1.15rem;margin-top:24px}
form{display:grid;gap:12px;margin-top:16px}label{display:grid;gap:4px;font-size:.9rem;font-weight:600}input,textarea{font:inherit;padding:10px;border:1px solid #d1d5db;border-radius:6px}button{background:#dc2626;color:#fff;border:0;padding:12px;border-radius:6px;font-weight:700;cursor:pointer}
footer{background:#111827;color:#9ca3af;font-size:.88rem;padding:24px 0;text-align:center}footer p{margin:4px 0}
@media(max-width:600px){.top nav a{margin-left:10px;font-size:.85rem}article{padding:20px}article h1{font-size:1.5rem}.hero .thumb{height:170px}}