.e4h{max-width:min(1120px,92vw);margin:24px auto}
.e4h-hero{background:#fafafa;border:1px solid #eee;border-radius:16px;padding:18px 20px;margin-bottom:18px}
.e4h-hero h1{margin:0 0 6px 0}
.e4h-form{display:flex;gap:8px;margin-top:10px}
.e4h-form input[type="search"]{flex:1;padding:12px 14px;border:1px solid #ddd;border-radius:12px}
.e4h-form button{padding:12px 16px;border:0;background:#f28c1a;color:#fff;border-radius:12px;cursor:pointer}
.e4h-section{margin:16px 0}
.e4h-suggest{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.e4h-suggest li a{display:flex;align-items:center;gap:10px;border:1px solid #eee;border-radius:12px;padding:8px 10px;background:#fff}
.e4h-thumb{display:block;width:48px;height:48px;border-radius:10px;overflow:hidden}
.e4h-thumb img{width:100%,height:100%,object-fit:cover,display:block}
.e4h-title{font-weight:600}
.e4h-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:12px}
.e4h-col{border:1px solid #eee;border-radius:16px;padding:14px 16px;background:#fff}
.e4h-recent{list-style:disc;padding-inline-start:18px;margin:0}
.e4h-cats{display:flex;flex-wrap:wrap;gap:8px}
.e4h-chip{display:inline-block;padding:6px 10px;border:1px solid #eee;border-radius:999px;background:#fafafa}
.e4h-btn{display:inline-block;padding:10px 12px;background:#1b5cff;color:#fff;border-radius:10px;text-decoration:none}
@media (max-width: 900px){
  .e4h-suggest{grid-template-columns:1fr}
  .e4h-grid{grid-template-columns:1fr}
}