.card[data-v-e244865b]{background:#fff;cursor:pointer;overflow:hidden;border-radius:8px;padding:1px}.card .card-image-wrapper[data-v-e244865b]{position:relative;width:100%}.card .card-image-wrapper .card-image[data-v-e244865b]{width:100%;height:auto;display:block;object-fit:cover}.card .card-image-wrapper .type-badge[data-v-e244865b]{position:absolute;top:0;left:0;padding:4px 10px;border-radius:0 0 8px;font-size:14px;font-weight:500;color:#fff;background:#0009;backdrop-filter:blur(4px);z-index:1}.card .card-image-wrapper .type-badge.music[data-v-e244865b]{background:#bc64ffd9}.card .card-image-wrapper .type-badge.activity[data-v-e244865b]{background:#67c23a}.card .card-image-wrapper .play-overlay[data-v-e244865b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;z-index:2}.card .card-image-wrapper .play-info[data-v-e244865b]{position:absolute;bottom:0;width:100%;padding:0 12px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);height:40px;background:linear-gradient(180deg,#0000,#0009)}.card .card-image-wrapper .play-info .play-time[data-v-e244865b]{font-size:12px;font-weight:500}.card .card-image-wrapper .play-info .play-info-time[data-v-e244865b]{display:flex;align-items:center;gap:4px}.card .card-image-wrapper .play-info .play-info-add[data-v-e244865b]{display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;cursor:pointer}.card .card-image-wrapper .video-tag[data-v-e244865b]{position:absolute;bottom:12px;right:12px;width:32px;height:32px;background:#0009;border-radius:4px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px)}.card:hover .play-overlay[data-v-e244865b]{opacity:1}.card:hover .play-info>.play-info-add[data-v-e244865b]{opacity:1}.card .card-content[data-v-e244865b]{padding:12px 10px}.card .card-content .card-title[data-v-e244865b]{font-size:16px;font-weight:500;margin:0;display:flex;flex-wrap:nowrap;align-items:center;gap:4px}.card .card-content .card-title .activity-tag[data-v-e244865b]{font-size:12px;color:#fff;background:#ff8228;padding:2px 4px;border-radius:2px;flex-shrink:0}.card .card-content .card-title .title-text[data-v-e244865b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.card .card-content .card-footer[data-v-e244865b]{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.card .card-content .card-footer .author-info[data-v-e244865b]{display:flex;align-items:center;gap:6px}.card .card-content .card-footer .author-info .author-avatar[data-v-e244865b]{width:20px;height:20px;border-radius:50%;object-fit:cover}.card .card-content .card-footer .author-info .author-name[data-v-e244865b]{font-size:14px;color:#8e8e8e}.card .card-content .card-footer .card-stats[data-v-e244865b]{display:flex;align-items:center;gap:4px}.card .card-content .card-footer .card-stats .hot-count[data-v-e244865b]{font-size:12px}.card .card-content .metrics-bar[data-v-e244865b]{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.card .card-content .metrics-bar .metrics-left[data-v-e244865b]{flex:1;display:flex;align-items:center;gap:14px}.card .card-content .metrics-bar .metric-item[data-v-e244865b]{display:flex;align-items:center;gap:4px;color:#999}.card .card-content .metrics-bar .metric-item[data-v-e244865b]:last-child{margin-left:auto}.card .card-content .metrics-bar .metric-item span[data-v-e244865b]{font-size:12px}.card .card-content .metrics-bar.with-vote[data-v-e244865b]{position:relative;padding-bottom:8px;border-top-width:0;display:block}.card .card-content .metrics-bar.with-vote .metrics-right[data-v-e244865b]{display:flex;flex-direction:column;align-items:flex-end;gap:6px;position:absolute;bottom:3px;right:0}.card .card-content .metrics-bar.with-vote .metrics-right .piaoshu-count[data-v-e244865b]{height:28px;line-height:28px;border-radius:4px;border:1px solid #ffad0d;padding:0 12px;font-size:14px;color:#ffad0d}.card .card-content .metrics-bar.with-vote .metrics-right .vote-count[data-v-e244865b]{font-size:14px;font-weight:600;color:#ffad0d;margin:0}.card .card-content .metrics-bar.with-vote .metrics-right .vote-btn[data-v-e244865b]{width:64px;height:28px;background:#ffad0d;border:1px solid #ffad0d;border-radius:4px;font-size:14px;color:#fff;cursor:pointer;transition:all .3s ease}.card .card-content .metrics-bar.with-vote .metrics-right .vote-btn[data-v-e244865b]:hover{background:#ff9f00;transform:translateY(-1px)}.card .card-content .metrics-bar.with-vote .metrics-right .vote-btn[data-v-e244865b]:active{transform:translateY(0)}