.streamer-item{align-items:center;aspect-ratio:255/337;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative}@keyframes breathe{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.streamer-item .breathe-cover{animation:breathe 2s infinite;background:rgba(var(--background-hover-rgb),1);top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.streamer-item .streamer-item-cover,.streamer-item .streamer-item-live{height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;transition:transform .2s ease;width:100%}.streamer-item .streamer-item-live{opacity:0;transition:transform .2s ease,opacity .18s ease}.streamer-item .streamer-item-live.previewing{opacity:1}.streamer-item .streamer-item-live player .ui_sprite_pause,.streamer-item .streamer-item-live player .ui_sprite_play,.streamer-item .streamer-item-live player .ui_sprite_replay,.streamer-item .streamer-item-live player a.button[type=play],.streamer-item .streamer-item-live player layer.spritesheet{display:none!important;opacity:0!important;visibility:hidden!important}.streamer-item .streamer-item-mask{align-items:center;background:linear-gradient(180deg,rgba(14,11,20,.08),rgba(14,11,20,.18) 40%,rgba(14,11,20,.74));display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute}.streamer-item .streamer-item-mask.previewing .streamer-item-enter{opacity:1;transform:scale(1)}.streamer-item .streamer-item-enter{align-items:center;display:flex;justify-content:center;opacity:0;transform:scale(1.08);transition:all .2s ease}.streamer-item .streamer-item-enter-btn{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.2);border:1px solid hsla(0,0%,100%,.4);border-radius:20px;box-shadow:inset 0 1px rgba(255,255,255,.2),0 14px 32px rgba(24,12,39,.18);color:rgba(var(--white-rgb),1);display:inline-flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;line-height:1;min-height:48px;padding:12px 24px;white-space:nowrap}.streamer-item .streamer-item-enter-btn svg{height:22px;width:22px}.streamer-item:hover .streamer-item-cover,.streamer-item:hover .streamer-item-live{transform:scale(1.05)}.streamer-item:hover .streamer-item-enter{opacity:1;transform:scale(1)}.streamer-item .follow-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:600;height:28px;left:12px;padding:0 10px;position:absolute;top:12px;z-index:3}.streamer-item .follow-chip.dark{background:rgba(var(--black-rgb),.48);color:rgba(var(--white-rgb),.92)}.streamer-item .follow-chip.light{background:rgba(var(--white-rgb),.9);color:rgba(var(--black-rgb),.78)}.streamer-item .streamer-item-label{align-items:end;background:rgba(var(--black-rgb),.3);border-radius:6px;color:rgba(var(--white-rgb),1);display:inline-flex;gap:2px;padding:4px 6px 4px 4px;position:absolute;right:12px;top:12px;z-index:3}.streamer-item .streamer-item-label .streamer-item-label-img{height:16px;width:16px}.streamer-item .streamer-item-label .streamer-item-label-text{font-size:12px;font-style:italic;font-weight:600}.streamer-item .streamer-item-info{bottom:0;color:rgba(var(--white-rgb),1);left:0;padding:16px;position:absolute;right:0;width:100%}.streamer-item .streamer-item-title{color:rgba(var(--white-rgb),.86);font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-item .streamer-item-user{align-items:center;display:flex;gap:10px;margin-top:12px}.streamer-item .streamer-item-user-avatar{border-radius:50%;flex-shrink:0;height:36px;width:36px}.streamer-item .streamer-item-user-meta{min-width:0}.streamer-item .streamer-item-user-name{font-size:16px;font-weight:700;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-item .streamer-item-user-watch-number{align-items:center;color:rgba(var(--white-rgb),.76);display:flex;font-size:12px;gap:4px;line-height:1;margin-top:4px}@media (max-width:768px){.streamer-item .streamer-item-enter{display:none}}