.footer[data-v-9fca4466]{background:var(--bg-container);border-top:1px solid var(--border-color);height:48px;justify-content:center}.footer[data-v-9fca4466],.footer-content[data-v-9fca4466]{align-items:center;display:flex}.footer-content[data-v-9fca4466]{color:var(--text-tertiary);font-size:12px;gap:8px}.footer-brand[data-v-9fca4466]{color:var(--text-secondary);font-weight:500}.footer-divider[data-v-9fca4466]{color:var(--border-color)}.footer-copyright[data-v-9fca4466],.footer-record[data-v-9fca4466]{color:var(--text-muted)}@media(max-width:768px){.footer[data-v-9fca4466]{height:40px}.footer-content[data-v-9fca4466]{font-size:11px;gap:4px}.footer-record[data-v-9fca4466]{display:none}}.header[data-v-83c27a12]{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);flex-shrink:0;height:64px;position:relative;z-index:1000}.header-content[data-v-83c27a12]{height:100%;justify-content:space-between;margin:0 auto;max-width:1600px;padding:0 24px}.header-content[data-v-83c27a12],.logo-section[data-v-83c27a12]{align-items:center;display:flex}.logo-section[data-v-83c27a12]{gap:12px;text-decoration:none;transition:opacity .2s ease}.logo-section[data-v-83c27a12]:hover{opacity:.8}.logo-container[data-v-83c27a12]{background:var(--bg-hover);border-radius:8px;flex-shrink:0;height:36px;overflow:hidden;width:36px}.logo-img[data-v-83c27a12]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.logo-text[data-v-83c27a12]{display:flex;flex-direction:column;gap:2px}.logo-name[data-v-83c27a12]{color:var(--text-primary);font-size:15px;font-weight:600;letter-spacing:.5px}.logo-tagline[data-v-83c27a12]{color:var(--text-tertiary);font-size:11px;letter-spacing:.5px}.nav-menu[data-v-83c27a12]{gap:4px}.nav-item[data-v-83c27a12],.nav-menu[data-v-83c27a12]{align-items:center;display:flex}.nav-item[data-v-83c27a12]{border-radius:6px;color:var(--text-secondary);font-size:14px;gap:6px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.nav-item[data-v-83c27a12]:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active[data-v-83c27a12]{background:var(--theme-primary-light);color:var(--theme-primary);font-weight:500}.nav-text[data-v-83c27a12]{letter-spacing:.3px}.actions-section[data-v-83c27a12]{align-items:center;display:flex;gap:12px}.notification-btn[data-v-83c27a12],.notification-wrapper[data-v-83c27a12]{position:relative}.notification-btn.has-new[data-v-83c27a12]{color:var(--theme-primary)}.notification-badge[data-v-83c27a12]{align-items:center;background:var(--theme-danger);border-radius:8px;color:#fff;display:flex;font-size:10px;font-weight:600;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:-2px;top:-2px}.friend-dropdown[data-v-83c27a12]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:1100}.friend-header[data-v-83c27a12]{background:var(--bg-container);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:16px}.friend-header[data-v-83c27a12],.friend-title[data-v-83c27a12]{align-items:center;display:flex}.friend-title[data-v-83c27a12]{color:var(--text-primary);font-size:14px;font-weight:600;gap:8px}.friend-count[data-v-83c27a12]{color:var(--text-tertiary);font-size:12px}.friend-list[data-v-83c27a12]{max-height:300px;overflow-y:auto;padding:8px}.friend-item[data-v-83c27a12]{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.friend-item[data-v-83c27a12]:hover{background:var(--bg-hover)}.friend-status-dot[data-v-83c27a12]{border-radius:50%;flex-shrink:0;height:8px;width:8px}.friend-status-dot.online[data-v-83c27a12]{background:var(--status-online)}.friend-status-dot.busy[data-v-83c27a12]{background:var(--status-busy)}.friend-status-dot.offline[data-v-83c27a12]{background:var(--status-offline)}.friend-name[data-v-83c27a12]{color:var(--text-primary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status-text[data-v-83c27a12]{color:var(--text-tertiary);font-size:11px}.empty-friends[data-v-83c27a12]{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:13px;gap:8px;justify-content:center;padding:40px 20px}.empty-icon[data-v-83c27a12]{color:var(--text-muted);font-size:32px}.friend-footer[data-v-83c27a12]{background:var(--bg-container);border-top:1px solid var(--border-color);padding:12px 16px}.view-all-link[data-v-83c27a12]{align-items:center;color:var(--theme-primary);display:flex;font-size:13px;gap:6px;justify-content:center;text-decoration:none;transition:all .2s ease}.view-all-link[data-v-83c27a12]:hover{color:var(--theme-primary-hover)}.user-area[data-v-83c27a12],.user-card[data-v-83c27a12]{align-items:center;display:flex;gap:8px}.user-card[data-v-83c27a12]{background:var(--bg-hover);border:1px solid transparent;border-radius:6px;box-sizing:border-box;cursor:pointer;height:32px;padding:4px 10px 4px 4px;transition:all .2s ease}.user-card[data-v-83c27a12]:hover{background:var(--bg-active);border-color:var(--border-color)}.user-avatar[data-v-83c27a12]{background:var(--theme-primary-light);border-radius:4px;flex-shrink:0;height:24px;overflow:hidden;width:24px}.user-avatar img[data-v-83c27a12]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-placeholder[data-v-83c27a12]{background:var(--theme-primary-light);color:var(--theme-primary);font-size:12px;font-weight:600;height:100%;justify-content:center;width:100%}.avatar-placeholder[data-v-83c27a12],.user-info[data-v-83c27a12]{align-items:center;display:flex}.user-info[data-v-83c27a12]{gap:8px;line-height:1}.user-name[data-v-83c27a12]{color:var(--text-primary);font-size:13px;font-weight:500;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status[data-v-83c27a12]{align-items:center;color:var(--text-tertiary);display:flex;font-size:12px;gap:4px}.status-dot[data-v-83c27a12]{border-radius:50%;flex-shrink:0;height:6px;width:6px}.status-dot.online[data-v-83c27a12]{background:var(--status-online)}.status-dot.busy[data-v-83c27a12]{background:var(--status-busy)}.status-dot.offline[data-v-83c27a12]{background:var(--status-offline)}.action-btn[data-v-83c27a12]{align-items:center;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.action-btn[data-v-83c27a12]:hover{background:var(--bg-hover);border-color:var(--border-color-hover);color:var(--text-primary)}.user-menu-wrapper[data-v-83c27a12]{position:relative}.user-dropdown[data-v-83c27a12]{animation:slideDown-83c27a12 .2s ease;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:200px;z-index:1100}@keyframes slideDown-83c27a12{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header[data-v-83c27a12]{background:var(--bg-container);border-bottom:1px solid var(--border-color);padding:12px 16px}.user-dropdown-name[data-v-83c27a12]{color:var(--text-primary);display:block;font-size:14px;font-weight:600;margin-bottom:2px}.user-dropdown-id[data-v-83c27a12]{color:var(--text-tertiary);font-size:11px}.dropdown-divider[data-v-83c27a12],.user-dropdown-divider[data-v-83c27a12]{background:var(--border-color);height:1px;margin:4px 0}.user-dropdown-menu[data-v-83c27a12]{padding:4px}.dropdown-item[data-v-83c27a12]{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:all .2s ease}.dropdown-item[data-v-83c27a12]:hover{background:var(--bg-hover)}.dropdown-item-danger[data-v-83c27a12]:hover{background:var(--theme-danger-light);color:var(--theme-danger)}.dropdown-icon[data-v-83c27a12]{color:var(--text-secondary);flex-shrink:0;font-size:16px}.dropdown-item:hover .dropdown-icon[data-v-83c27a12]{color:var(--theme-primary)}.dropdown-item-danger:hover .dropdown-icon[data-v-83c27a12]{color:var(--theme-danger)}.dropdown-text[data-v-83c27a12],.login-btn[data-v-83c27a12]{font-size:13px}.login-btn[data-v-83c27a12]{align-items:center;background:var(--theme-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:all .2s ease}.login-btn[data-v-83c27a12]:hover{background:var(--theme-primary-hover);color:#fff}@media(max-width:1024px){.header-content[data-v-83c27a12]{padding:0 16px}.logo-tagline[data-v-83c27a12]{display:none}.nav-item[data-v-83c27a12]{padding:8px 12px}.nav-text[data-v-83c27a12]{display:none}.friend-dropdown[data-v-83c27a12]{right:-60px}}@media(max-width:768px){.header[data-v-83c27a12]{height:56px}.header-content[data-v-83c27a12]{padding:0 12px}.logo-name[data-v-83c27a12]{font-size:14px}.user-info[data-v-83c27a12]{display:none}.user-card[data-v-83c27a12]{padding:4px}.friend-dropdown[data-v-83c27a12]{right:-80px;width:260px}}.search-modal-overlay[data-v-83c27a12]{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;justify-content:center;inset:0;padding-top:15vh;position:fixed;z-index:9999}.search-modal[data-v-83c27a12]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 20px 60px #0006;max-width:90vw;overflow:visible;width:600px}.search-modal-header[data-v-83c27a12]{align-items:center;display:flex;gap:12px;padding:12px 16px}.scope-selector[data-v-83c27a12]{position:relative}.scope-btn[data-v-83c27a12]{align-items:center;background:var(--bg-page);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.scope-btn[data-v-83c27a12]:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.scope-label[data-v-83c27a12]{font-weight:500}.scope-arrow[data-v-83c27a12]{height:14px;transition:transform .2s ease;width:14px}.scope-arrow.is-open[data-v-83c27a12]{transform:rotate(180deg)}.scope-dropdown[data-v-83c27a12]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 40px #0000004d;left:0;padding:6px;position:absolute;top:calc(100% + 6px);width:180px;z-index:10000}.scope-option[data-v-83c27a12]{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:all .15s ease}.scope-option[data-v-83c27a12]:hover{background:var(--bg-hover)}.scope-option.is-active[data-v-83c27a12]{background:var(--theme-primary-light);color:var(--theme-primary)}.scope-option-label[data-v-83c27a12]{font-size:14px}.scope-shortcut[data-v-83c27a12]{align-items:center;display:flex;gap:2px}.shortcut-key[data-v-83c27a12]{align-items:center;background:var(--bg-page);border:1px solid var(--border-color);border-radius:4px;color:var(--text-tertiary);display:inline-flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 4px}.search-divider[data-v-83c27a12]{background:var(--border-color);height:24px;width:1px}.search-input-wrapper[data-v-83c27a12]{align-items:center;display:flex;flex:1;gap:8px;position:relative}.search-input-icon[data-v-83c27a12]{color:var(--text-tertiary);flex-shrink:0;font-size:18px}.search-input[data-v-83c27a12]{background:transparent;border:none;color:var(--text-primary);flex:1;font-size:16px;outline:none;padding:4px 0}.search-input[data-v-83c27a12]::-moz-placeholder{color:var(--text-tertiary)}.search-input[data-v-83c27a12]::placeholder{color:var(--text-tertiary)}.search-clear-btn[data-v-83c27a12]{align-items:center;background:var(--bg-page);border:none;border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.search-clear-btn[data-v-83c27a12]:hover{background:var(--bg-hover);color:var(--text-secondary)}.search-clear-btn svg[data-v-83c27a12]{height:12px;width:12px}.search-close-btn[data-v-83c27a12]{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.search-close-btn[data-v-83c27a12]:hover{background:var(--bg-hover);color:var(--text-primary)}.search-close-btn svg[data-v-83c27a12]{height:18px;width:18px}.search-modal-footer[data-v-83c27a12]{background:var(--bg-page);border-top:1px solid var(--border-color);padding:10px 16px}.search-hints[data-v-83c27a12]{gap:16px}.hint-item[data-v-83c27a12],.search-hints[data-v-83c27a12]{align-items:center;display:flex}.hint-item[data-v-83c27a12]{color:var(--text-tertiary);font-size:12px;gap:6px}.hint-key[data-v-83c27a12]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-family:inherit;font-size:11px;justify-content:center;padding:2px 6px}.search-btn[data-v-83c27a12]{position:relative}@media(max-width:768px){.search-modal-overlay[data-v-83c27a12]{padding-top:10vh}.search-modal[data-v-83c27a12]{max-width:95vw}.search-modal-header[data-v-83c27a12]{padding:10px 12px}.scope-btn[data-v-83c27a12]{font-size:13px;padding:6px 10px}.search-input[data-v-83c27a12]{font-size:14px}.search-hints[data-v-83c27a12]{gap:12px}}