vue-chat-kit 0.3.10 → 0.3.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/vue-chat-kit.css +1 -1
  2. package/dist/vue-chat-kit.es.js +4426 -2819
  3. package/dist/vue-chat-kit.umd.js +1 -1
  4. package/package.json +1 -1
  5. package/src/components/AvatarCrop.vue +16 -127
  6. package/src/components/ChatPanel.vue +491 -2675
  7. package/src/components/EmojiPicker.vue +2 -73
  8. package/src/components/chat/ChatWindow.vue +177 -0
  9. package/src/components/chat/ContentList.vue +300 -0
  10. package/src/components/chat/ContextMenu.vue +32 -0
  11. package/src/components/chat/GroupSidebar.vue +284 -0
  12. package/src/components/chat/MainArea.vue +87 -0
  13. package/src/components/chat/Sidebar.vue +52 -0
  14. package/src/components/chat/dialogs/AddFriendDialog.vue +62 -0
  15. package/src/components/chat/dialogs/CreateGroupDialog.vue +86 -0
  16. package/src/components/chat/dialogs/GroupDetailDialog.vue +132 -0
  17. package/src/components/ui/Button.vue +190 -0
  18. package/src/components/ui/Dialog.vue +194 -0
  19. package/src/components/ui/Empty.vue +66 -0
  20. package/src/components/ui/Input.vue +166 -0
  21. package/src/components/ui/Message.vue +186 -0
  22. package/src/components/ui/MessageBox.vue +143 -0
  23. package/src/components/ui/MessageManager.vue +92 -0
  24. package/src/components/ui/Switch.vue +65 -0
  25. package/src/components/ui/Tag.vue +68 -0
  26. package/src/components/ui/icons/ArrowDown.vue +5 -0
  27. package/src/components/ui/icons/ArrowRight.vue +5 -0
  28. package/src/components/ui/icons/Bell.vue +6 -0
  29. package/src/components/ui/icons/Camera.vue +6 -0
  30. package/src/components/ui/icons/ChatDotRound.vue +5 -0
  31. package/src/components/ui/icons/Check.vue +5 -0
  32. package/src/components/ui/icons/CircleCheck.vue +6 -0
  33. package/src/components/ui/icons/Clock.vue +6 -0
  34. package/src/components/ui/icons/Close.vue +5 -0
  35. package/src/components/ui/icons/Delete.vue +8 -0
  36. package/src/components/ui/icons/Edit.vue +6 -0
  37. package/src/components/ui/icons/Folder.vue +5 -0
  38. package/src/components/ui/icons/Minus.vue +5 -0
  39. package/src/components/ui/icons/Monitor.vue +7 -0
  40. package/src/components/ui/icons/Moon.vue +5 -0
  41. package/src/components/ui/icons/Picture.vue +7 -0
  42. package/src/components/ui/icons/Plus.vue +5 -0
  43. package/src/components/ui/icons/Search.vue +6 -0
  44. package/src/components/ui/icons/Setting.vue +6 -0
  45. package/src/components/ui/icons/Sunny.vue +6 -0
  46. package/src/components/ui/icons/User.vue +6 -0
  47. package/src/components/ui/icons/UserFilled.vue +6 -0
  48. package/src/components/ui/icons/Warning.vue +5 -0
  49. package/src/components/ui/icons/index.js +24 -0
  50. package/src/components/ui/index.js +10 -0
  51. package/src/composables/useFriendChat.js +10 -14
  52. package/src/composables/useGroupChat.js +140 -48
  53. package/src/composables/useMessage.js +21 -0
  54. package/src/composables/useMessageBox.js +98 -0
  55. package/src/composables/useTheme.js +140 -0
  56. package/src/config/index.js +1 -0
  57. package/src/const/index.js +1 -0
  58. package/src/const/theme.js +19 -0
  59. package/src/core/api.js +13 -2
  60. package/src/index.js +5 -5
  61. package/src/styles/_base.scss +38 -0
  62. package/src/styles/_variables.scss +43 -0
  63. package/src/styles/components/_add-friend-dialog.scss +45 -0
  64. package/src/styles/components/_avatar-crop.scss +120 -0
  65. package/src/styles/components/_chat-panel.scss +546 -0
  66. package/src/styles/components/_chat-window.scss +239 -0
  67. package/src/styles/components/_content-list.scss +260 -0
  68. package/src/styles/components/_context-menu.scss +35 -0
  69. package/src/styles/components/_create-group-dialog.scss +78 -0
  70. package/src/styles/components/_dialogs.scss +226 -0
  71. package/src/styles/components/_emoji-picker.scss +74 -0
  72. package/src/styles/components/_group-detail-dialog.scss +110 -0
  73. package/src/styles/components/_group-sidebar.scss +278 -0
  74. package/src/styles/components/_main-area.scss +94 -0
  75. package/src/styles/components/_sidebar.scss +83 -0
  76. package/src/styles/index.scss +18 -0
  77. package/src/styles/themes/_dark.scss +68 -0
  78. package/src/styles/themes/_index.scss +7 -0
  79. package/src/styles/themes/_light.scss +69 -0
package/dist/vue-chat-kit.css CHANGED
@@ -1 +1 @@
1
- *,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.avatar-crop-container[data-v-594eeaf3]{min-height:200px}.crop-wrapper[data-v-594eeaf3]{display:flex;flex-direction:column;gap:16px}.crop-area[data-v-594eeaf3]{position:relative;overflow:hidden;background:#f5f7fa;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #e4e7ed}.crop-box[data-v-594eeaf3]{position:absolute;border:2px solid #409eff;box-shadow:0 0 0 9999px #00000080;cursor:move;box-sizing:border-box}.crop-handle[data-v-594eeaf3]{position:absolute;width:14px;height:14px;background:#409eff;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003}.crop-handle.nw[data-v-594eeaf3]{top:-7px;left:-7px;cursor:nw-resize}.crop-handle.n[data-v-594eeaf3]{top:-7px;left:50%;transform:translate(-50%);cursor:n-resize}.crop-handle.ne[data-v-594eeaf3]{top:-7px;right:-7px;cursor:ne-resize}.crop-handle.e[data-v-594eeaf3]{right:-7px;top:50%;transform:translateY(-50%);cursor:e-resize}.crop-handle.se[data-v-594eeaf3]{bottom:-7px;right:-7px;cursor:se-resize}.crop-handle.s[data-v-594eeaf3]{bottom:-7px;left:50%;transform:translate(-50%);cursor:s-resize}.crop-handle.sw[data-v-594eeaf3]{bottom:-7px;left:-7px;cursor:sw-resize}.crop-handle.w[data-v-594eeaf3]{left:-7px;top:50%;transform:translateY(-50%);cursor:w-resize}.preview-wrapper[data-v-594eeaf3]{display:flex;align-items:center;justify-content:center;gap:16px}.preview-label[data-v-594eeaf3]{font-size:14px;color:#606266;font-weight:500}.preview-box[data-v-594eeaf3]{border-radius:50%;overflow:hidden;border:3px solid #e4e7ed;background:#fff;box-shadow:0 2px 8px #0000001a}.preview-canvas[data-v-594eeaf3]{display:block;width:100%;height:100%}.dialog-footer[data-v-594eeaf3]{display:flex;justify-content:center;gap:12px}.emoji-picker[data-v-6ca53096]{position:absolute;bottom:100%;left:0;width:320px;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,.3);overflow:hidden;z-index:1000;margin-bottom:8px}.emoji-header[data-v-6ca53096]{display:flex;padding:8px 12px;border-bottom:1px solid rgba(0,0,0,.08);gap:4px}.emoji-category-tab[data-v-6ca53096]{padding:8px 12px;cursor:pointer;border-radius:8px;transition:all .2s;font-size:18px;line-height:1}.emoji-category-tab[data-v-6ca53096]:hover{background:#0000000d}.emoji-category-tab.active[data-v-6ca53096]{background:#07c1601a}.emoji-body[data-v-6ca53096]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:240px;overflow-y:auto}.emoji-body[data-v-6ca53096]::-webkit-scrollbar{width:6px}.emoji-body[data-v-6ca53096]::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.emoji-item[data-v-6ca53096]{font-size:24px;padding:8px;text-align:center;cursor:pointer;border-radius:8px;transition:all .15s;line-height:1}.emoji-item[data-v-6ca53096]:hover{background:#00000014;transform:scale(1.2)}.chat-panel[data-v-18e78d30]{display:flex;height:680px;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden;border-radius:20px;box-shadow:0 8px 32px #0000001f,0 2px 12px #00000014;border:1px solid rgba(255,255,255,.3);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.chat-sidebar[data-v-18e78d30]{width:64px;display:flex;flex-direction:column;align-items:center;gap:8px;background:#f9fafb99;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(229,231,235,.5)}.sidebar-avatar[data-v-18e78d30]{margin-top:16px;margin-bottom:16px;cursor:pointer}.sidebar-avatar-img[data-v-18e78d30]{width:40px;height:40px;border-radius:50%;border:2px solid #e5e7eb;object-fit:cover}.sidebar-nav-item[data-v-18e78d30]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:all .2s;position:relative}.sidebar-nav-item-active[data-v-18e78d30]{background-color:#dcfce7;color:#07c160}.sidebar-nav-item-inactive[data-v-18e78d30]{color:#6b7280}.sidebar-nav-item-inactive[data-v-18e78d30]:hover{background-color:#f3f4f6}.sidebar-nav-badge[data-v-18e78d30]{position:absolute;top:-4px;right:-4px;width:16px;height:16px;background-color:#ef4444;border-radius:50%;font-size:10px;color:#fff;display:flex;align-items:center;justify-content:center}.sidebar-spacer[data-v-18e78d30]{flex:1}.chat-content-panel[data-v-18e78d30]{width:288px;background:#f5f5f580;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-right:1px solid rgba(229,231,235,.5);display:flex;flex-direction:column}.chat-search-bar[data-v-18e78d30]{padding:12px}.chat-search-input[data-v-18e78d30]{width:100%}.chat-content-scroll[data-v-18e78d30]{flex:1;overflow-y:auto;min-height:0}.chat-list-item[data-v-18e78d30]{display:flex;align-items:center;padding:12px;cursor:pointer;transition:background-color .2s;border-radius:8px;margin:0 8px}.chat-list-item[data-v-18e78d30]:hover{background:#e5e5e599}.chat-list-item-active[data-v-18e78d30]{background:#07c16026}.chat-list-avatar-wrapper[data-v-18e78d30]{position:relative;flex-shrink:0}.chat-list-avatar[data-v-18e78d30]{width:44px;height:44px;border-radius:50%;object-fit:cover}.group-avatar-grid[data-v-18e78d30]{width:44px;height:44px;border-radius:8px;overflow:hidden;display:flex;flex-wrap:wrap;background-color:#f3f4f6}.group-avatar-item[data-v-18e78d30]{overflow:hidden;box-sizing:border-box;border:.5px solid rgba(255,255,255,.3)}.group-avatar-img[data-v-18e78d30]{width:100%;height:100%;object-fit:cover}.chat-list-online-indicator[data-v-18e78d30]{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#22c55e;border-radius:50%;border:2px solid white}.chat-list-online-indicator.chat-list-offline[data-v-18e78d30]{background-color:#9ca3af}.chat-list-info[data-v-18e78d30]{margin-left:12px;flex:1;overflow:hidden}.chat-list-header[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center}.chat-list-name[data-v-18e78d30]{font-weight:500;color:#1f2937;font-size:14px}.chat-list-time[data-v-18e78d30]{font-size:12px;color:#9ca3af}.chat-list-preview[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.chat-list-last-msg[data-v-18e78d30]{font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px;flex:1}.chat-list-unread[data-v-18e78d30]{background-color:#ef4444;color:#fff;font-size:10px;border-radius:9999px;padding:2px 6px;min-width:18px;min-height:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.add-friend-section[data-v-18e78d30]{padding:12px}.add-friend-btn[data-v-18e78d30]{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;cursor:pointer}.add-friend-btn[data-v-18e78d30]:hover{background-color:#e5e5e5}.add-friend-icon[data-v-18e78d30]{width:44px;height:44px;background-color:#07c160;border-radius:8px;display:flex;align-items:center;justify-content:center}.add-friend-text[data-v-18e78d30]{font-size:14px;color:#1f2937}.friend-request-item[data-v-18e78d30]{display:flex;align-items:center;justify-content:space-between;padding:12px}.friend-request-item[data-v-18e78d30]:hover{background-color:#e5e5e5}.friend-request-info[data-v-18e78d30]{display:flex;align-items:center}.friend-request-avatar[data-v-18e78d30]{width:44px;height:44px;border-radius:50%;object-fit:cover}.friend-request-details[data-v-18e78d30]{margin-left:12px}.friend-request-username[data-v-18e78d30]{font-weight:500;color:#1f2937;font-size:14px}.friend-request-desc[data-v-18e78d30]{font-size:12px;color:#6b7280;margin-top:4px}.chat-main-area[data-v-18e78d30]{flex:1;display:flex;flex-direction:column;min-width:0;background:#ffffff80;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.friend-profile-area[data-v-18e78d30]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;background:#f5f5f566}.profile-avatar[data-v-18e78d30]{width:96px;height:96px;border-radius:50%;object-fit:cover;margin-bottom:24px}.profile-name[data-v-18e78d30]{font-size:20px;font-weight:500;color:#1f2937;margin-bottom:8px}.profile-status[data-v-18e78d30]{display:flex;align-items:center;gap:8px;margin-bottom:32px}.profile-status-dot[data-v-18e78d30]{width:8px;height:8px;border-radius:50%}.profile-status-online[data-v-18e78d30]{background-color:#22c55e}.profile-status-offline[data-v-18e78d30]{background-color:#9ca3af}.profile-start-chat-btn[data-v-18e78d30]{width:160px}.chat-window-area[data-v-18e78d30]{flex:1;display:flex;flex-direction:column;min-height:0}.chat-window-header[data-v-18e78d30]{height:56px;border-bottom:1px solid rgba(229,231,235,.5);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#ffffff4d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.chat-window-title[data-v-18e78d30]{display:flex;align-items:center;gap:12px}.chat-window-name[data-v-18e78d30]{font-weight:500;color:#1f2937}.chat-window-status[data-v-18e78d30]{font-size:12px;padding:2px 8px;border-radius:4px}.chat-window-status-online[data-v-18e78d30]{background-color:#dcfce7;color:#16a34a}.chat-window-status-offline[data-v-18e78d30]{background-color:#f3f4f6;color:#6b7280}.chat-window-actions[data-v-18e78d30]{display:flex;align-items:center;gap:12px;color:#6b7280}.chat-action-icon[data-v-18e78d30]{cursor:pointer}.chat-action-icon[data-v-18e78d30]:hover{color:#374151}.chat-messages-container[data-v-18e78d30]{flex:1;overflow-y:auto;padding:16px;background:#f5f5f54d;min-height:0}.chat-messages-container[data-v-18e78d30]::-webkit-scrollbar{width:6px}.chat-messages-container[data-v-18e78d30]::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages-container[data-v-18e78d30]::-webkit-scrollbar-track{background:transparent}.message-wrapper[data-v-18e78d30]{display:flex;margin-bottom:24px;align-items:flex-start}.message-self[data-v-18e78d30]{flex-direction:row-reverse}.message-other[data-v-18e78d30]{flex-direction:row}.message-avatar[data-v-18e78d30]{flex-shrink:0}.message-avatar-img[data-v-18e78d30]{width:40px;height:40px;border-radius:8px;object-fit:cover}.message-content[data-v-18e78d30]{display:flex;flex-direction:column;max-width:75%}.message-content-self[data-v-18e78d30]{margin-right:12px;align-items:flex-end}.message-content-other[data-v-18e78d30]{margin-left:12px;align-items:flex-start}.message-sender-name[data-v-18e78d30]{font-size:12px;color:#6b7280;margin-bottom:4px;margin-left:4px}.message-bubble-wrapper[data-v-18e78d30]{position:relative}.message-bubble[data-v-18e78d30]{padding:8px 12px;font-size:14px;word-break:break-all;white-space:pre-wrap;border-radius:8px;box-shadow:0 1px 2px #0000000d}.message-bubble-self[data-v-18e78d30]{background-color:#95ec69;color:#1f2937;position:relative}.message-bubble-self[data-v-18e78d30]:after{content:"";position:absolute;right:-5px;top:10px;width:10px;height:10px;background-color:#95ec69;transform:rotate(45deg);box-shadow:2px -2px 2px #0000000d}.message-bubble-other[data-v-18e78d30]{background-color:#fff;color:#1f2937;position:relative}.message-bubble-other[data-v-18e78d30]:after{content:"";position:absolute;left:-5px;top:10px;width:10px;height:10px;background-color:#fff;transform:rotate(45deg);box-shadow:-2px 2px 2px #0000000d}.message-image-bubble[data-v-18e78d30]{border-radius:8px;position:relative;box-shadow:0 1px 2px #0000000d;cursor:pointer;overflow:hidden;max-width:300px;padding:0}.message-image[data-v-18e78d30]{width:100%;height:auto;display:block}.message-image-size[data-v-18e78d30]{position:absolute;left:4px;bottom:0;color:#fff;font-size:10px}.message-file-bubble[data-v-18e78d30]{border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;overflow:hidden;min-width:200px}.message-file-content[data-v-18e78d30]{display:flex;align-items:center;gap:12px;padding:12px 16px}.message-file-icon[data-v-18e78d30]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.message-bubble-self .message-file-icon[data-v-18e78d30]{color:#374151}.message-bubble-other .message-file-icon[data-v-18e78d30]{color:#6b7280}.message-file-info[data-v-18e78d30]{flex:1;min-width:0}.message-file-name[data-v-18e78d30]{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.2}.message-bubble-self .message-file-name[data-v-18e78d30],.message-bubble-other .message-file-name[data-v-18e78d30]{color:#1f2937}.message-file-meta[data-v-18e78d30]{font-size:12px;margin-top:4px;display:flex;align-items:center;gap:8px}.message-bubble-self .message-file-meta[data-v-18e78d30]{color:#4b5563}.message-bubble-other .message-file-meta[data-v-18e78d30]{color:#6b7280}.message-time[data-v-18e78d30]{font-size:10px;color:#9ca3af;margin-top:4px}.message-time-right[data-v-18e78d30]{text-align:right}.message-time-left[data-v-18e78d30]{text-align:left}.chat-input-area[data-v-18e78d30]{background:#fff9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(229,231,235,.5);position:relative}.emoji-button-wrapper[data-v-18e78d30]{position:relative;display:inline-block}.pending-files-area[data-v-18e78d30]{padding:8px 12px;border-bottom:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:8px}.pending-file-item[data-v-18e78d30]{position:relative}.pending-image-wrapper[data-v-18e78d30]{position:relative;width:80px;height:80px;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.pending-image[data-v-18e78d30]{width:100%;height:100%;object-fit:cover}.pending-file-wrapper[data-v-18e78d30]{position:relative;width:96px;height:80px;border-radius:8px;border:1px solid #e5e7eb;background-color:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px}.pending-file-icon[data-v-18e78d30]{color:#9ca3af;font-size:28px;margin-bottom:4px}.pending-file-name[data-v-18e78d30]{font-size:10px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;padding:0 4px}.pending-file-remove-btn[data-v-18e78d30]{position:absolute;top:4px;right:4px;width:20px;height:20px;background-color:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;font-size:14px;border:none}.pending-file-remove-btn[data-v-18e78d30]:hover{background-color:#000000b3}.input-toolbar[data-v-18e78d30]{display:flex;align-items:center;padding:12px;gap:8px}.input-toolbar-icon[data-v-18e78d30]{color:#6b7280;cursor:pointer;font-size:20px}.input-toolbar-icon[data-v-18e78d30]:hover{color:#374151}.input-textarea-wrapper[data-v-18e78d30]{padding:0 12px 12px}.message-input-textarea[data-v-18e78d30]{width:100%;resize:none;border:none;outline:none;font-size:14px;height:80px;font-family:inherit}.input-send-wrapper[data-v-18e78d30]{display:flex;justify-content:flex-end;padding:0 12px 12px}.send-message-btn[data-v-18e78d30]{background-color:#07c160;border:none;font-size:14px;padding:8px 24px}.send-message-btn[data-v-18e78d30]:hover{background-color:#06ad56}.hidden-file-input[data-v-18e78d30]{display:none}.chat-empty-state[data-v-18e78d30]{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#f5f5f5}.empty-state-icon[data-v-18e78d30]{color:#d1d5db;margin-bottom:8px}.empty-state-text[data-v-18e78d30]{color:#9ca3af;font-size:14px}.chat-detail-panel[data-v-18e78d30]{width:256px;background:#f5f5f580;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-left:1px solid rgba(229,231,235,.5);display:flex;flex-direction:column}.chat-detail-header[data-v-18e78d30]{height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(229,231,235,.5);font-weight:500;color:#374151;font-size:14px}.chat-detail-content[data-v-18e78d30]{flex:1;padding:16px}.chat-detail-profile[data-v-18e78d30]{display:flex;flex-direction:column;align-items:center}.chat-detail-avatar[data-v-18e78d30]{width:80px;height:80px;border-radius:50%;object-fit:cover}.chat-detail-name[data-v-18e78d30]{margin-top:12px;font-weight:500;color:#1f2937;font-size:18px}.chat-detail-actions[data-v-18e78d30]{margin-top:24px;width:100%}.chat-detail-action-item[data-v-18e78d30]{padding:12px;border-bottom:1px solid #f3f4f6;cursor:pointer;background-color:#fff;font-size:14px;color:#374151}.chat-detail-action-item[data-v-18e78d30]:hover{background-color:#f9fafb}.chat-detail-action-item[data-v-18e78d30]:first-child{border-radius:8px 8px 0 0}.chat-detail-action-item[data-v-18e78d30]:last-child{border-bottom:none;border-radius:0 0 8px 8px}.add-friend-search-wrapper[data-v-18e78d30]{margin-bottom:16px}.add-friend-search-input[data-v-18e78d30]{width:100%}.add-friend-users-list[data-v-18e78d30]{max-height:400px;overflow-y:auto}.add-friend-user-item[data-v-18e78d30]{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;border-radius:8px;transition:background-color .2s}.add-friend-user-item[data-v-18e78d30]:hover{background-color:#f9fafb}.add-friend-user-info[data-v-18e78d30]{display:flex;align-items:center}.add-friend-user-avatar[data-v-18e78d30]{width:40px;height:40px;border-radius:50%;object-fit:cover}.add-friend-user-name[data-v-18e78d30]{margin-left:12px;font-weight:500;color:#1f2937;font-size:14px}.chat-settings-dialog[data-v-18e78d30] .el-dialog{border-radius:16px;overflow:hidden}.chat-settings-dialog[data-v-18e78d30] .el-dialog__header{padding:24px 24px 0;margin:0}.chat-settings-dialog[data-v-18e78d30] .el-dialog__title{font-size:20px;font-weight:600;color:#1f2937}.chat-settings-container[data-v-18e78d30]{display:flex;flex-direction:column}.chat-settings-avatar-section[data-v-18e78d30]{display:flex;flex-direction:column;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.chat-settings-avatar-wrapper[data-v-18e78d30]{position:relative;margin-bottom:16px}.chat-settings-avatar[data-v-18e78d30]{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:0 10px 15px -3px #0000001a}.chat-settings-avatar-edit[data-v-18e78d30]{position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;background-color:#07c160;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a}.chat-settings-avatar-edit[data-v-18e78d30]:hover{background-color:#06ad56}.chat-settings-avatar-icon[data-v-18e78d30]{color:#fff}.hidden-avatar-input[data-v-18e78d30]{display:none}.chat-settings-user-display[data-v-18e78d30]{text-align:center}.chat-settings-nickname[data-v-18e78d30]{font-weight:600;color:#1f2937;font-size:20px}.chat-settings-username[data-v-18e78d30]{font-size:14px;color:#6b7280;margin-top:4px}.chat-settings-form-section[data-v-18e78d30]{gap:20px}.chat-settings-form-header[data-v-18e78d30]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chat-settings-form-title[data-v-18e78d30]{color:#374151;font-weight:600;display:flex;align-items:center;gap:8px;font-size:14px}.chat-settings-edit-btn[data-v-18e78d30]{border-radius:9999px}.chat-settings-form[data-v-18e78d30]{background-color:#f9fafb;border-radius:16px;padding:24px;gap:20px;display:flex;flex-direction:column}.chat-settings-form-item[data-v-18e78d30]{display:flex;flex-direction:column}.chat-settings-form-label[data-v-18e78d30]{display:block;font-size:14px;color:#4b5563;margin-bottom:8px;font-weight:500}.chat-settings-form-value[data-v-18e78d30]{color:#1f2937;background-color:#fff;border-radius:8px;padding:12px 16px;border:1px solid #e5e7eb;font-size:14px}.chat-settings-form-value.bio-value[data-v-18e78d30]{min-height:80px}.chat-settings-form-actions[data-v-18e78d30]{display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.chat-context-menu[data-v-18e78d30]{position:fixed;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,.3);padding:4px 0;z-index:1000}.chat-context-menu-item[data-v-18e78d30]{padding:8px 16px;cursor:pointer;font-size:14px;color:#374151;margin:2px 4px;border-radius:8px;transition:background-color .2s}.chat-context-menu-item[data-v-18e78d30]:hover{background-color:#f3f4f6cc}.create-group-form[data-v-18e78d30]{display:flex;flex-direction:column;gap:20px}.form-item[data-v-18e78d30]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-18e78d30]{font-size:14px;font-weight:500;color:#374151}.member-selection[data-v-18e78d30]{border:1px solid #e5e7eb;border-radius:8px;padding:12px;background-color:#f9fafb}.member-list[data-v-18e78d30]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.member-item[data-v-18e78d30]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;transition:background-color .2s;border:2px solid transparent}.member-item[data-v-18e78d30]:hover{background-color:#f3f4f6cc}.member-item.member-selected[data-v-18e78d30]{border-color:#07c160;background-color:#07c1600d}.member-item img[data-v-18e78d30]{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:8px}.member-item span[data-v-18e78d30]{font-size:13px;color:#374151;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.member-check[data-v-18e78d30]{color:#07c160;margin-top:4px}.group-detail-content[data-v-18e78d30]{display:flex;flex-direction:column;gap:16px}.group-info-item[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.info-value[data-v-18e78d30]{font-size:14px;color:#1f2937;font-weight:500}.group-members-list[data-v-18e78d30]{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.group-member-item[data-v-18e78d30]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;background-color:#fff;transition:background-color .2s}.group-member-item[data-v-18e78d30]:hover{background-color:#f9fafb}.group-member-avatar[data-v-18e78d30]{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.group-member-name[data-v-18e78d30]{font-size:14px;color:#1f2937;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-sidebar[data-v-18e78d30]{width:320px;background-color:#f5f5f5;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;overflow:hidden}.slide-enter-active[data-v-18e78d30],.slide-leave-active[data-v-18e78d30]{transition:transform .3s ease}.slide-enter-from[data-v-18e78d30],.slide-leave-to[data-v-18e78d30]{transform:translate(100%)}.group-sidebar-header[data-v-18e78d30]{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #e5e7eb;background-color:#fff}.group-sidebar-title[data-v-18e78d30]{font-size:16px;font-weight:500;color:#1f2937}.group-sidebar-close[data-v-18e78d30]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:background-color .2s;color:#6b7280}.group-sidebar-close[data-v-18e78d30]:hover{background-color:#f3f4f6;color:#374151}.group-sidebar-content[data-v-18e78d30]{flex:1;overflow-y:auto;padding:16px}.group-members-avatar-section[data-v-18e78d30]{margin-bottom:16px}.group-members-grid[data-v-18e78d30]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.group-member-avatar-item[data-v-18e78d30]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:4px;border-radius:8px;transition:background-color .2s}.group-member-avatar-item[data-v-18e78d30]:hover{background-color:#0000000d}.group-member-avatar-small[data-v-18e78d30]{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-bottom:4px}.group-member-add-icon[data-v-18e78d30]{width:48px;height:48px;border-radius:50%;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280;margin-bottom:4px}.group-member-nickname[data-v-18e78d30]{font-size:12px;color:#6b7280;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.group-divider[data-v-18e78d30]{height:12px;background-color:transparent;border-top:1px solid #e5e7eb;margin:16px 0}.group-settings-section[data-v-18e78d30]{display:flex;flex-direction:column;gap:4px}.group-setting-item[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background-color:#fff;cursor:pointer;transition:background-color .2s;border-radius:8px;margin-bottom:4px}.group-setting-item[data-v-18e78d30]:hover{background-color:#f9fafb}.group-setting-item.danger[data-v-18e78d30]{color:#ef4444;margin-top:8px}.group-setting-item.danger[data-v-18e78d30]:hover{background-color:#fef2f2}.group-setting-label[data-v-18e78d30]{font-size:14px;color:#1f2937}.group-setting-item.danger .group-setting-label[data-v-18e78d30]{color:#ef4444}.group-setting-value[data-v-18e78d30]{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.group-setting-value-text[data-v-18e78d30]{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-setting-value-wrapper[data-v-18e78d30]{display:flex;flex:1;justify-content:flex-end}.group-edit-wrapper[data-v-18e78d30]{width:100%;display:flex;flex-direction:column;gap:12px}.group-edit-buttons[data-v-18e78d30]{display:flex;justify-content:flex-end;gap:8px}.group-input-edit[data-v-18e78d30]{flex:1}.group-edit-actions[data-v-18e78d30]{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.msg-read-users-content[data-v-18e78d30]{display:flex;flex-direction:column;gap:20px}.read-users-section[data-v-18e78d30],.unread-users-section[data-v-18e78d30]{display:flex;flex-direction:column;gap:12px}.users-list[data-v-18e78d30]{display:flex;flex-direction:column;gap:8px}.users-tag-list[data-v-18e78d30]{display:flex;flex-wrap:wrap;gap:8px}.user-tag[data-v-18e78d30]{padding:6px 12px;background-color:#f3f4f6;border-radius:9999px;font-size:13px;color:#374151;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.member-item[data-v-18e78d30]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;border:2px solid transparent;background-color:#fff}.member-item[data-v-18e78d30]:hover{background-color:#f3f4f6}.member-selected[data-v-18e78d30]{background-color:#07c1601a;border-color:#07c160}.member-avatar[data-v-18e78d30]{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-name[data-v-18e78d30]{flex:1;font-size:14px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-check[data-v-18e78d30]{color:#07c160;font-size:20px}.group-detail-content[data-v-18e78d30]{display:flex;flex-direction:column;gap:20px}.group-info-section[data-v-18e78d30]{display:flex;flex-direction:column;gap:12px}.group-info-item[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#f9fafb;border-radius:8px}.info-label[data-v-18e78d30]{font-size:14px;color:#6b7280}.info-value[data-v-18e78d30]{font-size:14px;color:#374151;font-weight:500}.group-members-section[data-v-18e78d30]{display:flex;flex-direction:column;gap:12px}.section-header[data-v-18e78d30]{display:flex;justify-content:space-between;align-items:center}.section-title[data-v-18e78d30]{font-size:14px;font-weight:500;color:#374151}.group-members-list[data-v-18e78d30]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:300px;overflow-y:auto}.group-member-item[data-v-18e78d30]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:8px;background-color:#f9fafb;text-align:center}.group-member-avatar[data-v-18e78d30]{width:50px;height:50px;border-radius:50%;object-fit:cover}.group-member-name[data-v-18e78d30]{font-size:12px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.invite-member-content[data-v-18e78d30]{display:flex;flex-direction:column;gap:16px}
1
+ @charset "UTF-8";:root,[data-theme=light]{--vck-primary: #07c160;--vck-primary-hover: #06ad56;--vck-success: #10b981;--vck-success-hover: #059669;--vck-warning: #f59e0b;--vck-warning-hover: #d97706;--vck-danger: #ef4444;--vck-danger-hover: #dc2626;--vck-info: #3b82f6;--vck-bg: #ffffff;--vck-bg-panel: #f5f5f5;--vck-bg-sidebar: #ededed;--vck-bg-chat: #f2f2f2;--vck-bg-bubble-self: #95ec69;--vck-bg-bubble-other: #ffffff;--vck-bg-hover: rgba(0, 0, 0, .06);--vck-bg-active: rgba(7, 193, 96, .12);--vck-bg-input: #ffffff;--vck-text-primary: #181818;--vck-text-secondary: #868686;--vck-text-muted: #b2b2b2;--vck-text-white: #ffffff;--vck-text-placeholder: #b2b2b2;--vck-border: #e5e5e5;--vck-border-light: #f0f0f0;--vck-border-strong: #dcdcdc;--vck-shadow: 0 4px 20px rgba(0, 0, 0, .08), 0 1px 4px rgba(0, 0, 0, .04);--vck-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .04);--vck-shadow-sm: 0 2px 6px rgba(0, 0, 0, .05);--vck-avatar-border: #e5e5e5;--vck-scrollbar: #c8c8c8;--vck-scrollbar-hover: #999999;--vck-radius-sm: 4px;--vck-radius: 6px;--vck-radius-md: 8px;--vck-radius-lg: 12px;--vck-radius-xl: 16px;--vck-radius-full: 9999px;--vck-space-xs: 4px;--vck-space-sm: 8px;--vck-space: 12px;--vck-space-md: 16px;--vck-space-lg: 24px;--vck-transition: all .3s ease;--vck-transition-fast: all .2s ease}[data-theme=dark]{--vck-primary: #07c160;--vck-primary-hover: #06ad56;--vck-success: #10b981;--vck-success-hover: #059669;--vck-warning: #f59e0b;--vck-warning-hover: #d97706;--vck-danger: #ef4444;--vck-danger-hover: #dc2626;--vck-info: #3b82f6;--vck-bg: #1a1a1a;--vck-bg-panel: #262626;--vck-bg-sidebar: #191919;--vck-bg-chat: #141414;--vck-bg-bubble-self: #06ad56;--vck-bg-bubble-other: #262626;--vck-bg-hover: rgba(255, 255, 255, .08);--vck-bg-active: rgba(7, 193, 96, .18);--vck-bg-input: #202020;--vck-text-primary: #f2f2f2;--vck-text-secondary: #9e9e9e;--vck-text-muted: #6b6b6b;--vck-text-white: #ffffff;--vck-text-placeholder: #6b6b6b;--vck-border: #2e2e2e;--vck-border-light: #232323;--vck-border-strong: #383838;--vck-shadow: 0 4px 20px rgba(0, 0, 0, .35), 0 1px 4px rgba(0, 0, 0, .25);--vck-shadow-light: 0 1px 2px 0 rgba(0, 0, 0, .2);--vck-shadow-sm: 0 2px 6px rgba(0, 0, 0, .3);--vck-avatar-border: #2e2e2e;--vck-scrollbar: #4d4d4d;--vck-scrollbar-hover: #666666;--vck-radius-sm: 4px;--vck-radius: 6px;--vck-radius-md: 8px;--vck-radius-lg: 12px;--vck-radius-xl: 16px;--vck-radius-full: 9999px;--vck-space-xs: 4px;--vck-space-sm: 8px;--vck-space: 12px;--vck-space-md: 16px;--vck-space-lg: 24px;--vck-transition: all .3s ease;--vck-transition-fast: all .2s ease}*,*:before,*:after{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--vck-scrollbar);border-radius:3px;transition:var(--vck-transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--vck-scrollbar-hover)}::-webkit-scrollbar-track{background:transparent}.vck-transition{transition:var(--vck-transition)}.chat-panel{position:relative;display:flex;height:680px;background:var(--vck-bg);overflow:hidden;border-radius:var(--vck-radius-xl);box-shadow:var(--vck-shadow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:var(--vck-transition)}.pending-files-area{padding:var(--vck-space-sm) var(--vck-space);border-bottom:1px solid var(--vck-border-light);display:flex;flex-wrap:wrap;gap:var(--vck-space-sm)}.pending-file-item{position:relative}.pending-image-wrapper{position:relative;width:80px;height:80px;border-radius:var(--vck-radius);overflow:hidden;border:1px solid var(--vck-border)}.pending-image{width:100%;height:100%;object-fit:cover}.pending-file-wrapper{position:relative;width:96px;height:80px;border-radius:var(--vck-radius);border:1px solid var(--vck-border);background-color:var(--vck-bg-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vck-space-xs)}.pending-file-icon{color:var(--vck-text-muted);font-size:28px;margin-bottom:var(--vck-space-xs)}.pending-file-name{font-size:10px;color:var(--vck-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;padding:0 var(--vck-space-xs)}.pending-file-remove-btn{position:absolute;top:var(--vck-space-xs);right:var(--vck-space-xs);width:20px;height:20px;background-color:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);font-size:14px;border:none}.pending-file-remove-btn:hover{background-color:#000000b3}.input-toolbar{display:flex;align-items:center;padding:var(--vck-space);gap:var(--vck-space-sm)}.input-toolbar-icon{color:var(--vck-text-secondary);cursor:pointer;font-size:20px;transition:var(--vck-transition-fast)}.input-toolbar-icon:hover{color:var(--vck-text-primary)}.emoji-button-wrapper{position:relative;display:inline-block}.input-textarea-wrapper{padding:0 var(--vck-space) var(--vck-space)}.message-input-textarea{width:100%;resize:none;border:none;outline:none;font-size:14px;height:80px;font-family:inherit;background:transparent;color:var(--vck-text-primary)}.input-send-wrapper{display:flex;justify-content:flex-end;padding:0 var(--vck-space) var(--vck-space)}.send-message-btn{background-color:var(--vck-primary);border:none;font-size:14px;padding:var(--vck-space-xs) var(--vck-space-md);transition:var(--vck-transition-fast)}.send-message-btn:hover{background-color:var(--vck-primary-hover)}.hidden-file-input{display:none}.chat-detail-panel{width:256px;background:var(--vck-bg-panel);border-left:1px solid var(--vck-border);display:flex;flex-direction:column}.chat-detail-header{height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--vck-border);font-weight:500;color:var(--vck-text-primary);font-size:14px}.chat-detail-content{flex:1;padding:var(--vck-space-md)}.chat-detail-profile{display:flex;flex-direction:column;align-items:center}.chat-detail-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover}.chat-detail-name{margin-top:var(--vck-space);font-weight:500;color:var(--vck-text-primary);font-size:18px}.chat-detail-actions{margin-top:var(--vck-space-lg);width:100%}.chat-detail-action-item{padding:var(--vck-space);border-bottom:1px solid var(--vck-border-light);cursor:pointer;background-color:var(--vck-bg);font-size:14px;color:var(--vck-text-primary);transition:var(--vck-transition-fast)}.chat-detail-action-item:hover{background-color:var(--vck-bg-hover)}.chat-detail-action-item:first-child{border-radius:var(--vck-radius) var(--vck-radius) 0 0}.chat-detail-action-item:last-child{border-bottom:none;border-radius:0 0 var(--vck-radius) var(--vck-radius)}.chat-settings-dialog :deep(.el-dialog){border-radius:var(--vck-radius-lg);overflow:hidden}.chat-settings-dialog :deep(.el-dialog__header){padding:var(--vck-space-lg) var(--vck-space-lg) 0;margin:0}.chat-settings-dialog :deep(.el-dialog__title){font-size:20px;font-weight:600;color:var(--vck-text-primary)}.chat-settings-container{display:flex;flex-direction:column}.chat-settings-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--vck-space-lg);padding-bottom:var(--vck-space-md);border-bottom:1px solid var(--vck-border-light)}.chat-settings-avatar-wrapper{position:relative;margin-bottom:var(--vck-space)}.chat-settings-avatar{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--vck-bg);box-shadow:var(--vck-shadow-sm)}.chat-settings-avatar-edit{position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;background-color:var(--vck-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);box-shadow:var(--vck-shadow-sm)}.chat-settings-avatar-edit:hover{background-color:var(--vck-primary-hover)}.chat-settings-avatar-icon{color:var(--vck-text-white)}.hidden-avatar-input{display:none}.chat-settings-user-display{text-align:center}.chat-settings-nickname{font-weight:600;color:var(--vck-text-primary);font-size:20px}.chat-settings-username{font-size:14px;color:var(--vck-text-muted);margin-top:var(--vck-space-xs)}.chat-settings-form-section{gap:var(--vck-space-lg)}.chat-settings-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vck-space-xs)}.chat-settings-form-title{color:var(--vck-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--vck-space-xs);font-size:14px}.chat-settings-edit-btn{border-radius:var(--vck-radius-full)}.chat-settings-form{background-color:var(--vck-bg-panel);border-radius:var(--vck-radius-lg);padding:var(--vck-space-lg);gap:var(--vck-space-lg);display:flex;flex-direction:column}.chat-settings-form-item{display:flex;flex-direction:column}.chat-settings-form-label{display:block;font-size:14px;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-xs);font-weight:500}.chat-settings-form-value{color:var(--vck-text-primary);background-color:var(--vck-bg);border-radius:var(--vck-radius);padding:var(--vck-space) var(--vck-space-md);border:1px solid var(--vck-border);font-size:14px}.chat-settings-form-value.bio-value{min-height:80px}.chat-settings-form-actions{display:flex;gap:var(--vck-space);justify-content:flex-end;padding-top:var(--vck-space-xs)}.msg-read-users-content{display:flex;flex-direction:column;gap:var(--vck-space-lg)}.read-users-section,.unread-users-section{display:flex;flex-direction:column;gap:var(--vck-space)}.section-title{display:flex;align-items:center;gap:var(--vck-space-xs);font-size:14px;font-weight:500;color:var(--vck-text-primary)}.users-list{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.users-tag-list{display:flex;flex-wrap:wrap;gap:var(--vck-space-xs)}.user-tag{padding:var(--vck-space-xs) var(--vck-space);background-color:var(--vck-border-light);border-radius:var(--vck-radius-full);font-size:13px;color:var(--vck-text-primary)}.member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--vck-space)}.member-item{display:flex;align-items:center;gap:var(--vck-space-xs);padding:var(--vck-space-xs) var(--vck-space);border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);border:2px solid transparent;background-color:var(--vck-bg)}.member-item.member-selected{background-color:var(--vck-bg-active);border-color:var(--vck-primary)}.member-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-name{flex:1;font-size:14px;color:var(--vck-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-check{color:var(--vck-primary);font-size:20px}.invite-member-content{display:flex;flex-direction:column;gap:var(--vck-space-md)}.context-menu-item{padding:var(--vck-space-xs) var(--vck-space);color:var(--vck-text-primary);transition:var(--vck-transition-fast)}.context-menu-item:hover{background-color:var(--vck-bg-hover);cursor:pointer}.theme-options{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.theme-option{display:flex;align-items:center;gap:var(--vck-space);padding:var(--vck-space) var(--vck-space-md);border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);background-color:var(--vck-bg);border:2px solid transparent}.theme-option:hover{background-color:var(--vck-bg-hover)}.theme-option.theme-option-active{background-color:var(--vck-bg-active);border-color:var(--vck-primary)}.theme-option-icon{color:var(--vck-text-secondary)}.theme-option-active .theme-option-icon{color:var(--vck-primary)}.theme-option-label{flex:1;font-size:14px;color:var(--vck-text-primary)}.theme-option-check{color:var(--vck-primary);font-size:20px}.chat-sidebar{width:60px;background:var(--vck-bg-sidebar);display:flex;flex-direction:column;align-items:center;padding:var(--vck-space-md) 0;flex-shrink:0;border-right:1px solid var(--vck-border)}.sidebar-avatar{width:44px;height:44px;border-radius:var(--vck-radius-md);overflow:hidden;cursor:pointer;margin-bottom:var(--vck-space);border:2px solid var(--vck-avatar-border);transition:var(--vck-transition-fast)}.sidebar-avatar:hover{transform:scale(1.05);border-color:var(--vck-primary)}.sidebar-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-nav-item{width:44px;height:44px;border-radius:var(--vck-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);margin-bottom:var(--vck-space-sm);position:relative}.sidebar-nav-item-active{background:var(--vck-bg-active)}.sidebar-nav-item-active .el-icon{color:var(--vck-primary)}.sidebar-nav-item-inactive{color:var(--vck-text-secondary)}.sidebar-nav-item-inactive:hover{background:var(--vck-bg-hover)}.sidebar-nav-badge{position:absolute;top:4px;right:0;background:var(--vck-danger);color:var(--vck-text-white);font-size:10px;padding:2px 6px;border-radius:10px;line-height:1;min-width:18px;text-align:center}.sidebar-spacer{flex:1}.chat-content-panel{width:260px;background:var(--vck-bg);border-right:1px solid var(--vck-border);display:flex;flex-direction:column;flex-shrink:0}.chat-search-bar{padding:var(--vck-space-md) var(--vck-space);background:var(--vck-bg);display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-search-input{flex:1}.chat-search-input :deep(.el-input__wrapper){background-color:var(--vck-bg-panel);box-shadow:none;border:1px solid var(--vck-border-light);transition:var(--vck-transition-fast);border-radius:var(--vck-radius-lg)}.chat-search-input :deep(.el-input__wrapper):hover{border-color:var(--vck-border)}.chat-search-input :deep(.el-input__wrapper).is-focus{border-color:var(--vck-primary)}.chat-search-input :deep(.el-input__inner){color:var(--vck-text-primary)}.chat-search-input :deep(.el-input__inner)::placeholder{color:var(--vck-text-placeholder)}.search-actions{display:flex;gap:var(--vck-space-xs)}.chat-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.chat-list-item{padding:var(--vck-space);display:flex;gap:var(--vck-space-sm);cursor:pointer;transition:var(--vck-transition-fast);position:relative}.chat-list-item:hover{background:var(--vck-bg-hover)}.chat-list-item.chat-list-item-active{background:var(--vck-bg-active)}.chat-list-avatar-wrapper{position:relative;flex-shrink:0}.group-avatar-grid{width:44px;height:44px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:var(--vck-bg-panel);border-radius:var(--vck-radius-md);overflow:hidden}.group-avatar-item{display:flex;align-items:center;justify-content:center;overflow:hidden}.group-avatar-img{width:100%;height:100%;object-fit:cover}.chat-list-avatar{width:44px;height:44px;border-radius:var(--vck-radius-md);object-fit:cover}.chat-list-online-indicator{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--vck-bg)}.chat-list-online-indicator.chat-list-online{background-color:var(--vck-success)}.chat-list-online-indicator.chat-list-offline{background-color:var(--vck-text-muted)}.chat-list-info{flex:1;min-width:0}.chat-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--vck-space-sm)}.chat-list-name{font-size:14px;font-weight:500;color:var(--vck-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-time{font-size:12px;color:var(--vck-text-muted);flex-shrink:0}.chat-list-preview{display:flex;align-items:center;justify-content:space-between;gap:var(--vck-space-sm);margin-top:var(--vck-space-xs)}.chat-list-last-msg{font-size:12px;color:var(--vck-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-list-unread{background:var(--vck-primary);color:var(--vck-text-white);font-size:10px;padding:0 6px;border-radius:10px;line-height:18px;min-width:18px;text-align:center;flex-shrink:0}.list-section-title{display:flex;align-items:center;gap:var(--vck-space-xs);padding:var(--vck-space-md) var(--vck-space) var(--vck-space-sm);font-size:12px;font-weight:600;color:var(--vck-text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--vck-transition-fast)}.list-section-title:hover{color:var(--vck-text-secondary)}.collapse-icon{transition:transform .2s ease;font-size:14px}.collapse-icon.collapsed{transform:rotate(-90deg)}.list-content{display:flex;flex-direction:column}.friend-request-item{display:flex;align-items:center;justify-content:space-between;padding:var(--vck-space);transition:var(--vck-transition-fast)}.friend-request-info{display:flex;align-items:center;gap:var(--vck-space-sm)}.friend-request-avatar{width:44px;height:44px;border-radius:var(--vck-radius-md);object-fit:cover}.friend-request-details{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.friend-request-username{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.friend-request-desc{font-size:12px;color:var(--vck-text-muted)}.chat-window-area{flex:1;display:flex;flex-direction:column;min-height:0;transition:var(--vck-transition)}.chat-window-header{height:56px;padding:0 var(--vck-space-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--vck-border);background:var(--vck-bg)}.chat-window-title{display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-window-name{font-size:16px;font-weight:600;color:var(--vck-text-primary)}.chat-window-status{font-size:12px;color:var(--vck-text-muted)}.chat-window-status-online{color:var(--vck-success)}.chat-window-actions{display:flex;gap:var(--vck-space-md)}.chat-action-icon{font-size:20px;color:var(--vck-text-secondary);cursor:pointer;transition:var(--vck-transition-fast)}.chat-action-icon:hover{color:var(--vck-text-primary)}.chat-messages-container{flex:1;overflow-y:auto;padding:var(--vck-space-lg);background-color:var(--vck-bg-chat);display:flex;flex-direction:column;gap:var(--vck-space-md)}.message-wrapper{display:flex;gap:var(--vck-space);max-width:80%}.message-self{align-self:flex-end;flex-direction:row-reverse}.message-other{align-self:flex-start}.message-avatar{flex-shrink:0}.message-avatar-img{width:40px;height:40px;border-radius:var(--vck-radius)}.message-content{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.message-sender-name{font-size:12px;color:var(--vck-text-secondary)}.message-bubble-wrapper{position:relative}.message-bubble{padding:var(--vck-space-sm) var(--vck-space);font-size:14px;word-break:break-all;white-space:pre-wrap;border-radius:var(--vck-radius-md);box-shadow:var(--vck-shadow-light)}.message-bubble-self{background-color:var(--vck-bg-bubble-self);color:var(--vck-text-primary);position:relative}.message-bubble-self:after{content:"";position:absolute;right:-5px;top:10px;width:10px;height:10px;background-color:var(--vck-bg-bubble-self);transform:rotate(45deg)}.message-bubble-other{background-color:var(--vck-bg-bubble-other);color:var(--vck-text-primary);position:relative}.message-bubble-other:after{content:"";position:absolute;left:-5px;top:10px;width:10px;height:10px;background-color:var(--vck-bg-bubble-other);transform:rotate(45deg)}.message-image-bubble{border-radius:var(--vck-radius-md);cursor:pointer;overflow:hidden;max-width:300px;padding:0}.message-image{width:100%;height:auto;display:block}.message-image-size{position:absolute;left:var(--vck-space-xs);bottom:0;color:var(--vck-text-white);font-size:10px}.message-file-bubble{border-radius:var(--vck-radius-md);cursor:pointer;overflow:hidden;min-width:200px}.message-file-content{display:flex;align-items:center;gap:var(--vck-space);padding:var(--vck-space) var(--vck-space-md)}.message-file-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--vck-radius-md);background:var(--vck-bg-panel)}.message-file-info{flex:1;min-width:0}.message-file-name{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.2;color:var(--vck-text-primary)}.message-file-meta{font-size:12px;margin-top:var(--vck-space-xs);display:flex;align-items:center;gap:var(--vck-space-sm);color:var(--vck-text-secondary)}.message-time{font-size:10px;color:var(--vck-text-muted);margin-top:var(--vck-space-xs)}.message-time-right{text-align:right}.message-time-left{text-align:left}.chat-input-area{background:var(--vck-bg);border-top:1px solid var(--vck-border)}.group-sidebar{width:320px;background-color:var(--vck-bg-panel);border-left:1px solid var(--vck-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:transform var(--vck-transition-fast)}.slide-enter-from,.slide-leave-to{transform:translate(100%)}.group-sidebar-header{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--vck-space-md);border-bottom:1px solid var(--vck-border);background-color:var(--vck-bg)}.group-sidebar-title{font-size:16px;font-weight:500;color:var(--vck-text-primary)}.group-sidebar-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:var(--vck-transition-fast);color:var(--vck-text-secondary)}.group-sidebar-close:hover{background-color:var(--vck-bg-hover);color:var(--vck-text-primary)}.group-sidebar-content{flex:1;overflow-y:auto;padding:var(--vck-space-md)}.group-members-avatar-section{margin-bottom:var(--vck-space-md);position:relative}.group-members-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--vck-space-md)}.group-member-avatar-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--vck-space-xs);border-radius:var(--vck-radius-md);transition:var(--vck-transition-fast)}.group-member-avatar-item:hover{background-color:var(--vck-bg-hover)}.group-member-avatar-item.is-remove-mode:hover{background-color:var(--vck-bg-active)}.group-remove-mode-hint{background-color:var(--vck-bg-active);color:var(--vck-danger);padding:var(--vck-space-sm) var(--vck-space);border-radius:var(--vck-radius);font-size:13px;margin-bottom:var(--vck-space-sm);display:flex;align-items:center;gap:var(--vck-space-sm);border:1px solid var(--vck-danger)}.group-member-avatar-small{width:48px;height:48px;border-radius:var(--vck-radius-md);object-fit:cover;margin-bottom:var(--vck-space-xs);transition:var(--vck-transition-fast)}.is-remove-mode .group-member-avatar-small{filter:brightness(.8)}.group-member-avatar-wrapper{position:relative}.group-member-remove-badge{position:absolute;top:-6px;right:-6px;background-color:var(--vck-danger);color:var(--vck-text-white);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--vck-shadow-sm)}.group-member-action-icon{width:48px;height:48px;border-radius:var(--vck-radius-md);border:1px dashed var(--vck-border-strong);display:flex;align-items:center;justify-content:center;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-xs);background-color:var(--vck-bg);transition:var(--vck-transition-fast)}.group-member-avatar-item:hover .group-member-action-icon{border-color:var(--vck-text-muted);background-color:var(--vck-bg-panel)}.group-member-avatar-item.is-active .group-member-action-icon{border-color:var(--vck-primary);color:var(--vck-primary);border-style:solid}.group-member-nickname{font-size:12px;color:var(--vck-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.group-divider{height:12px;background-color:transparent;border-top:1px solid var(--vck-border);margin:var(--vck-space-md) 0}.group-settings-section{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.group-setting-item{display:flex;justify-content:space-between;align-items:center;padding:14px var(--vck-space-md);background-color:var(--vck-bg);cursor:pointer;transition:var(--vck-transition-fast);border-radius:var(--vck-radius-md);margin-bottom:var(--vck-space-xs)}.group-setting-item:hover{background-color:var(--vck-bg-panel)}.group-setting-item.danger{color:var(--vck-danger);margin-top:var(--vck-space-sm)}.group-setting-item.danger:hover{background-color:var(--vck-bg-active)}.group-setting-label{font-size:14px;color:var(--vck-text-primary)}.group-setting-item.danger .group-setting-label{color:var(--vck-danger)}.group-setting-value{display:flex;align-items:center;gap:var(--vck-space-sm);color:var(--vck-text-secondary);font-size:14px;cursor:pointer;padding:var(--vck-space-xs) var(--vck-space-sm);border-radius:var(--vck-radius-sm);transition:var(--vck-transition-fast)}.group-setting-value:hover{background-color:var(--vck-bg-panel)}.group-setting-value-text{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vck-text-secondary)}.group-edit-icon{font-size:14px;color:var(--vck-text-muted);margin-left:var(--vck-space-xs);cursor:pointer}.group-edit-icon:hover{color:var(--vck-primary)}.group-setting-value-wrapper{display:flex;flex:1;justify-content:flex-end}.group-edit-wrapper{width:100%;display:flex;flex-direction:column;gap:var(--vck-space-sm)}.group-edit-buttons{display:flex;justify-content:flex-end;gap:var(--vck-space-sm)}.group-input-edit{flex:1}.chat-main-area{flex:1;display:flex;flex-direction:column;background-color:var(--vck-bg);min-width:0;height:100%}.friend-profile-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vck-space-lg)}.profile-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:var(--vck-space-lg);box-shadow:var(--vck-shadow-sm)}.profile-name{font-size:24px;font-weight:600;color:var(--vck-text-primary);margin-bottom:var(--vck-space-md)}.profile-status{display:flex;align-items:center;gap:var(--vck-space-sm);font-size:14px;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-lg)}.profile-status-dot{width:10px;height:10px;border-radius:50%}.profile-status-online{background-color:var(--vck-success)}.profile-status-offline{background-color:var(--vck-text-muted)}.profile-start-chat-btn{padding:var(--vck-space) var(--vck-space-lg);font-size:16px;border-radius:var(--vck-radius-full);display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-window-area{flex:1;display:flex;flex-direction:column;min-height:0}.chat-empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--vck-bg-panel)}.empty-state-icon{color:var(--vck-border-strong);margin-bottom:var(--vck-space-md)}.empty-state-text{color:var(--vck-text-muted);font-size:14px}.chat-dialog :deep(.el-dialog){border-radius:var(--vck-radius-lg);overflow:hidden}.chat-dialog :deep(.el-dialog__header){padding:var(--vck-space-lg) var(--vck-space-lg) 0;margin:0}.chat-dialog :deep(.el-dialog__title){font-size:18px;font-weight:600;color:var(--vck-text-primary)}.chat-dialog :deep(.el-dialog__body){padding:var(--vck-space-lg)}.chat-dialog :deep(.el-dialog__footer){padding:var(--vck-space-md) var(--vck-space-lg) var(--vck-space-lg)}.dialog-form{display:flex;flex-direction:column;gap:var(--vck-space-md)}.dialog-form-item{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.dialog-label{font-size:14px;color:var(--vck-text-secondary);font-weight:500}.add-friend-avatar{width:80px;height:80px;border-radius:var(--vck-radius-lg);object-fit:cover;margin:0 auto var(--vck-space-md);display:block}.add-friend-username{text-align:center;font-weight:600;color:var(--vck-text-primary);font-size:16px;margin-bottom:var(--vck-space-xs)}.add-friend-info{text-align:center;color:var(--vck-text-muted);font-size:13px}.member-selector{border:1px solid var(--vck-border-light);border-radius:var(--vck-radius-md);background-color:var(--vck-bg-panel);max-height:300px;overflow-y:auto;padding:var(--vck-space-sm)}.member-selector-item{display:flex;align-items:center;gap:var(--vck-space-sm);padding:var(--vck-space-sm);border-radius:var(--vck-radius-md);cursor:pointer;transition:var(--vck-transition-fast)}.member-selector-item:hover{background-color:var(--vck-bg-hover)}.member-selector-avatar{width:36px;height:36px;border-radius:var(--vck-radius-md);object-fit:cover}.member-selector-name{flex:1;font-size:14px;color:var(--vck-text-primary)}.group-detail-avatar{width:96px;height:96px;border-radius:var(--vck-radius-lg);object-fit:cover;margin:0 auto var(--vck-space-md);display:block}.group-detail-info{text-align:center}.group-detail-name{font-weight:600;color:var(--vck-text-primary);font-size:20px;margin-bottom:var(--vck-space-xs)}.group-detail-meta{font-size:13px;color:var(--vck-text-muted);margin-bottom:var(--vck-space-md)}.group-detail-section{margin-bottom:var(--vck-space-md)}.group-detail-section-title{font-size:13px;font-weight:600;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-sm);text-transform:uppercase;letter-spacing:.5px}.group-detail-members{display:flex;flex-wrap:wrap;gap:var(--vck-space-sm)}.group-detail-member{display:flex;flex-direction:column;align-items:center;gap:var(--vck-space-xs);padding:var(--vck-space-sm);background-color:var(--vck-bg-panel);border-radius:var(--vck-radius-md);min-width:80px}.group-detail-member-avatar{width:40px;height:40px;border-radius:var(--vck-radius-md);object-fit:cover}.group-detail-member-name{font-size:12px;color:var(--vck-text-secondary);max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:deep(.el-input__wrapper){background-color:var(--vck-bg-panel);box-shadow:0 0 0 1px var(--vck-border) inset;border-radius:var(--vck-radius-md);transition:var(--vck-transition-fast)}:deep(.el-input__wrapper):hover{box-shadow:0 0 0 1px var(--vck-border-strong) inset}:deep(.el-input__wrapper).is-focus{box-shadow:0 0 0 1px var(--vck-primary) inset}:deep(.el-input__inner){color:var(--vck-text-primary)}:deep(.el-input__inner)::placeholder{color:var(--vck-text-placeholder)}:deep(.el-textarea__inner){background-color:var(--vck-bg-panel);border:1px solid var(--vck-border);border-radius:var(--vck-radius-md);color:var(--vck-text-primary);transition:var(--vck-transition-fast)}:deep(.el-textarea__inner):hover{border-color:var(--vck-border-strong)}:deep(.el-textarea__inner):focus{border-color:var(--vck-primary)}:deep(.el-textarea__inner)::placeholder{color:var(--vck-text-placeholder)}.avatar-crop-container{min-height:200px}.crop-wrapper{display:flex;flex-direction:column;gap:16px}.crop-area{position:relative;overflow:hidden;background:var(--vck-bg-panel);border-radius:var(--vck-radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid var(--vck-border)}.crop-box{position:absolute;border:2px solid var(--vck-primary);box-shadow:0 0 0 9999px #00000080;cursor:move;box-sizing:border-box}.crop-handle{position:absolute;width:14px;height:14px;background:var(--vck-primary);border:3px solid var(--vck-text-white);border-radius:50%;box-shadow:var(--vck-shadow-sm)}.crop-handle.nw{top:-7px;left:-7px;cursor:nw-resize}.crop-handle.n{top:-7px;left:50%;transform:translate(-50%);cursor:n-resize}.crop-handle.ne{top:-7px;right:-7px;cursor:ne-resize}.crop-handle.e{right:-7px;top:50%;transform:translateY(-50%);cursor:e-resize}.crop-handle.se{bottom:-7px;right:-7px;cursor:se-resize}.crop-handle.s{bottom:-7px;left:50%;transform:translate(-50%);cursor:s-resize}.crop-handle.sw{bottom:-7px;left:-7px;cursor:sw-resize}.crop-handle.w{left:-7px;top:50%;transform:translateY(-50%);cursor:w-resize}.preview-wrapper{display:flex;align-items:center;justify-content:center;gap:16px}.preview-label{font-size:14px;color:var(--vck-text-secondary);font-weight:500}.preview-box{border-radius:50%;overflow:hidden;border:3px solid var(--vck-border);background:var(--vck-bg);box-shadow:var(--vck-shadow-sm)}.preview-canvas{display:block;width:100%;height:100%}.dialog-footer{display:flex;justify-content:center;gap:12px}.emoji-picker{position:absolute;bottom:100%;left:0;width:320px;background:var(--vck-bg);border-radius:var(--vck-radius-xl);box-shadow:var(--vck-shadow);border:1px solid var(--vck-border);overflow:hidden;z-index:1000;margin-bottom:8px}.emoji-header{display:flex;padding:8px 12px;border-bottom:1px solid var(--vck-border-light);gap:4px}.emoji-category-tab{padding:8px 12px;cursor:pointer;border-radius:var(--vck-radius);transition:var(--vck-transition-fast);font-size:18px;line-height:1}.emoji-category-tab:hover{background:var(--vck-bg-hover)}.emoji-category-tab.active{background:var(--vck-bg-active)}.emoji-body{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:240px;overflow-y:auto}.emoji-body::-webkit-scrollbar{width:6px}.emoji-body::-webkit-scrollbar-thumb{background:var(--vck-scrollbar);border-radius:3px}.emoji-item{font-size:24px;padding:8px;text-align:center;cursor:pointer;border-radius:var(--vck-radius);transition:var(--vck-transition-fast);line-height:1}.emoji-item:hover{background:var(--vck-bg-hover);transform:scale(1.2)}.context-menu{position:fixed;background:var(--vck-bg);border-radius:var(--vck-radius-lg);box-shadow:var(--vck-shadow);border:1px solid var(--vck-border);padding:4px 0;z-index:9999}.context-menu-item{padding:8px 16px;cursor:pointer;font-size:14px;color:var(--vck-text-primary);margin:2px 4px;border-radius:var(--vck-radius);transition:var(--vck-transition-fast)}.context-menu-item:hover{background-color:var(--vck-bg-hover)}.context-menu-item.danger{color:var(--vck-danger)}.context-menu-item.danger:hover{background-color:var(--vck-bg-active)}.add-friend-search-wrapper{margin-bottom:16px}.add-friend-users-list{max-height:400px;overflow-y:auto}.add-friend-user-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;border-radius:var(--vck-radius);transition:var(--vck-transition-fast)}.add-friend-user-item:hover{background-color:var(--vck-bg-panel)}.add-friend-user-info{display:flex;align-items:center}.add-friend-user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.add-friend-user-name{margin-left:12px;font-weight:500;color:var(--vck-text-primary);font-size:14px}.create-group-form{display:flex;flex-direction:column;gap:20px}.form-item{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.member-selection{border:1px solid var(--vck-border);border-radius:var(--vck-radius);padding:12px;background-color:var(--vck-bg-panel)}.member-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.member-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);border:2px solid transparent;background-color:var(--vck-bg)}.member-item:hover{background-color:var(--vck-bg-hover)}.member-item.member-selected{border-color:var(--vck-primary);background-color:var(--vck-bg-active)}.member-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:8px}.member-name{font-size:13px;color:var(--vck-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.member-check{color:var(--vck-primary);margin-top:4px}.group-detail-content{display:flex;flex-direction:column;gap:20px}.group-info-section{display:flex;flex-direction:column;gap:12px}.group-info-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--vck-bg-panel);border-radius:var(--vck-radius)}.info-label{font-size:14px;color:var(--vck-text-secondary)}.info-value{font-size:14px;color:var(--vck-text-primary);font-weight:500}.group-members-section{display:flex;flex-direction:column;gap:12px}.section-header{display:flex;justify-content:space-between;align-items:center}.section-title{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.group-members-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:300px;overflow-y:auto}.group-member-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:var(--vck-radius);background-color:var(--vck-bg-panel);text-align:center}.group-member-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.group-member-name{font-size:12px;color:var(--vck-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.group-member-badge{font-size:10px;background-color:var(--vck-bg-active);color:var(--vck-primary);padding:2px 6px;border-radius:var(--vck-radius-sm);margin-top:4px}.group-actions-list{display:flex;gap:12px;margin-top:8px}.group-member-actions{display:flex;flex-direction:column;gap:4px;margin-top:4px}.vc-dialog__wrapper[data-v-60c01fa3]{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0;z-index:2000;background-color:#00000080;display:flex;align-items:flex-start;justify-content:center}.vc-dialog[data-v-60c01fa3]{position:relative;margin:0 auto;background-color:var(--vck-bg);border-radius:var(--vck-radius-md);box-shadow:var(--vck-shadow);overflow:hidden;backface-visibility:hidden}.vc-dialog__header[data-v-60c01fa3]{padding:var(--vck-space-md) var(--vck-space-lg);border-bottom:1px solid var(--vck-border);display:flex;align-items:center;justify-content:space-between}.vc-dialog__title[data-v-60c01fa3]{font-size:18px;font-weight:600;color:var(--vck-text-primary);line-height:1}.vc-dialog__headerbtn[data-v-60c01fa3]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;margin:0;border:none;background:none;cursor:pointer;color:var(--vck-text-muted);transition:color var(--vck-transition-fast)}.vc-dialog__headerbtn[data-v-60c01fa3]:hover{color:var(--vck-text-primary)}.vc-dialog__close[data-v-60c01fa3]{width:16px;height:16px}.vc-dialog__body[data-v-60c01fa3]{padding:var(--vck-space-lg);color:var(--vck-text-primary);font-size:14px;line-height:1.6}.vc-dialog__footer[data-v-60c01fa3]{padding:var(--vck-space-sm) var(--vck-space-lg) var(--vck-space-lg);border-top:1px solid var(--vck-border);display:flex;align-items:center;justify-content:flex-end;gap:var(--vck-space-sm)}.vc-dialog-fade-enter-active[data-v-60c01fa3],.vc-dialog-fade-leave-active[data-v-60c01fa3]{transition:opacity var(--vck-transition-fast)}.vc-dialog-fade-enter-from[data-v-60c01fa3],.vc-dialog-fade-leave-to[data-v-60c01fa3]{opacity:0}.vc-dialog-zoom-enter-active[data-v-60c01fa3],.vc-dialog-zoom-leave-active[data-v-60c01fa3]{transition:transform var(--vck-transition-fast),opacity var(--vck-transition-fast)}.vc-dialog-zoom-enter-from[data-v-60c01fa3],.vc-dialog-zoom-leave-to[data-v-60c01fa3]{opacity:0;transform:scale(.95)}.vc-button[data-v-8093b789]{display:inline-flex;align-items:center;justify-content:center;gap:var(--vck-space-xs);padding:var(--vck-space-sm) var(--vck-space);font-size:14px;font-weight:500;border:1px solid var(--vck-border);border-radius:var(--vck-radius);background-color:var(--vck-bg);color:var(--vck-text-primary);cursor:pointer;transition:all var(--vck-transition-fast);line-height:1;-webkit-user-select:none;user-select:none}.vc-button[data-v-8093b789]:hover:not(.vc-button--disabled){border-color:var(--vck-primary);color:var(--vck-primary)}.vc-button[data-v-8093b789]:active:not(.vc-button--disabled){opacity:.8}.vc-button--primary[data-v-8093b789]{background-color:var(--vck-primary);border-color:var(--vck-primary);color:var(--vck-text-white)}.vc-button--primary[data-v-8093b789]:hover:not(.vc-button--disabled){background-color:var(--vck-primary-hover);border-color:var(--vck-primary-hover);color:var(--vck-text-white)}.vc-button--success[data-v-8093b789]{background-color:var(--vck-success);border-color:var(--vck-success);color:var(--vck-text-white)}.vc-button--warning[data-v-8093b789]{background-color:var(--vck-warning);border-color:var(--vck-warning);color:var(--vck-text-white)}.vc-button--danger[data-v-8093b789]{background-color:var(--vck-danger);border-color:var(--vck-danger);color:var(--vck-text-white)}.vc-button--link[data-v-8093b789]{background-color:transparent;border-color:transparent;padding:var(--vck-space-xs);color:var(--vck-primary)}.vc-button--link[data-v-8093b789]:hover:not(.vc-button--disabled){color:var(--vck-primary-hover);background-color:transparent}.vc-button--link.vc-button--danger[data-v-8093b789]{color:var(--vck-danger)}.vc-button--link.vc-button--danger[data-v-8093b789]:hover:not(.vc-button--disabled){color:var(--vck-danger-hover)}.vc-button--link.vc-button--warning[data-v-8093b789]{color:var(--vck-warning)}.vc-button--link.vc-button--warning[data-v-8093b789]:hover:not(.vc-button--disabled){color:var(--vck-warning-hover)}.vc-button--small[data-v-8093b789]{padding:var(--vck-space-xs) var(--vck-space-sm);font-size:12px}.vc-button--large[data-v-8093b789]{padding:var(--vck-space) var(--vck-space-md);font-size:16px}.vc-button--disabled[data-v-8093b789]{opacity:.5;cursor:not-allowed}.vc-button--loading[data-v-8093b789]{pointer-events:none}.vc-button__loading-icon[data-v-8093b789]{animation:spin-8093b789 .8s linear infinite;display:inline-flex;width:14px;height:14px}@keyframes spin-8093b789{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vc-button__text[data-v-8093b789]{display:inline-flex}.vc-message-box__content[data-v-0f7519a2]{font-size:14px;color:var(--vck-text-primary);line-height:1.6}.vc-message-box__input[data-v-0f7519a2]{margin-top:var(--vck-space-md)}.vc-input[data-v-588f24d5]{display:flex;align-items:center;width:100%;background-color:var(--vck-bg);border:1px solid var(--vck-border);border-radius:var(--vck-radius);padding:var(--vck-space-sm) var(--vck-space);transition:all var(--vck-transition-fast)}.vc-input--focus[data-v-588f24d5]{border-color:var(--vck-primary)}.vc-input[data-v-588f24d5]:hover:not(.vc-input--disabled){border-color:var(--vck-border-strong)}.vc-input__inner[data-v-588f24d5]{flex:1;width:100%;border:none;background:transparent;color:var(--vck-text-primary);font-size:14px;line-height:1.5;outline:none;resize:none;font-family:inherit}.vc-input__inner[data-v-588f24d5]::placeholder{color:var(--vck-text-placeholder)}.vc-input__inner[data-v-588f24d5]:disabled{color:var(--vck-text-muted);cursor:not-allowed;opacity:.7}.vc-input__prefix[data-v-588f24d5],.vc-input__suffix[data-v-588f24d5]{display:inline-flex;align-items:center;color:var(--vck-text-muted);font-size:14px}.vc-input__prefix:not(:empty)+.vc-input__inner[data-v-588f24d5],.vc-input__suffix:not(:empty)+.vc-input__inner[data-v-588f24d5]{margin-left:var(--vck-space-xs)}.vc-input__inner:not(:empty)+.vc-input__prefix[data-v-588f24d5],.vc-input__inner:not(:empty)+.vc-input__suffix[data-v-588f24d5]{margin-left:var(--vck-space-xs)}.vc-empty[data-v-f693485a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vck-space-lg);text-align:center}.vc-empty__image[data-v-f693485a]{width:120px;height:80px;margin-bottom:var(--vck-space-md);display:flex;align-items:center;justify-content:center}.vc-empty__image svg[data-v-f693485a]{width:100%;height:100%}.vc-empty__description[data-v-f693485a]{font-size:14px;color:var(--vck-text-muted);line-height:1.5}.vc-empty__bottom[data-v-f693485a]{margin-top:var(--vck-space-md)}.vc-message[data-v-ffab12bc]{display:inline-flex;align-items:center;gap:var(--vck-space-sm);padding:var(--vck-space-sm) var(--vck-space-md);background-color:var(--vck-bg);border:1px solid var(--vck-border);border-radius:var(--vck-radius);box-shadow:var(--vck-shadow-light);color:var(--vck-text-primary);font-size:14px;position:fixed;left:50%;transform:translate(-50%);transition:opacity var(--vck-transition-fast),transform var(--vck-transition-fast);z-index:3000}.vc-message--success[data-v-ffab12bc]{background-color:var(--vck-bg-active);border-color:var(--vck-primary);color:var(--vck-primary)}.vc-message--warning[data-v-ffab12bc]{background-color:#f59e0b1a;border-color:var(--vck-warning);color:var(--vck-warning)}.vc-message--danger[data-v-ffab12bc],.vc-message--error[data-v-ffab12bc]{background-color:#ef44441a;border-color:var(--vck-danger);color:var(--vck-danger)}.vc-message--info[data-v-ffab12bc]{background-color:#3b82f61a;border-color:var(--vck-info);color:var(--vck-info)}.vc-message__icon[data-v-ffab12bc]{display:inline-flex;font-size:16px}.vc-message__content[data-v-ffab12bc]{line-height:1.5}.vc-message__close[data-v-ffab12bc]{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;margin-left:var(--vck-space-xs);border:none;background:none;color:var(--vck-text-muted);cursor:pointer;transition:color var(--vck-transition-fast)}.vc-message__close[data-v-ffab12bc]:hover{color:var(--vck-text-primary)}.vc-message__close svg[data-v-ffab12bc]{width:12px;height:12px}.vc-message-fade-enter-active[data-v-ffab12bc],.vc-message-fade-leave-active[data-v-ffab12bc]{transition:opacity var(--vck-transition-fast),transform var(--vck-transition-fast)}.vc-message-fade-enter-from[data-v-ffab12bc],.vc-message-fade-leave-to[data-v-ffab12bc]{opacity:0;transform:translate(-50%,-20px)}.vc-message-manager[data-v-e693fce1]{position:fixed;top:0;left:0;right:0;pointer-events:none;z-index:3000}.vc-message-manager[data-v-e693fce1] .vc-message{pointer-events:auto}.vc-switch[data-v-0dafe255]{position:relative;display:inline-flex;align-items:center;width:44px;height:22px;border-radius:11px;background-color:var(--vck-text-muted);transition:background-color .3s;cursor:pointer}.vc-switch.vc-switch-active[data-v-0dafe255]{background-color:var(--vck-primary)}.vc-switch.vc-switch-disabled[data-v-0dafe255]{opacity:.6;cursor:not-allowed}.vc-switch .vc-switch-handle[data-v-0dafe255]{position:absolute;left:2px;width:18px;height:18px;border-radius:50%;background-color:var(--vck-bg);transition:transform .3s}.vc-switch.vc-switch-active .vc-switch-handle[data-v-0dafe255]{transform:translate(22px)}.vc-tag[data-v-10898ef4]{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;border-radius:4px;background-color:var(--vck-bg-panel);color:var(--vck-text-secondary);border:1px solid var(--vck-border);transition:all var(--vck-transition-fast)}.vc-tag--success[data-v-10898ef4]{background-color:#10b9811a;color:var(--vck-success);border-color:#10b9814d}.vc-tag--warning[data-v-10898ef4]{background-color:#f59e0b1a;color:var(--vck-warning);border-color:#f59e0b4d}.vc-tag--danger[data-v-10898ef4]{background-color:#ef44441a;color:var(--vck-danger);border-color:#ef44444d}.vc-tag--info[data-v-10898ef4]{background-color:#3b82f61a;color:var(--vck-info);border-color:#3b82f64d}.vc-tag--disabled[data-v-10898ef4]{opacity:.5;cursor:not-allowed}.avatar-crop-container[data-v-a3617d84]{min-height:200px}.crop-wrapper[data-v-a3617d84]{display:flex;flex-direction:column;gap:16px}.crop-area[data-v-a3617d84]{position:relative;overflow:hidden;background:var(--vck-bg-panel);border-radius:var(--vck-radius-lg);display:flex;align-items:center;justify-content:center;border:1px solid var(--vck-border)}.crop-box[data-v-a3617d84]{position:absolute;border:2px solid var(--vck-primary);box-shadow:0 0 0 9999px #00000080;cursor:move;box-sizing:border-box}.crop-handle[data-v-a3617d84]{position:absolute;width:14px;height:14px;background:var(--vck-primary);border:3px solid var(--vck-text-white);border-radius:50%;box-shadow:var(--vck-shadow-sm)}.crop-handle.nw[data-v-a3617d84]{top:-7px;left:-7px;cursor:nw-resize}.crop-handle.n[data-v-a3617d84]{top:-7px;left:50%;transform:translate(-50%);cursor:n-resize}.crop-handle.ne[data-v-a3617d84]{top:-7px;right:-7px;cursor:ne-resize}.crop-handle.e[data-v-a3617d84]{right:-7px;top:50%;transform:translateY(-50%);cursor:e-resize}.crop-handle.se[data-v-a3617d84]{bottom:-7px;right:-7px;cursor:se-resize}.crop-handle.s[data-v-a3617d84]{bottom:-7px;left:50%;transform:translate(-50%);cursor:s-resize}.crop-handle.sw[data-v-a3617d84]{bottom:-7px;left:-7px;cursor:sw-resize}.crop-handle.w[data-v-a3617d84]{left:-7px;top:50%;transform:translateY(-50%);cursor:w-resize}.preview-wrapper[data-v-a3617d84]{display:flex;align-items:center;justify-content:center;gap:16px}.preview-label[data-v-a3617d84]{font-size:14px;color:var(--vck-text-secondary);font-weight:500}.preview-box[data-v-a3617d84]{border-radius:50%;overflow:hidden;border:3px solid var(--vck-border);background:var(--vck-bg);box-shadow:var(--vck-shadow-sm)}.preview-canvas[data-v-a3617d84]{display:block;width:100%;height:100%}.dialog-footer[data-v-a3617d84]{display:flex;justify-content:center;gap:12px}.emoji-picker[data-v-c201c6f3]{position:absolute;bottom:100%;left:0;width:320px;background:var(--vck-bg);border-radius:var(--vck-radius-xl);box-shadow:var(--vck-shadow);border:1px solid var(--vck-border);overflow:hidden;z-index:1000;margin-bottom:8px}.emoji-header[data-v-c201c6f3]{display:flex;padding:8px 12px;border-bottom:1px solid var(--vck-border-light);gap:4px}.emoji-category-tab[data-v-c201c6f3]{padding:8px 12px;cursor:pointer;border-radius:var(--vck-radius);transition:var(--vck-transition-fast);font-size:18px;line-height:1}.emoji-category-tab[data-v-c201c6f3]:hover{background:var(--vck-bg-hover)}.emoji-category-tab.active[data-v-c201c6f3]{background:var(--vck-bg-active)}.emoji-body[data-v-c201c6f3]{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:12px;max-height:240px;overflow-y:auto}.emoji-body[data-v-c201c6f3]::-webkit-scrollbar{width:6px}.emoji-body[data-v-c201c6f3]::-webkit-scrollbar-thumb{background:var(--vck-scrollbar);border-radius:3px}.emoji-item[data-v-c201c6f3]{font-size:24px;padding:8px;text-align:center;cursor:pointer;border-radius:var(--vck-radius);transition:var(--vck-transition-fast);line-height:1}.emoji-item[data-v-c201c6f3]:hover{background:var(--vck-bg-hover);transform:scale(1.2)}.chat-sidebar[data-v-3bd773ce]{width:60px;background:var(--vck-bg-sidebar);display:flex;flex-direction:column;align-items:center;padding:var(--vck-space-md) 0;flex-shrink:0;border-right:1px solid var(--vck-border)}.sidebar-avatar[data-v-3bd773ce]{width:44px;height:44px;border-radius:var(--vck-radius-md);overflow:hidden;cursor:pointer;margin-bottom:var(--vck-space);border:2px solid var(--vck-avatar-border);transition:var(--vck-transition-fast)}.sidebar-avatar[data-v-3bd773ce]:hover{transform:scale(1.05);border-color:var(--vck-primary)}.sidebar-avatar-img[data-v-3bd773ce]{width:100%;height:100%;object-fit:cover}.sidebar-nav-item[data-v-3bd773ce]{width:44px;height:44px;border-radius:var(--vck-radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);margin-bottom:var(--vck-space-sm);position:relative}.sidebar-nav-item-active[data-v-3bd773ce]{background:var(--vck-bg-active)}.sidebar-nav-item-active .el-icon[data-v-3bd773ce]{color:var(--vck-primary)}.sidebar-nav-item-inactive[data-v-3bd773ce]{color:var(--vck-text-secondary)}.sidebar-nav-item-inactive[data-v-3bd773ce]:hover{background:var(--vck-bg-hover)}.sidebar-nav-badge[data-v-3bd773ce]{position:absolute;top:4px;right:0;background:var(--vck-danger);color:var(--vck-text-white);font-size:10px;padding:2px 6px;border-radius:10px;line-height:1;min-width:18px;text-align:center}.sidebar-spacer[data-v-3bd773ce]{flex:1}.chat-content-panel[data-v-bed5c7cd]{width:260px;background:var(--vck-bg);border-right:1px solid var(--vck-border);display:flex;flex-direction:column;flex-shrink:0}.chat-search-bar[data-v-bed5c7cd]{padding:var(--vck-space-md) var(--vck-space);background:var(--vck-bg);display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-search-input[data-v-bed5c7cd]{flex:1}.chat-search-input[data-v-bed5c7cd] .el-input__wrapper{background-color:var(--vck-bg-panel);box-shadow:none;border:1px solid var(--vck-border-light);transition:var(--vck-transition-fast);border-radius:var(--vck-radius-lg)}.chat-search-input[data-v-bed5c7cd] .el-input__wrapper:hover{border-color:var(--vck-border)}.chat-search-input[data-v-bed5c7cd] .el-input__wrapper.is-focus{border-color:var(--vck-primary)}.chat-search-input[data-v-bed5c7cd] .el-input__inner{color:var(--vck-text-primary)}.chat-search-input[data-v-bed5c7cd] .el-input__inner::placeholder{color:var(--vck-text-placeholder)}.search-actions[data-v-bed5c7cd]{display:flex;gap:var(--vck-space-xs)}.chat-content-scroll[data-v-bed5c7cd]{flex:1;overflow-y:auto;overflow-x:hidden}.chat-list-item[data-v-bed5c7cd]{padding:var(--vck-space);display:flex;gap:var(--vck-space-sm);cursor:pointer;transition:var(--vck-transition-fast);position:relative}.chat-list-item[data-v-bed5c7cd]:hover{background:var(--vck-bg-hover)}.chat-list-item.chat-list-item-active[data-v-bed5c7cd]{background:var(--vck-bg-active)}.chat-list-avatar-wrapper[data-v-bed5c7cd]{position:relative;flex-shrink:0}.group-avatar-grid[data-v-bed5c7cd]{width:44px;height:44px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:2px;background:var(--vck-bg-panel);border-radius:var(--vck-radius-md);overflow:hidden}.group-avatar-item[data-v-bed5c7cd]{display:flex;align-items:center;justify-content:center;overflow:hidden}.group-avatar-img[data-v-bed5c7cd]{width:100%;height:100%;object-fit:cover}.chat-list-avatar[data-v-bed5c7cd]{width:44px;height:44px;border-radius:var(--vck-radius-md);object-fit:cover}.chat-list-online-indicator[data-v-bed5c7cd]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--vck-bg)}.chat-list-online-indicator.chat-list-online[data-v-bed5c7cd]{background-color:var(--vck-success)}.chat-list-online-indicator.chat-list-offline[data-v-bed5c7cd]{background-color:var(--vck-text-muted)}.chat-list-info[data-v-bed5c7cd]{flex:1;min-width:0}.chat-list-header[data-v-bed5c7cd]{display:flex;align-items:center;justify-content:space-between;gap:var(--vck-space-sm)}.chat-list-name[data-v-bed5c7cd]{font-size:14px;font-weight:500;color:var(--vck-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-time[data-v-bed5c7cd]{font-size:12px;color:var(--vck-text-muted);flex-shrink:0}.chat-list-preview[data-v-bed5c7cd]{display:flex;align-items:center;justify-content:space-between;gap:var(--vck-space-sm);margin-top:var(--vck-space-xs)}.chat-list-last-msg[data-v-bed5c7cd]{font-size:12px;color:var(--vck-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.chat-list-unread[data-v-bed5c7cd]{background:var(--vck-primary);color:var(--vck-text-white);font-size:10px;padding:0 6px;border-radius:10px;line-height:18px;min-width:18px;text-align:center;flex-shrink:0}.list-section-title[data-v-bed5c7cd]{display:flex;align-items:center;gap:var(--vck-space-xs);padding:var(--vck-space-md) var(--vck-space) var(--vck-space-sm);font-size:12px;font-weight:600;color:var(--vck-text-muted);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--vck-transition-fast)}.list-section-title[data-v-bed5c7cd]:hover{color:var(--vck-text-secondary)}.collapse-icon[data-v-bed5c7cd]{transition:transform .2s ease;font-size:14px}.collapse-icon.collapsed[data-v-bed5c7cd]{transform:rotate(-90deg)}.list-content[data-v-bed5c7cd]{display:flex;flex-direction:column}.friend-request-item[data-v-bed5c7cd]{display:flex;align-items:center;justify-content:space-between;padding:var(--vck-space);transition:var(--vck-transition-fast)}.friend-request-info[data-v-bed5c7cd]{display:flex;align-items:center;gap:var(--vck-space-sm)}.friend-request-avatar[data-v-bed5c7cd]{width:44px;height:44px;border-radius:var(--vck-radius-md);object-fit:cover}.friend-request-details[data-v-bed5c7cd]{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.friend-request-username[data-v-bed5c7cd]{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.friend-request-desc[data-v-bed5c7cd]{font-size:12px;color:var(--vck-text-muted)}.chat-main-area[data-v-f95c41c6]{flex:1;display:flex;flex-direction:column;background-color:var(--vck-bg);min-width:0;height:100%}.friend-profile-area[data-v-f95c41c6]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vck-space-lg)}.profile-avatar[data-v-f95c41c6]{width:120px;height:120px;border-radius:50%;margin-bottom:var(--vck-space-lg);box-shadow:var(--vck-shadow-sm)}.profile-name[data-v-f95c41c6]{font-size:24px;font-weight:600;color:var(--vck-text-primary);margin-bottom:var(--vck-space-md)}.profile-status[data-v-f95c41c6]{display:flex;align-items:center;gap:var(--vck-space-sm);font-size:14px;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-lg)}.profile-status-dot[data-v-f95c41c6]{width:10px;height:10px;border-radius:50%}.profile-status-online[data-v-f95c41c6]{background-color:var(--vck-success)}.profile-status-offline[data-v-f95c41c6]{background-color:var(--vck-text-muted)}.profile-start-chat-btn[data-v-f95c41c6]{padding:var(--vck-space) var(--vck-space-lg);font-size:16px;border-radius:var(--vck-radius-full);display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-window-area[data-v-f95c41c6]{flex:1;display:flex;flex-direction:column;min-height:0}.chat-empty-state[data-v-f95c41c6]{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:var(--vck-bg-panel)}.empty-state-icon[data-v-f95c41c6]{color:var(--vck-border-strong);margin-bottom:var(--vck-space-md)}.empty-state-text[data-v-f95c41c6]{color:var(--vck-text-muted);font-size:14px}.chat-window-area[data-v-6e2f1d35]{flex:1;display:flex;flex-direction:column;min-height:0;transition:var(--vck-transition)}.chat-window-header[data-v-6e2f1d35]{height:56px;padding:0 var(--vck-space-md);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--vck-border);background:var(--vck-bg)}.chat-window-title[data-v-6e2f1d35]{display:flex;align-items:center;gap:var(--vck-space-sm)}.chat-window-name[data-v-6e2f1d35]{font-size:16px;font-weight:600;color:var(--vck-text-primary)}.chat-window-status[data-v-6e2f1d35]{font-size:12px;color:var(--vck-text-muted)}.chat-window-status-online[data-v-6e2f1d35]{color:var(--vck-success)}.chat-window-actions[data-v-6e2f1d35]{display:flex;gap:var(--vck-space-md)}.chat-action-icon[data-v-6e2f1d35]{font-size:20px;color:var(--vck-text-secondary);cursor:pointer;transition:var(--vck-transition-fast)}.chat-action-icon[data-v-6e2f1d35]:hover{color:var(--vck-text-primary)}.chat-messages-container[data-v-6e2f1d35]{flex:1;overflow-y:auto;padding:var(--vck-space-lg);background-color:var(--vck-bg-chat);display:flex;flex-direction:column;gap:var(--vck-space-md)}.message-wrapper[data-v-6e2f1d35]{display:flex;gap:var(--vck-space);max-width:80%}.message-self[data-v-6e2f1d35]{align-self:flex-end;flex-direction:row-reverse}.message-other[data-v-6e2f1d35]{align-self:flex-start}.message-avatar[data-v-6e2f1d35]{flex-shrink:0}.message-avatar-img[data-v-6e2f1d35]{width:40px;height:40px;border-radius:var(--vck-radius)}.message-content[data-v-6e2f1d35]{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.message-sender-name[data-v-6e2f1d35]{font-size:12px;color:var(--vck-text-secondary)}.message-bubble-wrapper[data-v-6e2f1d35]{position:relative}.message-bubble[data-v-6e2f1d35]{padding:var(--vck-space-sm) var(--vck-space);font-size:14px;word-break:break-all;white-space:pre-wrap;border-radius:var(--vck-radius-md);box-shadow:var(--vck-shadow-light)}.message-bubble-self[data-v-6e2f1d35]{background-color:var(--vck-bg-bubble-self);color:var(--vck-text-primary);position:relative}.message-bubble-self[data-v-6e2f1d35]:after{content:"";position:absolute;right:-5px;top:10px;width:10px;height:10px;background-color:var(--vck-bg-bubble-self);transform:rotate(45deg)}.message-bubble-other[data-v-6e2f1d35]{background-color:var(--vck-bg-bubble-other);color:var(--vck-text-primary);position:relative}.message-bubble-other[data-v-6e2f1d35]:after{content:"";position:absolute;left:-5px;top:10px;width:10px;height:10px;background-color:var(--vck-bg-bubble-other);transform:rotate(45deg)}.message-image-bubble[data-v-6e2f1d35]{border-radius:var(--vck-radius-md);cursor:pointer;overflow:hidden;max-width:300px;padding:0}.message-image[data-v-6e2f1d35]{width:100%;height:auto;display:block}.message-image-size[data-v-6e2f1d35]{position:absolute;left:var(--vck-space-xs);bottom:0;color:var(--vck-text-white);font-size:10px}.message-file-bubble[data-v-6e2f1d35]{border-radius:var(--vck-radius-md);cursor:pointer;overflow:hidden;min-width:200px}.message-file-content[data-v-6e2f1d35]{display:flex;align-items:center;gap:var(--vck-space);padding:var(--vck-space) var(--vck-space-md)}.message-file-icon[data-v-6e2f1d35]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--vck-radius-md);background:var(--vck-bg-panel)}.message-file-info[data-v-6e2f1d35]{flex:1;min-width:0}.message-file-name[data-v-6e2f1d35]{overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:1.2;color:var(--vck-text-primary)}.message-file-meta[data-v-6e2f1d35]{font-size:12px;margin-top:var(--vck-space-xs);display:flex;align-items:center;gap:var(--vck-space-sm);color:var(--vck-text-secondary)}.message-time[data-v-6e2f1d35]{font-size:10px;color:var(--vck-text-muted);margin-top:var(--vck-space-xs)}.message-time-right[data-v-6e2f1d35]{text-align:right}.message-time-left[data-v-6e2f1d35]{text-align:left}.chat-input-area[data-v-6e2f1d35]{background:var(--vck-bg);border-top:1px solid var(--vck-border)}.group-sidebar[data-v-accb0452]{width:320px;background-color:var(--vck-bg-panel);border-left:1px solid var(--vck-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.slide-enter-active[data-v-accb0452],.slide-leave-active[data-v-accb0452]{transition:transform var(--vck-transition-fast)}.slide-enter-from[data-v-accb0452],.slide-leave-to[data-v-accb0452]{transform:translate(100%)}.group-sidebar-header[data-v-accb0452]{height:56px;display:flex;justify-content:space-between;align-items:center;padding:0 var(--vck-space-md);border-bottom:1px solid var(--vck-border);background-color:var(--vck-bg)}.group-sidebar-title[data-v-accb0452]{font-size:16px;font-weight:500;color:var(--vck-text-primary)}.group-sidebar-close[data-v-accb0452]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;transition:var(--vck-transition-fast);color:var(--vck-text-secondary)}.group-sidebar-close[data-v-accb0452]:hover{background-color:var(--vck-bg-hover);color:var(--vck-text-primary)}.group-sidebar-content[data-v-accb0452]{flex:1;overflow-y:auto;padding:var(--vck-space-md)}.group-members-avatar-section[data-v-accb0452]{margin-bottom:var(--vck-space-md);position:relative}.group-members-grid[data-v-accb0452]{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--vck-space-md)}.group-member-avatar-item[data-v-accb0452]{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:var(--vck-space-xs);border-radius:var(--vck-radius-md);transition:var(--vck-transition-fast)}.group-member-avatar-item[data-v-accb0452]:hover{background-color:var(--vck-bg-hover)}.group-member-avatar-item.is-remove-mode[data-v-accb0452]:hover{background-color:var(--vck-bg-active)}.group-remove-mode-hint[data-v-accb0452]{background-color:var(--vck-bg-active);color:var(--vck-danger);padding:var(--vck-space-sm) var(--vck-space);border-radius:var(--vck-radius);font-size:13px;margin-bottom:var(--vck-space-sm);display:flex;align-items:center;gap:var(--vck-space-sm);border:1px solid var(--vck-danger)}.group-member-avatar-small[data-v-accb0452]{width:48px;height:48px;border-radius:var(--vck-radius-md);object-fit:cover;margin-bottom:var(--vck-space-xs);transition:var(--vck-transition-fast)}.is-remove-mode .group-member-avatar-small[data-v-accb0452]{filter:brightness(.8)}.group-member-avatar-wrapper[data-v-accb0452]{position:relative}.group-member-remove-badge[data-v-accb0452]{position:absolute;top:-6px;right:-6px;background-color:var(--vck-danger);color:var(--vck-text-white);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:var(--vck-shadow-sm)}.group-member-action-icon[data-v-accb0452]{width:48px;height:48px;border-radius:var(--vck-radius-md);border:1px dashed var(--vck-border-strong);display:flex;align-items:center;justify-content:center;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-xs);background-color:var(--vck-bg);transition:var(--vck-transition-fast)}.group-member-avatar-item:hover .group-member-action-icon[data-v-accb0452]{border-color:var(--vck-text-muted);background-color:var(--vck-bg-panel)}.group-member-avatar-item.is-active .group-member-action-icon[data-v-accb0452]{border-color:var(--vck-primary);color:var(--vck-primary);border-style:solid}.group-member-nickname[data-v-accb0452]{font-size:12px;color:var(--vck-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.group-divider[data-v-accb0452]{height:12px;background-color:transparent;border-top:1px solid var(--vck-border);margin:var(--vck-space-md) 0}.group-settings-section[data-v-accb0452]{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.group-setting-item[data-v-accb0452]{display:flex;justify-content:space-between;align-items:center;padding:14px var(--vck-space-md);background-color:var(--vck-bg);cursor:pointer;transition:var(--vck-transition-fast);border-radius:var(--vck-radius-md);margin-bottom:var(--vck-space-xs)}.group-setting-item[data-v-accb0452]:hover{background-color:var(--vck-bg-panel)}.group-setting-item.danger[data-v-accb0452]{color:var(--vck-danger);margin-top:var(--vck-space-sm)}.group-setting-item.danger[data-v-accb0452]:hover{background-color:var(--vck-bg-active)}.group-setting-label[data-v-accb0452]{font-size:14px;color:var(--vck-text-primary)}.group-setting-item.danger .group-setting-label[data-v-accb0452]{color:var(--vck-danger)}.group-setting-value[data-v-accb0452]{display:flex;align-items:center;gap:var(--vck-space-sm);color:var(--vck-text-secondary);font-size:14px;cursor:pointer;padding:var(--vck-space-xs) var(--vck-space-sm);border-radius:var(--vck-radius-sm);transition:var(--vck-transition-fast)}.group-setting-value[data-v-accb0452]:hover{background-color:var(--vck-bg-panel)}.group-setting-value-text[data-v-accb0452]{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--vck-text-secondary)}.group-edit-icon[data-v-accb0452]{font-size:14px;color:var(--vck-text-muted);margin-left:var(--vck-space-xs);cursor:pointer}.group-edit-icon[data-v-accb0452]:hover{color:var(--vck-primary)}.group-setting-value-wrapper[data-v-accb0452]{display:flex;flex:1;justify-content:flex-end}.group-edit-wrapper[data-v-accb0452]{width:100%;display:flex;flex-direction:column;gap:var(--vck-space-sm)}.group-edit-buttons[data-v-accb0452]{display:flex;justify-content:flex-end;gap:var(--vck-space-sm)}.group-input-edit[data-v-accb0452]{flex:1}.add-friend-search-wrapper[data-v-94131e2a]{margin-bottom:16px}.add-friend-users-list[data-v-94131e2a]{max-height:400px;overflow-y:auto}.add-friend-user-item[data-v-94131e2a]{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;border-radius:var(--vck-radius);transition:var(--vck-transition-fast)}.add-friend-user-item[data-v-94131e2a]:hover{background-color:var(--vck-bg-panel)}.add-friend-user-info[data-v-94131e2a]{display:flex;align-items:center}.add-friend-user-avatar[data-v-94131e2a]{width:40px;height:40px;border-radius:50%;object-fit:cover}.add-friend-user-name[data-v-94131e2a]{margin-left:12px;font-weight:500;color:var(--vck-text-primary);font-size:14px}.create-group-form[data-v-46fdad2b]{display:flex;flex-direction:column;gap:20px}.form-item[data-v-46fdad2b]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-46fdad2b]{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.member-selection[data-v-46fdad2b]{border:1px solid var(--vck-border);border-radius:var(--vck-radius);padding:12px;background-color:var(--vck-bg-panel)}.member-list[data-v-46fdad2b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.member-item[data-v-46fdad2b]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);border:2px solid transparent;background-color:var(--vck-bg)}.member-item[data-v-46fdad2b]:hover{background-color:var(--vck-bg-hover)}.member-item.member-selected[data-v-46fdad2b]{border-color:var(--vck-primary);background-color:var(--vck-bg-active)}.member-avatar[data-v-46fdad2b]{width:56px;height:56px;border-radius:50%;object-fit:cover;margin-bottom:8px}.member-name[data-v-46fdad2b]{font-size:13px;color:var(--vck-text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.member-check[data-v-46fdad2b]{color:var(--vck-primary);margin-top:4px}.group-detail-content[data-v-f04ac2b6]{display:flex;flex-direction:column;gap:20px}.group-info-section[data-v-f04ac2b6]{display:flex;flex-direction:column;gap:12px}.group-info-item[data-v-f04ac2b6]{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:var(--vck-bg-panel);border-radius:var(--vck-radius)}.info-label[data-v-f04ac2b6]{font-size:14px;color:var(--vck-text-secondary)}.info-value[data-v-f04ac2b6]{font-size:14px;color:var(--vck-text-primary);font-weight:500}.group-members-section[data-v-f04ac2b6]{display:flex;flex-direction:column;gap:12px}.section-header[data-v-f04ac2b6]{display:flex;justify-content:space-between;align-items:center}.section-title[data-v-f04ac2b6]{font-size:14px;font-weight:500;color:var(--vck-text-primary)}.group-members-list[data-v-f04ac2b6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;max-height:300px;overflow-y:auto}.group-member-item[data-v-f04ac2b6]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border-radius:var(--vck-radius);background-color:var(--vck-bg-panel);text-align:center}.group-member-avatar[data-v-f04ac2b6]{width:50px;height:50px;border-radius:50%;object-fit:cover}.group-member-name[data-v-f04ac2b6]{font-size:12px;color:var(--vck-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.group-member-badge[data-v-f04ac2b6]{font-size:10px;background-color:var(--vck-bg-active);color:var(--vck-primary);padding:2px 6px;border-radius:var(--vck-radius-sm);margin-top:4px}.group-actions-list[data-v-f04ac2b6]{display:flex;gap:12px;margin-top:8px}.group-member-actions[data-v-f04ac2b6]{display:flex;flex-direction:column;gap:4px;margin-top:4px}.context-menu[data-v-299f018b]{position:fixed;background:var(--vck-bg);border-radius:var(--vck-radius-lg);box-shadow:var(--vck-shadow);border:1px solid var(--vck-border);padding:4px 0;z-index:9999}.context-menu-item[data-v-299f018b]{padding:8px 16px;cursor:pointer;font-size:14px;color:var(--vck-text-primary);margin:2px 4px;border-radius:var(--vck-radius);transition:var(--vck-transition-fast)}.context-menu-item[data-v-299f018b]:hover{background-color:var(--vck-bg-hover)}.context-menu-item.danger[data-v-299f018b]{color:var(--vck-danger)}.context-menu-item.danger[data-v-299f018b]:hover{background-color:var(--vck-bg-active)}.chat-panel[data-v-dae3e2cf]{position:relative;display:flex;height:680px;background:var(--vck-bg);overflow:hidden;border-radius:var(--vck-radius-xl);box-shadow:var(--vck-shadow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:var(--vck-transition)}.pending-files-area[data-v-dae3e2cf]{padding:var(--vck-space-sm) var(--vck-space);border-bottom:1px solid var(--vck-border-light);display:flex;flex-wrap:wrap;gap:var(--vck-space-sm)}.pending-file-item[data-v-dae3e2cf]{position:relative}.pending-image-wrapper[data-v-dae3e2cf]{position:relative;width:80px;height:80px;border-radius:var(--vck-radius);overflow:hidden;border:1px solid var(--vck-border)}.pending-image[data-v-dae3e2cf]{width:100%;height:100%;object-fit:cover}.pending-file-wrapper[data-v-dae3e2cf]{position:relative;width:96px;height:80px;border-radius:var(--vck-radius);border:1px solid var(--vck-border);background-color:var(--vck-bg-panel);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--vck-space-xs)}.pending-file-icon[data-v-dae3e2cf]{color:var(--vck-text-muted);font-size:28px;margin-bottom:var(--vck-space-xs)}.pending-file-name[data-v-dae3e2cf]{font-size:10px;color:var(--vck-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center;padding:0 var(--vck-space-xs)}.pending-file-remove-btn[data-v-dae3e2cf]{position:absolute;top:var(--vck-space-xs);right:var(--vck-space-xs);width:20px;height:20px;background-color:#00000080;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);font-size:14px;border:none}.pending-file-remove-btn[data-v-dae3e2cf]:hover{background-color:#000000b3}.input-toolbar[data-v-dae3e2cf]{display:flex;align-items:center;padding:var(--vck-space);gap:var(--vck-space-sm)}.input-toolbar-icon[data-v-dae3e2cf]{color:var(--vck-text-secondary);cursor:pointer;font-size:20px;transition:var(--vck-transition-fast)}.input-toolbar-icon[data-v-dae3e2cf]:hover{color:var(--vck-text-primary)}.emoji-button-wrapper[data-v-dae3e2cf]{position:relative;display:inline-block}.input-textarea-wrapper[data-v-dae3e2cf]{padding:0 var(--vck-space) var(--vck-space)}.message-input-textarea[data-v-dae3e2cf]{width:100%;resize:none;border:none;outline:none;font-size:14px;height:80px;font-family:inherit;background:transparent;color:var(--vck-text-primary)}.input-send-wrapper[data-v-dae3e2cf]{display:flex;justify-content:flex-end;padding:0 var(--vck-space) var(--vck-space)}.send-message-btn[data-v-dae3e2cf]{background-color:var(--vck-primary);border:none;font-size:14px;padding:var(--vck-space-xs) var(--vck-space-md);transition:var(--vck-transition-fast)}.send-message-btn[data-v-dae3e2cf]:hover{background-color:var(--vck-primary-hover)}.hidden-file-input[data-v-dae3e2cf]{display:none}.chat-detail-panel[data-v-dae3e2cf]{width:256px;background:var(--vck-bg-panel);border-left:1px solid var(--vck-border);display:flex;flex-direction:column}.chat-detail-header[data-v-dae3e2cf]{height:56px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--vck-border);font-weight:500;color:var(--vck-text-primary);font-size:14px}.chat-detail-content[data-v-dae3e2cf]{flex:1;padding:var(--vck-space-md)}.chat-detail-profile[data-v-dae3e2cf]{display:flex;flex-direction:column;align-items:center}.chat-detail-avatar[data-v-dae3e2cf]{width:80px;height:80px;border-radius:50%;object-fit:cover}.chat-detail-name[data-v-dae3e2cf]{margin-top:var(--vck-space);font-weight:500;color:var(--vck-text-primary);font-size:18px}.chat-detail-actions[data-v-dae3e2cf]{margin-top:var(--vck-space-lg);width:100%}.chat-detail-action-item[data-v-dae3e2cf]{padding:var(--vck-space);border-bottom:1px solid var(--vck-border-light);cursor:pointer;background-color:var(--vck-bg);font-size:14px;color:var(--vck-text-primary);transition:var(--vck-transition-fast)}.chat-detail-action-item[data-v-dae3e2cf]:hover{background-color:var(--vck-bg-hover)}.chat-detail-action-item[data-v-dae3e2cf]:first-child{border-radius:var(--vck-radius) var(--vck-radius) 0 0}.chat-detail-action-item[data-v-dae3e2cf]:last-child{border-bottom:none;border-radius:0 0 var(--vck-radius) var(--vck-radius)}.chat-settings-dialog[data-v-dae3e2cf] .el-dialog{border-radius:var(--vck-radius-lg);overflow:hidden}.chat-settings-dialog[data-v-dae3e2cf] .el-dialog__header{padding:var(--vck-space-lg) var(--vck-space-lg) 0;margin:0}.chat-settings-dialog[data-v-dae3e2cf] .el-dialog__title{font-size:20px;font-weight:600;color:var(--vck-text-primary)}.chat-settings-container[data-v-dae3e2cf]{display:flex;flex-direction:column}.chat-settings-avatar-section[data-v-dae3e2cf]{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--vck-space-lg);padding-bottom:var(--vck-space-md);border-bottom:1px solid var(--vck-border-light)}.chat-settings-avatar-wrapper[data-v-dae3e2cf]{position:relative;margin-bottom:var(--vck-space)}.chat-settings-avatar[data-v-dae3e2cf]{width:112px;height:112px;border-radius:50%;object-fit:cover;border:4px solid var(--vck-bg);box-shadow:var(--vck-shadow-sm)}.chat-settings-avatar-edit[data-v-dae3e2cf]{position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;background-color:var(--vck-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--vck-transition-fast);box-shadow:var(--vck-shadow-sm)}.chat-settings-avatar-edit[data-v-dae3e2cf]:hover{background-color:var(--vck-primary-hover)}.chat-settings-avatar-icon[data-v-dae3e2cf]{color:var(--vck-text-white)}.hidden-avatar-input[data-v-dae3e2cf]{display:none}.chat-settings-user-display[data-v-dae3e2cf]{text-align:center}.chat-settings-nickname[data-v-dae3e2cf]{font-weight:600;color:var(--vck-text-primary);font-size:20px}.chat-settings-username[data-v-dae3e2cf]{font-size:14px;color:var(--vck-text-muted);margin-top:var(--vck-space-xs)}.chat-settings-form-section[data-v-dae3e2cf]{gap:var(--vck-space-lg)}.chat-settings-form-header[data-v-dae3e2cf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--vck-space-xs)}.chat-settings-form-title[data-v-dae3e2cf]{color:var(--vck-text-primary);font-weight:600;display:flex;align-items:center;gap:var(--vck-space-xs);font-size:14px}.chat-settings-edit-btn[data-v-dae3e2cf]{border-radius:var(--vck-radius-full)}.chat-settings-form[data-v-dae3e2cf]{background-color:var(--vck-bg-panel);border-radius:var(--vck-radius-lg);padding:var(--vck-space-lg);gap:var(--vck-space-lg);display:flex;flex-direction:column}.chat-settings-form-item[data-v-dae3e2cf]{display:flex;flex-direction:column}.chat-settings-form-label[data-v-dae3e2cf]{display:block;font-size:14px;color:var(--vck-text-secondary);margin-bottom:var(--vck-space-xs);font-weight:500}.chat-settings-form-value[data-v-dae3e2cf]{color:var(--vck-text-primary);background-color:var(--vck-bg);border-radius:var(--vck-radius);padding:var(--vck-space) var(--vck-space-md);border:1px solid var(--vck-border);font-size:14px}.chat-settings-form-value.bio-value[data-v-dae3e2cf]{min-height:80px}.chat-settings-form-actions[data-v-dae3e2cf]{display:flex;gap:var(--vck-space);justify-content:flex-end;padding-top:var(--vck-space-xs)}.msg-read-users-content[data-v-dae3e2cf]{display:flex;flex-direction:column;gap:var(--vck-space-lg)}.read-users-section[data-v-dae3e2cf],.unread-users-section[data-v-dae3e2cf]{display:flex;flex-direction:column;gap:var(--vck-space)}.section-title[data-v-dae3e2cf]{display:flex;align-items:center;gap:var(--vck-space-xs);font-size:14px;font-weight:500;color:var(--vck-text-primary)}.users-list[data-v-dae3e2cf]{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.users-tag-list[data-v-dae3e2cf]{display:flex;flex-wrap:wrap;gap:var(--vck-space-xs)}.user-tag[data-v-dae3e2cf]{padding:var(--vck-space-xs) var(--vck-space);background-color:var(--vck-border-light);border-radius:var(--vck-radius-full);font-size:13px;color:var(--vck-text-primary)}.member-list[data-v-dae3e2cf]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--vck-space)}.member-item[data-v-dae3e2cf]{display:flex;align-items:center;gap:var(--vck-space-xs);padding:var(--vck-space-xs) var(--vck-space);border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);border:2px solid transparent;background-color:var(--vck-bg)}.member-item[data-v-dae3e2cf]:hover{background-color:var(--vck-bg-hover)}.member-item.member-selected[data-v-dae3e2cf]{background-color:var(--vck-bg-active);border-color:var(--vck-primary)}.member-avatar[data-v-dae3e2cf]{width:40px;height:40px;border-radius:50%;object-fit:cover}.member-name[data-v-dae3e2cf]{flex:1;font-size:14px;color:var(--vck-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-check[data-v-dae3e2cf]{color:var(--vck-primary);font-size:20px}.invite-member-content[data-v-dae3e2cf]{display:flex;flex-direction:column;gap:var(--vck-space-md)}.context-menu-item[data-v-dae3e2cf]{padding:var(--vck-space-xs) var(--vck-space);color:var(--vck-text-primary);transition:var(--vck-transition-fast)}.context-menu-item[data-v-dae3e2cf]:hover{background-color:var(--vck-bg-hover);cursor:pointer}.context-menu-item.danger[data-v-dae3e2cf]{color:var(--vck-danger)}.theme-options[data-v-dae3e2cf]{display:flex;flex-direction:column;gap:var(--vck-space-xs)}.theme-option[data-v-dae3e2cf]{display:flex;align-items:center;gap:var(--vck-space);padding:var(--vck-space) var(--vck-space-md);border-radius:var(--vck-radius);cursor:pointer;transition:var(--vck-transition-fast);background-color:var(--vck-bg);border:2px solid transparent}.theme-option[data-v-dae3e2cf]:hover{background-color:var(--vck-bg-hover)}.theme-option.theme-option-active[data-v-dae3e2cf]{background-color:var(--vck-bg-active);border-color:var(--vck-primary)}.theme-option-icon[data-v-dae3e2cf]{color:var(--vck-text-secondary)}.theme-option-active .theme-option-icon[data-v-dae3e2cf]{color:var(--vck-primary)}.theme-option-label[data-v-dae3e2cf]{flex:1;font-size:14px;color:var(--vck-text-primary)}.theme-option-check[data-v-dae3e2cf]{color:var(--vck-primary);font-size:20px}