.band.photo{background-image:url(../../img/t/hoian.webp)}
.feat{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
@media (max-width:820px){.feat{grid-template-columns:1fr}}
.feat .pic{min-height:260px;background:var(--line) center/cover no-repeat}
.feat .b{padding:22px 22px 22px 0;display:grid;gap:8px;align-content:center}
@media (max-width:820px){.feat .b{padding:0 20px 20px}}
.feat h2{font-size:24px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.posts{grid-template-columns:1fr}}
.post .pic{aspect-ratio:16/10;border-radius:var(--r);background:var(--line) center/cover no-repeat}
.post time,.feat time{font-size:12.5px;color:var(--muted)}
.post h3{font-size:16.5px;font-weight:600;margin-top:6px}
.post p{color:var(--muted);font-size:14px;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:28px 0 18px}
.tools .search{max-width:320px}

.seg .segl{padding:8px 14px;border-radius:9px;font-weight:600;color:var(--muted)}
.seg .segl[aria-current="true"]{background:var(--blue);color:#fff}
.tools form{flex:0 1 320px}