/* Han Inline List v1.1.0 */
.hil{
  --hil-gap:28px; --hil-cols:4; --hil-cols-t:3; --hil-cols-m:1;
  --hil-thumb:68px; --hil-thumb-m:54px;
  --hil-title:20px; --hil-title-m:18px; --hil-title-w:800;
  --hil-title-color:#0e141b; --hil-meta:#5e6b7a;
  --hil-clamp:2;
  display:grid; gap:var(--hil-gap); grid-template-columns:repeat(var(--hil-cols),1fr);
}
@media (max-width:1024px){ .hil{ grid-template-columns:repeat(var(--hil-cols-t),1fr);} }
@media (max-width:767px){ .hil{ grid-template-columns:repeat(var(--hil-cols-m),1fr);} }

.hil__item{ display:flex; gap:14px; align-items:flex-start; min-width:0; }
.hil__thumb{ width:var(--hil-thumb); height:var(--hil-thumb); border-radius:999px; background-image:var(--hil-bg); background-size:cover; background-position:center; flex:0 0 auto; box-shadow:0 4px 18px rgba(0,0,0,.12); }
@media (max-width:767px){ .hil__thumb{ width:var(--hil-thumb-m); height:var(--hil-thumb-m);} }

.hil__text{ min-width:0; }
.hil__title{ font-size:var(--hil-title); line-height:1.25; font-weight:var(--hil-title-w); margin:0 0 6px; color:var(--hil-title-color); display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: var(--hil-clamp); overflow:hidden; }
@media (max-width:767px){ .hil__title{ font-size:var(--hil-title-m);} }
.hil__title a{ color:inherit; text-decoration:none; }
.hil__title a:hover{ text-decoration:underline; text-underline-offset:2px; }

.hil__meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:var(--hil-meta); font-size:14px; }
.hil__meta i{ opacity:.9; margin-right:4px; }
.hil__sep{ opacity:.6; }

@media (max-width:767px){
  .hil[data-hide-meta-m="1"] .hil__meta{ display:none; }
}

html[data-han-dark="1"] .hil__title{ color:#f2f5f8; }
html[data-han-dark="1"] .hil__meta{ color:#9fb0c3; }