.RecommendItem{width:244px}@media (width<=768px){.RecommendItem{width:100%;padding:16px 0;display:flex}.RecommendItem+.RecommendItem{border-top:1px solid var(--main-black-08)}}@media (hover:hover){.RecommendItem:hover .RecommendItem__image{transform:scale(1.02)}}.RecommendItem__image{-o-object-fit:cover;cursor:pointer;aspect-ratio:1;object-fit:cover;background:var(--main-black-04);border-radius:10px;width:244px;height:244px;margin-bottom:12px;transition:transform .2s;display:block}.RecommendItem__cover{border-radius:10px;flex-shrink:0;position:relative}.RecommendItem__badge{color:#000;pointer-events:none;background:#ffffffeb;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:500;line-height:18px;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #0000001f}@media (width<=768px){.RecommendItem__image{width:120px;height:120px;margin-bottom:0;margin-right:16px}.RecommendItem__badge{padding:2px 8px;font-size:11px;line-height:16px;top:6px;left:6px}}.RecommendItem__title{word-break:break-word;margin-bottom:12px;font-size:18px;font-weight:500;line-height:24px}@media (width<=768px){.RecommendItem__title{font-size:16px;line-height:20px}.RecommendItem__views-count{font-size:14px;line-height:18px}}.RecommendItem__stats,.RecommendItem__views{align-items:center;display:flex}.RecommendItem__user{margin-right:16px}.RecommendItem__views{cursor:pointer}.RecommendItem__views-count{margin-left:6px}.RecommendSkeleton{width:244px}@media (width<=768px){.RecommendSkeleton{width:100%;padding:16px 0;display:flex}.RecommendSkeleton+.RecommendSkeleton{border-top:1px solid var(--main-black-08)}}.RecommendSkeleton__image,.RecommendSkeleton__line{background:linear-gradient(90deg,var(--main-black-04) 25%,var(--main-black-08) 50%,var(--main-black-04) 75%);background-size:200% 100%;border-radius:10px;animation:1.4s ease-in-out infinite RecommendSkeleton-shine}.RecommendSkeleton__image{width:244px;height:244px;margin-bottom:12px}@media (width<=768px){.RecommendSkeleton__image{flex-shrink:0;width:120px;height:120px;margin:0 16px 0 0}}.RecommendSkeleton__bottom{flex-grow:1}.RecommendSkeleton__line{border-radius:6px;height:18px;margin-bottom:8px}.RecommendSkeleton__line--short{width:60%}.RecommendSkeleton__line--stats{width:40%;height:14px;margin-top:12px}@media (prefers-reduced-motion:reduce){.RecommendSkeleton__image,.RecommendSkeleton__line{animation:none}}@keyframes RecommendSkeleton-shine{0%{background-position:100% 0}to{background-position:-100% 0}}
