.skeleton-image[data-v-5225bce4]{position:relative;width:100%;height:100%;overflow:hidden;border-radius:inherit}.skeleton-image.circle .skeleton-placeholder[data-v-5225bce4],.skeleton-image.circle[data-v-5225bce4]{border-radius:50%}.skeleton-image img[data-v-5225bce4]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.skeleton-placeholder[data-v-5225bce4]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%;overflow:hidden;border-radius:inherit}.skeleton-shimmer[data-v-5225bce4]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer-5225bce4 1.5s infinite}@keyframes shimmer-5225bce4{0%{left:-100%}to{left:100%}}.skeleton-error[data-v-5225bce4]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#999}.skeleton-error i[data-v-5225bce4]{font-size:24px}.loaded .skeleton-placeholder[data-v-5225bce4]{opacity:0;transition:opacity .3s ease}h1[data-v-d8a12744]{text-align:left;width:-moz-fit-content;width:fit-content;padding:0 0 0 0;border-radius:32px}.home-warpper[data-v-d8a12744]{width:1480px;display:flex;flex-direction:column}.list-card[data-v-d8a12744]{margin:auto 0;min-height:300px;max-height:530px;height:530px}.ranking-row[data-v-d8a12744],.trending-row[data-v-d8a12744]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:min-content;align-content:start;gap:20px;padding:20px;height:100%;overflow:hidden auto}.cover-warpper[data-v-d8a12744]{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:auto;width:100%}.cover[data-v-d8a12744]{width:175px;height:175px;border-radius:20px;margin:auto;cursor:pointer;overflow:hidden;position:relative}.cover img[data-v-d8a12744]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .3s ease-in-out}.cover:hover img[data-v-d8a12744]{transform:scale(1.05)}.name[data-v-d8a12744]{text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;max-width:175px;padding:8px 0;font-size:14px}.ranking-row[data-v-d8a12744]::-webkit-scrollbar,.trending-row[data-v-d8a12744]::-webkit-scrollbar{width:8px;border-radius:10px}.ranking-row[data-v-d8a12744]::-webkit-scrollbar-thumb,.trending-row[data-v-d8a12744]::-webkit-scrollbar-thumb{border-radius:10px;background:hsla(0,0%,47.5%,.3)}.ranking-row[data-v-d8a12744]::-webkit-scrollbar-track,.trending-row[data-v-d8a12744]::-webkit-scrollbar-track{border-radius:10px}.load-more-section[data-v-d8a12744]{display:flex;justify-content:center;align-items:center;width:100%;min-height:200px;padding:20px;color:#666;grid-column:1/-1}.loading-spinner[data-v-d8a12744]{display:flex;align-items:center;gap:8px;font-size:14px}.loading-spinner i[data-v-d8a12744]{font-size:18px;color:#f6002e}.no-more[data-v-d8a12744]{display:flex;justify-content:center;width:100%;padding:15px;font-size:12px;color:#999}@media screen and (min-width:768px)and (max-width:1024px){.home-warpper[data-v-d8a12744]{width:100%;padding:0 10px}.ranking-row[data-v-d8a12744],.trending-row[data-v-d8a12744]{height:auto;max-height:none;justify-content:flex-start}.cover-warpper[data-v-d8a12744]{width:calc(33.33% - 20px);height:180px;margin:10px}.cover[data-v-d8a12744]{width:140px;height:140px}.name[data-v-d8a12744]{font-size:13px}}@media screen and (max-width:768px){.home-warpper[data-v-d8a12744]{width:100%;padding:0}.list-card[data-v-d8a12744]{display:block;margin:10px 0;max-height:400px;height:400px}.ranking-row[data-v-d8a12744],.trending-row[data-v-d8a12744]{height:100%}h1[data-v-d8a12744]{font-size:24px;padding:10px 0}.cover-warpper[data-v-d8a12744]{height:60px;width:100%;margin:5px 0;padding:5px 10px;flex-direction:row;align-items:center}.cover[data-v-d8a12744]{width:50px;height:50px;border-radius:8px;margin:0;flex-shrink:0}.cover:hover img[data-v-d8a12744]{transform:none}.name[data-v-d8a12744]{flex:1;padding-left:12px;font-size:14px;text-align:left}}@media screen and (max-width:520px){h1[data-v-d8a12744]{font-size:20px;padding:8px 0}.list-card[data-v-d8a12744]{max-height:300px;border-radius:16px}}