body{font-family:Arial;margin:0;background:#f7fbff}header{background:#6a5acd;color:#fff;padding:20px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:16px}.card{background:#fff;border-radius:14px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.1);text-decoration:none;color:#222}.cover{height:120px;border-radius:10px;background:linear-gradient(135deg,#ffcc70,#ff6b6b);display:flex;align-items:center;justify-content:center;font-size:44px}.btn{display:inline-block;background:#2563eb;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;margin-top:8px}.cat{font-size:12px;color:#666}