.vue3-waterfall-wrapper[data-v-499961e2]{display:flex;justify-content:center;position:relative;width:100%}.waterfall-item[data-v-499961e2]{position:absolute}.waterfall-item-animation[data-v-499961e2]{animation:scaleItem-499961e2 .3s linear forwards;transition:all .3s}.bottom-anchor[data-v-499961e2]{height:calc(var(--3efb2b00)*1px)}.waterfall-over-message[data-v-499961e2]{color:var(--5537b60c);height:40px;line-height:40px;text-align:center}.dot-wrapper[data-v-499961e2]{padding:10px 0;text-align:center}.dot-wrapper>.dot[data-v-499961e2]{background-color:var(--3a510856);border-radius:50%;display:inline-block;height:12px;margin:0 2px;width:12px}.dot-wrapper>.dot[data-v-499961e2]:nth-of-type(2n){animation:dotScale-499961e2 .4s linear infinite alternate}.dot-wrapper>.dot[data-v-499961e2]:nth-of-type(2n-1){animation:dotScale-499961e2 .4s linear .4s infinite alternate}@keyframes dotScale-499961e2{0%{transform:scale(1)}to{transform:scale(.5)}}@keyframes scaleItem-499961e2{0%{transform:scale(.5)}to{transform:scale(1)}}.card-item[data-v-11df1dd2]{border-radius:12px;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.card-item[data-v-11df1dd2]:after{border:1px solid transparent;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;transition:border-color .2s ease;z-index:5}.card-item .image-wrapper[data-v-11df1dd2]{background:var(--rh-background-load-panel);border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.card-item .image-wrapper .recommend-icon[data-v-11df1dd2]{height:44px;left:20px;position:absolute;top:0;width:36px;z-index:2}.card-item .image-wrapper .recommend-icon img[data-v-11df1dd2]{border-radius:0;height:100%;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;width:100%;z-index:-1}.card-item .image-wrapper .recommend-icon span[data-v-11df1dd2]{color:#fff;font-family:Source Han Sans;font-size:14px;font-weight:400;line-height:22px;position:absolute;right:4px;top:6px;white-space:nowrap}.card-item .image-wrapper .recommend-icon.recommend-en[data-v-11df1dd2]{left:unset;position:absolute;right:0;top:0;width:auto;z-index:3}.card-item .image-wrapper .recommend-icon.recommend-en span[data-v-11df1dd2]{display:inline-block;height:24px;line-height:24px;text-transform:uppercase}.card-item .image-wrapper .recommend-icon.recommend-en img[data-v-11df1dd2]{height:24px;position:relative}.card-item .image-wrapper img[data-v-11df1dd2],.card-item .image-wrapper video[data-v-11df1dd2]{border-radius:12px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-item .image-wrapper>div:not(.recommend-icon):not(.info)>img[data-v-11df1dd2],.card-item .image-wrapper>div:not(.recommend-icon):not(.info)>video[data-v-11df1dd2],.card-item .image-wrapper>img[data-v-11df1dd2]:not(.video-icon):not(.watermark){transform-origin:center;transition:transform .3s ease}.card-item .image-wrapper .video-icon[data-v-11df1dd2]{height:24px;position:absolute;right:10px;top:10px;width:24px}.card-item .image-wrapper .info[data-v-11df1dd2]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.6));bottom:0;display:flex;flex-direction:column;gap:12px;left:0;padding:20px 20px 14px;position:absolute;right:0;transform:translateY(0);transition:transform .3s ease}.card-item .image-wrapper .info .title[data-v-11df1dd2]{color:#fff;font-family:Source Han Sans;font-feature-settings:"kern" on;font-size:16px;font-variation-settings:"opsz" auto;font-weight:700;letter-spacing:0;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.card-item .image-wrapper .info .author[data-v-11df1dd2]{align-items:center;display:flex;gap:8px;margin-bottom:0}.card-item .image-wrapper .info .author .avatar[data-v-11df1dd2]{border-radius:50%;height:24px;width:24px}.card-item .image-wrapper .info .author .name[data-v-11df1dd2]{color:#fff;font-family:Helvetica;font-size:14px;font-weight:400;letter-spacing:0;line-height:22px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item .image-wrapper .info .stats[data-v-11df1dd2]{align-items:center;color:#fff9;display:flex;font-size:12px;gap:24px;margin-top:auto}.card-item .image-wrapper .info .stats .likes[data-v-11df1dd2]{margin-left:auto}.card-item .image-wrapper .info .stats .favorites[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views[data-v-11df1dd2]{align-items:center;color:#efefef;display:flex;font-size:14px;gap:6px}.card-item .image-wrapper .watermark[data-v-11df1dd2]{height:16px;left:12px;opacity:.5;position:absolute;top:10px;width:108px}.card-item:hover .image-wrapper>div:not(.recommend-icon):not(.info)>img[data-v-11df1dd2],.card-item:hover .image-wrapper>div:not(.recommend-icon):not(.info)>video[data-v-11df1dd2],.card-item:hover .image-wrapper>img[data-v-11df1dd2]:not(.video-icon):not(.watermark){transform:scale(1.1)}.card-item[data-v-11df1dd2]:hover:after{border-color:#cf0}.card-item.hover-info-mode .image-wrapper .info[data-v-11df1dd2]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.4) 60%,rgba(0,0,0,.9));display:grid;gap:6px 12px;grid-template-areas:"title title" "author stats";grid-template-columns:1fr auto;opacity:1;padding:12px;pointer-events:auto;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.card-item.hover-info-mode .image-wrapper .info .title[data-v-11df1dd2]{color:#fff;display:block;font-family:inherit;font-size:14px;font-weight:400;grid-area:title;letter-spacing:-.14px;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-item.hover-info-mode .image-wrapper .info .author[data-v-11df1dd2]{align-items:center;display:flex;gap:0;grid-area:author;margin-bottom:0;min-width:0}.card-item.hover-info-mode .image-wrapper .info .author .avatar[data-v-11df1dd2]{display:none}.card-item.hover-info-mode .image-wrapper .info .author .name[data-v-11df1dd2]{color:#fff;font-family:inherit;font-size:11px;font-weight:400;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-item.hover-info-mode .image-wrapper .info .author .name[data-v-11df1dd2]:before{content:"@"}.card-item.hover-info-mode .image-wrapper .info .stats[data-v-11df1dd2]{align-items:center;color:#fff;display:flex;font-size:11px;gap:12px;grid-area:stats;margin-top:0}.card-item.hover-info-mode .image-wrapper .info .stats .favorites[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .likes[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .views[data-v-11df1dd2]{font-size:11px;gap:4px;line-height:1;margin-left:0}.card-item.hover-info-mode .image-wrapper .info .stats .favorites img[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .likes img[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .views img[data-v-11df1dd2]{height:12px!important;width:12px!important}.card-item.hover-info-mode .image-wrapper .info .stats .favorites[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .likes[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .views[data-v-11df1dd2]{color:#fff}.card-item.hover-info-mode .image-wrapper .info .stats .favorites img[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .likes img[data-v-11df1dd2],.card-item.hover-info-mode .image-wrapper .info .stats .views img[data-v-11df1dd2]{filter:brightness(0) invert(1)}@media screen and (max-width:600px){.card-item:hover .image-wrapper>div:not(.recommend-icon):not(.info)>img[data-v-11df1dd2],.card-item:hover .image-wrapper>div:not(.recommend-icon):not(.info)>video[data-v-11df1dd2],.card-item:hover .image-wrapper>img[data-v-11df1dd2]:not(.video-icon):not(.watermark){transform:none}.card-item[data-v-11df1dd2]:hover:after{border-color:transparent}.card-item .image-wrapper .info[data-v-11df1dd2]{gap:0;padding:0 12px 8px}.card-item .image-wrapper .info .stats[data-v-11df1dd2]{align-items:center;color:#fff;font-size:9px;gap:2px;justify-content:center;line-height:1;margin-top:0;min-width:0;width:100%}.card-item .image-wrapper .info .stats .favorites[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views[data-v-11df1dd2]{align-items:center;display:flex;flex:0 1 auto;font-size:9px;gap:2px;line-height:1;margin-left:0;min-width:0}.card-item .image-wrapper .info .stats .favorites img[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes img[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views img[data-v-11df1dd2]{align-self:center;display:block;flex:0 1 12px;height:12px!important;min-width:0;width:12px!important}.card-item .image-wrapper .info .stats .favorites span[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes span[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views span[data-v-11df1dd2]{align-items:center;align-self:center;box-sizing:border-box;display:inline-flex;flex:0 0 auto;height:12px;line-height:12px;min-width:0;padding-top:2px;text-align:center;white-space:nowrap}.card-item .image-wrapper .info .stats .favorites[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views[data-v-11df1dd2]{color:#fff}.card-item .image-wrapper .info .stats .favorites img[data-v-11df1dd2],.card-item .image-wrapper .info .stats .likes img[data-v-11df1dd2],.card-item .image-wrapper .info .stats .views img[data-v-11df1dd2]{filter:brightness(0) invert(1)}.watermark[data-v-11df1dd2]{height:9px!important;left:6px!important;top:6px!important;width:62px!important}}.pub-works[data-v-ff4d053d]{margin-bottom:20px;text-align:right}.pub-works .pub-btn[data-v-ff4d053d]{border-radius:34px;color:#0e1117;font-family:Source Han Sans;font-feature-settings:"kern" on;font-size:14px;font-variation-settings:"opsz" auto;font-weight:500;height:32px;letter-spacing:0;line-height:0}.modal-resource-list[data-v-ff4d053d]{min-height:360px;position:relative;width:100%}