.layout-container[data-v-8d928635],.layout-container .container[data-v-8d928635],.layout-container .grid-layout[data-v-8d928635]{overflow:visible}.container[data-v-8d928635]{margin:0 auto;max-width:1200px;padding:0 1rem}.grid-layout[data-v-8d928635]{display:grid;gap:1rem;grid-template-columns:minmax(650px,850px) 280px;justify-content:center;margin-top:1rem}.layout-sidebar[data-v-8d928635]{align-self:start;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 5rem);overflow-y:auto;overscroll-behavior:contain;position:sticky;scrollbar-color:#cbd5e1 transparent;scrollbar-width:thin;top:4.5rem;z-index:20}.layout-sidebar[data-v-8d928635]::-webkit-scrollbar{width:4px}.layout-sidebar[data-v-8d928635]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.main-container[data-v-8d928635]{display:flex;gap:1.25rem;margin:0 auto;max-width:1280px;padding:1.25rem}.content-wrapper[data-v-8d928635]{flex:1;min-width:0}.sidebar[data-v-8d928635]{flex-shrink:0;width:280px}@media (max-width:1400px){.grid-layout[data-v-8d928635]{grid-template-columns:minmax(600px,1fr) 280px}}@media (max-width:1024px){.grid-layout[data-v-8d928635]{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:768px){.grid-layout[data-v-8d928635]{gap:1rem;grid-template-columns:1fr}.layout-sidebar[data-v-8d928635]{max-height:none;overflow:visible;position:static}.main-container[data-v-8d928635]{flex-direction:column}.layout-main[data-v-8d928635]{width:100vw}.sidebar[data-v-8d928635]{width:100%}}.sidebar-section[data-v-8d928635]{background-color:#fff;border:1px solid #e8ecf1;border-radius:12px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a0a;margin-bottom:.875rem;overflow:hidden;transition:box-shadow .2s ease}.sidebar-section[data-v-8d928635]:hover{box-shadow:0 2px 4px #0f172a0d,0 12px 28px #0f172a0f}.friend-links-list[data-v-8d928635]{padding:.35rem .5rem .5rem}.friend-link-item[data-v-8d928635]{align-items:center;border-radius:8px;color:inherit;display:flex;gap:.55rem;margin:.15rem 0;padding:.55rem .6rem;text-decoration:none;transition:background-color .15s ease,transform .15s ease}.friend-link-item[data-v-8d928635]:hover{background:#f0f7ff;transform:translate(2px)}.friend-link-icon[data-v-8d928635]{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:8px;color:#2563eb;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.friend-link-text[data-v-8d928635]{display:flex;flex:1;flex-direction:column;gap:.1rem;min-width:0}.friend-link-name[data-v-8d928635]{color:#1f2937;font-size:.8125rem;font-weight:600;line-height:1.3}.friend-link-desc[data-v-8d928635]{color:#6b7280;font-size:.6875rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-link-arrow[data-v-8d928635]{color:#9ca3af;flex-shrink:0;font-size:.875rem;transition:color .15s ease,transform .15s ease}.friend-link-item:hover .friend-link-arrow[data-v-8d928635]{color:#2563eb;transform:translate(1px,-1px)}.friend-links-section .section-header h2 i[data-v-8d928635]{color:#6366f1}.sidebar-section.glass-effect[data-v-8d928635]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffc;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px #00000014}.section-header[data-v-8d928635]{align-items:center;border-bottom:1px solid rgba(226,232,240,.6);display:flex;justify-content:space-between;padding:.6rem .75rem}.section-header h2[data-v-8d928635]{align-items:center;color:#1a202c;display:flex;font-size:.85rem;font-weight:600;margin:0}.section-header h2 i[data-v-8d928635]{color:#3b82f6;margin-right:.5rem}.logout-btn[data-v-8d928635],.profile-btn[data-v-8d928635]{align-items:center;background-color:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#334155;cursor:pointer;display:flex;flex:1;font-size:.8125rem;justify-content:center;padding:.4rem .75rem;text-decoration:none;transition:all .2s ease}.logout-btn[data-v-8d928635]:hover,.profile-btn[data-v-8d928635]:hover{background-color:#f5f5f5;border-color:#3b82f6;box-shadow:0 2px 4px #0000001a;color:#06c;transform:translateY(-1px)}.logout-btn i[data-v-8d928635],.profile-btn i[data-v-8d928635]{font-size:.875rem;margin-right:.35rem}.user-profile-avatar[data-v-8d928635]{border-radius:8px;box-shadow:0 2px 8px #00000014;height:44px;margin-right:.75rem;-o-object-fit:cover;object-fit:cover;width:44px}.btn[data-v-8d928635]{align-items:center;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .15s}.btn i[data-v-8d928635]{margin-right:.375rem}.btn-primary[data-v-8d928635]{background-color:#3b82f6;border:1px solid transparent;color:#fff}.btn-primary[data-v-8d928635]:hover{background-color:#2563eb}.btn-outline[data-v-8d928635]{background-color:transparent;border:1px solid #e5e7eb;color:#333}.btn-outline[data-v-8d928635]:hover{background-color:#f9fafb}.btn-sm[data-v-8d928635]{font-size:.75rem;padding:.25rem .4rem}.nav-item[data-v-8d928635]{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;gap:.4rem;margin:.1rem 0;padding:.35rem .6rem;transition:all .15s}.nav-item[data-v-8d928635]:hover{background-color:#f5f5f5}.nav-item.active[data-v-8d928635]{background-color:#f0f7ff;color:#06c;font-weight:600}.nav-item.active[data-v-8d928635]:hover{background-color:#e6f0fd}.nav-item i[data-v-8d928635]{color:#64748b;font-size:1rem;transition:all .15s}.nav-item:hover i[data-v-8d928635]{color:#3b82f6}.nav-item.active i[data-v-8d928635]{color:#06c}.post-item.highlight-new-post[data-v-8d928635]{animation:highlight-pulse-8d928635 2s infinite;background-color:#3b82f61a!important;border-left:4px solid #3b82f6!important;box-shadow:0 5px 15px #3b82f633;position:relative;transform:translateY(-2px);z-index:1}@keyframes highlight-pulse-8d928635{0%{box-shadow:0 5px 15px #3b82f633}50%{box-shadow:0 5px 20px #3b82f666}to{box-shadow:0 5px 15px #3b82f633}}.hot-posts-container[data-v-8d928635]{padding:0}.hot-post-item[data-v-8d928635]{background-color:transparent;border-bottom:1px solid rgba(226,232,240,.4);border-left:3px solid transparent;border-radius:0 6px 6px 0;display:block;margin:0;overflow:hidden;padding:.5rem .6rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.hot-post-item[data-v-8d928635]:last-child{border-bottom:none}.hot-post-item[data-v-8d928635]:hover{background:linear-gradient(135deg,#3b82f60f,#3b82f608);border-left-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translate(4px)}.hot-post-item[data-v-8d928635]:before{background:linear-gradient(90deg,rgba(59,130,246,.08),transparent);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.hot-post-item[data-v-8d928635]:hover:before{width:100%}.hot-post-title[data-v-8d928635]{color:#334155;display:-webkit-box;font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;position:relative;transition:color .2s ease}.hot-post-item:hover .hot-post-title[data-v-8d928635]{color:#1e40af}.hot-post-meta[data-v-8d928635]{align-items:center;color:#64748b;display:flex;font-size:.65rem;justify-content:space-between;position:relative}.hot-post-username[data-v-8d928635]{align-items:center;display:flex;max-width:120px;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.hot-post-username i[data-v-8d928635]{color:#9ca3af;font-size:.75rem;margin-right:4px}.hot-post-stats[data-v-8d928635]{display:flex;gap:.75rem}.hot-post-stat[data-v-8d928635]{align-items:center;background-color:#94a3b814;border-radius:10px;display:flex;gap:.2rem;padding:.1rem .25rem;transition:all .2s}.hot-post-stat[data-v-8d928635]:hover{background-color:#3b82f626;transform:translateY(-1px)}.hot-post-stats i[data-v-8d928635]{color:#9ca3af;font-size:.75rem;transition:all .2s}.hot-post-item:hover .hot-post-stat i[data-v-8d928635]{color:#3b82f6;transform:scale(1.1)}.hot-post-username[data-v-8d928635]:hover{color:#3b82f6;transform:translate(2px)}.no-hot-posts[data-v-8d928635]{background-color:transparent;border-radius:0;color:#64748b;font-size:.8125rem;margin:0;padding:.75rem 0;text-align:center}.layout-container .grid-layout{align-items:start;overflow:visible}.layout-container .layout-sidebar{align-self:start;height:-moz-fit-content;height:fit-content;max-height:calc(100vh - 5rem);overflow-y:auto;position:sticky;top:4.5rem;z-index:20}