.discover-recommend-sub-tab .recommend-sub-tab-chips{gap:8px;padding:6px 8px 8px;display:flex}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item{background:linear-gradient(#000000bf,#000000bf),#d3d3d3 0 -84.012px/100% 388.776% no-repeat;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:127px;height:54px;display:flex;position:relative;overflow:hidden}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item:after{content:"";background:#000000bf;width:100%;height:100%;display:block;position:absolute}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item.selected{background:linear-gradient(#0000001a,#0000001a),#d3d3d3 -7.75px -52.92px/132.677% 224.667% no-repeat}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item.selected .tab-chips-label{color:#dfe0e6}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item.selected:after{display:none}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item .tab-chips-image{background-color:#40414a;width:100%;position:absolute}.discover-recommend-sub-tab .recommend-sub-tab-chips .tab-chips-item .tab-chips-label{color:#fff;text-shadow:0 0 4px #00000080;white-space:pre;z-index:1;font-size:14px;font-weight:600;position:relative}
.discover[data-scroll-direction=down] .discover-recommend-tab{transition:transform .3s ease-in;transform:translateY(0)}.discover[data-scroll-direction=up] .discover-recommend-tab{transition:transform .3s ease-in;transform:translateY(44px)}.discover-recommend-tab{z-index:1000;background-color:#0e1011;width:100%;position:sticky;top:0}.discover-recommend-tab .recommend-tab{padding-right:40px;position:relative}.discover-recommend-tab .recommend-tab .recommend-tab-chips{gap:20px;padding:5px 12px;display:flex;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000)}.discover-recommend-tab .recommend-tab .recommend-tab-chips .tab-chips-item{box-sizing:content-box;color:#dfe0e6;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;width:fit-content;height:26px;padding:4px 0;display:flex}.discover-recommend-tab .recommend-tab .recommend-tab-chips .tab-chips-item .tab-chips-icon{width:16px;height:16px}.discover-recommend-tab .recommend-tab .recommend-tab-chips .tab-chips-item .tab-chips-icon img{width:100%;height:100%}.discover-recommend-tab .recommend-tab .recommend-tab-chips .indicator{transform-origin:0;height:2px;width:calc(var(--w)*1px);will-change:transform,width;background-color:#eff0f4;position:absolute;bottom:7px;left:0;transform:translateX(var(--x))!important;transition:transform .4s cubic-bezier(.4,0,.2,1) .15s,width .4s cubic-bezier(.4,0,.2,1) .15s!important}.discover-recommend-tab .recommend-tab .category-link{box-sizing:content-box;color:#fff;text-align:left;width:24px;height:24px;padding:2px 10px 2px 6px;position:absolute;top:7px;right:0}.discover-recommend-tab .recommend-tab .category-link .category-icon{fill:#9a9a9e}@keyframes fadeInDown{0%{opacity:0;top:0}to{opacity:1;top:44px}}
.content-live-card{white-space:nowrap;flex-direction:column;gap:10px;width:100%;display:flex}.content-live-card .content-live-card-video{aspect-ratio:183/300;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.content-live-card .content-live-card-video .video-filter{z-index:2;background-color:#0000;background-image:linear-gradient(#00000059 0,#0000 60px),linear-gradient(0deg,#00000073 0,#0000 80px);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;top:0;left:0;overflow:hidden;transform:translate(-1px,-1px)}.content-live-card .content-live-card-video .video-empty{z-index:0;background:linear-gradient(#212121,#212121),linear-gradient(#0000 58.02%,#000),linear-gradient(#000000b8 9.73%,#0000 31.44%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content-live-card .content-live-card-video .video-empty-img{width:66px;height:39px}.content-live-card .content-live-card-video .video-poster{aspect-ratio:183/300;object-fit:cover;opacity:1;z-index:2;background-position:50%;background-size:cover;border-radius:8px;width:100%;transition:opacity .5s linear;position:absolute;top:0;left:0}.content-live-card .content-live-card-video .video-poster[data-visibility=hidden]{opacity:0}.content-live-card .content-live-card-video>.video{aspect-ratio:183/300;object-fit:cover;opacity:1;z-index:1;background-color:#000;border-radius:8px;width:100%;transition:opacity .5s linear}.content-live-card .content-live-card-video>.video[data-visibility=hidden]{opacity:0}.content-live-card .content-live-card-video .video-header{z-index:3;align-items:center;gap:4px;width:100%;padding:10px 10px 14px;display:flex;position:absolute;top:0;left:0}.content-live-card .content-live-card-video .video-header .card-icon{flex-shrink:0;width:20px;height:20px}.content-live-card .content-live-card-video .video-header .card-title{color:#fff;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:700;display:-webkit-box;overflow:hidden}.content-live-card .content-live-card-video .ad-icon{color:#fff;opacity:.4;z-index:3;width:15px;height:8px;position:absolute;top:12px;right:10px}.content-live-card .content-live-card-video .ad-icon-button{z-index:3;align-items:center;gap:2px;padding:12px 10px;display:flex;position:absolute;top:0;right:0}.content-live-card .content-live-card-video .ad-icon-button .ad-icon{width:13px;height:7px;position:static}.content-live-card .content-live-card-video .ad-icon-button .ad-arrow{color:#fff;opacity:.4;width:3.6px;height:6.375px}.content-live-card .content-live-card-video .video-bottom{z-index:3;flex-direction:column;gap:13px;width:100%;padding:8px;display:flex;position:absolute;bottom:0}.content-live-card .content-live-card-video .video-bottom .video-title{color:#fff;text-shadow:0 0 4px #0000001a;-webkit-line-clamp:2;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.content-live-card .content-live-card-video .video-bottom .gripper-info{cursor:pointer;align-items:center;gap:6px;width:100%;display:flex;position:relative;bottom:5px}.content-live-card .content-live-card-video .video-bottom .gripper-info .gripper-name{color:#fff;text-shadow:0 0 2px #00000040;-webkit-line-clamp:1;white-space:pre-line;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:500;display:-webkit-box;overflow:hidden}.content-live-card .content-live-card-video .video-bottom .gripper-info .avatar{flex-shrink:0}.content-live-card .content-live-card-video .video-bottom .gripper-info .follow-button{margin-left:auto;position:relative;right:0}