#recommendations{margin:8px 8px 12px;border:1px solid #d9d9d9;border-radius:11px;background:#fff;overflow:hidden;color:#333;font:18px Arial,"Microsoft YaHei",sans-serif;text-align:left}#recommendations .recommend-header{display:flex;height:49px;border-bottom:1px solid #eee;align-items:stretch}#recommendations h2{display:flex;align-items:center;gap:7px;flex:none;font:700 18px Arial,"Microsoft YaHei",sans-serif;margin:0;padding:0 10px;background:#f3f3f3;border-right:1px solid #ddd;white-space:nowrap}.recommend-like{width:25px;height:27px;background:#888;mask:url(icons/thumbs-up.svg) center/contain no-repeat;-webkit-mask:url(icons/thumbs-up.svg) center/contain no-repeat}#recommend-tabs{display:flex;flex:1;min-width:0;overflow:auto;scrollbar-width:none;align-items:stretch}#recommend-tabs::-webkit-scrollbar{display:none}#recommend-tabs button{position:relative;flex:none;border:0;background:transparent;color:#666;font:18px Arial,"Microsoft YaHei",sans-serif;padding:0 8px;white-space:nowrap;cursor:pointer}#recommend-tabs button[aria-selected=true]{color:#1678ff;font-weight:700}#recommend-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:8px;right:8px;height:4px;border-radius:3px;background:#1678ff}#recommend-tabs button:focus-visible,#recommend-more:focus-visible{outline:2px solid #333;outline-offset:-3px}#recommend-more{display:flex;align-items:center;gap:5px;flex:none;background:#1678ff;color:#fff;border:0;padding:0 12px;font:700 18px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}.recommend-chevron{width:8px;height:14px;background:#fff;mask:url(icons/chevron-right.svg) center/contain no-repeat;-webkit-mask:url(icons/chevron-right.svg) center/contain no-repeat}#recommend-status{margin:0;padding:5px 12px;font-size:12px;color:#999}#recommend-status[hidden]{display:none}#recommend-list{padding:0 12px}.recommend-row{display:flex;align-items:center;gap:9px;height:51px;border-bottom:1px solid #eee}.recommend-row:last-child{border-bottom:0}.recommend-avatar{flex:0 0 42px;height:42px;background:#eee;mask:url(icons/circle-user.svg) center/contain no-repeat;-webkit-mask:url(icons/circle-user.svg) center/contain no-repeat}.recommend-name{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:40%}.recommend-title{margin-left:auto;font-size:14px;font-weight:600;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.recommend-stats{margin-left:auto;display:flex;align-items:baseline;gap:2px;white-space:nowrap}.recommend-muted{font-size:14px;color:#999}.recommend-stats em{color:#e00000;font-size:23px;font-style:normal}.recommend-rank{position:relative;flex:0 0 24px;height:33px;color:#d99c32}.recommend-rank:before{content:"";position:absolute;inset:0;background:currentColor;mask:url(icons/medal.svg) center/contain no-repeat;-webkit-mask:url(icons/medal.svg) center/contain no-repeat}.recommend-rank b{position:absolute;top:11px;left:0;width:24px;text-align:center;font:700 11px Arial;color:#fff}.recommend-rank.rank-1{color:#8d9bc3}.recommend-rank.rank-2{color:#b59078}.recommend-empty{text-align:center;font-size:14px;color:#999;padding:24px 0;margin:0}#recommendations.recommend-expanded .recommend-header{height:auto;min-height:49px;flex-wrap:wrap}#recommendations.recommend-expanded #recommend-tabs{order:3;flex:0 0 100%;flex-wrap:wrap;padding:5px 0}#recommendations.recommend-expanded #recommend-tabs button{height:40px}#recommendations.recommend-expanded #recommend-more{margin-left:auto;min-height:49px}#recommendations.recommend-expanded .recommend-chevron{transform:rotate(90deg)}@media(max-width:480px){#recommendations h2{font-size:16px;padding:0 7px;gap:5px}.recommend-like{width:22px;height:24px}#recommend-more{font-size:16px;padding:0 9px}#recommend-tabs button{font-size:16px}.recommend-name{font-size:16px;max-width:42%}.recommend-title{font-size:12px}#recommend-list{padding:0 10px}}
#recommendations .recommend-name{font-weight:400}

.recommend-score{display:inline-flex;align-items:baseline;gap:1px;margin-right:7px}.recommend-stats{flex-shrink:0}
@media(max-width:480px){#recommendations[data-type]:not([data-type="0"]) .recommend-name{flex:1;min-width:0;max-width:none}.recommend-stats .recommend-muted{font-size:12px}.recommend-score{margin-right:3px}.recommend-stats em{font-size:21px}}

#recommend-tabs{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;user-select:none;cursor:grab}#recommend-tabs.is-dragging,#recommend-tabs.is-dragging button{cursor:grabbing}.recommend-avatar{position:relative;mask:none;-webkit-mask:none;background:transparent;border-radius:50%;overflow:hidden}.recommend-avatar:before{content:"";position:absolute;inset:0;background:#eee;mask:url(icons/circle-user.svg) center/contain no-repeat;-webkit-mask:url(icons/circle-user.svg) center/contain no-repeat}.recommend-avatar img{position:relative;display:block;width:42px;height:42px;object-fit:cover;border-radius:50%}.recommend-avatar.has-image:before{display:none}

.recommend-rank.rank-other:before{display:none}.recommend-rank.rank-other b{color:#999;font-size:14px;top:9px}