body,html{margin:0}#app,body,html{height:100%}.toast[data-v-0cebd19c]{position:fixed;top:20px;right:20px;min-width:300px;max-width:500px;padding:16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:9999;animation:slideIn-0cebd19c .3s ease-out;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.toast-content[data-v-0cebd19c]{display:flex;align-items:center;gap:12px}.toast-icon[data-v-0cebd19c]{font-size:18px;flex-shrink:0}.toast-message[data-v-0cebd19c]{font-size:14px;line-height:1.4;word-break:break-word}.toast.info[data-v-0cebd19c]{background-color:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}.toast.success[data-v-0cebd19c]{background-color:#e8f5e8;border-left:4px solid #4caf50;color:#2e7d32}.toast.warning[data-v-0cebd19c]{background-color:#fff3e0;border-left:4px solid #ff9800;color:#ef6c00}.toast.error[data-v-0cebd19c]{background-color:#ffebee;border-left:4px solid #f44336;color:#c62828}@keyframes slideIn-0cebd19c{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.toast.dark-theme.info[data-v-0cebd19c]{background-color:#1e3a8a;color:#93c5fd;border-left-color:#3b82f6}.toast.dark-theme.success[data-v-0cebd19c]{background-color:#14532d;color:#86efac;border-left-color:#22c55e}.toast.dark-theme.warning[data-v-0cebd19c]{background-color:#92400e;color:#fbbf24;border-left-color:#f59e0b}.toast.dark-theme.error[data-v-0cebd19c]{background-color:#7f1d1d;color:#fca5a5;border-left-color:#ef4444}.toast.eye-care-theme.info[data-v-0cebd19c]{background-color:#f0ead6;color:#5d4e37;border-left-color:#8fbc8f}.toast.eye-care-theme.success[data-v-0cebd19c]{background-color:#e6f3e6;color:#3c2e26;border-left-color:#8fbc8f}.toast.eye-care-theme.warning[data-v-0cebd19c]{background-color:#f7f3e9;color:#8b7355;border-left-color:#d4c4a8}.toast.eye-care-theme.error[data-v-0cebd19c]{background-color:#f0ead6;color:#8b7355;border-left-color:#d4c4a8}.chat-layout[data-v-e587b998]{display:flex;height:100vh;background:var(--bg-primary,#f5f5f5);overflow:hidden}.left-list[data-v-e587b998]{width:72px;background:#202225;border-right:none;align-items:center;padding:12px 0;box-shadow:0 0 0 1px rgba(4,4,5,.15)}.my-info[data-v-e587b998]{width:100%;padding:0;margin-bottom:8px;text-align:center;display:flex;flex-direction:column;align-items:center}.my-avatar[data-v-e587b998]{width:48px;height:48px;border-radius:50%;background:#5865f2;display:flex;justify-content:center;align-items:center;margin-bottom:8px;cursor:pointer;transition:border-radius .2s ease;position:relative;overflow:hidden}.my-avatar[data-v-e587b998]:hover{border-radius:16px}.my-avatar svg[data-v-e587b998]{width:32px;height:32px}.avatar-emoji[data-v-e587b998]{font-size:48px;display:inline-block}.avatar-text[data-v-e587b998]{font-size:16px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.my-name[data-v-e587b998],.my-uuid[data-v-e587b998]{display:none}.nav-separator[data-v-e587b998]{width:32px;height:2px;background:#36393f;border-radius:1px;margin:8px 0}.nav-list[data-v-e587b998]{width:100%;margin-top:0;display:flex;flex-direction:column;gap:8px}.nav-item-wrapper[data-v-e587b998]{position:relative;display:flex;align-items:center;width:100%}.nav-indicator[data-v-e587b998]{position:absolute;left:-4px;width:8px;height:8px;background:#fff;border-radius:0 4px 4px 0;opacity:0;transition:all .2s ease;z-index:1}.nav-indicator.active[data-v-e587b998]{opacity:1;height:40px}.nav-item[data-v-e587b998]{width:48px;height:48px;background:#36393f;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin:0 auto;position:relative;color:#dcddde;font-size:20px}.nav-item[data-v-e587b998]:hover{background:#5865f2;border-radius:16px;color:#fff}.nav-item-wrapper:hover .nav-indicator[data-v-e587b998]:not(.active){opacity:1;height:20px}.nav-icon[data-v-e587b998]{display:none}.moment-notification-dot[data-v-e587b998]{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#f23f42;border-radius:50%;border:4px solid #202225;z-index:2}.user-info-popup[data-v-e587b998]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.user-info-content[data-v-e587b998]{background:#36393f;border-radius:8px;width:400px;max-width:90vw;box-shadow:0 8px 16px rgba(0,0,0,.24);animation:popupFadeIn-e587b998 .2s ease-out}@keyframes popupFadeIn-e587b998{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-info-header[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #2f3136}.user-info-header h3[data-v-e587b998]{margin:0;color:#fff;font-size:20px;font-weight:600}.close-btn[data-v-e587b998]{color:#b9bbbe;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.close-btn[data-v-e587b998]:hover{background:#f04747;color:#fff}.user-info-body[data-v-e587b998]{padding:20px}.user-info-item[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:#2f3136;border-radius:6px;border-left:4px solid #5865f2}.user-info-item[data-v-e587b998]:last-child{margin-bottom:0}.user-info-item label[data-v-e587b998]{color:#b9bbbe;font-weight:500;font-size:14px;margin:0}.user-info-item span[data-v-e587b998]{color:#fff;font-weight:400;font-size:14px;word-break:break-all;text-align:right;max-width:60%}.activated-list[data-v-e587b998]{width:380px;background:var(--bg-secondary,#2f3136);display:flex;flex-direction:column;color:var(--text-primary,#dcddde);position:relative}.resize-handle[data-v-e587b998]{position:absolute;top:0;right:0;width:4px;height:100%;background:transparent;cursor:col-resize;z-index:10;transition:background-color .2s ease}.resize-handle[data-v-e587b998]:active,.resize-handle[data-v-e587b998]:hover{background:var(--accent-color,#5865f2)}.friend-list-title[data-v-e587b998]{font-weight:700;font-size:16px;padding:16px 0 8px 16px;margin-bottom:8px}.friend-list-title-row[data-v-e587b998]{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 0;border-bottom:1px solid var(--border-color,#ddd)}.group-list-title[data-v-e587b998]{font-weight:700;font-size:16px;padding:16px 0 8px 16px;margin-bottom:8px}.group-list-title-row[data-v-e587b998]{display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 0;border-bottom:1px solid var(--border-color,#ddd)}.group-actions[data-v-e587b998]{display:flex;gap:8px}.create-group-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background .2s}.create-group-btn[data-v-e587b998]:hover{background:var(--accent-hover,#369870)}.add-friend-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:4px;padding:4px 12px;font-size:14px;cursor:pointer;margin-left:8px;transition:background .2s}.add-friend-btn[data-v-e587b998]:hover{background:var(--accent-hover,#369870)}.add-group-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background .2s}.add-group-btn[data-v-e587b998]:hover{background:var(--accent-hover,#369870)}.add-friend-dialog[data-v-e587b998]{display:flex;flex-direction:row;align-items:center;background:#36393f;border:1px solid #40444b;border-radius:8px;margin:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);gap:12px}.add-friend-input[data-v-e587b998]{flex:1;padding:10px 12px;background:#40444b;border:1px solid #40444b;border-radius:6px;font-size:14px;color:#dcddde;transition:all .2s ease;outline:none}.add-friend-input[data-v-e587b998]::-moz-placeholder{color:#72767d}.add-friend-input[data-v-e587b998]::placeholder{color:#72767d}.add-friend-input[data-v-e587b998]:focus{border-color:#5865f2;box-shadow:0 0 0 2px rgba(88,101,242,.2);background:#484c52}.add-friend-confirm[data-v-e587b998]{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(88,101,242,.3)}.add-friend-confirm[data-v-e587b998]:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#5b6ecd);transform:translateY(-1px);box-shadow:0 4px 8px rgba(88,101,242,.4)}.add-friend-confirm[data-v-e587b998]:disabled{background:#4f545c;color:#72767d;cursor:not-allowed;transform:none;box-shadow:none}.add-friend-cancel[data-v-e587b998]{background:transparent;color:#b9bbbe;border:1px solid #4f545c;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-friend-cancel[data-v-e587b998]:hover{background:#4f545c;color:#dcddde;border-color:#72767d}.create-group-dialog[data-v-e587b998]{background:#36393f;border:1px solid #40444b;border-radius:8px;margin:8px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.3);max-height:500px;overflow-y:auto}.create-group-form[data-v-e587b998]{display:flex;flex-direction:column;gap:18px}.create-group-form .form-group[data-v-e587b998]{display:flex;flex-direction:column;gap:8px}.create-group-form .form-group label[data-v-e587b998]{font-size:14px;font-weight:600;color:#dcddde;text-transform:uppercase;letter-spacing:.5px}.create-group-input[data-v-e587b998],.create-group-select[data-v-e587b998]{width:100%;padding:12px 14px;background:#40444b;border:1px solid #40444b;border-radius:6px;font-size:14px;color:#dcddde;transition:all .2s ease;outline:none;box-sizing:border-box}.create-group-input[data-v-e587b998]::-moz-placeholder{color:#72767d}.create-group-input[data-v-e587b998]::placeholder{color:#72767d}.create-group-input[data-v-e587b998]:focus,.create-group-select[data-v-e587b998]:focus{border-color:#5865f2;box-shadow:0 0 0 2px rgba(88,101,242,.2);background:#484c52}.create-group-select[data-v-e587b998]{cursor:pointer}.create-group-select option[data-v-e587b998]{background:#40444b;color:#dcddde}.create-group-textarea[data-v-e587b998]{width:100%;min-height:100px;padding:12px 14px;background:#40444b;border:1px solid #40444b;border-radius:6px;font-size:14px;color:#dcddde;resize:vertical;font-family:inherit;transition:all .2s ease;outline:none;box-sizing:border-box}.create-group-textarea[data-v-e587b998]::-moz-placeholder{color:#72767d}.create-group-textarea[data-v-e587b998]::placeholder{color:#72767d}.create-group-textarea[data-v-e587b998]:focus{border-color:#5865f2;box-shadow:0 0 0 2px rgba(88,101,242,.2);background:#484c52}.create-group-form .char-count[data-v-e587b998]{font-size:12px;color:#72767d;text-align:right;margin-top:4px}.create-group-form .form-actions[data-v-e587b998]{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.create-group-confirm[data-v-e587b998]{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(88,101,242,.3)}.create-group-confirm[data-v-e587b998]:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#5b6ecd);transform:translateY(-1px);box-shadow:0 4px 8px rgba(88,101,242,.4)}.create-group-confirm[data-v-e587b998]:disabled{background:#4f545c;color:#72767d;cursor:not-allowed;transform:none;box-shadow:none}.create-group-cancel[data-v-e587b998]{background:transparent;color:#b9bbbe;border:1px solid #4f545c;border-radius:6px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-group-cancel[data-v-e587b998]:hover{background:#4f545c;color:#dcddde;border-color:#72767d}.add-group-dialog[data-v-e587b998]{display:flex;align-items:center;background:#36393f;border:1px solid #40444b;border-radius:8px;margin:8px;box-shadow:0 2px 10px rgba(0,0,0,.2);gap:12px}.add-group-input[data-v-e587b998]{flex:1;padding:10px 12px;background:#40444b;border:1px solid #40444b;border-radius:6px;font-size:14px;color:#dcddde;transition:all .2s ease;outline:none}.add-group-input[data-v-e587b998]::-moz-placeholder{color:#72767d}.add-group-input[data-v-e587b998]::placeholder{color:#72767d}.add-group-input[data-v-e587b998]:focus{border-color:#5865f2;box-shadow:0 0 0 2px rgba(88,101,242,.2);background:#484c52}.add-group-confirm[data-v-e587b998]{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(88,101,242,.3)}.add-group-confirm[data-v-e587b998]:hover:not(:disabled){background:linear-gradient(135deg,#4752c4,#5b6ecd);transform:translateY(-1px);box-shadow:0 4px 8px rgba(88,101,242,.4)}.add-group-confirm[data-v-e587b998]:disabled{background:#4f545c;color:#72767d;cursor:not-allowed;transform:none;box-shadow:none}.add-group-cancel[data-v-e587b998]{background:transparent;color:#b9bbbe;border:1px solid #4f545c;border-radius:6px;padding:10px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-group-cancel[data-v-e587b998]:hover{background:#4f545c;color:#dcddde;border-color:#72767d}.friend-item[data-v-e587b998]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-radius:8px;margin:2px 8px;transition:all .2s ease;background:transparent;border:1px solid transparent}.friend-item[data-v-e587b998]:hover{background:var(--bg-tertiary,rgba(79,84,92,.16));border-color:var(--border-color,rgba(79,84,92,.24))}.friend-item.active[data-v-e587b998]{background:var(--accent-color,rgba(88,101,242,.1))}.add-friend-item[data-v-e587b998]{color:#fff;margin:12px 8px 8px 8px;border-radius:12px;transition:all .2s ease;border:none;position:relative;overflow:hidden}.add-friend-item[data-v-e587b998]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:opacity .2s ease}.add-friend-item[data-v-e587b998]:hover{background:linear-gradient(135deg,#4752c4,#5b6eae)!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(88,101,242,.4)}.add-friend-item[data-v-e587b998]:hover:before{opacity:1}.add-friend-item .friend-name[data-v-e587b998]{color:#fff;font-weight:600;font-size:15px}.add-friend-item .friend-uuid[data-v-e587b998]{color:hsla(0,0%,100%,.85);font-size:13px}.add-friend-avatar[data-v-e587b998]{background:hsla(0,0%,100%,.15)!important;border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.friend-request-item[data-v-e587b998]{background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;color:#fff;margin:12px 8px 8px 8px;border-radius:12px;box-shadow:0 2px 8px hsla(0,100%,71%,.3);transition:all .2s ease;border:none;position:relative;overflow:hidden}.friend-request-item[data-v-e587b998]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));opacity:0;transition:opacity .2s ease}.friend-request-item[data-v-e587b998]:hover{background:linear-gradient(135deg,#ff5252,#d32f2f)!important;transform:translateY(-1px);box-shadow:0 4px 12px hsla(0,100%,71%,.4)}.friend-request-item[data-v-e587b998]:hover:before{opacity:1}.friend-request-item .friend-name[data-v-e587b998]{color:#fff;font-weight:600;font-size:15px}.friend-request-item .friend-uuid[data-v-e587b998]{color:hsla(0,0%,100%,.85);font-size:13px}.friend-request-avatar[data-v-e587b998]{background:hsla(0,0%,100%,.15)!important;border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.friend-request-indicator[data-v-e587b998]{background:#fff;color:#ff6b6b;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-left:auto}.friend-request-details[data-v-e587b998]{background:hsla(0,100%,71%,.1);border:1px solid hsla(0,100%,71%,.2);border-radius:8px;margin:0 8px 8px 8px;padding:16px;animation:slideDown-e587b998 .2s ease}@keyframes slideDown-e587b998{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.request-content[data-v-e587b998]{display:flex;flex-direction:column;gap:12px}.request-message[data-v-e587b998]{color:var(--text-primary,#dcddde);font-size:14px;line-height:1.4;padding:8px 12px;background:var(--bg-secondary,rgba(79,84,92,.3));border-radius:6px;border-left:3px solid #ff6b6b}.request-actions[data-v-e587b998]{display:flex;gap:8px;justify-content:flex-end}.request-actions .accept-btn[data-v-e587b998]{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.request-actions .accept-btn[data-v-e587b998]:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-1px);box-shadow:0 2px 8px rgba(76,175,80,.3)}.request-actions .reject-btn[data-v-e587b998]{background:transparent;color:#b9bbbe;border:1px solid #4f545c;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.request-actions .reject-btn[data-v-e587b998]:hover{background:#4f545c;color:#dcddde;border-color:#72767d}.group-item[data-v-e587b998]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;border-radius:8px;margin:2px 8px;transition:all .2s ease;background:transparent;border:1px solid transparent}.group-item[data-v-e587b998]:hover{background:var(--bg-tertiary,rgba(79,84,92,.16));border-color:var(--border-color,rgba(79,84,92,.24))}.group-item.active[data-v-e587b998]{background:var(--accent-color,rgba(88,101,242,.1))}.friend-avatar[data-v-e587b998]{width:40px;height:40px;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color,#5865f2);overflow:hidden;font-size:18px;color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.friend-avatar[data-v-e587b998]:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.group-avatar[data-v-e587b998]{width:40px;height:40px;margin-right:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-color,#5865f2);overflow:hidden;font-size:18px;color:#fff;font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:all .2s ease}.group-avatar[data-v-e587b998]:hover{transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.friend-info[data-v-e587b998]{flex:1;min-width:0;position:relative}.friend-name[data-v-e587b998]{font-weight:700;font-size:15px}.friend-uuid[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#888);word-break:break-all}.unread-bubble[data-v-e587b998]{background:var(--error-color,#f44);color:var(--text-primary,#fff);min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px;position:relative;right:16px;animation:blink-e587b998 1.5s infinite}@keyframes blink-e587b998{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.group-info[data-v-e587b998]{flex:1;min-width:0;position:relative}.group-name[data-v-e587b998]{font-weight:700;font-size:15px;color:#dcddde;display:flex;align-items:center;gap:6px}.owner-badge[data-v-e587b998]{font-size:14px;opacity:.8;transition:opacity .2s ease}.owner-badge[data-v-e587b998]:hover{opacity:1}.group-uuid[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#72767d);word-break:break-all}.group_unread-bubble[data-v-e587b998]{background:var(--error-color,#f44);color:var(--text-primary,#fff);min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0 4px;position:relative;right:16px;animation:blink-e587b998 1.5s infinite}.friend-request-overlay[data-v-e587b998]{position:fixed;top:20px;right:20px;background:transparent;z-index:1000;pointer-events:none}.friend-request-overlay .friend-request-dialog[data-v-e587b998]{pointer-events:auto}.friend-request-dialog[data-v-e587b998]{background:var(--bg-secondary,#fff);padding:20px;border-radius:12px;width:320px;text-align:center;box-shadow:0 8px 32px var(--shadow-color,rgba(0,0,0,.15));border:1px solid var(--border-color,#e0e0e0);animation:slideInFromRight-e587b998 .3s ease-out}@keyframes slideInFromRight-e587b998{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.request-buttons[data-v-e587b998]{margin-top:20px;display:flex;gap:10px;justify-content:center}.accept-btn[data-v-e587b998]{background:#42b983;color:var(--text-primary,#fff);padding:8px 20px}.reject-btn[data-v-e587b998]{background:#f44;color:#fff;padding:8px 20px}.friend-response-overlay[data-v-e587b998]{position:fixed;top:20px;right:20px;background:transparent;z-index:1000;pointer-events:none}.friend-response-overlay .friend-response-dialog[data-v-e587b998]{pointer-events:auto}.friend-response-dialog[data-v-e587b998]{background:var(--bg-secondary,#fff);padding:20px;border-radius:12px;width:320px;text-align:center;box-shadow:0 8px 32px var(--shadow-color,rgba(0,0,0,.15));border:1px solid var(--border-color,#e0e0e0);animation:slideInFromRight-e587b998 .3s ease-out;color:var(--text-primary,#333)}.ok-btn[data-v-e587b998]{background:#42b983;color:#fff;padding:8px 20px}.messages[data-v-e587b998]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.message[data-v-e587b998]{display:flex;margin-bottom:12px}.message.self[data-v-e587b998]{justify-content:flex-end}.message.other[data-v-e587b998]{justify-content:flex-start}.msg-bubble[data-v-e587b998]{padding:8px 12px;border-radius:16px;max-width:80%;word-break:break-all;display:inline-block;position:relative}.message.self .msg-bubble[data-v-e587b998]{background:var(--msg-self-bg,#d1f5d3);color:var(--text-primary,#222);border-bottom-right-radius:4px;border-bottom-left-radius:16px;align-items:flex-end}.message.other .msg-bubble[data-v-e587b998]{background:var(--msg-other-bg,#e6e6e6);color:var(--text-primary,#222);border-bottom-left-radius:4px;border-bottom-right-radius:16px;align-items:flex-start}.sender[data-v-e587b998]{font-weight:700;margin-right:6px}.timestamp[data-v-e587b998]{color:var(--text-secondary,#888);font-size:12px;margin-left:8px}.input-area-wrap[data-v-e587b998]{display:flex;flex-direction:column;border-top:1px solid var(--border-color,#eee);background:var(--bg-secondary,#fff);position:relative}.input-actions-top[data-v-e587b998]{display:flex;flex-direction:row;align-items:center;padding:4px 0 0 0;margin-left:2px;margin-bottom:2px;gap:4px}.input-area[data-v-e587b998]{display:flex;padding:12px 0 2px 0;background:var(--bg-secondary,#fff);align-items:flex-end}.input-action-btn[data-v-e587b998]{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .2s}.input-action-btn[data-v-e587b998]:hover{background:var(--bg-hover,#e6f7ff)}.input-area .msg-textarea[data-v-e587b998]{flex:1;padding:8px;border:1px solid var(--border-color,#ccc);border-radius:4px;margin-right:8px;min-width:0;min-height:100px;max-height:200px;resize:none;font-size:16px;line-height:1.5;overflow-y:auto;box-sizing:border-box;transition:height .2s;background:var(--bg-secondary,#fff);color:var(--text-primary,#333)}.input-area button[data-v-e587b998]{padding:8px 24px;border:none;background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border-radius:4px;cursor:pointer;white-space:nowrap;align-self:flex-end;position:absolute;right:16px;bottom:12px;height:40px;padding:8px 20px;margin:0}.input-area button[data-v-e587b998]:hover{background:var(--accent-hover,#369870)}.nav-item.active[data-v-e587b998]{background:#5865f2;border-radius:16px;color:#fff}.search-result-list[data-v-e587b998]{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#eee);border-radius:6px;margin:8px 8px 0 8px;padding:6px 0;max-height:180px;overflow-y:auto}.search-result-item[data-v-e587b998]{display:flex;align-items:center;padding:6px 12px;cursor:pointer;transition:background .15s;border-radius:4px}.search-result-item[data-v-e587b998]:hover{background:var(--bg-hover,#e6f7ff)}.search-avatar[data-v-e587b998]{width:32px;height:32px;margin-right:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.search-nickname[data-v-e587b998]{font-weight:700;margin-right:8px}.search-uuid[data-v-e587b998]{color:var(--text-secondary,#888);font-size:12px;margin-right:8px}.search-add[data-v-e587b998]{color:var(--accent-color,#42b983);font-size:12px;background:var(--bg-secondary,#f8f9fa);border:1px solid var(--accent-color,#42b983);border-radius:12px;padding:4px 8px;margin-left:auto;cursor:pointer;transition:all .2s ease;font-weight:500}.search-add[data-v-e587b998]:hover{background:var(--accent-color,#42b983);color:var(--bg-secondary,#fff);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-color,rgba(0,0,0,.1))}.search-error[data-v-e587b998]{color:var(--error-color,red);padding:6px 12px}.settings-overlay[data-v-e587b998]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg,rgba(0,0,0,.5));display:flex;align-items:center;justify-content:center;z-index:1000}.settings-dialog[data-v-e587b998]{background:var(--bg-secondary,#fff);border-radius:12px;width:500px;max-width:90vw;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px var(--shadow-color,rgba(0,0,0,.2))}.settings-header[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color,#eee);background:var(--bg-tertiary,#f8f9fa)}.settings-header h3[data-v-e587b998]{margin:0;font-size:18px;font-weight:600;color:var(--text-primary,#333)}.close-btn[data-v-e587b998]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary,#666);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn[data-v-e587b998]:hover{background:var(--bg-hover,#e9ecef);color:var(--text-primary,#333)}.settings-content[data-v-e587b998]{padding:0}.settings-tabs[data-v-e587b998]{display:flex;border-bottom:1px solid var(--border-color,#eee);background:var(--bg-tertiary,#f8f9fa)}.tab-btn[data-v-e587b998]{flex:1;padding:16px 20px;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary,#666);transition:all .2s;border-bottom:3px solid transparent}.tab-btn[data-v-e587b998]:hover{background:var(--bg-hover,#e9ecef);color:var(--text-primary,#333)}.tab-btn.active[data-v-e587b998]{color:var(--accent-color,#42b983);background:var(--bg-secondary,#fff);border-bottom-color:var(--accent-color,#42b983)}.settings-panel[data-v-e587b998]{padding:24px;max-height:400px;overflow-y:auto}.form-group[data-v-e587b998]{margin-bottom:20px}.form-input[data-v-e587b998]{width:100%;padding:12px 16px;border:1px solid var(--border-color,#ddd);border-radius:8px;font-size:14px;transition:all .2s;box-sizing:border-box;background:var(--bg-secondary,#fff);color:var(--text-primary,#333)}.form-input[data-v-e587b998]:focus{outline:none;border-color:var(--accent-color,#42b983);box-shadow:0 0 0 3px var(--accent-shadow,rgba(66,185,131,.1))}.form-input[data-v-e587b998]:hover{border-color:var(--border-hover,#bbb)}.form-actions[data-v-e587b998]{gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color,#eee)}.save-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.save-btn[data-v-e587b998]:hover:not(:disabled){background:var(--accent-hover,#369870);transform:translateY(-1px)}.save-btn[data-v-e587b998]:disabled{background:#ccc;cursor:not-allowed;transform:none}.cancel-btn[data-v-e587b998]{background:#f8f9fa;border:1px solid #ddd;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;flex:1}.cancel-btn[data-v-e587b998]:hover{background:#e9ecef;border-color:#bbb}.moment-list-title-row[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;padding:14px;border-bottom:1px solid var(--border-color,#ddd)}.moment-list-title[data-v-e587b998]{font-weight:700;font-size:16px;color:var(--text-primary,#333)}.add-moment-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:#fff;border:none;padding:4px 12px;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.add-moment-btn[data-v-e587b998]:hover{background:#369870;transform:translateY(-1px)}.add-moment-dialog[data-v-e587b998]{padding:16px;background:var(--bg-secondary,#fff);border-bottom:1px solid var(--border-color,#eee)}.add-moment-textarea[data-v-e587b998]{width:100%;min-height:80px;padding:12px;border:1px solid var(--border-color,#ddd);border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;box-sizing:border-box;font-family:inherit;transition:border-color .2s;background:var(--bg-primary,#fff);color:var(--text-primary,#333)}.add-moment-textarea[data-v-e587b998]:focus{outline:none;border-color:var(--accent-color,#42b983);box-shadow:0 0 0 3px var(--accent-color-alpha,rgba(66,185,131,.1))}.moment-actions[data-v-e587b998]{justify-content:space-between;align-items:center}.char-count[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#888)}.publish-moment-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;margin-right:8px}.publish-moment-btn[data-v-e587b998]:hover:not(:disabled){background:var(--accent-hover,#369870)}.publish-moment-btn[data-v-e587b998]:disabled{background:var(--bg-disabled,#ccc);cursor:not-allowed}.cancel-moment-btn[data-v-e587b998]{background:var(--bg-tertiary,#f8f9fa);color:var(--text-secondary,#666);border:1px solid var(--border-color,#ddd);padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.cancel-moment-btn[data-v-e587b998]:hover{background:var(--bg-hover,#e9ecef);border-color:var(--border-hover,#bbb)}.moment-container[data-v-e587b998]{display:flex;flex-direction:column;height:100%}.moment-list[data-v-e587b998]{flex:1;overflow-y:auto;min-height:0}.moment-item[data-v-e587b998]{padding:16px;border-bottom:1px solid var(--border-color,#f0f0f0);transition:background .2s}.moment-item[data-v-e587b998]:hover{background:var(--bg-hover,#f8f9fa)}.moment-header[data-v-e587b998]{display:flex;align-items:center;margin-bottom:12px}.moment-avatar[data-v-e587b998]{width:32px;height:32px;margin-right:12px;border-radius:50%;overflow:hidden}.moment-info[data-v-e587b998]{flex:1}.moment-author[data-v-e587b998]{font-weight:700;font-size:14px;color:var(--text-primary,#333);margin-bottom:2px}.moment-time[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#888)}.moment-content[data-v-e587b998]{font-size:14px;line-height:1.6;color:var(--text-primary,#333);word-break:break-word;white-space:pre-wrap}.moment-actions[data-v-e587b998]{display:flex;gap:16px;margin-top:12px;padding-top:8px;border-top:1px solid var(--border-color,#f0f0f0)}.moment-action-btn[data-v-e587b998]{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary,#666);font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.moment-action-btn[data-v-e587b998]:hover{background:var(--bg-tertiary,#f5f5f5);color:var(--text-primary,#333)}.moment-action-btn svg[data-v-e587b998]{stroke-width:1.5}.moment-action-btn.like-animation[data-v-e587b998]{animation:likeAnimation-e587b998 .6s ease-out;color:#ff6b6b}.moment-action-btn.like-animation svg[data-v-e587b998]{fill:#ff6b6b;stroke:#ff6b6b}@keyframes likeAnimation-e587b998{0%{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(.95)}45%{transform:scale(1.1)}60%{transform:scale(.98)}to{transform:scale(1)}}.empty-moments[data-v-e587b998]{text-align:center;padding:60px 20px;color:var(--text-secondary,#888)}.empty-icon[data-v-e587b998]{font-size:48px;margin-bottom:16px}.empty-text[data-v-e587b998]{font-size:14px;color:var(--text-muted,#999)}.theme-section[data-v-e587b998]{margin-bottom:24px}.theme-section h4[data-v-e587b998]{margin:0 0 16px 0;font-size:16px;font-weight:600;color:var(--text-primary,#333)}.theme-options[data-v-e587b998]{display:flex;gap:16px;margin-bottom:16px}.theme-option[data-v-e587b998]{flex:1;text-align:center;cursor:pointer;padding:12px;border:2px solid var(--border-color,#e1e5e9);border-radius:8px;transition:all .2s}.theme-option.active[data-v-e587b998],.theme-option[data-v-e587b998]:hover{border-color:var(--accent-color,#42b983)}.theme-option.active[data-v-e587b998]{background:var(--accent-shadow,rgba(66,185,131,.1))}.theme-preview[data-v-e587b998]{width:60px;height:40px;margin:0 auto 8px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color,#ddd)}.preview-header[data-v-e587b998]{height:12px;background:var(--bg-tertiary,#f5f5f5)}.preview-content[data-v-e587b998]{height:28px;background:var(--bg-secondary,#fff)}.light-preview .preview-header[data-v-e587b998]{background:#f8f9fa}.light-preview .preview-content[data-v-e587b998]{background:#fff}.dark-preview .preview-header[data-v-e587b998]{background:#2d3748}.dark-preview .preview-content[data-v-e587b998]{background:#1a202c}.eye-care-preview .preview-header[data-v-e587b998]{background:#f7f3e9}.eye-care-preview .preview-content[data-v-e587b998]{background:#fefcf3}.theme-option span[data-v-e587b998]{font-size:14px;color:var(--text-secondary,#666)}.form-group label[data-v-e587b998]{display:flex;align-items:center;gap:8px;color:var(--text-primary,#333);margin-bottom:8px}.form-group small[data-v-e587b998]{display:block;font-size:12px;color:var(--text-secondary,#888);margin-top:4px;margin-left:24px}.form-group input[type=checkbox][data-v-e587b998]{width:16px;height:16px;accent-color:#42b983}.moment-comments[data-v-e587b998]{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color,#f0f0f0);background:var(--bg-tertiary,#fafafa);border-radius:8px;padding:16px}.comment-input-area[data-v-e587b998]{margin-bottom:16px}.comment-input[data-v-e587b998]{width:100%;min-height:60px;padding:12px;border:1px solid var(--border-color,#e1e5e9);border-radius:8px;font-size:14px;line-height:1.5;resize:vertical;font-family:inherit;transition:all .2s ease;box-sizing:border-box;background:var(--bg-primary,#fff);color:var(--text-primary,#333)}.comment-input[data-v-e587b998]:focus{outline:none;border-color:var(--accent-color,#42b983);box-shadow:0 0 0 3px var(--accent-color-alpha,rgba(66,185,131,.1))}.comment-input[data-v-e587b998]::-moz-placeholder{color:var(--text-secondary,#999)}.comment-input[data-v-e587b998]::placeholder{color:var(--text-secondary,#999)}.comment-actions[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.comment-char-count[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#888)}.submit-comment-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-comment-btn[data-v-e587b998]:hover:not(:disabled){background:var(--accent-hover,#369870);transform:translateY(-1px)}.submit-comment-btn[data-v-e587b998]:disabled{background:var(--bg-disabled,#ccc);cursor:not-allowed;transform:none}.comments-list[data-v-e587b998]{max-height:300px;overflow-y:auto}.comment-item[data-v-e587b998]{background:var(--bg-primary,#fff);border-radius:8px;padding:12px;margin-bottom:8px;border:1px solid var(--border-color,#f0f0f0);transition:all .2s ease}.comment-item[data-v-e587b998]:hover{border-color:var(--border-hover,#e1e5e9);background:var(--bg-hover,#f8f9fa)}.comment-item[data-v-e587b998]:last-child{margin-bottom:0}.comment-header[data-v-e587b998]{display:flex;align-items:center;margin-bottom:8px}.comment-avatar[data-v-e587b998]{width:24px;height:24px;margin-right:8px;border-radius:50%;overflow:hidden}.comment-info[data-v-e587b998]{flex:1}.comment-author[data-v-e587b998]{font-weight:600;font-size:13px;color:var(--text-primary,#333);margin-bottom:2px}.comment-time[data-v-e587b998]{font-size:11px;color:var(--text-secondary,#888)}.comment-content[data-v-e587b998]{font-size:13px;line-height:1.5;color:var(--text-primary,#333);word-break:break-word;white-space:pre-wrap}.empty-comments[data-v-e587b998]{text-align:center;padding:20px;color:var(--text-secondary,#888)}.empty-comment-text[data-v-e587b998]{font-size:13px;color:var(--text-muted,#999)}.empty-state[data-v-e587b998]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#72767d;min-height:300px}.empty-icon[data-v-e587b998]{font-size:64px;margin-bottom:20px;opacity:.6;filter:grayscale(.3)}.empty-title[data-v-e587b998]{font-size:20px;font-weight:600;color:#dcddde;margin-bottom:12px;letter-spacing:.5px}.empty-description[data-v-e587b998]{font-size:14px;color:#72767d;margin-bottom:32px;line-height:1.6;max-width:280px}.empty-action-btn[data-v-e587b998]{background:linear-gradient(135deg,#5865f2,#7289da);color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(88,101,242,.3)}.empty-action-btn[data-v-e587b998]:hover{background:linear-gradient(135deg,#4752c4,#5b6ecd);transform:translateY(-1px);box-shadow:0 4px 8px rgba(88,101,242,.4)}.empty-actions[data-v-e587b998]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.empty-action-btn.primary[data-v-e587b998]{background:linear-gradient(135deg,#5865f2,#7289da)}.empty-action-btn.primary[data-v-e587b998]:hover{background:linear-gradient(135deg,#4752c4,#5b6ecd)}.empty-action-btn.secondary[data-v-e587b998]{background:transparent;color:#b9bbbe;border:1px solid #4f545c}.empty-action-btn.secondary[data-v-e587b998]:hover{background:#4f545c;color:#dcddde;border-color:#72767d;box-shadow:0 2px 4px rgba(79,84,92,.3)}.comments-list[data-v-e587b998]::-webkit-scrollbar{width:4px}.comments-list[data-v-e587b998]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:2px}.comments-list[data-v-e587b998]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:2px}.comments-list[data-v-e587b998]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.friend-message-overlay[data-v-e587b998]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.friend-message-dialog[data-v-e587b998]{background:var(--bg-secondary,#fff);padding:24px;border-radius:16px;width:420px;max-width:90vw;box-shadow:0 12px 48px var(--shadow-color,rgba(0,0,0,.2));border:1px solid var(--border-color,#e0e0e0);animation:slideInFromCenter-e587b998 .3s ease-out;color:var(--text-primary,#333)}@keyframes slideInFromCenter-e587b998{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.friend-message-dialog h3[data-v-e587b998]{margin:0 0 20px 0;font-size:18px;font-weight:600;color:var(--text-primary,#333);text-align:center}.friend-info-preview[data-v-e587b998]{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary,#f8f9fa);border-radius:12px;margin-bottom:20px;border:1px solid var(--border-color,#e9ecef)}.friend-avatar-preview[data-v-e587b998]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent-color,#42b983);color:#fff;font-size:20px;flex-shrink:0}.friend-details[data-v-e587b998]{flex:1}.friend-name-preview[data-v-e587b998]{font-weight:600;font-size:16px;color:var(--text-primary,#333);margin-bottom:4px}.friend-email-preview[data-v-e587b998]{font-size:14px;color:var(--text-secondary,#666)}.message-input-group[data-v-e587b998]{margin-bottom:24px}.message-input-group label[data-v-e587b998]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary,#333);font-size:14px}.message-textarea[data-v-e587b998]{width:100%;padding:12px;border:2px solid var(--border-color,#e0e0e0);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;background:var(--bg-primary,#fff);color:var(--text-primary,#333);transition:border-color .2s ease}.message-textarea[data-v-e587b998]:focus{outline:none;border-color:var(--accent-color,#42b983);box-shadow:0 0 0 3px var(--accent-color-alpha,rgba(66,185,131,.1))}.message-textarea[data-v-e587b998]::-moz-placeholder{color:var(--text-placeholder,#999)}.message-textarea[data-v-e587b998]::placeholder{color:var(--text-placeholder,#999)}.message-counter[data-v-e587b998]{text-align:right;font-size:12px;color:var(--text-secondary,#666);margin-top:4px}.message-buttons[data-v-e587b998]{display:flex;gap:12px;justify-content:flex-end}.message-buttons button[data-v-e587b998]{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.cancel-btn[data-v-e587b998]{background:var(--bg-tertiary,#f8f9fa);color:var(--text-secondary,#666);border:1px solid var(--border-color,#e0e0e0)}.cancel-btn[data-v-e587b998]:hover{background:var(--bg-hover,#e9ecef);color:var(--text-primary,#333)}.confirm-btn[data-v-e587b998]{background:var(--accent-color,#42b983);color:#fff}.confirm-btn[data-v-e587b998]:hover{background:var(--accent-hover,#369870);transform:translateY(-1px);box-shadow:0 4px 12px var(--accent-color-alpha,rgba(66,185,131,.3))}.confirm-btn[data-v-e587b998]:active{transform:translateY(0)}.bottom-user-info[data-v-e587b998]{margin-top:auto;padding:8px;background:var(--bg-tertiary,#292b2f);border-top:1px solid var(--border-color,#40444b)}.user-profile-section[data-v-e587b998]{display:flex;align-items:center;padding:8px;border-radius:8px;transition:background .2s ease;cursor:pointer}.user-profile-section[data-v-e587b998]:hover{background:var(--bg-hover,rgba(79,84,92,.16))}.user-avatar-small[data-v-e587b998]{position:relative;margin-right:8px;flex-shrink:0}.status-indicator[data-v-e587b998]{position:absolute;bottom:-2px;right:-2px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-tertiary,#292b2f)}.status-indicator.online[data-v-e587b998]{background:#3ba55d}.status-indicator.idle[data-v-e587b998]{background:#faa81a}.status-indicator.dnd[data-v-e587b998]{background:#ed4245}.status-indicator.offline[data-v-e587b998]{background:#747f8d}.user-info-text[data-v-e587b998]{flex:1;min-width:0;margin-right:8px}.username-display[data-v-e587b998]{font-size:14px;font-weight:600;color:var(--text-primary,#fff);line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status[data-v-e587b998]{font-size:12px;color:var(--text-secondary,#b9bbbe);line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-actions[data-v-e587b998]{display:flex;gap:4px}.action-btn[data-v-e587b998]{width:32px;height:32px;border:none;background:none;color:var(--text-secondary,#b9bbbe);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.action-btn[data-v-e587b998]:hover{background:var(--bg-hover,rgba(79,84,92,.3));color:var(--text-primary,#dcddde)}.action-btn[data-v-e587b998]:active{transform:scale(.95)}.left-list[data-v-e587b998]{display:flex;flex-direction:column;height:100%}.plan-header[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-title[data-v-e587b998]{font-size:16px;font-weight:600;color:var(--text-primary,#2c2c2c)}.add-plan-btn[data-v-e587b998]{background:var(--primary-color,#5865f2);color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-plan-btn[data-v-e587b998]:hover{background:var(--primary-hover,#4752c4);transform:translateY(-1px)}.add-plan-form[data-v-e587b998]{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e3e5e8);border-radius:8px;padding:16px;margin-bottom:16px}.form-group[data-v-e587b998]{margin-bottom:12px}.form-group label[data-v-e587b998]{display:block;font-size:14px;font-weight:500;color:var(--text-primary,#2c2c2c);margin-bottom:4px}.form-group input[data-v-e587b998],.form-group select[data-v-e587b998],.form-group textarea[data-v-e587b998]{width:100%;padding:8px 12px;border:1px solid var(--border-color,#e3e5e8);border-radius:6px;font-size:14px;background:var(--bg-primary,#fff);color:var(--text-primary,#2c2c2c);transition:border-color .2s ease}.form-group input[data-v-e587b998]:focus,.form-group select[data-v-e587b998]:focus,.form-group textarea[data-v-e587b998]:focus{outline:none;border-color:var(--primary-color,#5865f2)}.form-group textarea[data-v-e587b998]{resize:vertical;min-height:60px}.form-actions[data-v-e587b998]{display:flex;gap:8px;justify-content:flex-end}.btn-primary[data-v-e587b998]{background:var(--primary-color,#5865f2);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary[data-v-e587b998]:hover{background:var(--primary-hover,#4752c4)}.btn-primary[data-v-e587b998]:disabled{background:var(--bg-disabled,#a0a0a0);cursor:not-allowed}.btn-secondary[data-v-e587b998]{background:var(--bg-secondary,#fff);color:var(--text-secondary,#6c757d);border:1px solid var(--border-color,#e3e5e8);border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary[data-v-e587b998]:hover{background:var(--bg-hover,#f8f9fa)}.plan-list[data-v-e587b998]{display:flex;flex-direction:column;gap:12px}.plan-item[data-v-e587b998]{background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#e3e5e8);border-radius:8px;padding:16px;transition:all .2s ease}.plan-item[data-v-e587b998]:hover{border-color:var(--primary-color,#5865f2);box-shadow:0 2px 8px rgba(88,101,242,.1)}.plan-item.completed[data-v-e587b998]{opacity:.7;background:var(--bg-muted,#f8f9fa)}.plan-item-header[data-v-e587b998]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.plan-item-title[data-v-e587b998]{font-size:16px;font-weight:600;color:var(--text-primary,#2c2c2c);margin:0;flex:1}.plan-item.completed .plan-item-title[data-v-e587b998]{text-decoration:line-through;color:var(--text-muted,#6c757d)}.plan-item-actions[data-v-e587b998]{display:flex;gap:8px}.action-btn-small[data-v-e587b998]{background:none;border:none;color:var(--text-secondary,#6c757d);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.action-btn-small[data-v-e587b998]:hover{background:var(--bg-hover,#f8f9fa);color:var(--text-primary,#2c2c2c)}.action-btn-small.complete[data-v-e587b998]{color:var(--success-color,#28a745)}.action-btn-small.delete[data-v-e587b998]{color:var(--danger-color,#dc3545)}.plan-item-description[data-v-e587b998]{font-size:14px;color:var(--text-secondary,#6c757d);margin-bottom:8px;line-height:1.4}.plan-item-meta[data-v-e587b998]{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted,#6c757d)}.plan-priority[data-v-e587b998]{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase}.plan-priority.high[data-v-e587b998]{background:rgba(220,53,69,.1);color:var(--danger-color,#dc3545)}.plan-priority.medium[data-v-e587b998]{background:rgba(255,193,7,.1);color:var(--warning-color,#ffc107)}.plan-priority.low[data-v-e587b998]{background:rgba(40,167,69,.1);color:var(--success-color,#28a745)}.plan-deadline[data-v-e587b998]{font-weight:500}.plan-deadline.overdue[data-v-e587b998]{color:var(--danger-color,#dc3545)}.plan-deadline.today[data-v-e587b998]{color:var(--warning-color,#ffc107)}.empty-state[data-v-e587b998]{text-align:center;padding:40px 20px;color:var(--text-muted,#6c757d)}.empty-state-icon[data-v-e587b998]{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-text[data-v-e587b998]{font-size:16px;margin-bottom:8px}.empty-state-subtext[data-v-e587b998]{font-size:14px;opacity:.8}.video-call-overlay[data-v-308ce6a2]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay,rgba(0,0,0,.9));display:flex;align-items:center;justify-content:center;z-index:1000}.call-interface[data-v-308ce6a2]{background:var(--bg-secondary,#fff);border-radius:20px;padding:40px;text-align:center;min-width:300px;box-shadow:0 10px 30px var(--shadow-dark,rgba(0,0,0,.3))}.video-call-interface[data-v-308ce6a2]{width:100%;height:100%;position:relative;display:flex;flex-direction:column}.remote-video-container[data-v-308ce6a2]{flex:1;position:relative;background:var(--video-bg,#000);display:flex;align-items:center;justify-content:center}.remote-video[data-v-308ce6a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.call-info-overlay[data-v-308ce6a2]{position:absolute;top:20px;left:20px;color:var(--text-primary,#fff);z-index:10}.caller-name[data-v-308ce6a2]{font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.call-duration[data-v-308ce6a2]{font-size:16px;opacity:.9;text-shadow:0 2px 4px rgba(0,0,0,.5)}.local-video-container[data-v-308ce6a2]{position:absolute;top:20px;right:20px;width:200px;height:150px;background:var(--video-bg,#000);border-radius:10px;overflow:hidden;border:2px solid var(--border-light,hsla(0,0%,100%,.3));transition:all .3s ease;z-index:10}.local-video-container.minimized[data-v-308ce6a2]{width:120px;height:90px}.local-video[data-v-308ce6a2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.toggle-size-btn[data-v-308ce6a2]{position:absolute;top:5px;right:5px;background:var(--btn-overlay,rgba(0,0,0,.5));color:var(--text-primary,#fff);border:none;border-radius:50%;width:25px;height:25px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.video-call-controls[data-v-308ce6a2]{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;gap:15px;background:var(--controls-bg,rgba(0,0,0,.7));padding:15px 25px;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.caller-info[data-v-308ce6a2]{margin-bottom:30px}.caller-avatar[data-v-308ce6a2]{font-size:60px;margin-bottom:15px}.caller-info h3[data-v-308ce6a2]{margin:0 0 10px 0;font-size:24px;color:var(--text-primary,#333)}.caller-info p[data-v-308ce6a2]{margin:0;color:var(--text-secondary,#666);font-size:16px}.call-actions[data-v-308ce6a2]{display:flex;gap:20px;justify-content:center}.accept-btn[data-v-308ce6a2]{background:var(--success-color,#4caf50);color:var(--text-primary,#fff);border:none;border-radius:50px;padding:15px 30px;font-size:16px;cursor:pointer;transition:background .3s}.accept-btn[data-v-308ce6a2]:hover{background:var(--success-hover,#45a049)}.reject-btn[data-v-308ce6a2]{background:var(--error-color,#f44336);color:var(--text-primary,#fff);border:none;border-radius:50%;width:60px;height:60px;font-size:20px;cursor:pointer;transition:background .3s;display:flex;align-items:center;justify-content:center}.reject-btn[data-v-308ce6a2]:hover{background:var(--error-hover,#da190b)}.control-btn[data-v-308ce6a2]{background:var(--btn-secondary,hsla(0,0%,100%,.2));color:var(--text-primary,#fff);border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.control-btn[data-v-308ce6a2]:hover{background:var(--btn-secondary-hover,hsla(0,0%,100%,.3));transform:scale(1.1)}.control-btn.active[data-v-308ce6a2]{background:var(--error-color,#f44336)}.incoming-call[data-v-308ce6a2]{animation:pulse-308ce6a2 2s infinite}@keyframes pulse-308ce6a2{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:768px){.local-video-container[data-v-308ce6a2]{width:120px;height:90px;top:10px;right:10px}.local-video-container.minimized[data-v-308ce6a2]{width:80px;height:60px}.video-call-controls[data-v-308ce6a2]{bottom:20px;padding:10px 20px}.control-btn[data-v-308ce6a2]{width:45px;height:45px;font-size:18px}.reject-btn[data-v-308ce6a2]{width:50px;height:50px;font-size:18px}.call-info-overlay[data-v-308ce6a2]{top:10px;left:10px}.caller-name[data-v-308ce6a2]{font-size:20px}.call-duration[data-v-308ce6a2]{font-size:14px}}.voice-call-overlay[data-v-007f5e38]{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay,rgba(0,0,0,.8));display:flex;align-items:center;justify-content:center;z-index:1000}.call-interface[data-v-007f5e38]{background:var(--bg-secondary,#000);border-radius:20px;padding:40px;text-align:center;min-width:300px;box-shadow:0 10px 30px var(--shadow-dark,rgba(0,0,0,.3))}.caller-info[data-v-007f5e38]{margin-bottom:30px}.caller-avatar[data-v-007f5e38]{font-size:60px;margin-bottom:15px}.caller-info h3[data-v-007f5e38]{margin:0 0 10px 0;font-size:24px;color:var(--text-primary,#333)}.caller-info p[data-v-007f5e38]{margin:0;color:var(--text-secondary,#666);font-size:16px}.call-actions[data-v-007f5e38]{display:flex;gap:20px;justify-content:center}.call-controls[data-v-007f5e38]{display:flex;gap:15px;justify-content:center;align-items:center}.accept-btn[data-v-007f5e38]{background:var(--success-color,#4caf50);color:var(--text-primary,#fff);border:none;border-radius:50px;padding:15px 30px;font-size:16px;cursor:pointer;transition:background .3s}.accept-btn[data-v-007f5e38]:hover{background:var(--success-hover,#45a049)}.reject-btn[data-v-007f5e38]{background:var(--error-color,#f44336);color:var(--text-primary,#fff);border:none;border-radius:50px;padding:15px 30px;font-size:16px;cursor:pointer;transition:background .3s}.reject-btn[data-v-007f5e38]:hover{background:var(--error-hover,#da190b)}.control-btn[data-v-007f5e38]{background:var(--btn-secondary,#f0f0f0);border:none;border-radius:50%;width:50px;height:50px;font-size:20px;cursor:pointer;transition:background .3s}.control-btn[data-v-007f5e38]:hover{background:var(--btn-secondary-hover,#e0e0e0)}.control-btn.active[data-v-007f5e38]{background:var(--accent-color,#2196f3);color:var(--text-primary,#fff)}.incoming-call[data-v-007f5e38]{animation:pulse-007f5e38 2s infinite}@keyframes pulse-007f5e38{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.create-group-btn[data-v-11830f82]:hover{background:#369870}.add-friend-btn[data-v-11830f82]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:4px;padding:4px 12px;font-size:14px;cursor:pointer;margin-left:8px;transition:background .2s}.chat-container[data-v-11830f82]{flex:1;margin:0;border:1px solid var(--border-color,#ddd);border-radius:0;background:var(--bg-primary,#fafafa);display:flex;flex-direction:column;height:100vh;min-width:0}.chat-header[data-v-11830f82]{height:48px;line-height:48px;font-size:18px;font-weight:700;color:var(--text-primary,#333);padding:0 24px}.chat-header-center[data-v-11830f82]{display:flex;justify-content:space-between;align-items:center;text-align:center;font-size:20px;font-weight:700;letter-spacing:2px;position:relative}.header-title-section[data-v-11830f82]{flex:1;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center}.chat-title[data-v-11830f82]{font-size:20px;font-weight:700;color:var(--text-primary,#333)}.group-member-info[data-v-11830f82]{display:flex;align-items:center}.member-count[data-v-11830f82]{font-size:12px;color:var(--text-secondary,#666);font-weight:400}.header-actions[data-v-11830f82]{display:flex;gap:8px;align-items:center}.group-messages-btn[data-v-11830f82]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.group-messages-btn[data-v-11830f82]:hover{background:var(--accent-hover,#369870);transform:scale(1.1)}.group-messages-btn[data-v-11830f82]:active{transform:scale(.95)}.voice-call-btn[data-v-11830f82]{background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border:none;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.voice-call-btn[data-v-11830f82]:hover{background:var(--accent-hover,#369870);transform:scale(1.1)}.voice-call-btn[data-v-11830f82]:active{transform:scale(.95)}.video-call-btn[data-v-11830f82]{background:var(--video-call-color,#4285f4);color:var(--text-primary,#fff);border:none;border-radius:50%;width:36px;height:36px;font-size:16px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;margin-left:8px}.video-call-btn[data-v-11830f82]:hover{background:var(--video-call-hover,#3367d6);transform:scale(1.1)}.video-call-btn[data-v-11830f82]:active{transform:scale(.95)}.messages[data-v-11830f82]{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column}.message[data-v-11830f82]{display:flex;margin-bottom:12px}.message.self[data-v-11830f82]{justify-content:flex-end}.message.other[data-v-11830f82]{justify-content:flex-start}.msg-bubble[data-v-11830f82]{padding:8px 12px;border-radius:16px;max-width:80%;word-break:break-all;display:inline-block;animation:bubbleAppear-11830f82 .3s ease-out;transition:all .2s ease}.msg-bubble[data-v-11830f82]:hover{transform:scale(1.02);box-shadow:0 2px 8px var(--shadow-light,rgba(0,0,0,.1))}@keyframes bubbleAppear-11830f82{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes bubbleAppearRight-11830f82{0%{opacity:0;transform:scale(.8) translateX(20px) translateY(10px)}to{opacity:1;transform:scale(1) translateX(0) translateY(0)}}@keyframes bubbleAppearLeft-11830f82{0%{opacity:0;transform:scale(.8) translateX(-20px) translateY(10px)}to{opacity:1;transform:scale(1) translateX(0) translateY(0)}}@keyframes typing-11830f82{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.typing-indicator[data-v-11830f82]{display:flex;align-items:center;padding:8px 12px;background:var(--bg-tertiary,#e6e6e6);border-radius:16px;border-bottom-left-radius:4px;margin-bottom:12px;animation:bubbleAppearLeft-11830f82 .3s ease-out}.typing-dots[data-v-11830f82]{display:flex;gap:3px}.typing-dot[data-v-11830f82]{width:6px;height:6px;background:var(--text-secondary,#888);border-radius:50%;animation:typing-11830f82 1.4s infinite}.typing-dot[data-v-11830f82]:nth-child(2){animation-delay:.2s}.typing-dot[data-v-11830f82]:nth-child(3){animation-delay:.4s}.message.self .msg-bubble[data-v-11830f82]{background:var(--msg-self-bg,#d1f5d3);color:var(--text-primary,#222);border-bottom-right-radius:4px;border-bottom-left-radius:16px;align-items:flex-end;animation:bubbleAppearRight-11830f82 .3s ease-out}.message.other .msg-bubble[data-v-11830f82]{background:var(--msg-other-bg,#e6e6e6);color:var(--text-primary,#222);border-bottom-left-radius:4px;border-bottom-right-radius:16px;align-items:flex-start;animation:bubbleAppearLeft-11830f82 .3s ease-out}.sender[data-v-11830f82]{font-weight:700;margin-right:6px}.message-footer[data-v-11830f82]{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.timestamp[data-v-11830f82]{color:var(--text-secondary,#888);font-size:12px}.read-status[data-v-11830f82]{margin-left:8px;font-size:12px}.read-indicator[data-v-11830f82]{color:var(--accent-color,#42b983);font-weight:700}.unread-indicator[data-v-11830f82]{color:var(--text-secondary,#888);font-weight:700}.input-area-wrap[data-v-11830f82]{display:flex;flex-direction:column;border-top:1px solid var(--border-color,#eee);background:var(--bg-secondary,#fff);position:relative}.input-actions-top[data-v-11830f82]{display:flex;flex-direction:row;align-items:center;padding:0 0 0 0;margin-left:2px;margin-bottom:1px;gap:4px}.input-area[data-v-11830f82]{display:flex;background:var(--bg-secondary,#fff);align-items:flex-end}.input-action-btn[data-v-11830f82]{background:none;border:none;font-size:22px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background .2s}.input-action-btn[data-v-11830f82]:hover{background:var(--bg-hover,#e6f7ff)}.textarea-container[data-v-11830f82]{flex:1;position:relative;margin-right:8px}.resize-handle[data-v-11830f82]{position:absolute;top:0;left:0;right:0;height:6px;background:transparent;cursor:ns-resize;z-index:10;border-radius:4px 4px 0 0;transition:background-color .2s}.resize-handle[data-v-11830f82]:hover{background:var(--accent-color,#42b983);opacity:.3}.resize-handle[data-v-11830f82]:active{background:var(--accent-color,#42b983);opacity:.6}.input-area .msg-textarea[data-v-11830f82]{width:100%;padding:8px;border:1px solid var(--border-color,#ccc);border-radius:4px;min-width:0;min-height:100px;max-height:300px;resize:none;font-size:16px;line-height:1.5;overflow-y:auto;box-sizing:border-box;transition:border-color .2s}.input-area .msg-textarea[data-v-11830f82]:focus{outline:none;border-color:var(--accent-color,#42b983)}.input-area button[data-v-11830f82]{padding:8px 24px;border:none;background:var(--accent-color,#42b983);color:var(--text-primary,#fff);border-radius:4px;cursor:pointer;white-space:nowrap;align-self:flex-end;position:absolute;right:16px;bottom:12px;height:40px;padding:8px 20px;margin:0}.input-area button[data-v-11830f82]:hover{background:var(--accent-hover,#369870)}.ws-status[data-v-11830f82]{color:var(--error-color,red);text-align:center;padding:8px}.nav-item.active[data-v-11830f82]{background:var(--bg-hover,#e6f7ff);color:var(--accent-color,#42b983)}.emoji-panel[data-v-11830f82]{display:flex;flex-wrap:wrap;background:var(--bg-secondary,#fff);border:1px solid var(--border-color,#eee);border-radius:8px;box-shadow:0 2px 8px var(--shadow-light,rgba(0,0,0,.08));padding:8px 8px 0 8px;margin-bottom:4px;max-width:420px;max-height:180px;overflow-y:auto;position:absolute;z-index:10;left:0;bottom:60px}.emoji-item[data-v-11830f82]{font-size:22px;padding:4px 6px;margin:2px;cursor:pointer;border-radius:4px;transition:background .15s}.emoji-item[data-v-11830f82]:hover{background:var(--bg-hover,#e6f7ff)}.image-preview-modal[data-v-11830f82]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay,rgba(0,0,0,.8));display:flex;justify-content:center;align-items:center;z-index:1000}.image-preview-container[data-v-11830f82]{position:relative;max-width:90%;max-height:90%}.preview-image[data-v-11830f82]{max-width:100%;max-height:100%;border-radius:8px}.video-preview-modal[data-v-11830f82]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--modal-overlay,rgba(0,0,0,.8));display:flex;justify-content:center;align-items:center;z-index:1000}.video-preview-container[data-v-11830f82]{position:relative;max-width:90%;max-height:90%}.preview-video[data-v-11830f82]{max-width:50%;max-height:100%;border-radius:8px}.close-preview-btn[data-v-11830f82]{position:absolute;top:-40px;right:0;background:var(--close-btn-bg,hsla(0,0%,100%,.8));border:none;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s}.close-preview-btn[data-v-11830f82]:hover{background:var(--close-btn-hover,#fff)}.msg-bubble[data-v-11830f82]{position:relative}.message-actions[data-v-11830f82]{position:absolute;bottom:-35px;display:flex;gap:4px;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e3e5e8);border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:10;animation:fadeInDown-11830f82 .2s ease-out}.message-actions.actions-left[data-v-11830f82]{left:-8px}.message-actions.actions-right[data-v-11830f82]{right:-8px}@keyframes fadeInDown-11830f82{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.action-btn[data-v-11830f82]{background:none;border:none;color:var(--text-secondary,#6c757d);cursor:pointer;padding:6px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.action-btn[data-v-11830f82]:hover{background:var(--bg-hover,#f8f9fa);color:var(--text-primary,#2c2c2c);transform:scale(1.1)}.action-btn[data-v-11830f82]:active{transform:scale(.95)}.emoji-btn[data-v-11830f82]:hover{background:rgba(255,193,7,.1);color:var(--warning-color,#ffc107)}.ai-btn[data-v-11830f82]:hover{background:rgba(88,101,242,.1);color:var(--primary-color,#5865f2)}.sticker-panel[data-v-11830f82]{position:absolute;bottom:60px;left:0;width:300px;max-height:400px;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e3e5e8);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);z-index:1000;overflow:hidden;animation:fadeInUp-11830f82 .3s ease-out}.sticker-header[data-v-11830f82]{padding:12px 16px;background:var(--bg-secondary,#f8f9fa);border-bottom:1px solid var(--border-color,#e3e5e8);font-weight:500;color:var(--text-primary,#2c2c2c);text-align:center}.sticker-grid[data-v-11830f82]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:16px;max-height:320px;overflow-y:auto}.sticker-item[data-v-11830f82]{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.sticker-item[data-v-11830f82]:hover{transform:scale(1.05);border-color:var(--primary-color,#5865f2);box-shadow:0 2px 8px rgba(88,101,242,.2)}.sticker-image[data-v-11830f82]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@keyframes fadeInUp-11830f82{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.sticker-preview[data-v-11830f82]{position:absolute;background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e3e5e8);border-radius:8px;padding:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);pointer-events:none;animation:fadeInUp-11830f82 .2s ease-out}.sticker-preview-image[data-v-11830f82]{width:120px;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;display:block}.more-btn[data-v-11830f82]:hover{background:hsla(208,7%,46%,.1);color:var(--text-primary,#2c2c2c)}.message:hover .msg-bubble[data-v-11830f82]{z-index:5}.group-info-panel[data-v-11830f82]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:flex-end;align-items:stretch;z-index:1000;animation:fadeIn-11830f82 .3s ease}.group-info-content[data-v-11830f82]{width:400px;background:var(--bg-primary,#fff);box-shadow:-2px 0 10px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:slideInRight-11830f82 .3s ease}.group-info-header[data-v-11830f82]{padding:20px;border-bottom:1px solid var(--border-color,#e1e5e9);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary,#f8f9fa)}.group-info-header h3[data-v-11830f82]{margin:0;color:var(--text-primary,#2c2c2c);font-size:18px;font-weight:600}.close-btn[data-v-11830f82]{background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;color:var(--text-secondary,#6c757d);transition:all .2s ease}.close-btn[data-v-11830f82]:hover{background:var(--bg-hover,#e9ecef);color:var(--text-primary,#2c2c2c)}.group-info-body[data-v-11830f82]{flex:1;overflow-y:auto;padding:20px}.group-basic-info[data-v-11830f82]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-color,#e1e5e9)}.group-basic-info h4[data-v-11830f82]{margin:0 0 8px 0;color:var(--text-primary,#2c2c2c);font-size:20px;font-weight:600}.group-stats[data-v-11830f82]{margin:0;color:var(--text-secondary,#6c757d);font-size:14px}.group-members-section h5[data-v-11830f82]{margin:0 0 16px 0;color:var(--text-primary,#2c2c2c);font-size:16px;font-weight:600}.members-list[data-v-11830f82]{display:flex;flex-direction:column;gap:12px}.member-item[data-v-11830f82]{display:flex;align-items:center;padding:12px;background:var(--bg-secondary,#f8f9fa);border-radius:8px;transition:all .2s ease}.member-item[data-v-11830f82]:hover{background:var(--bg-hover,#e9ecef)}.member-avatar[data-v-11830f82]{position:relative;margin-right:12px}.avatar-placeholder[data-v-11830f82]{width:40px;height:40px;border-radius:50%;background:var(--primary-color,#5865f2);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.status-indicator[data-v-11830f82]{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid var(--bg-primary,#fff)}.status-indicator.online[data-v-11830f82]{background:#28a745}.status-indicator.offline[data-v-11830f82]{background:#6c757d}.member-info[data-v-11830f82]{flex:1}.member-name[data-v-11830f82]{font-weight:600;color:var(--text-primary,#2c2c2c);margin-bottom:2px}.member-status[data-v-11830f82]{font-size:12px;color:var(--text-secondary,#6c757d)}.group-description[data-v-11830f82]{background:var(--bg-secondary,#f8f9fa);border:1px solid var(--border-color,#e9ecef);border-radius:8px;padding:16px;margin:16px 0;transition:all .3s ease}.group-description[data-v-11830f82]:hover{background:var(--bg-hover,#f1f3f4);border-color:var(--primary-color,#5865f2);box-shadow:0 2px 8px rgba(88,101,242,.1)}.group-description h3[data-v-11830f82]{margin:0 0 12px 0;font-size:16px;font-weight:600;color:var(--text-primary,#2c2c2c);display:flex;align-items:center}.group-description h3[data-v-11830f82]:before{content:"📝";margin-right:8px;font-size:14px}.group-description p[data-v-11830f82]{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary,#6c757d);background:var(--bg-primary,#fff);padding:12px;border-radius:6px;border:1px solid var(--border-light,#f0f0f0);min-height:20px}.group-description p[data-v-11830f82]:empty:before{content:"暂无群组描述";color:var(--text-muted,#adb5bd);font-style:italic}@keyframes fadeIn-11830f82{0%{opacity:0}to{opacity:1}}@keyframes slideInRight-11830f82{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media (max-width:768px){.group-info-content[data-v-11830f82]{width:100%;max-width:400px}}.chat-layout{display:flex;height:100vh;background:var(--bg-primary,#f5f5f5);overflow:hidden}.login-bg[data-v-aff35c8a]{min-height:100vh;background:var(--bg-primary,#0a0a0a);display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container[data-v-aff35c8a]{display:flex;width:100%;max-width:1200px;height:100vh;background:var(--bg-primary,#0a0a0a)}.login-left[data-v-aff35c8a]{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-primary,#0a0a0a);position:relative;z-index:1001}.login-form-wrapper[data-v-aff35c8a]{width:100%;max-width:400px}.login-header[data-v-aff35c8a]{margin-bottom:40px}.welcome-message[data-v-aff35c8a]{font-size:40px;color:var(--text-secondary,#fff);text-align:center;margin-bottom:20px;font-weight:400;letter-spacing:.5px}.header-top[data-v-aff35c8a]{display:flex;justify-content:space-between;align-items:center}.login-title[data-v-aff35c8a]{font-size:32px;font-weight:600;color:var(--text-primary,#fff);margin:0;line-height:1.2}.language-toggle[data-v-aff35c8a]{background:var(--bg-secondary,hsla(0,0%,100%,.1));color:var(--text-primary,#fff);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.language-toggle[data-v-aff35c8a]:hover{background:var(--bg-tertiary,hsla(0,0%,100%,.2));border-color:var(--border-color,hsla(0,0%,100%,.3));transform:translateY(-1px)}.language-toggle[data-v-aff35c8a]:active{transform:translateY(0)}.login-form[data-v-aff35c8a]{display:flex;flex-direction:column;gap:24px}.form-group[data-v-aff35c8a]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-aff35c8a]{font-size:14px;font-weight:500;color:var(--text-secondary,#a1a1aa);margin:0}.password-header[data-v-aff35c8a]{display:flex;justify-content:space-between;align-items:center}.forgot-link[data-v-aff35c8a]{font-size:14px;color:var(--accent-color,#3b82f6);text-decoration:none;font-weight:500}.forgot-link[data-v-aff35c8a]:hover{text-decoration:underline}.form-input[data-v-aff35c8a]{width:100%;padding:12px 16px;background:var(--input-bg,#18181b);border:1px solid var(--border-color,#27272a);border-radius:8px;color:var(--text-primary,#fff);font-size:16px;outline:none;transition:all .2s ease;box-sizing:border-box}.form-input[data-v-aff35c8a]:focus{border-color:var(--accent-color,#3b82f6);box-shadow:0 0 0 3px var(--accent-shadow,rgba(59,130,246,.1))}.form-input[data-v-aff35c8a]::-moz-placeholder{color:#71717a}.form-input[data-v-aff35c8a]::placeholder{color:#71717a}.password-wrapper[data-v-aff35c8a]{position:relative}.password-input[data-v-aff35c8a]{padding-right:48px}.password-toggle[data-v-aff35c8a]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#71717a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.password-toggle[data-v-aff35c8a]:hover{color:#a1a1aa}.submit-btn[data-v-aff35c8a]{width:100%;padding:16px;background:var(--accent-color,#3b82f6);color:var(--text-primary,#fff);border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:48px}.submit-btn[data-v-aff35c8a]:hover:not(:disabled){background:var(--accent-hover,#2563eb);transform:translateY(-2px);box-shadow:0 8px 25px var(--accent-shadow,rgba(59,130,246,.3))}.submit-btn[data-v-aff35c8a]:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-disabled,#374151);color:var(--text-disabled,#6b7280);transform:none;box-shadow:none}.loading-spinner[data-v-aff35c8a]{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-aff35c8a 1s linear infinite}@keyframes spin-aff35c8a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-error[data-v-aff35c8a]{color:#ef4444;font-size:14px;text-align:center;margin-top:8px;padding:12px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:8px}.form-footer[data-v-aff35c8a]{margin-top:32px;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.footer-text[data-v-aff35c8a]{font-size:14px;color:#a1a1aa}.switch-link[data-v-aff35c8a]{background:none;border:none;color:var(--accent-color,#3b82f6);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;padding:0}.switch-link[data-v-aff35c8a]:hover{text-decoration:underline}.login-right[data-v-aff35c8a]{flex:1;overflow:hidden}.decoration-area[data-v-aff35c8a],.login-right[data-v-aff35c8a]{position:relative;display:flex;align-items:center;justify-content:center}.decoration-area[data-v-aff35c8a]{width:100%;height:100%}.floating-orbs[data-v-aff35c8a]{position:absolute;width:100%;height:100%;top:0;left:0}.orb[data-v-aff35c8a]{position:absolute;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#8b5cf6);opacity:.6;animation:float-aff35c8a 8s ease-in-out infinite;filter:blur(1px)}.orb-1[data-v-aff35c8a]{width:120px;height:120px;top:15%;right:20%;animation-delay:0s}.orb-2[data-v-aff35c8a]{width:80px;height:80px;top:60%;left:15%;animation-delay:2s;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.orb-3[data-v-aff35c8a]{width:60px;height:60px;bottom:25%;right:35%;animation-delay:4s;background:linear-gradient(135deg,#06b6d4,#3b82f6)}.orb-4[data-v-aff35c8a]{width:40px;height:40px;top:35%;left:25%;animation-delay:1s;background:linear-gradient(135deg,#f59e0b,#ef4444)}.orb-5[data-v-aff35c8a]{width:100px;height:100px;bottom:15%;left:40%;animation-delay:3s;background:linear-gradient(135deg,#10b981,#06b6d4)}@keyframes float-aff35c8a{0%,to{transform:translateY(0) translateX(0) scale(1)}33%{transform:translateY(-30px) translateX(20px) scale(1.1)}66%{transform:translateY(20px) translateX(-15px) scale(.9)}}.brand-logo[data-v-aff35c8a]{font-size:48px;font-weight:700;color:var(--text-primary,#fff);z-index:10;position:relative;text-transform:lowercase;letter-spacing:-2px;min-height:60px;display:flex;align-items:center;justify-content:center}.cursor[data-v-aff35c8a]{color:var(--accent-color,#3b82f6);font-weight:400}.cursor.blinking[data-v-aff35c8a],.cursor[data-v-aff35c8a]{animation:blink-aff35c8a 1s infinite}@keyframes blink-aff35c8a{0%,50%{opacity:1}51%,to{opacity:0}}.register-field[data-v-aff35c8a]{animation:slideDown-aff35c8a .3s ease-out}@keyframes slideDown-aff35c8a{0%{opacity:0;max-height:0;margin-bottom:0}to{opacity:1;max-height:100px;margin-bottom:0}}@media (max-width:768px){.login-container[data-v-aff35c8a]{flex-direction:column}.login-right[data-v-aff35c8a]{display:none}.login-left[data-v-aff35c8a]{padding:20px}.login-title[data-v-aff35c8a]{font-size:28px}}@media (max-width:480px){.login-form-wrapper[data-v-aff35c8a]{max-width:100%}.form-input[data-v-aff35c8a]{padding:12px 14px}}:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--border-color:#dee2e6;--shadow:rgba(0,0,0,.1);--accent-color:#42b983;--accent-hover:#369870;--accent-color-alpha:rgba(66,185,131,.1);--bg-hover:#e9ecef;--bg-disabled:#ccc;--border-hover:#bbb;--message-self:#d1f5d3;--message-other:#e6e6e6;--input-bg:#fff;--input-border:#ced4da}.dark-theme{--bg-primary:#292a2c;--bg-secondary:#28292b;--bg-tertiary:#202225;--text-primary:#dcddde;--text-secondary:#b9bbbe;--text-muted:#72767d;--border-color:#40444b;--shadow:rgba(0,0,0,.3);--accent-color:#5865f2;--accent-hover:#4752c4;--accent-color-alpha:rgba(88,101,242,.1);--bg-hover:#40444b;--bg-disabled:#72767d;--border-hover:#72767d;--message-self:#5865f2;--message-other:#40444b;--input-bg:#40444b;--input-border:#202225}.eye-care-theme{--bg-primary:#fefcf3;--bg-secondary:#f7f3e9;--bg-tertiary:#f0ead6;--text-primary:#3c2e26;--text-secondary:#5d4e37;--text-muted:#8b7355;--border-color:#d4c4a8;--shadow:rgba(60,46,38,.1);--accent-color:#8fbc8f;--accent-hover:#7ba05b;--accent-color-alpha:rgba(143,188,143,.1);--bg-hover:#e6dcc6;--bg-disabled:#d4c4a8;--border-hover:#c4b49a;--message-self:#e6f3e6;--message-other:#f0ead6;--input-bg:#fefcf3;--input-border:#d4c4a8}.eye-care-enhanced{filter:sepia(.1) saturate(.8) brightness(.95)}body{transition:background-color .3s ease,color .3s ease}.chat-container,body{background-color:var(--bg-primary);color:var(--text-primary)}.left-list{background-color:var(--bg-secondary);border-right:1px solid var(--border-color)}.activated-list{background-color:var(--bg-primary)}.msg-bubble{box-shadow:0 1px 3px var(--shadow)}.message.self .msg-bubble{background-color:var(--message-self)!important;color:var(--text-primary)}.message.other .msg-bubble{background-color:var(--message-other)!important;color:var(--text-primary)}.msg-textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}.msg-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(66,185,131,.2)}button{background-color:var(--accent-color);color:#fff;border:none}button:hover{background-color:var(--accent-hover)}.nav-item{color:var(--text-secondary)}.nav-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-color);color:#fff}.friend-item,.group-item{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.friend-item:hover,.group-item:hover{background-color:var(--bg-tertiary)}.friend-item.active,.group-item.active{background-color:var(--accent-color);color:#fff}.settings-dialog{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow)}.settings-header{border-bottom:1px solid var(--border-color)}.tab-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.tab-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.tab-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.form-input{background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(66,185,131,.2)}.moment-item{background-color:var(--bg-primary);border:1px solid var(--border-color)}.moment-content,.moment-item{color:var(--text-primary)}.timestamp{color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.dark-theme .emoji-panel{background-color:var(--bg-secondary);border-color:var(--border-color)}.dark-theme .emoji-item:hover{background-color:var(--bg-tertiary)}.eye-care-theme img,.eye-care-theme video{filter:sepia(.1) brightness(.9)}.eye-care-enhanced img,.eye-care-enhanced video{filter:sepia(.2) saturate(.8) brightness(.85)}@media (max-width:768px){.theme-options{flex-direction:column;gap:12px}.theme-option{padding:16px}.theme-preview{width:80px;height:50px}}@media (prefers-contrast:high){:root{--border-color:#000;--text-primary:#000;--bg-primary:#fff}.dark-theme{--border-color:#fff;--text-primary:#fff;--bg-primary:#000}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}