.friends-page[data-v-a0ed351e]{margin:0 auto;max-width:1200px;padding:2rem 1rem}@media (max-width:768px){.friends-page[data-v-a0ed351e]{padding:1rem .5rem}}.page-header[data-v-a0ed351e]{margin-bottom:3rem;text-align:center}.page-header h1[data-v-a0ed351e]{color:var(--c-text-1);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}@media (max-width:768px){.page-header h1[data-v-a0ed351e]{font-size:2rem}}.page-header .page-desc[data-v-a0ed351e]{color:var(--c-text-2);font-size:1.1rem;margin:0}.loading-container[data-v-a0ed351e],.loading-more[data-v-a0ed351e],.no-more[data-v-a0ed351e]{align-items:center;color:var(--c-text-2);display:flex;font-size:1.1rem;gap:.75rem;justify-content:center;padding:3rem 2rem}.loading-container .loading-icon[data-v-a0ed351e],.loading-more .loading-icon[data-v-a0ed351e],.no-more .loading-icon[data-v-a0ed351e]{animation:spin-a0ed351e 1s linear infinite;color:var(--c-brand);font-size:1.5rem}.post-grid[data-v-a0ed351e]{display:flex;flex-direction:column;gap:1rem}@media (max-width:768px){.post-grid[data-v-a0ed351e]{gap:.75rem}}.post-card[data-v-a0ed351e]{animation:fade-in-a0ed351e .6s ease-out backwards;animation-delay:var(--delay);background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:12px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.post-card[data-v-a0ed351e]:hover{border-color:var(--c-brand);box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.post-card:hover .post-title[data-v-a0ed351e]{color:var(--c-brand)}.post-link[data-v-a0ed351e]{align-items:flex-start;background:var(--ld-bg-card);color:inherit;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;text-decoration:none}@media (max-width:768px){.post-link[data-v-a0ed351e]{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}}.post-main[data-v-a0ed351e]{flex:1;min-width:0}.post-header[data-v-a0ed351e]{margin-bottom:.75rem}.author-info[data-v-a0ed351e],.post-header[data-v-a0ed351e]{align-items:center;display:flex;gap:.75rem}.author-avatar[data-v-a0ed351e]{border:2px solid var(--c-border);border-radius:50%;height:48px;-o-object-fit:cover;object-fit:cover;transition:border-color .3s ease;width:48px}@media (max-width:768px){.author-avatar[data-v-a0ed351e]{height:40px;width:40px}}.author-details .author-name[data-v-a0ed351e]{color:var(--c-text-1);font-size:1rem;font-weight:600;line-height:1.2;margin:0 0 .25rem}.author-details .post-domain[data-v-a0ed351e]{color:var(--c-text-3);font-size:.8rem;line-height:1;margin:0}.post-date[data-v-a0ed351e]{align-self:flex-start;color:var(--c-text-3);flex-shrink:0;font-size:.85rem;margin-top:.25rem;white-space:nowrap}@media (max-width:768px){.post-date[data-v-a0ed351e]{align-self:flex-end;font-size:.8rem;margin-top:0}}.post-content[data-v-a0ed351e]{flex:1;min-width:0}@media (max-width:768px){.post-content[data-v-a0ed351e]{width:100%}}.post-content .post-title[data-v-a0ed351e]{color:var(--c-text-1);display:-webkit-box;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0 0 .25rem;transition:color .3s ease;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.post-content .post-title[data-v-a0ed351e]{font-size:1rem;-webkit-line-clamp:2;line-clamp:2}}.post-content .post-excerpt[data-v-a0ed351e]{color:var(--c-text-3);display:-webkit-box;font-size:.85rem;line-height:1.4;margin:0;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.post-content .post-excerpt[data-v-a0ed351e]{-webkit-line-clamp:2;line-clamp:2}}.empty-state[data-v-a0ed351e]{color:var(--c-text-3);padding:4rem 2rem;text-align:center}.empty-state svg[data-v-a0ed351e]{font-size:3rem;margin-bottom:1rem}.empty-state p[data-v-a0ed351e]{font-size:1.1rem;margin:0 0 1.5rem}.retry-btn[data-v-a0ed351e]{align-items:center;background:var(--c-brand);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.retry-btn[data-v-a0ed351e]:hover{background:var(--c-brand-dark);transform:translateY(-1px)}.retry-btn[data-v-a0ed351e]:active{transform:translateY(0)}.post-enter-active[data-v-a0ed351e],.post-leave-active[data-v-a0ed351e]{transition:all .5s ease}.post-enter-from[data-v-a0ed351e]{opacity:0;transform:translateY(30px)}.post-leave-to[data-v-a0ed351e]{opacity:0;transform:translateY(-30px)}.fade-enter-active[data-v-a0ed351e],.fade-leave-active[data-v-a0ed351e]{transition:opacity .3s ease}.fade-enter-from[data-v-a0ed351e],.fade-leave-to[data-v-a0ed351e]{opacity:0}@keyframes fade-in-a0ed351e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-a0ed351e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.skeleton-container[data-v-a0ed351e]{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.skeleton-post[data-v-a0ed351e]{animation:skeleton-pulse-a0ed351e 1.5s ease-in-out infinite;background:var(--c-bg-soft);border:1px solid var(--c-border);border-radius:12px;padding:1.5rem}.skeleton-header[data-v-a0ed351e]{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.skeleton-avatar[data-v-a0ed351e]{background:var(--c-bg-mute);border-radius:50%;height:48px;width:48px}.skeleton-info[data-v-a0ed351e]{flex:1}.skeleton-name[data-v-a0ed351e]{height:16px;margin-bottom:.5rem;width:120px}.skeleton-domain[data-v-a0ed351e],.skeleton-name[data-v-a0ed351e]{background:var(--c-bg-mute);border-radius:4px}.skeleton-domain[data-v-a0ed351e]{height:12px;width:80px}.skeleton-content .skeleton-title[data-v-a0ed351e]{background:var(--c-bg-mute);border-radius:4px;height:20px;margin-bottom:.75rem;width:90%}.skeleton-content .skeleton-text[data-v-a0ed351e]{background:var(--c-bg-mute);border-radius:4px;height:14px;margin-bottom:.5rem;width:100%}.skeleton-content .skeleton-text.short[data-v-a0ed351e]{width:60%}@keyframes skeleton-pulse-a0ed351e{0%,to{opacity:1}50%{opacity:.6}}
