/** * 帖子卡片化统一样式 * * 覆盖所有非普通图文帖子类型的封面卡片渲染： * content_type=2 视频帖子 * content_type=5 直播回放 * content_type=6 课程（复用 .course-post-card） * content_type=7 直播预告（复用 .preview-post-card） * content_type=8 正在直播 * * 课程卡片 (.course-post-card) 和直播预告卡片 (.preview-post-card) * 的现有样式保持在 article_card.css 中，本文件仅扩展新卡片类型。 */ .post-cover-card{display:flex;gap:0.75rem;padding:0.75rem;background:var(--color-brand-50,#FFF1E9);border-radius:0.75rem;border:1px solid var(--color-brand-200,#FFD5BD);cursor:pointer;transition:all 0.25s ease;margin:0.5rem 0}.post-cover-card:hover{background:var(--color-brand-100,#FFE3D3);border-color:var(--color-brand-400,#FF9C66);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-brand-500-rgb,255,114,36),0.12)}.post-cover-card-cover{flex-shrink:0;width:120px;height:80px;border-radius:0.5rem;overflow:hidden;background:var(--color-gray-200,#e5e7eb);position:relative}.post-cover-card-cover img{width:100%;height:100%;object-fit:cover}.post-cover-card-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0.35rem}.post-cover-card-announce{font-size:0.82rem;color:var(--color-brand-600,#CC5B1D);font-weight:500}.post-cover-card-title{font-size:0.95rem;font-weight:600;color:var(--color-gray-900,#111827);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-cover-badge{position:absolute;left:6px;top:6px;border-radius:4px;padding:2px 6px;font-size:0.72rem;font-weight:600;color:#FFFFFF;z-index:2;line-height:1.4;display:flex;align-items:center;gap:2px}.post-badge--video{background:var(--color-brand-500,#FF7224)}.post-badge--replay{background:var(--color-gray-500,#6B7280)}.post-badge--live-now{background:var(--color-error,#EF4444);animation:post-live-pulse 2s ease-in-out infinite}@keyframes post-live-pulse{0%,100%{opacity:1}50%{opacity:0.7}}.post-badge--replay-ended{background:var(--color-gray-500,#6B7280)}.post-cover-duration{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,0.7);color:#FFFFFF;font-size:0.7rem;padding:1px 5px;border-radius:3px;line-height:1.4;z-index:2}.post-cover-viewers{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:3px;color:#FFFFFF;font-size:0.72rem;z-index:2}.post-cover-viewers-dot{width:6px;height:6px;border-radius:50%;background:var(--color-error,#EF4444);animation:post-live-pulse 2s ease-in-out infinite}.post-cover-replay-duration{position:absolute;right:4px;bottom:4px;background:rgba(0,0,0,0.7);color:#FFFFFF;font-size:0.7rem;padding:1px 5px;border-radius:3px;line-height:1.4;z-index:2}.post-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--color-gray-200,#e5e7eb);color:var(--color-gray-400,#9CA3AF)}.post-cover-meta{display:flex;gap:0.75rem;font-size:0.78rem;color:var(--color-gray-500,#6b7280);flex-wrap:wrap}.post-cover-meta-item{display:flex;align-items:center;gap:0.2rem}.post-cover-action{margin-top:0.15rem}.post-action-btn{display:inline-block;padding:4px 14px;border-radius:1rem;font-size:0.78rem;font-weight:500;cursor:pointer;border:none;transition:all 0.2s ease;user-select:none}.post-action-btn--enter{background:var(--color-error,#EF4444);color:#FFFFFF}.post-action-btn--enter:hover{background:#DC2626}.post-action-btn--replay{background:var(--color-brand-500,#FF7224);color:#FFFFFF}.post-action-btn--replay:hover{background:var(--color-brand-600,#CC5B1D)}.post-paid-badge{display:inline-flex;align-items:center;gap:2px;font-size:0.75rem;color:var(--color-brand-500,#FF7224);font-weight:500;margin-top:0.2rem}.video-post-card .post-cover-card-body{}.post-live-now-card{border-color:var(--color-error,#EF4444);background:linear-gradient(135deg,#FFF5F5 0%,var(--color-brand-50,#FFF1E9) 100%)}.post-live-now-card:hover{border-color:#DC2626;box-shadow:0 4px 16px rgba(239,68,68,0.18)}