.ranking-empty-component{flex-grow:1;display:flex}
.ranking-other-component{align-items:center;gap:10px;height:80px;padding-block:8px;display:flex}.ranking-other-component>.rank{font-variant-numeric:tabular-nums;color:#fff;padding-inline:5px;font-size:16px;font-weight:600}.ranking-other-component>.avatar{cursor:pointer}.ranking-other-component>.info{flex-direction:column;gap:6px;display:flex}.ranking-other-component>.info>.name{align-items:center;gap:4px;display:flex}.ranking-other-component>.info>.name>span{color:#fff;font-size:15px;font-weight:600}.ranking-other-component>.info>.name>img{flex-shrink:0;width:12px;height:12px}.ranking-other-component>.info>.category{color:#aeaeb2;font-size:12px;font-weight:400}
.ranking-top-component{gap:9px;margin-bottom:12px;display:flex}.ranking-top-component>.top-item{border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:20px 6px 16px;display:flex;position:relative}.ranking-top-component>.top-item:first-of-type{background:linear-gradient(100deg,#d67c0133 50.21%,#f9efc333 100%)}.ranking-top-component>.top-item:nth-of-type(2){background:linear-gradient(100deg,#5996be33 50.21%,#cbe7f833 100%)}.ranking-top-component>.top-item:last-of-type{background:linear-gradient(100deg,#be745933 50.21%,#f8e1cb33 100%)}.ranking-top-component>.top-item>.rank{z-index:1;height:21px;position:absolute;top:12px;left:5px}.ranking-top-component>.top-item>.avatar{cursor:pointer;width:100%}.ranking-top-component>.top-item>.name{align-items:center;gap:2px;margin-top:6px;display:flex}.ranking-top-component>.top-item>.name>span{-webkit-line-clamp:1;word-break:break-word;white-space:pre-line;color:#eff0f4;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:135%;display:-webkit-box;overflow:hidden}.ranking-top-component>.top-item>.name>img{flex-shrink:0;width:12px;height:12px}.ranking-top-component>.top-item>.category{color:#ffffff80;margin-top:3px;font-size:12px;font-weight:400;line-height:135%}
.discover-recommend-tab{background-color:#0e1011;width:100%}.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 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 16px calc(100% - 16px),#0000 100%)}.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{width:calc(var(--w)*1px);transform-origin:0;will-change:transform,width;background-color:#eff0f4;height:2px;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}}