.post-list-section{margin-bottom:40px}.post-list-title{color:#1a1a2e;letter-spacing:-.3px;margin-bottom:20px;font-size:20px;font-weight:700}.post-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.post-card{color:inherit;background:#fff;border-radius:14px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 12px #7c3aed12}.post-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #7c3aed24}.post-card-cover{aspect-ratio:16/9;background:var(--purple-light);position:relative;overflow:hidden}.post-card-cover-placeholder{background:linear-gradient(135deg,#f3f0ff,#ede9fe);justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex}.post-card-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.post-card-title{color:#1a1a2e;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.post-card-excerpt{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.post-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.post-card-author{align-items:center;gap:6px;display:flex}.post-card-author-avatar{background:linear-gradient(135deg,var(--purple),#a78bfa);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex;position:relative;overflow:hidden}.post-card-author-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-size:12px;font-weight:500;overflow:hidden}.post-card-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.post-card-time,.post-card-views{color:#9ca3af;font-size:11px}.post-list-error,.post-list-empty{text-align:center;color:#9ca3af;background:#fff;border:1px dashed #e5e7eb;border-radius:14px;padding:48px 24px;font-size:14px}.post-list-count{text-align:center;color:#9ca3af;margin-top:16px;font-size:12px}@media (max-width:640px){.post-grid{grid-template-columns:1fr}}.post-card-skeleton{pointer-events:none}.skeleton-box,.skeleton-line{background:linear-gradient(90deg,#f3f0ff 25%,#e9e4ff 50%,#f3f0ff 75%) 0 0/200% 100%;border-radius:6px;animation:1.4s infinite shimmer}.skeleton-box{aspect-ratio:16/9;width:100%}.skeleton-line{height:13px;margin-bottom:8px}.w-90{width:90%}.w-60{width:60%}.w-40{width:40%}.w-20{width:20%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.post-list-end{text-align:center;color:#c4b5fd;letter-spacing:.05em;margin-top:32px;font-size:12px}.post-like-btn{border-radius:var(--radius-full);font-family:var(--font);color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:1.5px solid #e5e7eb;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .2s,color .2s,background .2s;display:flex;position:relative}.post-like-btn:hover:not(.loading){color:#f43f5e;background:#fff1f2;border-color:#fda4af}.post-like-btn.liked{color:#f43f5e;background:#fff1f2;border-color:#f43f5e}.post-like-btn.loading{cursor:wait;opacity:.8}.like-icon-wrap{flex-shrink:0;width:24px;height:24px;position:relative}.like-icon{width:100%;height:100%;position:absolute;inset:0}.like-icon-bg{fill:#e5e7eb;transition:fill .2s}.post-like-btn:hover .like-icon-bg,.post-like-btn.liked .like-icon-bg{fill:#fda4af}.like-icon-fg{fill:#f43f5e;transition:transform;transform:scale(0)}.post-like-btn.liked .like-icon-fg{animation:.45s cubic-bezier(.17,.89,.32,1.49) forwards heartPop}.post-like-btn:not(.liked) .like-icon-fg{animation:.2s forwards heartShrink}@keyframes heartPop{0%{transform:scale(0)}50%{transform:scale(1.35)}75%{transform:scale(.9)}to{transform:scale(1)}}@keyframes heartShrink{0%{transform:scale(1)}to{transform:scale(0)}}.like-count{min-width:16px;transition:transform .2s}.post-like-btn.liked .like-count{animation:.3s countBounce}@keyframes countBounce{0%{transform:translateY(0)}40%{transform:translateY(-4px)}to{transform:translateY(0)}}.like-label{font-size:13px}.like-particles{pointer-events:none;position:absolute;inset:0}.like-particle{background:hsl(calc(var(--i)*45deg),85%,60%);width:6px;height:6px;animation:.6s forwards particleBurst;animation-delay:calc(var(--i)*20ms);transform-origin:50%;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes particleBurst{0%{transform:translate(-50%,-50%)scale(1)rotate(calc(var(--i)*45deg))translateX(0);opacity:1}to{transform:translate(-50%,-50%)scale(0)rotate(calc(var(--i)*45deg))translateX(20px);opacity:0}}@media (max-width:480px){.like-label{display:none}.post-like-btn{padding:9px 16px}}