.hn-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.hn-title{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.28)}.hn-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:rgba(255,255,255,.4)}.hn-online{color:rgba(255,255,255,.55)}.hn-online:before{content:"·";margin-right:6px;color:rgba(255,255,255,.3)}.hn-dot{width:6px;height:6px;border-radius:50%;background:var(--uc-green);animation:hn-pulse 2.4s infinite}@keyframes hn-pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.45)}70%{box-shadow:0 0 0 7px rgba(34,197,94,0)}to{box-shadow:0 0 0 0 rgba(34,197,94,0)}}.hn-rows{--hn-gap:10px;display:grid;gap:var(--hn-gap)}.hn-tile{position:relative;cursor:pointer;aspect-ratio:16/1.55}.hn-tile:hover{z-index:5}.hn-tile-inner{position:absolute;left:0;right:0;top:0;height:100%;overflow:hidden;border:1px solid var(--uc-border);border-radius:var(--uc-radius);background:var(--uc-bg);opacity:1;transition:opacity .5s ease,height .22s ease,border-color .15s,box-shadow .2s}.hn-tile.hn-up .hn-tile-inner{top:auto;bottom:0}.hn-tile:hover .hn-tile-inner{height:calc(200% + var(--hn-gap));border-color:var(--uc-border-hover);box-shadow:0 10px 30px rgba(0,0,0,.45)}.hn-tile.is-swapping .hn-tile-inner{opacity:0}.hn-photo{position:absolute;inset:0}.hn-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s}.hn-tile:hover .hn-photo img{transform:scale(1.05)}.hn-shade{background:linear-gradient(100deg,rgba(9,9,14,.96) 30%,rgba(9,9,14,.72) 58%,rgba(9,9,14,0) 92%)}.hn-shade,.hn-tbody{position:absolute;inset:0}.hn-tbody{gap:11px;padding:0 14px}.hn-ava,.hn-tbody{display:flex;align-items:center}.hn-ava{width:30px;height:30px;z-index:2;border-radius:9px;flex-shrink:0;justify-content:center;font-size:12px;font-weight:800;color:#fff;overflow:hidden}.hn-ava img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hn-mid{min-width:0;flex:1;z-index:2}.hn-line{font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--uc-text)}.hn-line b{font-weight:700}.hn-line span{color:rgba(255,255,255,.62)}.hn-meta{display:flex;align-items:center;gap:9px;margin-top:4px}.hn-car{font-family:var(--uc-mono);color:rgba(255,255,255,.42);overflow:hidden;text-overflow:ellipsis}.hn-car,.hn-read{font-size:10px;white-space:nowrap}.hn-read{display:inline-flex;align-items:center;gap:5px;color:rgba(255,255,255,.4);flex-shrink:0}.hn-read i{width:5px;height:5px;border-radius:50%;background:var(--uc-green);display:inline-block}.hn-tag{flex-shrink:0;z-index:2;align-self:flex-start;margin-top:12px;font-size:8.5px;font-weight:800;letter-spacing:.07em;padding:4px 8px;border-radius:var(--uc-badge-radius)}