@charset "UTF-8";.year-report-card{display:block;position:relative;background:var(--color-other-1);cursor:pointer;border-radius:4px;overflow:hidden;color:inherit;text-decoration:none}.year-report-card .cover{display:block;width:100%;height:100%;object-fit:cover}.year-report-card .cny-tag{position:absolute;top:12px;left:12px;padding:4px 10px;font-size:12px;line-height:16px;color:var(--color-text-1);background:#0006;border-radius:4px;backdrop-filter:blur(8px)}.year-report-card .overlay{position:absolute;left:0;right:0;bottom:0;padding:16px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(to top,#0009,#0000);color:var(--color-text-1)}.year-report-card .overlay .title{font-size:16px;line-height:22px;font-weight:600;color:var(--color-text-1)}.year-report-card .overlay .subtitle{font-size:12px;line-height:18px;color:var(--color-text-1);opacity:.85}.year-report-card .overlay .labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.year-report-card .overlay .label{padding:2px 8px;font-size:12px;line-height:16px;color:var(--color-text-1);background:#ffffff29;border-radius:4px}.hot-rank-feed-card{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;gap:16px;padding:16px 12px;border-radius:4px;cursor:pointer;background:#1e1f21;color:var(--color-text-1)}.hot-rank-feed-card .bg{position:absolute;top:0;left:0;width:100%;aspect-ratio:632/1024;background-position:top center;background-size:100% auto;background-repeat:no-repeat;background-image:url(/landing-kling/assets/images/a88c5194_feed-card-bg-D5Blagks.jpg)}.hot-rank-feed-card .content,.hot-rank-feed-card .more{position:relative;z-index:1}.hot-rank-feed-card .content{flex:1;min-height:0;display:flex;flex-direction:column;gap:12px}.hot-rank-feed-card h3{margin:0;padding:0 4px;font-size:16px;font-weight:500;line-height:24px}.rank-list{display:flex;flex-direction:column;gap:8px}.rank-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:#ffffff0f;backdrop-filter:blur(24px)}.cover{flex:0 0 auto;border-radius:4px;object-fit:cover;box-shadow:var(--effect-box-shadow-component)}.cover-portrait{width:calc(var(--card-w, 316px) * 66 / 316);aspect-ratio:3/4}.cover-landscape{width:calc(var(--card-w, 316px) * 107 / 316);aspect-ratio:107/80}.cover-empty{background:var(--color-other-2)}.meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.meta strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:24px}.meta strong.title-lg{font-size:16px}.heat{display:flex;align-items:center;gap:2px;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffb623;background:linear-gradient(90deg,#ffd47c,#ffb623);background-clip:text;-webkit-text-fill-color:transparent}.heat-icon{flex:0 0 auto;width:16px;height:16px;display:block;-webkit-text-fill-color:initial}.user-list{display:flex;flex-direction:column;gap:12px}.user-block{display:flex;flex-direction:column;gap:16px;padding:16px 12px 12px;border-radius:8px;background:#ffffff0f;backdrop-filter:blur(24px)}.u-head{display:flex;align-items:center;gap:8px}.u-avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;object-fit:cover}.u-avatar-empty{background:var(--color-other-2)}.u-meta{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.u-name-row{display:flex;align-items:center;gap:4px;min-width:0}.u-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;color:var(--color-text-1)}.u-intro{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;color:var(--color-text-2)}.u-clickable{cursor:pointer}.u-works{display:flex;gap:8px}.u-work-cell{min-width:0;flex:1;aspect-ratio:4/3;cursor:pointer}.u-work-cover{width:100%;height:100%;display:block;border-radius:8px;object-fit:cover;box-shadow:var(--effect-box-shadow-component)}.u-work-cover-empty{background:var(--color-other-2)}.more{display:flex;align-items:center;gap:4px;padding:0 4px;font-size:12px;line-height:20px;color:var(--color-text-1)}.hot-rank-feed-card-mobile{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column;border-radius:4px;cursor:pointer;background:#1e1f21;color:var(--color-text-1)}.hot-rank-feed-card-mobile.work,.hot-rank-feed-card-mobile.user{gap:12px;padding:12px}.bg{position:absolute;top:0;left:0;width:100%;aspect-ratio:632/1024;background-position:top center;background-size:100% auto;background-repeat:no-repeat;background-image:url(/landing-kling/assets/images/a88c5194_feed-card-bg-D5Blagks.jpg)}.content,.more{position:relative;z-index:1}.content{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}.more{display:flex;align-items:center;justify-content:center;gap:4px;font-size:12px;line-height:20px;color:var(--color-text-1)}.work-head{display:flex;flex-direction:column}.work-head h3{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px}.work-head .work-subtitle{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;color:#fffc}.work-list{display:flex;flex-direction:column;gap:10px}.work-row{display:flex;align-items:center;gap:8px}.work-cover{flex:0 0 auto;border-radius:4px;object-fit:cover;box-shadow:var(--effect-box-shadow-component)}.work-cover-empty{background:var(--color-other-2)}.work-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px;padding:0 2px}.work-meta .work-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:400;line-height:24px}.heat{display:flex;align-items:center;gap:2px;font-size:12px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffb623;background:linear-gradient(90deg,#ffd47c,#ffb623);background-clip:text;-webkit-text-fill-color:transparent}.heat-icon{flex:0 0 auto;width:16px;height:16px;display:block;-webkit-text-fill-color:initial}.user-badge{position:absolute;top:4px;left:4px;z-index:2;display:flex;align-items:center;gap:2px;padding:2px 6px 2px 4px;border-radius:4px;background:#0000007a;font-size:12px;line-height:20px;color:var(--color-text-1)}.user-block{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:24px}.u-head{display:flex;flex-direction:column;align-items:center}.u-avatar{width:50px;height:50px;margin-bottom:8px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.24);cursor:pointer}.u-avatar-empty{background:var(--color-other-2)}.u-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;color:var(--color-text-1);cursor:pointer}.u-intro{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:20px;color:#fffc}.u-works{display:flex;align-self:stretch;justify-content:center;gap:8px}.u-work-cell{min-width:0;flex:1;aspect-ratio:1/1;cursor:pointer}.u-work-cover{width:100%;height:100%;display:block;border-radius:4px;object-fit:cover;border:1px solid rgba(255,255,255,.05)}.u-work-cover-empty{background:var(--color-other-2)}.hot-rank-feed-card-mobile.skit{background:#5f7a40}.skit-media{position:relative;flex:1;min-height:0;border-radius:4px 4px 0 0;overflow:hidden}.skit-cover{width:100%;height:100%;display:block;object-fit:cover}.skit-cover-empty{background:var(--color-other-2)}.skit-overlay{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;height:70px;padding:12px;background:linear-gradient(0deg,#5f7a40,#5f7a40e6 50%,#5f7a4080 80%,#0000)}.skit-overlay .skit-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;line-height:22px;color:var(--color-theme-1)}.skit-more{flex:0 0 auto;display:flex;align-items:center;justify-content:center;padding:0 12px 12px}.skit-more span{display:flex;align-items:center;justify-content:center;width:100%;height:36px;border-radius:4px;background:#fff3;font-size:14px;font-weight:500;line-height:22px;color:var(--color-text-1)}.waterfall{position:relative}.waterfall-skeleton-leave-active{position:absolute;z-index:1;top:0;right:0;left:0;box-sizing:border-box;padding:inherit;pointer-events:none;transition:opacity .4s ease-in-out}.waterfall-skeleton-leave-to{opacity:0}.waterfall-end-tips{margin-top:96px;margin-bottom:136px;text-align:center;display:flex;align-items:center;justify-content:center;gap:24px;color:var(--color-text-3)}.waterfall-end-tips.text-light{color:var(--color-text-1)}.waterfall-end-tips .divider{width:80px;height:1px;background:var(--color-border-component)}.waterfall-end-tips .divider.divider-light{background:#fff3}.empty{text-align:center}.empty .button{padding:0 24px;color:var(--color-theme-2);background:var(--color-theme-3)}.v-enter-active,.v-leave-active{transition:opacity .5s ease}.v-enter-from,.v-leave-to{opacity:0}body.mobile .waterfall-end-tips{margin-top:32px;margin-bottom:64px}