.post-card{transition:all .15s}.post-card:hover{background:hsla(0,0%,100%,.03);border-color:var(--color-border)}.post-card.default{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;border-bottom:1px solid var(--color-border);text-decoration:none;color:inherit}.post-card .post-main{flex:1 1;min-width:0;display:flex;flex-direction:row;align-items:center;gap:.75rem}.post-card .post-header{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1}.hot-badge{padding:.125rem .375rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.6rem;font-weight:700;border-radius:3px;flex-shrink:0;letter-spacing:.5px}.post-category{font-size:.7rem;color:var(--color-primary);font-weight:600;flex-shrink:0}.post-card .post-title{margin:0;font-size:.875rem;color:var(--color-text);flex:1 1;min-width:0}.post-card:hover .post-title{color:var(--color-primary)}.post-badges{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.comment-count{font-size:.75rem;font-weight:600;color:var(--color-primary);flex-shrink:0}.image-badge{display:inline-flex;align-items:center;gap:2px;font-size:.7rem;color:var(--color-text-secondary);padding:.1rem .35rem;background:var(--color-border);border-radius:3px;flex-shrink:0}.post-thumbnail{position:relative;width:70px;height:70px;flex-shrink:0;border-radius:8px;overflow:hidden;background:rgba(0,0,0,.2)}.post-thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail-count{position:absolute;bottom:4px;right:4px;font-size:.65rem;font-weight:600;color:#fff;padding:.1rem .35rem;background:rgba(0,0,0,.7);border-radius:3px}.post-excerpt{font-size:.8rem;color:var(--color-text-secondary);line-height:1.5;margin:.35rem 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card.default.with-excerpt .post-main{flex-direction:column;align-items:flex-start;gap:0}.post-card.default.with-excerpt .post-excerpt{margin-top:.5rem}.post-card .post-meta{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--color-text-secondary);flex-shrink:0}.separator{color:hsla(0,0%,100%,.2)}.author-avatar-mini{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.5rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.author-name{color:var(--color-text-secondary)}.country-flag{font-size:.85em;margin-left:.15rem}.post-time,.view-count{color:var(--color-text-secondary)}.post-vote{display:flex;justify-content:flex-start;gap:.5rem;min-width:60px;flex-shrink:0}.post-vote .vote-score{display:flex;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;color:var(--color-text-secondary);padding:.25rem .5rem;background:var(--color-border)}.post-thumbnail-inline,.post-vote .vote-score{min-width:60px;max-width:60px;border-radius:6px}.post-thumbnail-inline{position:relative;height:60px;overflow:hidden;background:rgba(0,0,0,.2)}.post-thumbnail-inline img{width:100%;height:100%;object-fit:cover}.post-thumbnail-inline .thumbnail-count{position:absolute;bottom:3px;right:3px;font-size:.6rem;font-weight:600;color:#fff;padding:.1rem .3rem;background:rgba(0,0,0,.7);border-radius:3px}.post-vote .vote-score.positive{color:#22c55e;background:rgba(34,197,94,.1)}.post-vote .vote-score.negative{color:#ef4444;background:rgba(239,68,68,.1)}.post-card.compact{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none}.post-card.compact .post-content-area{flex:1 1;min-width:0}.post-card.compact .post-title{font-size:.9rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.post-card.compact .post-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--color-text-secondary)}.post-rank-badge{width:24px;display:flex;align-items:center;justify-content:center}.hot-icon{color:#ef4444}.post-stats-mini{display:flex;align-items:center;gap:.75rem}.post-stats-mini .stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--color-text-secondary)}.post-stats-mini .stat.boost{color:#22c55e}.post-card.featured{display:block;padding:1.25rem;text-decoration:none;position:relative;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:8px;border:1px solid rgba(99,102,241,.2)}.featured-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .75rem;background:linear-gradient(135deg,#ef4444,#f97316);color:#fff;font-size:.7rem;font-weight:700;border-radius:6px;margin-bottom:.75rem}.post-card.featured .post-title{font-size:1.25rem;margin-bottom:.75rem;-webkit-line-clamp:unset;display:block}.post-card.featured .post-meta{display:flex;align-items:center;gap:.75rem;font-size:.8rem;color:var(--color-text-secondary);margin-bottom:1rem}.post-stats{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.vote-buttons{display:flex;gap:.5rem}.vote-buttons .vote-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--color-border);border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.vote-buttons .vote-btn.boost{color:#22c55e}.vote-buttons .vote-btn.boost:hover{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.3)}.vote-buttons .vote-btn.drop{color:#ef4444}.vote-buttons .vote-btn.drop:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.other-stats{display:flex;gap:1rem}.other-stats span{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:var(--color-text-secondary)}@media (max-width:640px){.post-card .post-main{flex-direction:column;align-items:flex-start;gap:.25rem;position:relative}.post-card .post-header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.post-card .post-header .hot-badge,.post-card .post-header .post-category{flex-shrink:0}.post-card .post-header .post-badges{position:absolute;top:.43rem;right:0;display:flex;align-items:center;gap:.35rem}.post-card .post-header .post-badges .comment-count{font-size:.7rem}.post-card .post-header .post-badges .image-badge{font-size:.65rem}.post-card .post-title{width:100%;flex-basis:100%;margin-bottom:.25rem;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.45;font-size:.875rem}.post-card .post-meta{font-size:.65rem}.post-vote{min-width:50px;width:50px;flex-direction:column;align-self:flex-start;align-items:center;gap:.4rem}.post-vote .vote-score{font-size:.75rem;padding:.2rem .4rem;width:100%;min-width:auto;max-width:100%;text-align:center}.post-thumbnail-inline{min-width:auto;max-width:auto;width:48px;height:48px}.post-card.default.with-excerpt .post-vote{min-height:80px}.post-stats{flex-direction:column;gap:.75rem;align-items:flex-start}.post-card.compact .post-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}