.video-card-shell{min-width:0;color:inherit;cursor:pointer;transition:transform .22s}.video-card-shell:hover{transform:translateY(-4px)}.video-card-shell:hover .video-card{border-color:#12e8de8c;box-shadow:0 10px 24px #12e8de24}.video-card-shell:hover .video-card-title{color:#12e8de}.video-card-shell:hover .video-card-cover,.video-card-shell:hover .video-card-media video{transform:scale(1.05)}.video-card-shell:hover .video-card-media:after{opacity:1}.video-card{width:100%;box-shadow:none;background:#fff;border:1px solid #eee;border-radius:6px;padding:0;transition:border-color .22s,box-shadow .22s;overflow:hidden}.video-card-layout{flex-direction:column;min-width:0;display:flex}.video-card-media{aspect-ratio:16/9;background:#1a1a1a;border-radius:0;width:100%;min-width:0;height:auto;position:relative;overflow:hidden}.video-card-media:after{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(#0000 55%,#00000047 100%);transition:opacity .22s;position:absolute;inset:0}.video-card-media>div{border-radius:0!important;width:100%!important;height:100%!important;display:block!important;position:absolute!important;inset:0!important}.video-card-media video,.video-card-cover{object-fit:cover;transition:transform .35s;display:block;width:100%!important;height:100%!important}.video-card-duration{z-index:4;color:#fff;width:auto;max-width:none;font-size:var(--type-meta,13px);text-shadow:none;cursor:pointer;background:#1c181ab3;border:0;border-radius:3px;align-items:center;gap:5px;padding:4px 7px;line-height:1;transition:background .22s;display:inline-flex;position:absolute;bottom:8px;left:8px;transform:none}.video-card-play-glyph{object-fit:contain;flex:none;display:block;transform:none;width:9px!important;height:11px!important}.video-card-duration:focus-visible{outline-offset:2px;outline:2px solid #fff}.video-card-shell:hover .video-card-duration{background:#13e8deb3}.video-card-meta{color:#7f8d8c;background:#fafafa;border-top:1px solid #f0f0f0;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.video-card-author{min-width:0;max-width:55%;color:inherit;cursor:pointer;background:0 0;border:0;flex-direction:row;align-items:center;gap:12px;padding:0;display:flex}.video-card-author .ui-avatar-wrap{flex:none}.video-card-avatar{width:var(--ui-avatar-size,48px);height:var(--ui-avatar-size,48px);color:#fff;box-sizing:border-box;background:#a9b1c2;border:2px solid #0000;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:700;transition:box-shadow .22s;display:inline-flex;position:relative;overflow:visible}.video-card-avatar.is-creator,.video-card-avatar.is-media,.video-card-avatar.is-verified{border-color:var(--ui-verified-green,#39ebe3)}.video-card-avatar.is-enterprise{border-color:var(--ui-verified-blue,#2a71fe)}.video-card-shell:hover .video-card-avatar{box-shadow:0 0 0 2px #12e8de59}.video-card-avatar .avatar,.video-card-avatar>span:not(.video-card-verified){object-fit:cover;border-radius:50%;display:block;overflow:hidden;border:0!important;width:100%!important;height:100%!important}.video-card-avatar>span:first-child{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;overflow:hidden}.video-card-author-name{min-width:0;color:var(--type-author-color,#222);font-size:var(--type-author,16px);font-weight:var(--type-author-weight,700);text-align:left;text-overflow:ellipsis;white-space:nowrap;line-height:1.3;display:block;overflow:hidden}.video-card-verified{z-index:2;object-fit:contain;image-rendering:auto;pointer-events:none;flex:none;display:block;position:absolute;inset:auto -2px -1px auto;width:var(--ui-avatar-verified-size,16px)!important;height:var(--ui-avatar-verified-size,16px)!important}.video-card-metrics{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-top:0;display:flex}.video-card-metrics>span{min-width:0;max-width:100%;color:var(--type-muted,#999);font-size:var(--type-metric,13px);white-space:nowrap;grid-template-columns:1em minmax(0,1fr);align-items:center;column-gap:4px;line-height:1;display:inline-grid}.video-card-metrics>span>em{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-style:normal;overflow:hidden}.video-card-metric-icon{flex:0 0 1em;justify-content:center;align-items:center;width:1em;height:1em;font-style:normal;line-height:1;display:inline-flex;overflow:hidden;transform:none!important}.video-card-metric-icon :is(img,span,svg){object-fit:contain;display:block;width:1em!important;height:1em!important;transform:none!important}.video-card-title{color:var(--type-title-color,#222);font-family:var(--font-display,"Heiti SC","STHeiti","Microsoft YaHei","PingFang SC",sans-serif);font-size:var(--type-title,14px);font-weight:var(--type-title-weight,500);line-height:var(--type-title-lh,1.45);text-align:left;text-overflow:ellipsis;white-space:nowrap;margin:8px 8px 10px;transition:color .22s;overflow:hidden}.video-card-shell--hot .video-card-meta{background:#fff;min-height:52px}.video-card-shell--hot .video-card-author{flex:auto;gap:8px;max-width:none}.video-card-shell--hot .video-card-metrics{flex-wrap:nowrap;flex:none;gap:8px;padding-right:6px}.video-card-shell--hot .video-card-metrics>span{font-size:var(--type-metric,13px);grid-template-columns:1em minmax(0,1fr);column-gap:4px}.video-card-shell--hot .video-card-title{color:var(--type-title-color,#222);font-size:var(--type-title,16px);line-height:var(--type-title-lh,1.5);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.video-card-shell--recommend .video-card-layout{flex-direction:row;align-items:stretch;min-height:174px}.video-card-shell--recommend .video-card-media{aspect-ratio:16/9;flex:auto;width:calc(100% - 120px)}.video-card-shell--recommend .video-card-meta{box-sizing:border-box;background:0 0;border-top:0;border-left:1px solid #eef3f4;flex-direction:column;flex:0 0 120px;justify-content:flex-start;align-items:flex-start;gap:8px;width:120px;min-width:120px;padding:4px 10px 10px}.video-card-shell--recommend .video-card-author{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:100%}.video-card-shell--recommend .ui-avatar-wrap{width:var(--ui-avatar-size,48px);height:var(--ui-avatar-size,48px)}.video-card-shell--recommend .video-card-author-name{width:100%;max-width:100%;color:var(--type-author-color,#222);font-size:var(--type-author,16px);font-weight:var(--type-author-weight,700)}.video-card-shell--recommend .video-card-metrics{flex-flow:column;align-items:stretch;gap:8px;width:max-content;max-width:100%;margin-inline:auto}.video-card-shell--recommend .video-card-metrics>span{color:#8b949c;width:max-content;max-width:100%;font-size:var(--type-meta,13px);grid-template-columns:1em max-content;justify-content:start;align-items:center;column-gap:2px;line-height:20px}.video-card-shell--recommend .video-card-metric-icon{flex-basis:1em;width:1em;height:1em}.video-card-shell--recommend .video-card-metric-icon :is(img,span,svg){width:1em!important;height:1em!important}.video-card-shell--recommend .video-card-metrics>span>em{align-items:center;line-height:20px;display:inline-flex}.video-card-shell--recommend .video-card-title{color:var(--type-title-color,#222);font-size:var(--type-title,14px);font-weight:var(--type-title-weight,500);line-height:var(--type-title-lh,1.45);margin-left:0;margin-right:0}@media screen and (max-width:640px){.video-card-shell--recommend .video-card-layout{min-height:0}.video-card-shell--recommend .video-card-media{width:calc(100% - 120px)}.video-card-shell--recommend .video-card-meta{flex-basis:120px;width:120px;min-width:120px}}@media (prefers-reduced-motion:reduce){.video-card-shell,.video-card,.video-card-media video,.video-card-cover,.video-card-duration,.video-card-title,.video-card-media:after{transition:none}.video-card-shell:hover,.video-card-shell:hover .video-card-cover,.video-card-shell:hover .video-card-media video{transform:none}}