.article-card{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #edf0f2;border-radius:6px;align-self:start;width:100%;min-width:0;height:auto;transition:transform .22s,box-shadow .22s,border-color .22s;overflow:hidden}.article-card:hover{border-color:#12e8de8c;transform:translateY(-4px);box-shadow:0 10px 24px #12e8de24}.article-Cover{aspect-ratio:16/9;background:#1a1a1a;width:100%;overflow:hidden}.article-Cover .image{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.article-card:hover .article-Cover .image{transform:scale(1.045)}.article-meta{flex-direction:column;min-height:0;padding:0 12px 10px;display:flex;position:relative}.article-avatar{align-items:flex-end;gap:16px;min-width:0;margin-top:-18px;display:flex}.article-avatar__mark{width:var(--ui-avatar-size,48px);height:var(--ui-avatar-size,48px);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.article-avatar .avatar{width:var(--ui-avatar-size,48px);height:var(--ui-avatar-size,48px);color:#12aaa3;object-fit:cover;box-sizing:border-box;background:#e8fbf9;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.article-avatar__mark .avatar{border:0!important}.article-avatar .ui-user-identity{align-items:flex-end;width:100%}.article-author-name{color:var(--type-author-color,#222);font-size:var(--type-author,16px);font-weight:var(--type-author-weight,700);margin:0 0 2px}.article-verified{z-index:2;object-fit:contain;image-rendering:auto;pointer-events:none;flex:none;display:block;position:absolute;bottom:-1px;right:-2px;width:var(--ui-avatar-verified-size,16px)!important;height:var(--ui-avatar-verified-size,16px)!important}.article-content{min-height:calc(var(--type-title,14px)*var(--type-title-lh,1.45));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);-webkit-line-clamp:1;line-clamp:1;word-break:break-all;-webkit-box-orient:vertical;margin:6px 0 4px;transition:color .22s;display:-webkit-box;overflow:hidden}.article-card:hover .article-content{color:#12e8de}.article-footer{min-width:0;color:var(--type-muted,#999);font-size:var(--type-meta,13px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 8px;margin-top:0;display:flex}.article-card--hot .article-meta{min-height:0;padding:0 10px 24px}.article-card--hot .article-content{min-height:calc(var(--type-title,14px)*var(--type-title-lh,1.45)*2);-webkit-line-clamp:2;line-clamp:2;margin:14px 0 16px}.article-card--hot .article-footer{flex-wrap:nowrap;justify-content:flex-end;margin-top:0;padding-right:6px;overflow:hidden}.article-footer-author{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.article-stats{flex-wrap:nowrap;flex:none;align-items:center;gap:7px;min-width:max-content;margin-left:auto;display:inline-flex}.article-stats>span{color:#a2a7ad;min-width:0;font-size:var(--type-metric,13px);white-space:nowrap;grid-template-columns:1em minmax(0,max-content);align-items:center;column-gap:4px;display:inline-grid}.article-stats>span>em{font-style:normal;line-height:1}.article-stat-icon{justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex;overflow:hidden}.article-stat-icon :is(img,span,svg){object-fit:contain;width:1em!important;max-width:1em!important;height:1em!important;max-height:1em!important}.article-stats svg{width:1em;height:1em}.article-card--recommend .article-meta{min-height:0;padding-top:11px}.article-card--recommend .article-avatar{display:none}.article-card--recommend .article-content{min-height:calc(var(--type-title,14px)*var(--type-title-lh,1.45));font-size:var(--type-title,14px);font-weight:var(--type-title-weight,500);margin:0 0 6px}.article-card--recommend .article-footer-author{flex:1;min-width:0}.article-card--detail .article-avatar{display:none}.article-card--detail .article-meta{min-height:0;padding:11px 12px 12px}.article-card--detail .article-content{min-height:calc(var(--type-title,14px)*var(--type-title-lh,1.45));-webkit-line-clamp:1;line-clamp:1;margin:0 0 8px}.article-card--detail .article-footer{flex-wrap:nowrap;justify-content:space-between;gap:8px;overflow:hidden}.article-card--detail .article-footer-author{flex:none;min-width:0}.article-card--detail .article-footer-author .ui-user-identity__name-row{display:none}.article-card--detail .article-stats{flex:none;justify-content:flex-end;gap:8px;min-width:max-content;margin-left:auto}@media (prefers-reduced-motion:reduce){.article-card,.article-Cover .image,.article-content{transition:none}.article-card:hover,.article-card:hover .article-Cover .image{transform:none}}
