.article-card{display:flex;flex-direction:column;padding:1rem 1.2rem;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background 0.2s}.article-card:hover{background:#fafafa}.article-card:last-child{border-bottom:none}.article-card-title{font-size:0.95rem;font-weight:500;color:var(--color-gray-900);line-height:1.5;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card-title:hover{color:var(--color-brand-500)}.article-card-desc{font-size:0.85rem;color:var(--color-gray-600);line-height:1.5;margin-bottom:0.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.article-card-meta{display:flex;align-items:center;gap:0.75rem;font-size:0.78rem;color:var(--color-gray-400)}.article-card-source{color:var(--color-gray-500)}.article-card-time{color:var(--color-gray-400)}.article-card-extra{color:var(--color-brand-500);font-weight:500}.article-card--with-thumb{flex-direction:row;gap:0.8rem;align-items:flex-start}.article-card--with-thumb .article-card-body{flex:1;min-width:0}.article-card-thumb{width:5rem;height:3.5rem;border-radius:0.3rem;object-fit:cover;flex-shrink:0}.article-card-empty{padding:3rem;text-align:center;color:var(--color-gray-400);font-size:0.9rem}.course-post-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}.course-post-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)}.course-post-cover{flex-shrink:0;width:120px;height:80px;border-radius:0.5rem;overflow:hidden;background:var(--color-gray-200,#e5e7eb)}.course-post-cover img{width:100%;height:100%;object-fit:cover}.course-post-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0.25rem}.course-post-announce{font-size:0.82rem;color:var(--color-brand-600,#CC5B1D);font-weight:500}.course-post-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}.course-post-meta{display:flex;gap:0.75rem;font-size:0.78rem;color:var(--color-gray-500,#6b7280);flex-wrap:wrap}.course-post-meta-item{display:flex;align-items:center;gap:0.2rem}.course-post-price{font-size:0.85rem;font-weight:600;color:var(--color-brand-500,#FF7224);margin-top:0.25rem}.course-post-price.free{color:var(--color-green-600,#059669)}.preview-post-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}.preview-post-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)}.preview-post-cover{flex-shrink:0;width:120px;height:80px;border-radius:0.5rem;overflow:hidden;background:var(--color-gray-200,#e5e7eb);position:relative}.preview-post-cover img{width:100%;height:100%;object-fit:cover}.preview-cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--color-gray-200,#e5e7eb)}.preview-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}.preview-badge--schedule{background:var(--color-brand-500,#FF7224)}.preview-badge--living{background:var(--color-error,#EF4444);animation:preview-live-pulse 2s ease-in-out infinite}.preview-badge--ended{background:var(--color-gray-400,#9CA3AF)}.preview-badge--cancelled{background:var(--color-gray-400,#9CA3AF)}@keyframes preview-live-pulse{0%,100%{opacity:1}50%{opacity:0.7}}.preview-live-viewers{position:absolute;left:6px;bottom:6px;display:flex;align-items:center;gap:4px;background:rgba(0,0,0,0.55);border-radius:10px;padding:2px 8px;font-size:0.72rem;color:#FFFFFF;z-index:2}.preview-live-dot{width:6px;height:6px;border-radius:6px;background:var(--color-error,#EF4444);flex-shrink:0}.preview-post-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:0.35rem}.preview-post-time{font-size:0.82rem;color:var(--color-gray-600,#4b5563);line-height:1.4}.preview-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 14px;border-radius:14px;font-size:0.78rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;align-self:flex-start;white-space:nowrap}.preview-btn-reserve{background:var(--color-brand-500,#FF7224);color:#FFFFFF}.preview-btn-reserve:hover{background:var(--color-brand-600,#CC5B1D)}.preview-btn-reserved{background:var(--color-gray-400,#9CA3AF);color:#FFFFFF;cursor:default;opacity:0.8}.preview-btn-enter{background:var(--color-error,#EF4444);color:#FFFFFF}.preview-btn-enter:hover{background:#DC2626}.preview-btn-replay{background:var(--color-brand-500,#FF7224);color:#FFFFFF}.preview-btn-replay:hover{background:var(--color-brand-600,#CC5B1D)}