.audio-bubble{display:flex;align-items:center;gap:12px;background:var(--audio-bubble-bg-received);border-radius:12px;padding:8px 12px;box-shadow:var(--shadow-sm);min-width:120px;max-width:280px;width:auto;flex-shrink:0;cursor:pointer;transition:all .2s ease}.audio-bubble:hover{box-shadow:0 2px 6px #0000001f}.message.sent .audio-bubble{background:var(--audio-bubble-bg-sent);border-bottom-right-radius:4px}.message.received .audio-bubble{background:var(--audio-bubble-bg-received);border-bottom-left-radius:4px;border:1px solid var(--border-color-light)}.audio-bubble.playing{background:var(--audio-bubble-bg-playing)}.message.sent .audio-bubble.playing{background:var(--audio-bubble-bg-sent-playing)}.audio-play-btn{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:var(--audio-play-btn-bg);color:var(--text-inverse);cursor:pointer;flex-shrink:0;box-shadow:0 2px 4px #8b5cf64d;transition:all .2s ease}.audio-play-btn:hover{transform:scale(1.05);box-shadow:0 3px 6px #8b5cf666}.audio-play-btn:active{transform:scale(.95)}.audio-play-btn svg{width:18px;height:18px}.message.sent .audio-bubble .audio-play-btn{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0003}.message.sent .audio-bubble .audio-play-btn:hover{background:#ffffff59}.audio-progress{flex:1;height:3px;background:#00000014;border-radius:2px;overflow:hidden;position:relative}.message.sent .audio-bubble .audio-progress{background:#ffffff40}.audio-progress-inner{height:100%;width:0;background:var(--audio-progress-inner);border-radius:2px;transition:width .1s linear}.message.sent .audio-bubble .audio-progress-inner{background:#ffffffe6}.audio-duration{font-size:11px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-weight:500;font-variant-numeric:tabular-nums;min-width:50px;text-align:right}.message.sent .audio-bubble .audio-duration{color:#fffffff2}.hidden-audio{display:none}.message-footer{margin-top:6px}.message.sent .message-footer .message-time{color:#ffffffd9!important;opacity:1!important}.message.received .message-footer .message-time{color:#0009!important;opacity:1!important}@media (max-width: 768px){.audio-bubble{min-width:120px!important;max-width:calc(100% - 80px)!important;width:auto!important;padding:8px 10px;gap:10px}.audio-play-btn{width:32px;height:32px;min-width:32px;min-height:32px}.audio-play-btn svg{width:16px;height:16px}.audio-duration{font-size:10px;min-width:45px}}.chat-container{display:flex;flex-direction:column;height:100vh;height:100dvh;height:-webkit-fill-available;background:var(--bg-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:fixed;inset:0;overflow:hidden;touch-action:manipulation;-webkit-overflow-scrolling:touch}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary);position:relative;min-height:0}.header{background:var(--bg-primary);padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent) 1;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10;min-height:52px;box-shadow:none}@media (min-width: 769px){.header{border-bottom:none;border-image:none}}.header:after{display:none}.header-left{flex:1;display:flex;align-items:center}.header-title{position:absolute;left:50%;transform:translate(-50%);font-size:17px;font-weight:700;color:var(--text-primary);letter-spacing:.5px;white-space:nowrap;line-height:var(--line-height-tight);pointer-events:none}.header-actions{flex:1;display:flex;gap:4px;justify-content:flex-end;align-items:center}.avatar-container{position:relative;margin-right:12px;flex-shrink:0}.avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0}.chat-header .avatar{width:44px;height:44px;min-width:44px;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.chat-header .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.chat-header .avatar .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--bg-primary)}.chat-header .avatar .default-avatar .avatar-svg circle,.chat-header .avatar .default-avatar .avatar-svg path{fill:var(--text-tertiary);opacity:.6}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:88px;height:88px;font-size:36px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.action-btn{width:42px;height:42px;border:2px solid rgba(139,92,246,.4);background:#8b5cf614;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);color:var(--primary-color)}.action-btn:hover{background:#8b5cf626;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf633}.action-btn .icon{font-size:18px}.action-btn.icon-only{border:none;background:#8b5cf60f;width:36px;height:36px;padding:4px;color:var(--text-primary);display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease}.action-btn.icon-only:hover{background:#8b5cf626;border:none;box-shadow:none;opacity:1;color:var(--primary-color)}.action-btn.icon-only .icon{font-size:20px}.dropdown-wrapper{position:relative;display:flex;align-items:center}.action-btn.more-btn .icon{font-size:20px;color:var(--text-dark)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:var(--bg-modal);border-radius:12px;box-shadow:0 8px 32px #8b5cf61f,var(--shadow-lg);border:1px solid rgba(139,92,246,.1);min-width:140px;padding:4px 0;z-index:1000;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dropdown-menu:before{content:"";position:absolute;top:-6px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--bg-modal)}.dropdown-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;color:var(--text-primary);font-size:15px;transition:all .2s ease}.dropdown-menu-item:hover{background:#8b5cf60f}.dropdown-menu-item .menu-icon{font-size:20px;color:var(--primary-color);flex-shrink:0}.dropdown-menu-item span{flex:1}.sound-btn{position:relative}.sound-btn.sound-disabled{opacity:.5}.sound-btn.sound-disabled:hover{background:#667eea1a!important;transform:none!important;box-shadow:none!important}.bottom-nav{background:var(--bg-primary);border-top:none;display:flex;padding:10px 0;z-index:10;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-shadow:none;min-height:70px}body.modal-open .bottom-nav,body.modal-open .header{z-index:1!important}.nav-item{flex:1;padding:8px 4px 12px;border:none;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:var(--text-primary);font-family:var(--font-family-base);min-height:56px;-webkit-tap-highlight-color:transparent}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--primary-color)}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:var(--primary-gradient-progress);border-radius:0 0 3px 3px}.nav-item .icon{font-size:24px;transition:transform .3s ease;font-weight:400;text-rendering:optimizeLegibility}.nav-item.active .icon{transform:none}.nav-item .text-wrapper{position:relative;display:inline-block}.nav-item .text{font-size:calc(var(--font-size-badge) + 1px);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:.3px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.badge{position:absolute;top:-30px;right:6px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:var(--font-size-unread-badge);font-weight:var(--font-weight-semibold);padding:0;border-radius:50%;min-width:18px;width:18px;height:18px;text-align:center;line-height:1;box-shadow:0 2px 6px #ff4b5780;animation:badgePop .3s ease;display:inline-flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;text-rendering:optimizeLegibility;flex-shrink:0;z-index:10}.nav-item .badge.badge-large{border-radius:9px!important;min-width:18px!important;width:auto!important;padding:0 5px!important;right:-12px!important}.nav-item .icon-wrap{position:relative;display:inline-flex}.nav-item .icon-wrap .dot{position:absolute;top:-2px;right:-4px;width:8px;height:8px;border-radius:50%;background:#ef4444}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.content-area{flex:1;overflow:hidden;background:transparent;margin:0 4px;min-height:0;display:flex;flex-direction:column}.tab-content{height:100%;display:flex;flex-direction:column;min-height:0}.conversations-list{flex:1;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.friends-list{flex:1;overflow-y:auto;overflow-x:hidden;margin-top:0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;background:transparent;overscroll-behavior:contain;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.friends-list-container{background:transparent;border-radius:0;box-shadow:none;overflow:hidden}.conversations-list,.friends-list,.groups-list{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.conversation-item-wrapper{position:relative;overflow:hidden;margin:4px 0;border-radius:16px;--swipe-actions-width: 132px}.conversation-item-wrapper.swipe-open .conversation-item{transform:translate(-132px);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.conversation-item-wrapper:not(.swipe-open) .conversation-item{transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.conversation-swipe-actions{position:absolute;top:0;right:0;bottom:0;width:var(--swipe-actions-width);display:flex;align-items:stretch;justify-content:flex-end;pointer-events:none;opacity:0;transform:translate(100%);transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.conversation-swipe-actions.overlay{z-index:3}.conversation-item-wrapper.swipe-open .conversation-swipe-actions{opacity:1;pointer-events:auto;transform:translate(0)}.swipe-actions-panel{width:100%;height:100%;background:var(--primary-gradient);border-radius:0;display:flex;align-items:stretch;justify-content:flex-end;gap:0;overflow:hidden;pointer-events:auto}.icon-btn{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-inverse);padding:0;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn:not(:last-child){border-right:1px solid var(--border-color-light)}.icon-btn.mute,.icon-btn.pin{color:var(--text-inverse)}.icon-btn.delete{color:var(--text-inverse);font-weight:500}.icon-btn.delete:active,.icon-btn.delete:hover,.icon-btn:active,.icon-btn.mute:active,.icon-btn.pin:active{background:transparent}.icon-btn svg{width:22px;height:22px}.overlay-icon{width:24px;height:24px;color:inherit}.conversation-item{padding:4px 9px;margin:0;background:var(--bg-primary);display:flex;align-items:center;gap:2px;cursor:pointer;transition:background-color .2s ease,transform .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:16px;box-shadow:var(--shadow-sm);border:none;min-height:var(--list-item-height)}.conversation-item:hover{background:var(--bg-hover)}.pin-icon{margin-right:4px;color:#f39c12}.conversation-status-badges{position:absolute;right:12px;top:0;bottom:0;width:32px;pointer-events:none}.status-badge-top{position:absolute;top:0;right:0;width:32px;height:32px;background:var(--primary-gradient);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:flex-start;justify-content:flex-end;padding:3px 4px 0 0;border-radius:0 16px 0 0;clip-path:polygon(0 0,100% 0,100% 100%);box-shadow:-1px 1px 3px #8b5cf64d}.status-badge-bottom{position:absolute;bottom:0;right:0;width:32px;height:32px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 4px 3px 0;border-radius:0 0 16px;clip-path:polygon(100% 0,100% 100%,0 100%);box-shadow:-1px -1px 3px #8b5cf64d}.friend-item-wrapper,.group-item-wrapper{--swipe-actions-width: 132px;position:relative;overflow:hidden;margin:0;border-radius:0}.friend-item-wrapper:not(:last-child):after,.group-item-wrapper:not(:last-child):after{content:"";position:absolute;left:68px;right:0;bottom:0;height:1px;background:var(--border-color-light);z-index:0;pointer-events:none}.friend-item-wrapper.swipe-open .friend-item,.group-item-wrapper.swipe-open .friend-item{box-shadow:none}.friend-item{padding:8px 12px 8px 10px;margin:0;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .15s ease,transform .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:0;box-shadow:none;border:none;min-height:50px}.friend-item:hover{background:var(--bg-hover);transform:none}.friend-item:active{background:var(--bg-active)}.conversation-item.active{background:var(--bg-hover)!important;border-radius:16px}@media (max-width: 768px){.conversation-item.active{background:var(--bg-hover)!important;border-radius:16px}}.friend-item.active{background:var(--bg-hover)}.friend-item .avatar{background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none}.friend-item .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.friend-item .avatar .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--bg-primary)}.friend-item .avatar .default-avatar .avatar-svg circle,.friend-item .avatar .default-avatar .avatar-svg path{fill:var(--text-tertiary);opacity:.6}.conversation-details,.friend-details{flex:1;min-width:0}.conversation-header{margin-bottom:4px}.name-with-status{display:flex;align-items:center;gap:6px;line-height:1}.name{font-size:var(--font-size-list-title);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0;white-space:nowrap;line-height:var(--line-height-tight)}.group-badge{font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:1px 4px;border-radius:4px;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#95a5a6;flex-shrink:0;margin:0;padding:0;vertical-align:middle}.status-dot.online{background-color:#38e403}.offline-time-inline{font-size:var(--font-size-list-meta);color:var(--text-tertiary);font-weight:var(--font-weight-medium);margin-left:4px}.last-message{display:flex;align-items:center;gap:8px;min-height:20px;line-height:var(--line-height-snug)}.time{font-size:var(--font-size-chat-timestamp);color:var(--text-tertiary);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;line-height:var(--line-height-snug)}.message-preview{font-size:var(--font-size-list-subtitle);color:var(--text-secondary);line-height:var(--line-height-snug);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:var(--font-size-unread-badge);font-weight:var(--font-weight-semibold);border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #e74c3c4d;border:2px solid var(--bg-primary);flex-shrink:0;z-index:10}.action-btn{width:20px;height:20px;border:none;background:none;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#f0f0f0}.action-btn .icon{font-size:12px}.reconnect-btn{background:transparent!important;padding:0!important;position:relative}.reconnect-btn .offline-indicator{position:relative;width:32px;height:32px;border-radius:8px;background:transparent;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #ef444433;transition:all .2s cubic-bezier(.4,0,.2,1);animation:offline-gentle-pulse 2s ease-in-out infinite}.reconnect-btn:hover .offline-indicator{background:#ef444414;box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px);animation:none}.reconnect-btn .offline-icon{color:#dc2626!important;font-size:18px;stroke-width:2;transition:all .2s ease}.reconnect-btn:hover .offline-icon{color:#b91c1c!important}@keyframes offline-gentle-pulse{0%,to{opacity:1;box-shadow:0 1px 3px #ef444433}50%{opacity:.95;box-shadow:0 2px 4px #ef444440}}.empty-state{padding:48px 20px;margin:20px;text-align:center;color:var(--text-secondary);background:transparent;border-radius:16px;box-shadow:none;animation:fadeIn .5s ease}.empty-icon{font-size:36px;margin-bottom:12px;color:var(--text-tertiary);opacity:.4;animation:none}.darker-theme .empty-icon{color:var(--text-tertiary);opacity:.3}.empty-text{font-size:13px;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.empty-hint{font-size:12px;color:var(--text-tertiary);margin-bottom:16px}.empty-action{padding:8px 16px;background:linear-gradient(135deg,var(--primary-color),#a855f7);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.empty-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-hint{font-size:13px;color:var(--text-tertiary);line-height:1.5;max-width:240px;margin:0 auto}.empty-action{padding:12px 24px;background:linear-gradient(135deg,var(--primary-color),#a855f7);color:#fff;border:none;border-radius:24px;cursor:pointer;font-size:15px;font-weight:600;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease;letter-spacing:.5px}.empty-action:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.empty-icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:12px}.darker-theme .empty-icon-wrapper{background:none;box-shadow:none}.empty-icon-wrapper .empty-icon{font-size:36px;color:var(--text-tertiary);margin-bottom:0;animation:none;opacity:.4}.darker-theme .empty-icon-wrapper .empty-icon{color:var(--text-tertiary);opacity:.3}.empty-hint{font-size:14px;color:var(--text-tertiary);line-height:1.5;max-width:280px;margin:0 auto}@media (max-width: 768px){.requests-list{margin:0;border-radius:0}.request-item,.request-item-simple{padding:8px 12px}.request-user-info{gap:10px}.request-item .avatar,.request-item-simple .avatar{width:44px;height:44px}.request-details .name,.request-info .name{font-size:15px}.request-details .message,.request-info .message{font-size:12px}.request-actions{flex-direction:column;gap:6px}.accept-btn,.reject-btn{padding:6px 12px;font-size:12px}.request-meta{gap:3px}.request-meta .status-accepted,.request-meta .status-rejected{font-size:11px;padding:2px 4px}.section-title{padding:10px 12px 6px;font-size:13px}.empty-state{padding:30px 12px;margin:12px}.empty-icon-wrapper{width:52px;height:52px;margin-bottom:12px}.empty-icon-wrapper .empty-icon{font-size:24px}.empty-text{font-size:14px}.empty-hint{font-size:12px;max-width:200px}}.profile-content{padding:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.profile-card{background:var(--audio-bubble-bg-sent);padding:32px 24px;text-align:center;position:relative}.profile-avatar{position:relative;display:inline-block;margin-bottom:16px}.status-indicator{position:absolute;bottom:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#95a5a6;border:3px solid white;transition:all .3s ease}.status-indicator.online{background:#a78bfa;box-shadow:0 0 12px #a78bfa99;animation:pulse 2s ease-in-out infinite}.profile-info{color:#fff}.profile-nickname{margin:0 0 8px;font-size:25px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.profile-username{margin:0 0 12px;font-size:14px;color:#fffc}.profile-details{padding:8px 0;background:#fff;flex:1;overflow-y:auto}.profile-item{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);transition:background .2s ease}.profile-item:hover{background:#667eea0a}.profile-item:last-child{border-bottom:none}.item-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#667eea1a,#764ba21a);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:20px;flex-shrink:0}.item-content{flex:1;min-width:0}.item-content label{display:block;font-size:12px;color:#95a5a6;margin-bottom:4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.item-content .value{font-size:15px;color:var(--text-dark);font-weight:500;word-break:break-all}.action-buttons{display:flex;gap:12px;margin:20px 24px 24px}.logout-btn{flex:1;padding:16px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:14px;cursor:pointer;font-size:16px;font-weight:600;box-shadow:0 4px 16px #ff6b6b4d;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:8px}.logout-btn .icon{font-size:20px}.logout-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff6b6b66}.logout-btn:active{transform:translateY(0)}.delete-account-btn{flex:1;padding:16px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #e74c3c4d}.delete-account-btn .icon{font-size:20px}.delete-account-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #e74c3c66}.delete-account-btn:active{transform:translateY(0)}.chat-area{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--bg-primary);z-index:10;transform:translate(100%);transition:transform .2s cubic-bezier(.4,0,.2,1);box-shadow:-4px 0 20px #0000001a;overflow:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;will-change:transform}@supports (-webkit-touch-callout: none){.chat-area{bottom:auto;height:100vh;height:100dvh}}.chat-area .messages-container{flex:1;min-height:0;overflow-y:auto}.chat-area .message-input{flex-shrink:0}.chat-area.show{transform:translate(0)}.chat-header{padding:12px 16px 12px 12px;padding-top:calc(12px + env(safe-area-inset-top,0px));border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent) 1;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;min-height:56px;box-shadow:none;flex-shrink:0}.chat-header .name{font-size:var(--font-size-list-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.chat-header .status{font-size:var(--font-size-list-meta);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug)}.chat-user-info{display:flex;align-items:center;gap:10px;flex:1}.back-btn{width:36px;height:36px;border-radius:10px;border:none;background:#8b5cf60f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:4px;color:var(--text-secondary)}.back-btn:hover{background:var(--bg-hover);color:var(--primary-color)}.back-btn .icon{font-size:18px;color:var(--text-dark)}.name{font-size:var(--font-size-list-title);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;line-height:var(--line-height-tight)}.chat-type-badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);padding:3px 8px;border-radius:12px;flex-shrink:0;vertical-align:middle;letter-spacing:.3px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.chat-type-badge:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.chat-type-badge.friend-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chat-type-badge.group-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chat-type-badge.cs-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #f59e0b4d}.chat-type-badge.cs-badge.cs-ended{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #6b728033}.chat-type-badge.system-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 2px 4px #10b9814d}.name.system-user{color:var(--primary-color);font-weight:600}.status{font-size:var(--font-size-list-meta);color:#95a5a6;font-weight:var(--font-weight-medium);margin-top:2px}.status.online{color:#38e403}.chat-header .avatar.offline,.chat-header .avatar.offline img{opacity:.6;filter:grayscale(100%)}.chat-header .avatar.offline .default-avatar,.chat-header .avatar.not-friend .default-avatar{filter:none!important;opacity:1!important}.chat-header .name.offline{color:#95a5a6}.chat-header .chat-type-badge.friend-badge.offline{background:#95a5a6;color:#fff}.chat-actions{display:flex;gap:8px}.chat-actions .action-btn{width:36px;height:36px;border-radius:10px;border:none;background:#8b5cf60f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.chat-actions .action-btn:hover{background:#8b5cf626;transform:scale(1.05);color:var(--primary-color)}.chat-actions .action-btn.active{background:#8b5cf626;color:var(--primary-color)}.action-btn.active .icon{color:var(--primary-color)}.action-btn .icon{font-size:18px;color:var(--text-dark)}.chat-actions .action-btn.cs-end-btn{width:auto;height:34px;border-radius:17px;padding:0 14px;gap:5px;background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3);font-size:13px;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.chat-actions .action-btn.cs-end-btn:hover{background:#ef444433;border-color:#ef444480;transform:scale(1.02);color:#ef4444}.chat-actions .action-btn.cs-end-btn:active{transform:scale(.98)}.chat-actions .action-btn.cs-end-btn .icon{font-size:15px;color:#ef4444}.cs-end-text{font-size:13px;font-weight:600;white-space:nowrap;color:#ef4444}.cs-fab{position:absolute;bottom:6px;right:16px;width:48px;height:48px;border-radius:50%;border:none;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 16px #8b5cf659;transition:transform .2s ease,box-shadow .2s ease;z-index:50}.cs-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #8b5cf673}.cs-fab:active{transform:scale(.95)}.cs-fab-loading{opacity:.7;cursor:not-allowed}.cs-fab-icon{font-size:22px}.cs-fab-spin{animation:cs-fab-spin 1s linear infinite}@keyframes cs-fab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-input{padding:0;border-image:linear-gradient(90deg,transparent,rgba(139,92,246,.15),transparent) 1;position:relative;z-index:5}.scroll-to-bottom-btn{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:35px;height:35px;border-radius:50%;background:var(--bg-primary);border:1.5px solid rgba(139,92,246,.25);box-shadow:0 2px 8px #8b5cf626;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease}.scroll-to-bottom-btn:hover{background:var(--bg-hover);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf640;transform:translate(-50%) translateY(-2px)}.scroll-to-bottom-btn:active{transform:translate(-50%) translateY(0);box-shadow:0 2px 6px #00000026}.scroll-to-bottom-btn .icon,.scroll-to-bottom-btn .iconify,.scroll-to-bottom-btn .iconify-icon{font-size:24px!important;width:24px!important;height:24px!important;color:var(--text-primary)}.darker-theme .scroll-to-bottom-btn{background:#1e1e1ef2;border-color:#8b5cf64d;box-shadow:0 2px 8px #0006,0 0 0 1px #8b5cf61a}.darker-theme .scroll-to-bottom-btn:hover{background:#282828f2;border-color:#8b5cf680;box-shadow:0 4px 12px #00000080,0 0 0 1px #8b5cf633}.darker-theme .scroll-to-bottom-btn .icon,.darker-theme .scroll-to-bottom-btn .iconify,.darker-theme .scroll-to-bottom-btn .iconify-icon{font-size:40px!important;width:40px!important;height:40px!important;color:#a78bfae6}.darker-theme .scroll-to-bottom-btn:hover .icon,.darker-theme .scroll-to-bottom-btn:hover .iconify,.darker-theme .scroll-to-bottom-btn:hover .iconify-icon{color:#c4b5fd}@media (max-width: 768px){.message-input{position:sticky;bottom:0;padding-bottom:0;transition:transform .3s ease-out}.message-input:has(textarea:focus){transform:translateY(0)}@supports not selector(:has(*)){.message-input{will-change:transform}}}.input-container{display:flex;gap:8px;align-items:center;max-width:100%}.input-container textarea{flex:1;padding:10px 16px;border:1.5px solid rgba(139,92,246,.25);border-radius:20px;font-size:15px;outline:none;background:var(--bg-secondary);transition:all .25s ease;min-height:40px;max-height:120px;resize:none;font-family:inherit;line-height:20px;overflow-y:auto;height:40px;box-sizing:border-box;vertical-align:middle;box-shadow:0 0 8px #8b5cf614,0 2px 8px #0000000a}.input-container textarea:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #8b5cf61f,0 0 12px #8b5cf626}.input-container textarea::placeholder{color:var(--text-tertiary)}.input-container button{width:40px;height:40px;background:var(--primary-gradient, linear-gradient(135deg, var(--primary-color), #a855f7));color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #8b5cf640;transition:all .2s ease;flex-shrink:0}.input-container button:hover{transform:scale(1.08);filter:brightness(1.1);box-shadow:0 0 16px #8b5cf666}.input-container button:active{transform:scale(.95)}.input-container button:disabled{opacity:.5;cursor:not-allowed;transform:none}.input-container.disabled{opacity:.6;pointer-events:none}.input-container.drag-over{background:#8b5cf60d;border-radius:20px;position:relative}.input-container.drag-over:before{content:"";position:absolute;inset:-2px;border:2px dashed rgba(139,92,246,.5);border-radius:22px;pointer-events:none;z-index:1;animation:dragPulse 1.5s ease-in-out infinite}.input-container textarea.drag-over{border-color:#8b5cf680;background:#8b5cf605}@keyframes dragPulse{0%,to{border-color:#8b5cf680;opacity:1}50%{border-color:#8b5cf6cc;opacity:.8}}.input-container textarea:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.input-container textarea.muted-input:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;text-align:center}.input-container textarea.muted-input:disabled::placeholder{color:var(--text-tertiary);opacity:.8;text-align:center}.file-upload-dropdown{position:relative;flex-shrink:0}.file-dropdown-btn{width:40px;height:40px;background:var(--audio-bubble-bg-sent);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d}.file-dropdown-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.voice-record-btn{width:40px;height:40px;background:#667eea;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:8px;flex-shrink:0;box-shadow:0 2px 8px #667eea4d}.voice-record-btn:hover{background:#764ba2;transform:scale(1.05);box-shadow:0 4px 12px #667eea66}.voice-record-btn.recording{background:#e74c3c;animation:recordingPulse 1s infinite}.voice-record-btn.recording-cancel{background:#f39c12;animation:recordingPulse .5s infinite}@keyframes recordingPulse{0%{transform:scale(1);box-shadow:0 0 #e74c3cb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #e74c3c00}to{transform:scale(1);box-shadow:0 0 #e74c3c00}}.clear-messages-modal{background:var(--bg-modal);border-radius:12px;width:92%;max-width:340px;max-height:85vh;overflow:hidden;animation:modalSlideIn .3s ease-out;display:flex;flex-direction:column}.clear-messages-modal .modal-header{padding:14px 18px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-modal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0}.clear-messages-modal .modal-header h3{margin:0;font-size:15px;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:8px}.clear-messages-modal .title-icon{font-size:20px;color:var(--primary-color)}.clear-messages-modal .close-btn{width:28px;height:28px;border-radius:50%;background:var(--bg-hover);border:none;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.clear-messages-modal .close-btn:hover{background:var(--bg-active);color:var(--text-primary)}.clear-messages-modal .close-btn .icon{font-size:18px}.close-btn:hover{background:#ffffff4d}.modal-content{padding:16px 20px;flex:1;overflow-y:auto;display:flex;flex-direction:column;background:var(--bg-secondary)}.warning-text{background:var(--badge-warning-bg);border:1px solid var(--warning-color);border-radius:6px;padding:10px 12px;margin:0 0 16px;color:var(--warning-color);font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.delete-mode-options{margin-bottom:16px}.delete-mode-options h4,.time-options h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text-dark)}.option-list{display:flex;flex-direction:column;gap:6px}.option-item{display:flex;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary)}.option-item:hover{border-color:var(--primary-color);background:var(--bg-hover)}.option-item.active{border-color:var(--primary-color);background:#8b5cf61a}.option-item input[type=radio]{margin-right:10px;margin-top:2px;width:14px;height:14px;accent-color:var(--primary-color);flex-shrink:0}.option-content{display:flex;flex-direction:column;gap:2px;flex:1}.option-text{font-size:13px;font-weight:500;color:var(--text-dark);line-height:1.3}.option-desc{font-size:11px;color:var(--text-secondary);font-weight:400;line-height:1.3}.clear-messages-modal .modal-actions{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--border-color);justify-content:flex-end;flex-shrink:0}.clear-messages-modal .cancel-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:70px;display:flex;align-items:center;gap:6px;justify-content:center}.clear-messages-modal .cancel-btn:hover{background:var(--bg-active)}.clear-messages-modal .confirm-btn{padding:8px 16px;border:none;border-radius:6px;background:var(--error-color);color:var(--text-inverse);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:70px;justify-content:center}.clear-messages-modal .btn-icon{font-size:16px}.confirm-btn:hover:not(:disabled){background:#c82333}.confirm-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.loading-icon{animation:spin 1s linear infinite}@media (max-width: 480px){.clear-messages-modal{width:95%;max-height:90vh;border-radius:8px}.modal-header{padding:14px 16px}.modal-header h3{font-size:15px}.modal-content{padding:14px 16px}.warning-text{font-size:12px;padding:8px 10px}.option-item{padding:8px 10px}.option-text{font-size:12px}.option-desc{font-size:10px}.modal-actions{gap:8px}.cancel-btn,.confirm-btn{padding:7px 14px;font-size:12px}}.file-dropdown-btn:active{transform:scale(.95)}.file-dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--bg-modal);border-radius:12px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color-light);padding:8px;display:flex;flex-direction:column;gap:4px;min-width:120px;z-index:1000;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.file-dropdown-menu .file-btn{width:auto;height:auto;padding:8px 12px;background:transparent;color:var(--text-dark);border:none;border-radius:8px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-align:left}.file-dropdown-menu .file-btn:hover{background:var(--bg-hover);transform:none}.file-dropdown-menu .file-btn:active{transform:scale(.98)}.file-dropdown-menu .file-btn span{font-weight:500}.file-dropdown-menu-overlay{position:fixed;inset:0;z-index:999;background:#0000004d;animation:overlayFadeIn .2s ease-out}.file-dropdown-menu-new{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#1f1f23;border-radius:16px;box-shadow:0 8px 32px #0006;padding:12px;display:flex;flex-direction:column;gap:8px;min-width:200px;z-index:1000;animation:menuSlideUp .3s ease-out}@keyframes menuSlideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.file-dropdown-menu-new .file-btn{width:100%;padding:12px 16px;background:transparent;color:#e5e5e5;border:none;border-radius:12px;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left}.file-dropdown-menu-new .file-btn:hover{background:#8a63ff33}.file-dropdown-menu-new .file-btn:active{transform:scale(.98);background:#8a63ff4d}.file-dropdown-menu-new .file-btn .iconify{font-size:20px;color:#8a63ff}.file-dropdown-menu-new .file-btn span{font-weight:500;color:#e5e5e5}.file-menu-overlay{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.file-menu-modal{max-height:auto!important;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0!important}.file-menu-content{display:flex;flex-direction:column;gap:0;background:var(--audio-bubble-bg);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px #0000001a}.file-menu-btn{width:100%;padding:16px 20px;background:var(--audio-bubble-bg);color:#1a1a1a;border:none;border-radius:0!important;cursor:pointer;font-size:16px;display:flex;align-items:center;gap:12px;transition:all .2s ease;text-align:left;box-shadow:none;border-bottom:1px solid rgba(0,0,0,.05)}.file-menu-btn:first-child{border-radius:20px 20px 0 0!important}.file-menu-btn:last-child{border-radius:0 0 20px 20px!important;border-bottom:none}.file-menu-btn:only-child{border-radius:20px!important;border-bottom:none}.file-menu-btn:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05)}.file-menu-btn:hover{background:#667eea1a;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.file-menu-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.file-menu-btn .iconify{font-size:20px;color:var(--primary-color)}.file-menu-btn span{font-weight:500;color:#1a1a1a}.darker-theme .file-menu-btn,.darker-theme .file-menu-btn span{color:var(--text-primary)}.darker-theme .file-menu-btn:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.darker-theme .file-menu-btn:hover{background:#667eea33}.pc-more-panel-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;display:flex;align-items:center;justify-content:center}.pc-more-panel-modal{background:var(--bg-modal, #fff);border-radius:16px;width:320px;max-width:90vw;box-shadow:0 12px 40px #00000026;overflow:hidden;animation:pcMorePanelIn .25s cubic-bezier(.4,0,.2,1)}@keyframes pcMorePanelIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.pc-more-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px}.pc-more-panel-title{font-size:15px;font-weight:600;color:var(--text-primary)}.pc-more-panel-close{width:28px;height:28px;border:none;background:var(--bg-secondary, #f5f5f5);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.pc-more-panel-close:hover{background:var(--bg-tertiary, #eee);color:var(--text-primary)}.pc-more-panel-close .iconify{font-size:16px}.pc-more-panel-body{padding:8px 4px 16px}.pc-more-panel-overlay-enter-active,.pc-more-panel-overlay-leave-active{transition:opacity .25s ease}.pc-more-panel-overlay-enter-from,.pc-more-panel-overlay-leave-to{opacity:0}.pc-more-panel-enter-active{transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1)}.pc-more-panel-leave-active{transition:opacity .15s ease,transform .15s ease}.pc-more-panel-enter-from{opacity:0;transform:scale(.92)}.pc-more-panel-leave-to{opacity:0;transform:scale(.95)}.darker-theme .pc-more-panel-overlay{background:#0009}.darker-theme .pc-more-panel-modal{box-shadow:0 12px 40px #0006}.message-audio{width:300px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.file-message{display:flex;align-items:center;gap:12px;padding:12px;background:#667eea0d;border-radius:12px;min-width:250px;border:1px solid rgba(102,126,234,.1);transition:all .2s ease}.file-message:hover{background:#667eea14;border-color:#667eea33}.file-icon{font-size:32px;color:var(--primary-color);flex-shrink:0}.file-details{flex:1;min-width:0}.file-name{font-weight:500;color:var(--text-dark);margin-bottom:4px;word-break:break-all;line-height:1.3}.file-size{font-size:12px;color:#95a5a6;font-weight:500}.file-info{font-size:12px;color:#95a5a6;margin-top:4px;font-weight:500;opacity:.8}.file-download{width:36px;height:36px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease;flex-shrink:0;cursor:pointer}.file-download:hover{background:#764ba2;transform:scale(1.05);text-decoration:none;color:#fff}.image-error,.video-error,.audio-error{padding:20px;text-align:center;background:#ffc1071a;border:1px solid rgba(255,193,7,.3);border-radius:8px;color:#f57c00;font-size:14px;font-weight:500}.file-preview-modal{background:#000;border-radius:0;width:100%;max-width:100%;max-height:100vh;height:100vh;overflow:hidden;animation:fadeIn .18s ease-out;display:flex;flex-direction:column;position:relative}.file-preview-modal-compact{width:auto!important;max-width:600px!important;height:auto!important;max-height:90vh!important;border-radius:16px!important;overflow:hidden;background:var(--bg-modal, #fff)!important}.file-preview-modal-fullscreen{width:100%!important;max-width:100%!important;height:100vh!important;border-radius:0!important;background:#000!important}.file-preview-modal-chat .image-preview{width:100%;max-width:100%;padding:0!important;background:#000}.file-preview-modal-chat .preview-image{width:100%!important;max-width:100%!important;height:auto;display:block;object-fit:contain}.file-preview-modal-chat .video-preview{width:100%;max-width:100%;padding:0!important;background:#000}.file-preview-modal-chat .preview-video{width:100%!important;max-width:100%!important;height:auto;display:block;object-fit:contain}@media (max-width: 768px){.file-preview-modal-fullscreen,.file-preview-modal-chat{width:100vw!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.file-preview-modal-compact{width:92vw!important;max-width:92vw!important;border-radius:12px!important}}.preview-header{padding:20px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.preview-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-dark);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:auto;background:#0f1923}.preview-content-no-padding{padding:0!important}.preview-content-media{justify-content:flex-start!important;align-items:stretch!important;padding:0!important}.file-preview-modal .close-btn-absolute{position:absolute;top:16px;right:16px;z-index:1001;background:#ffffff1a;border:none;font-size:24px;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .2s;box-shadow:0 2px 8px #0000004d}.file-preview-modal .close-btn-absolute:hover{background:#fff3;transform:scale(1.1)}.file-preview-modal .close-btn-absolute .icon{width:24px;height:24px}.images-preview{width:100%;padding:0;display:flex;flex-direction:column;align-items:center;max-width:100%}.images-preview .image-grid{max-width:100%;width:100%}.preview-text-input{margin-top:16px;padding:16px;width:100%;max-width:100%;box-sizing:border-box}.preview-textarea{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit;resize:vertical;min-height:60px;max-height:150px;outline:none;transition:border-color .2s;box-sizing:border-box}.preview-textarea:focus{border-color:#667eea}.preview-textarea::placeholder{color:var(--text-tertiary)}.preview-text-content{margin-top:8px;padding:8px 12px;background:#00000005;border-radius:8px;word-wrap:break-word;white-space:pre-wrap;font-size:15px;line-height:1.5;color:var(--text-primary)}.image-preview{display:flex;flex-direction:column;width:100%;max-width:100%}.preview-image{width:100%;height:auto;display:block;object-fit:contain}.video-preview{display:flex;width:100%;position:relative;background:#000}.preview-video{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:contain}@media (max-width: 768px){.video-preview{width:100vw;max-width:100%}.preview-video{width:100%}}.audio-preview{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.preview-audio{width:100%;max-width:400px;border-radius:20px;box-shadow:0 4px 20px #00000026}.audio-info{font-size:16px;font-weight:500;color:var(--text-dark);text-align:center}.file-preview{display:flex;align-items:center;justify-content:center;width:100%}.file-preview-content{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;background:var(--bg-secondary);border-radius:12px;border:2px dashed #667eea;max-width:400px;width:100%}.preview-file-icon{font-size:64px;color:var(--primary-color)}.preview-file-info{text-align:center}.preview-file-name{font-size:18px;font-weight:600;color:var(--text-dark);margin-bottom:8px;word-break:break-all}.preview-file-size{font-size:14px;color:#95a5a6;font-weight:500}.preview-download-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#667eea;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;transition:all .2s ease}.preview-download-btn:hover{background:#764ba2;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d;text-decoration:none;color:#fff}.preview-actions{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(0,0,0,.1);background:var(--bg-secondary);justify-content:flex-end}.preview-cancel-btn,.preview-confirm-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center}.preview-cancel-btn{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.preview-cancel-btn:hover{background:var(--bg-active);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.preview-confirm-btn{background:var(--audio-bubble-bg-sent);color:var(--text-inverse)}.preview-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.preview-confirm-btn:active{transform:translateY(0)}.modal-overlay{position:fixed;inset:0;background:#000000fa;display:flex;align-items:center;justify-content:center;z-index:10001;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeIn .2s ease-out}.darker-theme .modal-overlay{background:#000000fa}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-modal);border-radius:16px;width:90%;max-width:420px;max-height:85vh;overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--border-color-light);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.modal-header h3{margin:0;color:var(--text-dark);font-size:16px;font-weight:600}.close-btn{width:28px;height:28px;border:none;background:var(--bg-hover);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-secondary)}.close-btn:hover{background:var(--bg-active);transform:scale(1.05);color:var(--text-primary)}.close-btn .icon{font-size:16px;color:var(--text-dark)}.modal-content{padding:20px;background:var(--bg-secondary)}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);color:var(--text-dark)}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-dark)}.close-btn{width:32px;height:32px;border:none;background:var(--bg-hover);border-radius:50%;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.close-btn:hover{background:#0000001a;transform:scale(1.05)}.close-btn .icon{font-size:18px;color:var(--text-dark)}.modal-content{padding:24px;background:var(--bg-secondary)}.search-container{padding:8px 16px;background:transparent;border-bottom:none;position:relative;z-index:1;pointer-events:auto}.search-bar{position:relative;display:flex;align-items:center;height:36px;background:var(--search-bar-bg, var(--bg-secondary));border-radius:18px;padding:0 12px;transition:all .25s cubic-bezier(.4,0,.2,1);z-index:101;pointer-events:auto;border:1px solid rgba(139,92,246,.1)}.search-bar:focus-within{background:var(--search-bar-bg-focus, var(--bg-input-focus));transform:scale(1.01);box-shadow:0 0 0 3px #8b5cf614;border-color:#8b5cf640}.search-icon{font-size:18px;color:var(--text-tertiary);flex-shrink:0;margin-right:8px}.search-input{flex:1;border:none;background:transparent;font-size:15px;color:var(--text-primary);outline:none;padding:0;-webkit-appearance:none;appearance:none;pointer-events:auto;z-index:102;position:relative;cursor:text}.search-input::placeholder{color:var(--text-tertiary)}.search-btn{padding:8px;background:var(--audio-bubble-bg-sent);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:38px;height:38px}.search-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.search-btn .search-icon{font-size:18px}.search-clear{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;margin-left:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:4;position:relative}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.add-friend-overlay{position:fixed;inset:0;background:#00000080;z-index:99999;display:flex;align-items:flex-end;animation:overlayFadeIn .3s ease-out;-webkit-transform:translateZ(0);transform:translateZ(0);isolation:isolate}.darker-theme .add-friend-overlay{background:#000c}.add-friend-modal{width:100%;max-height:90vh;background:var(--bg-modal);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 -8px 40px #8b5cf626;border-top:1px solid rgba(139,92,246,.1)}.add-friend-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));background:linear-gradient(180deg,rgba(139,92,246,.06),var(--bg-modal));border-bottom:none;flex-shrink:0;position:relative}.add-friend-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(139,92,246,.12),transparent 70%);pointer-events:none}.add-friend-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent)}.back-btn{width:36px;height:36px;border:none;background:var(--bg-hover);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:20px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;flex-shrink:0}.back-btn:hover{background:var(--bg-active);color:var(--primary-color)}.back-icon{font-size:20px;color:var(--text-primary)}.add-friend-title{font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%);z-index:0;background:linear-gradient(90deg,var(--primary-color),#f845ff);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.add-friend-title .title-icon{font-size:20px;color:#8b5cf6}.header-spacer{width:40px;flex-shrink:0}.close-btn{width:40px;height:40px;border:none;background:transparent;border-radius:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0;margin-left:auto;z-index:1}.close-btn:hover{background:#8b5cf614}.close-icon{font-size:20px;color:var(--text-primary)}.add-friend-search-section{padding:16px 20px;background:transparent;border-bottom:none;height:64px;display:flex;align-items:center;box-sizing:border-box}.modern-search-bar{position:relative;display:flex;align-items:center;height:44px;background:var(--input-bg);border-radius:22px;padding:0 16px;box-shadow:none;transition:all .2s ease;width:100%;border:1px solid rgba(139,92,246,.12)}.modern-search-bar:focus-within{box-shadow:0 0 0 3px #8b5cf614;background:var(--bg-input-focus);border-color:#8b5cf64d}.modern-search-bar .search-icon{font-size:18px;color:var(--text-tertiary);margin-right:12px;flex-shrink:0}.modern-search-input{flex:1;border:none;background:transparent;font-size:16px;color:var(--text-primary);outline:none;padding:0}.modern-search-input::placeholder{color:var(--input-placeholder)}.clear-search-btn{width:20px;height:20px;border:none;background:transparent;cursor:pointer;padding:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.search-action-btn{padding:6px 16px;border:none;background:var(--primary-gradient);color:var(--text-inverse);border-radius:16px;cursor:pointer;font-size:14px;font-weight:500;margin-left:8px;transition:all .2s ease;white-space:nowrap;flex-shrink:0;line-height:1;box-shadow:none}.search-action-btn:hover:not(:disabled){background:var(--primary-gradient);opacity:.9;transform:translateY(-1px)}.search-action-btn:active:not(:disabled){transform:translateY(0)}.search-action-btn:disabled{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.search-action-btn:focus{outline:none}.clear-icon{font-size:18px;color:var(--text-tertiary)}.add-friend-content{flex:1;overflow-y:auto;padding:8px 0;min-height:40vh}@media (max-width: 768px){.add-friend-content{min-height:42vh}}@media (max-width: 480px){.add-friend-content{min-height:45vh}}.search-results-list{padding:0 20px}.modern-user-item{display:flex;align-items:center;padding:12px 0;gap:10px;border-bottom:none;transition:all .2s ease;border-radius:14px;margin-bottom:2px}.modern-user-item:last-child{border-bottom:none}.modern-user-item:active{background:#8b5cf60f}.user-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-details{flex:1;min-width:0}.user-name{font-size:var(--font-size-list-title);font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-handle{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modern-add-btn{padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:80px;justify-content:center}.modern-add-btn:not(.disabled):not(.sending){background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;box-shadow:0 2px 8px #8b5cf640}.modern-add-btn:not(.disabled):not(.sending):hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf659}.modern-add-btn.disabled,.modern-add-btn.sending{background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.modern-add-btn.chat-btn{background:var(--success-color, #10b981);color:var(--text-inverse)}.modern-add-btn.chat-btn:hover{background:var(--success-color-dark, #059669);transform:translateY(-1px)}.loading-icon{font-size:14px;animation:spin 1s linear infinite}.add-friend-modal .empty-state,.add-friend-modal .initial-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:transparent}.add-friend-modal .empty-icon,.add-friend-modal .initial-icon{width:80px;height:80px;border-radius:40px;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.darker-theme .add-friend-modal .empty-icon,.darker-theme .add-friend-modal .initial-icon{background:#8b5cf633}.add-friend-modal .empty-icon svg,.add-friend-modal .initial-icon svg{font-size:32px;color:var(--primary-color)}.add-friend-modal .empty-title,.add-friend-modal .initial-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.add-friend-modal .empty-subtitle,.add-friend-modal .initial-subtitle{font-size:14px;color:var(--text-secondary);line-height:1.4}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 768px){.add-friend-modal{max-height:100dvh;max-height:-webkit-fill-available;border-radius:16px 16px 0 0}.add-friend-header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.add-friend-title{font-size:16px}.back-icon{font-size:18px}.add-friend-search-section{padding:12px 16px;height:56px}.modern-search-bar{height:40px;padding:0 14px}.modern-search-bar .search-icon{font-size:16px;margin-right:10px}.modern-search-input{font-size:15px}.search-results-list{padding:0 16px}.modern-user-item{padding:14px 0}.user-avatar{width:44px;height:44px;border-radius:22px;font-size:16px;margin-right:12px}.user-name{font-size:calc(var(--font-size-list-title) - 1px)}.user-handle{font-size:13px}.modern-add-btn{padding:6px 12px;font-size:13px;min-width:70px}.add-friend-modal .empty-state,.add-friend-modal .initial-state{padding:40px 16px}.add-friend-modal .empty-icon,.add-friend-modal .initial-icon{width:60px;height:60px;border-radius:30px;margin-bottom:16px}.add-friend-modal .empty-icon svg,.add-friend-modal .initial-icon svg{font-size:24px}.add-friend-modal .empty-title,.add-friend-modal .initial-title{font-size:16px}.add-friend-modal .empty-subtitle,.add-friend-modal .initial-subtitle{font-size:13px}}@media (max-width: 480px){.add-friend-modal{border-radius:12px 12px 0 0}.add-friend-header{padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px))}.add-friend-title{font-size:15px}.add-friend-search-section{padding:10px 12px;height:52px}.modern-search-bar{height:36px;padding:0 12px}.modern-search-bar .search-icon{font-size:14px;margin-right:8px}.modern-search-input{font-size:14px}.search-results-list{padding:0 12px}.user-avatar{width:40px;height:40px;border-radius:20px;font-size:14px;margin-right:10px}.user-name{font-size:calc(var(--font-size-list-title) - 2px)}.user-handle{font-size:12px}.modern-add-btn{padding:5px 10px;font-size:12px;min-width:60px}}.search-btn{padding:14px;background:var(--audio-bubble-bg-sent);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:48px;height:48px}.search-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.search-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.search-btn .search-icon{font-size:20px}.search-results{margin-top:24px;max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:12px;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.search-result-item:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-1px)}.search-result-item .avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-info .name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info .username{font-size:14px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-btn{padding:10px 20px;background:var(--audio-bubble-bg-sent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;flex-shrink:0;min-width:80px}.add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.add-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.no-results,.search-hint{text-align:center;padding:40px 20px;color:var(--text-secondary)}.no-results-icon,.hint-icon{font-size:40px;margin-bottom:16px;color:#999}.no-results-text,.hint-text{font-size:14px;font-weight:500;margin-bottom:8px}.no-results-hint{font-size:14px;color:#999}.requests-list{flex:1;overflow-y:auto;padding:0;background:transparent;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.requests-list::-webkit-scrollbar{display:none;width:0;height:0}.requests-list::-webkit-scrollbar-track{display:none}.requests-list::-webkit-scrollbar-thumb{display:none}.requests-list{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.requests-section{margin-bottom:0;padding:0;position:relative}.requests-section:not(:last-of-type):after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--border-color-light);z-index:0;pointer-events:none}.request-item:not(:last-child),.request-item-simple:not(:last-child){border-bottom:1px solid var(--border-color-light)}.section-title{padding:12px 12px 8px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border-bottom:none;position:relative;display:flex;align-items:center}.section-title:after{content:"";position:absolute;bottom:0;left:12px;width:40px;height:2px;background:var(--primary-gradient)}.requests-section .section-title:after,.group-section-header .section-title:after{display:none}.request-item,.request-item-simple{padding:8px 12px;margin:0;background:transparent;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background-color .15s ease;position:relative;border-radius:0;box-shadow:none;border:none;min-height:50px}.request-item:hover,.request-item-simple:hover{background:var(--bg-hover)}.request-item:active,.request-item-simple:active{background:var(--bg-active)}.request-item-simple{opacity:1}.request-item .avatar,.request-item-simple .avatar{background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:none}.request-item .avatar img,.request-item-simple .avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.request-item .avatar .default-avatar,.request-item-simple .avatar .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--bg-primary)}.request-item .avatar .default-avatar .avatar-svg circle,.request-item .avatar .default-avatar .avatar-svg path,.request-item-simple .avatar .default-avatar .avatar-svg circle,.request-item-simple .avatar .default-avatar .avatar-svg path{fill:var(--text-tertiary);opacity:.6}.request-actions{display:flex;gap:8px;flex-shrink:0;align-items:center;margin-left:auto}.accept-btn{padding:8px 16px;background:linear-gradient(135deg,var(--primary-color),#a855f7);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #8b5cf64d}.accept-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.reject-btn{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.reject-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.request-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex-shrink:0;margin-left:auto}.request-meta .time{font-size:11px;color:#95a5a6;font-weight:500}.request-meta .status-accepted{color:var(--primary-color);font-size:11px;font-weight:600;padding:3px 6px;background:#8b5cf61a;border-radius:10px;border:none}.request-meta .status-rejected{color:var(--text-tertiary);font-size:11px;font-weight:600;padding:3px 6px;background:var(--bg-hover);border-radius:10px;border:none}.status-text{margin-top:4px;font-size:12px;font-weight:500}.status-accepted{color:var(--primary-color);font-size:11px;font-weight:500}.status-rejected{color:var(--text-tertiary);font-size:11px;font-weight:500}.status-pending{color:#f59e0b;font-size:11px;font-weight:500}.add-btn.sending{background:#6c757d!important;cursor:not-allowed!important;opacity:.7}.add-btn.sending .sending-text{display:flex;align-items:center;gap:6px}.add-btn.sending .sending-text:before{content:"";width:12px;height:12px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.request-actions{display:flex;gap:8px}.accept-btn,.reject-btn{padding:8px 16px;border:none;border-radius:10px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.accept-btn{background:linear-gradient(135deg,var(--primary-color),#a855f7);color:#fff}.accept-btn:hover{box-shadow:0 4px 12px #8b5cf666}.reject-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.reject-btn:hover{background:var(--bg-hover)}@media (max-width: 480px){.modal{width:95%;margin:20px}.modal-content{padding:20px}.search-container{padding:6px 12px}.search-bar{height:32px;padding:0 10px}.search-icon{font-size:16px;margin-right:6px}.search-input{font-size:14px}.search-clear{width:18px;height:18px;margin-left:6px}.clear-icon{font-size:16px}.search-btn{min-width:44px;height:44px;padding:12px}.search-result-item{padding:12px;gap:12px}.search-result-item .avatar{width:40px;height:40px;font-size:14px}.add-btn{padding:8px 16px;font-size:12px;min-width:70px}.request-item,.request-item-simple{padding:8px 12px;gap:8px;margin:4px 0}.request-actions{flex-direction:column;gap:6px}.accept-btn,.reject-btn{padding:6px 12px;font-size:11px;min-width:60px}.header-title{font-size:var(--font-size-nav-title-lg);letter-spacing:.2px}.avatar{font-size:14px}.avatar.large{font-size:28px}.action-btn .icon{font-size:14px}.nav-item .icon{font-size:18px;text-rendering:optimizeLegibility}.nav-item .text{font-size:calc(var(--font-size-badge) + 1px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.conversation-item-wrapper{--swipe-actions-width: 148px}.friend-item-wrapper,.group-item-wrapper{--swipe-actions-width: 120px}.name{font-size:var(--font-size-list-title)}.time{font-size:var(--font-size-chat-timestamp)}.message-preview{font-size:var(--font-size-list-subtitle)}.unread-badge{font-size:var(--font-size-unread-badge)}.empty-text{font-size:14px}.empty-action{font-size:13px}.profile-nickname{font-size:21px}.profile-username{font-size:12px}.item-content .value{font-size:13px}.action-buttons{gap:8px;margin:16px 20px 20px}.logout-btn{font-size:14px;padding:12px}.logout-btn .icon{font-size:16px}.delete-account-btn{font-size:14px;padding:12px}.delete-account-btn .icon{font-size:16px}.chat-header .name{font-size:var(--font-size-list-title)}.status{font-size:var(--font-size-list-meta)}.typing-avatar{font-size:12px}.input-container input{font-size:13px}.input-container button{font-size:14px}.modal-header h3{font-size:15px}.close-btn .icon{font-size:14px}.search-input-group input{font-size:12px}.search-btn .search-icon{font-size:16px}.search-result-item .avatar{font-size:14px}.user-info .name{font-size:15px}.user-info .username,.add-btn{font-size:12px}.no-results-icon,.hint-icon{font-size:32px}.no-results-text,.hint-text,.no-results-hint{font-size:12px}.request-details .name{font-size:13px}.request-details .username{font-size:11px}.request-details .message{font-size:12px}.request-details .time{font-size:10px}.accept-btn,.reject-btn{font-size:11px}}@media (min-width: 769px){.settings-overlay{max-width:600px;margin:0 auto;border-radius:12px;box-shadow:0 8px 32px #0000001f}.add-friend-overlay{align-items:center;justify-content:center}.add-friend-modal{width:90%;max-width:500px;max-height:85vh;border-radius:20px}.modal-overlay{padding:20px}.modal,.clear-messages-modal,.kickout-dialog,.mute-member-dialog,.member-permissions-dialog{max-width:500px;width:90%}.create-group-modal{max-width:600px;width:90%}.invite-member-modal,.profile-modal,.forward-modal{max-width:500px;width:90%}.clear-messages-modal-overlay .modal{max-width:450px}.chat-container{flex-direction:row;position:relative}.main-content{min-width:280px;border-right:1px solid var(--border-color);background:var(--bg-primary);flex:0 0 auto;position:relative;width:360px}.main-content[style*=width]{max-width:none!important;min-width:280px!important}.bottom-nav{display:none}.chat-area{position:relative;transform:none;bottom:auto;flex:1;background:var(--bg-primary)}.chat-area.dragover{background:#667eea05}.chat-area.dragover:before{content:"";position:absolute;inset:0;border:3px dashed rgba(102,126,234,.3);border-radius:8px;pointer-events:none;z-index:999}}.group-info-container{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.send-btn{padding:8px;background:var(--primary-gradient, linear-gradient(135deg, var(--primary-color), #a855f7));color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614;animation:send-glow-main 2.5s ease-in-out infinite}@keyframes send-glow-main{0%,to{box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614}50%{box-shadow:0 0 16px #8b5cf666,0 0 32px #f845ff26}}.send-btn:hover:not(:disabled){transform:scale(1.08);filter:brightness(1.1)}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;animation:none;background:var(--text-tertiary, #ccc)}.send-btn .icon{font-size:18px}@media (max-width: 768px){.header-title{font-size:20px}.avatar{font-size:16px}.avatar.large{font-size:32px}.action-btn .icon{font-size:14px;color:var(--text-dark)}.action-btn:hover .icon{color:var(--primary-color)}.nav-item .icon{font-size:20px;text-rendering:optimizeLegibility}.nav-item .text{font-size:calc(var(--font-size-badge) + 1px);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.conversation-item-wrapper{--swipe-actions-width: 156px}.friend-item-wrapper,.group-item-wrapper{--swipe-actions-width: 128px}.name{font-size:15px}.time{font-size:10px}.message-preview{font-size:12px}.unread-badge{font-size:10px}.empty-text{font-size:15px}.empty-action{font-size:14px}.profile-nickname{font-size:23px}.profile-username{font-size:13px}.item-content .value{font-size:14px}.action-buttons{gap:10px;margin:18px 22px 22px}.logout-btn{font-size:15px;padding:14px}.logout-btn .icon{font-size:18px}.delete-account-btn{font-size:15px;padding:14px}.delete-account-btn .icon{font-size:18px}.chat-header .name{font-size:var(--font-size-list-title)}.status{font-size:12px}.typing-avatar{font-size:13px}.input-container input{font-size:14px}.input-container button,.modal-header h3,.close-btn .icon{font-size:16px}.search-input-group input{font-size:13px}.search-btn .search-icon{font-size:18px}.search-result-item .avatar{font-size:16px}.user-info .name{font-size:14px}.user-info .username,.add-btn{font-size:13px}.no-results-icon,.hint-icon{font-size:36px}.no-results-text,.hint-text,.no-results-hint{font-size:13px}.request-details .name{font-size:15px}.request-details .username{font-size:12px}.request-details .message{font-size:13px}.request-details .time{font-size:11px}.accept-btn,.reject-btn{font-size:12px}}.remark-modal{background:var(--bg-modal);border-radius:20px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:400px;max-height:80vh;overflow:hidden;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10002}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.remark-modal-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-color-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-modal)}.remark-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-dark)}.title-icon{font-size:20px;color:var(--text-primary)}.remark-modal-content{padding:24px}.friend-info{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;margin-bottom:24px;border:1px solid var(--border-color-light)}.friend-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px;border:3px solid rgba(255,255,255,.9)}.friend-details{flex:1}.friend-name{font-size:var(--font-size-list-title);font-weight:var(--font-weight-semibold);color:var(--text-dark);margin-bottom:4px;line-height:var(--line-height-tight)}.friend-username{font-size:var(--font-size-list-subtitle);color:var(--text-secondary);line-height:var(--line-height-snug)}.remark-input-section{margin-bottom:8px}.remark-label{display:block;font-size:14px;font-weight:500;color:var(--text-dark);margin-bottom:8px}.remark-input{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:12px;font-size:16px;transition:all .3s ease;background:var(--bg-input);color:var(--text-primary);box-sizing:border-box}.remark-input:focus{outline:none;border-color:var(--primary-color);background:var(--bg-input-focus);box-shadow:0 0 0 3px #8b5cf61a}.remark-input::placeholder{color:var(--input-placeholder)}.remark-hint{font-size:12px;color:var(--text-tertiary);margin-top:6px;text-align:right}.remark-modal-footer,.modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;background:var(--bg-secondary)}.warning-message{background:#fff3cd;border:1px solid #ffeaa7;border-radius:10px;padding:12px 14px;margin-bottom:20px;display:flex;align-items:flex-start;gap:10px}.warning-icon{color:#f39c12;font-size:20px;margin-right:8px}.warning-message p{margin:0 0 8px;color:#856404;font-weight:500}.warning-message ul{margin:8px 0;padding-left:20px;color:#856404}.warning-message li{margin-bottom:4px}.warning-text{font-weight:600;color:#721c24;margin-top:8px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-dark)}.form-group input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.confirm-btn.danger{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none}.confirm-btn.danger:hover{background:linear-gradient(135deg,#c0392b,#a93226)}.cancel-btn{padding:10px 20px;border:1px solid #e9ecef;background:#fff;color:#6c757d;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.cancel-btn:hover{background:var(--bg-secondary);border-color:#dee2e6}.save-btn{padding:8px 14px;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #8b5cf64d}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf666}.save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #8b5cf64d}.forward-content{padding:16px;flex:1;overflow:hidden;display:flex;flex-direction:column}.forward-search{margin-bottom:12px}.forward-search .search-input-group{position:relative;display:flex;align-items:center}.forward-search input{width:100%;padding:10px 16px 10px 40px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;background:var(--bg-secondary);transition:all .3s ease}.forward-search input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.forward-search .search-icon{position:absolute;left:12px;color:#999;font-size:18px}.forward-actions{display:flex;gap:8px;margin-bottom:12px}.forward-actions .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e0e0e0;background:#fff;color:var(--text-secondary);border-radius:16px;font-size:12px;cursor:pointer;transition:all .3s ease}.forward-actions .action-btn:hover{background:var(--bg-secondary);border-color:#667eea;color:var(--primary-color)}.forward-actions .action-btn .icon{font-size:14px}.forward-actions .action-btn span{font-size:12px;font-weight:500}.forward-friend-count{font-size:12px;color:var(--text-secondary);padding:8px 16px;text-align:right;border-bottom:1px solid var(--border-color-light);background:var(--bg-secondary)}.forward-friends-list{flex:1;overflow-y:auto;max-height:300px;background:transparent;border-radius:0;padding:0;margin:0;box-shadow:none}.forward-friend-item{padding:4px 16px;margin:0 0 4px;background:#fff;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border-radius:12px;border:.5px solid rgba(76,175,80,.15);min-height:38px;box-shadow:0 1px 3px #0000000d}.forward-friend-item:first-child{border-radius:12px}.forward-friend-item:last-child{border-radius:12px;margin-bottom:0}.forward-friend-item:hover{background:#4caf500d;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;border-color:#8b5cf633}.forward-friend-item.selected{background:#4caf5014;border-color:#8b5cf64d;box-shadow:0 2px 8px #8b5cf633}.forward-friend-item.selected:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#8b5cf6,#7c3aed);border-radius:0 3px 3px 0}.forward-friend-item .avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:2px solid rgba(255,255,255,.9);width:24px;height:24px;font-size:12px;border-radius:50%}.forward-friend-item .conversation-details{flex:1;min-width:0}.forward-friend-item .conversation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.forward-friend-item .name-with-status{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.forward-friend-item .name{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-friend-item .status-dot{width:6px;height:6px;border-radius:50%;background:#ccc;flex-shrink:0;box-shadow:0 0 0 2px #fffc}.forward-friend-item .status-dot.online{background:#a78bfa;box-shadow:0 0 0 2px #8b5cf633}.forward-friend-item .conversation-meta{display:flex;align-items:center;gap:6px}.forward-friend-item .username{font-size:10px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-footer{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end;background:var(--bg-secondary);border-radius:0 0 20px 20px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.delete-friend-modal{max-width:420px;width:100%;display:flex;flex-direction:column;max-height:80vh}.delete-friend-modal .add-friend-title .title-icon.danger{color:var(--error-color)}.delete-friend-content{padding:20px;display:flex;flex-direction:column;gap:16px;color:var(--text-primary)}.delete-friend-intro{margin:0;font-size:15px;line-height:1.6}.delete-friend-intro strong{color:var(--error-color);font-weight:600}.delete-friend-options{display:flex;flex-direction:column;gap:12px}.delete-friend-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid var(--border-color-light);border-radius:14px;background:var(--bg-primary);transition:border-color .2s ease,box-shadow .2s ease}.delete-friend-option:hover{border-color:#667eea66;box-shadow:0 8px 18px #667eea14}.delete-friend-option input[type=radio]{margin-top:4px;accent-color:var(--primary-color)}.delete-friend-option-body{flex:1;display:flex;flex-direction:column;gap:4px}.delete-friend-option .option-title{font-size:15px;font-weight:600;color:var(--text-primary)}.delete-friend-option .option-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.5}.delete-friend-actions{display:flex;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg-primary);border-top:1px solid var(--border-color-light)}.delete-friend-cancel,.delete-friend-confirm{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.delete-friend-cancel{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.delete-friend-cancel:hover{background:var(--bg-hover);border-color:#00000014}.delete-friend-confirm{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;box-shadow:0 8px 18px #ff475a40}.delete-friend-confirm:hover{transform:translateY(-1px);box-shadow:0 12px 32px #ff475a59}.re-add-modal{background:var(--audio-bubble-bg);border-radius:12px;padding:0;max-width:240px;width:80%;box-shadow:0 12px 24px #00000014,0 4px 8px #0000000a;overflow:hidden;animation:reAddModalSlideIn .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);transition:transform .2s ease,opacity .2s ease}.re-add-header{background:var(--audio-bubble-bg-sent);padding:16px 12px 12px;text-align:center;position:relative;overflow:hidden}.re-add-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:shimmer 4s ease-in-out infinite}.re-add-icon-wrapper{position:relative;z-index:2;margin-bottom:6px;display:flex;justify-content:center}.re-add-icon{width:28px;height:28px;background:#ffffff1f;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;box-shadow:0 4px 16px #00000014}.re-add-title{font-size:14px;font-weight:600;margin:0 0 2px;color:#fff;position:relative;z-index:2;letter-spacing:-.01em}.re-add-subtitle{font-size:11px;font-weight:400;margin:0;color:#ffffffbf;position:relative;z-index:2}.re-add-content{padding:12px}.re-add-message-card{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(102,126,234,.08)}.re-add-message-icon{width:20px;height:20px;background:var(--audio-bubble-bg-sent);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 8px #667eea40}.re-add-message{font-size:12px;line-height:1.4;color:#4a5568;margin:0;font-weight:400}.re-add-actions{padding:0 12px 12px;display:flex;gap:6px}.re-add-cancel-btn{flex:1;padding:10px 12px;border:1px solid #e2e8f0;background:var(--audio-bubble-bg);color:#64748b;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:4px;position:relative;overflow:hidden}.re-add-cancel-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .3s}.re-add-cancel-btn:hover{border-color:#cbd5e1;background:#f8fafc;color:#475569;transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.re-add-cancel-btn:hover:before{left:100%}.re-add-confirm-btn{flex:2;padding:10px 12px;border:none;background:var(--audio-bubble-bg-sent);color:#fff;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.re-add-confirm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .3s}.re-add-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #667eea66}.re-add-confirm-btn:hover:before{left:100%}.re-add-confirm-btn:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}@keyframes reAddModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.forward-header{padding:16px 20px;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between}.forward-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.forward-content{flex:1;overflow-y:auto;padding:16px 20px}.forward-message-preview{padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.forward-friends-list{display:flex;flex-direction:column;gap:4px}.forward-friend-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff;border:2px solid #e0e0e0}.forward-friend-item:active{background:#f5f5f5}.forward-friend-item.selected{background:linear-gradient(135deg,#667eea14,#764ba214);border-color:#667eea}.forward-friend-item .friend-avatar{width:40px;height:40px;border-radius:50%;background:var(--audio-bubble-bg-sent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.forward-friend-item .friend-name{flex:1;font-size:15px;color:var(--text-primary);font-weight:500}.forward-friend-item .check-icon{font-size:24px;color:var(--primary-color);flex-shrink:0}.forward-footer{padding:16px 20px;border-top:1px solid #e0e0e0;display:flex;gap:12px}.forward-footer .cancel-btn,.forward-footer .confirm-btn{flex:1;padding:12px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.forward-footer .cancel-btn{background:#f0f0f0;color:var(--text-secondary)}.forward-footer .cancel-btn:active{background:#e0e0e0}.forward-footer .confirm-btn{background:var(--audio-bubble-bg-sent);color:#fff}.forward-footer .confirm-btn:active{opacity:.9}.forward-footer .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.multi-select-toolbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--border-color-light);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:15;box-shadow:0 2px 8px #0000000a}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn.cancel{background:#f3f4f6;color:#6b7280}.toolbar-btn.copy{background:#dbeafe;color:#2563eb}.toolbar-btn.delete{background:#fee2e2;color:#dc2626}.toolbar-btn.forward{background:#dcfce7;color:#16a34a}.toolbar-info{flex:1;text-align:center}.selected-count{font-size:14px;color:#6b7280;font-weight:500}.toolbar-actions{display:flex;gap:8px}.user-actions-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end;justify-content:center}.user-actions-menu{width:100%;max-width:500px;background:var(--bg-modal);border-radius:20px 20px 0 0;box-shadow:0 -4px 24px #00000026;padding-bottom:env(safe-area-inset-bottom,0px);max-height:70vh;overflow-y:auto}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border-color-light)}.menu-user-info{display:flex;align-items:center;gap:12px;flex:1}.menu-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu-avatar img{width:100%;height:100%;object-fit:cover}.menu-user-details{flex:1;min-width:0}.menu-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.menu-username{font-size:13px;color:var(--text-secondary)}.menu-close-btn{width:36px;height:36px;border:none;background:var(--bg-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.menu-close-btn:hover{background:var(--bg-active)}.menu-close-btn:active{transform:scale(.95)}.menu-close-btn svg{color:var(--text-secondary)}.menu-actions{padding:8px 0}.menu-action-item{width:100%;display:flex;align-items:center;gap:16px;padding:16px 20px;border:none;background:var(--bg-modal);cursor:pointer;transition:all .2s ease;font-size:15px;font-weight:500;color:var(--text-primary);text-align:left}.menu-action-item:hover{background:var(--bg-hover)}.menu-action-item:active{background:var(--bg-active)}.menu-action-item svg{color:var(--primary-color);flex-shrink:0}.menu-action-item.danger{color:#ff4757}.menu-action-item.danger svg{color:#ff4757}.menu-action-item span{flex:1}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-up-enter-from,.slide-up-leave-to{opacity:0}.slide-up-enter-from .user-actions-menu,.slide-up-leave-to .user-actions-menu{transform:translateY(100%)}.slide-up-enter-to .user-actions-menu,.slide-up-leave-from .user-actions-menu{transform:translateY(0)}.edit-message-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--audio-bubble-bg-sent);border-radius:8px;margin-bottom:8px}.edit-info{display:flex;align-items:center;gap:8px;color:#fff}.edit-icon{font-size:16px}.edit-text{font-size:14px;font-weight:500}.edit-cancel-btn{background:#fff3;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff}.edit-cancel-btn:hover{background:#ffffff4d}.kickout-dialog-overlay{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.kickout-dialog{background:var(--bg-modal);border-radius:16px;min-width:300px;max-width:380px;width:100%;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff0d;overflow:hidden;animation:kickoutSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes kickoutSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.kickout-dialog-header{text-align:center;padding:28px 24px 16px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.kickout-icon{font-size:48px;margin-bottom:12px;opacity:.95;animation:kickoutPulse 2s ease-in-out infinite}@keyframes kickoutPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.kickout-dialog-header h3{margin:0;font-size:18px;font-weight:600;letter-spacing:.5px}.kickout-dialog-content{padding:24px;text-align:center}.kickout-main-message{margin:0 0 16px;font-size:15px;color:var(--text-primary);line-height:1.6;font-weight:500}.kickout-detail-info{background:var(--bg-secondary, #f8f9fa);border-radius:12px;padding:14px 16px;margin-bottom:16px;text-align:left}.kickout-detail-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--text-secondary, #6b7280);line-height:1.4}.kickout-detail-row:not(:last-child){border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:8px;margin-bottom:2px}.darker-theme .kickout-detail-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}.kickout-detail-icon{font-size:16px;color:var(--text-tertiary, #9ca3af);flex-shrink:0}.kickout-tip{margin:0;font-size:12px;color:#ef4444;line-height:1.5;font-weight:500}.kickout-dialog-actions{padding:0 24px 24px;display:flex;justify-content:center}.kickout-btn{width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea66}.kickout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #667eea80}.kickout-btn:active{transform:scale(.98) translateY(0);box-shadow:0 2px 8px #667eea4d}@media (max-width: 480px){.kickout-dialog-overlay{padding:16px}.kickout-dialog{max-width:100%;min-width:auto}.kickout-dialog-header{padding:24px 20px 14px}.kickout-icon{font-size:40px}.kickout-dialog-header h3{font-size:17px}.kickout-dialog-content{padding:20px}.kickout-main-message{font-size:14px}.kickout-detail-info{padding:12px 14px}.kickout-detail-row{font-size:12px}.kickout-dialog-actions{padding:0 20px 20px}.kickout-btn{padding:14px 20px;font-size:15px}}.tab-content{min-width:0;overflow-x:hidden}.main-content[style*=width]{min-width:280px!important}.member-menu-overlay{position:fixed;inset:0;z-index:1000;background:transparent}.member-menu{position:fixed;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:1001;min-width:180px;overflow:hidden;animation:menuSlideIn .2s ease-out}@keyframes menuSlideIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.member-menu .menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:15px;color:var(--text-primary);border:none;background:none;width:100%;text-align:left}.member-menu .menu-item:hover{background:var(--hover-bg, rgba(0, 0, 0, .05))}.member-menu .menu-item .menu-icon{font-size:20px;flex-shrink:0}.member-menu .menu-item.danger{color:#e74c3c}.member-menu .menu-item.danger:hover{background:#e74c3c1a}.cs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary, #999);gap:12px;-webkit-user-select:none;user-select:none}.cs-empty-icon{font-size:48px;opacity:.6}.cs-empty-text{font-size:14px}.cs-ctx-menu{position:fixed;background:var(--bg-primary, #fff);border-radius:12px;box-shadow:0 8px 32px #00000026;padding:6px;min-width:160px;z-index:10000;animation:csCtxFadeIn .15s ease-out;border:1px solid var(--border-color-light, rgba(0,0,0,.08))}@keyframes csCtxFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:none}}.cs-ctx-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary, #333);-webkit-user-select:none;user-select:none;transition:background .15s}.cs-ctx-item:hover{background:#667eea1a;color:var(--primary-color, #667eea)}.cs-ctx-icon{font-size:16px;width:18px;text-align:center}.solitaire-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:99999}.solitaire-create-panel{width:100%;background:var(--bg-modal, #fff);border-radius:20px 20px 0 0;padding:0 0 env(safe-area-inset-bottom,16px)}.solitaire-create-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:16px;font-weight:700;border-bottom:1px solid var(--border-color-light)}.solitaire-create-header button{border:none;background:none;font-size:18px;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .15s}.solitaire-create-header button:hover{background:var(--bg-hover)}.solitaire-create-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.solitaire-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color-light);background:var(--bg-secondary);font-size:15px;color:var(--text-primary);outline:none;box-sizing:border-box;transition:border-color .15s}.solitaire-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary-color) 15%,transparent)}.solitaire-create-footer{display:flex;gap:12px;padding:12px 20px}.solitaire-cancel-btn{flex:1;padding:12px;border-radius:10px;border:1px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:background .15s}.solitaire-cancel-btn:hover{background:var(--bg-hover)}.solitaire-confirm-btn{flex:2;padding:12px;border-radius:10px;border:none;background:var(--primary-gradient, var(--primary-color));color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.solitaire-confirm-btn:hover:not(:disabled){opacity:.9}.solitaire-confirm-btn:disabled{opacity:.4;cursor:not-allowed}.sol-expire-section{display:flex;flex-direction:column;gap:6px}.sol-expire-label{font-size:13px;color:var(--text-secondary);font-weight:500}.sol-expire-presets{display:flex;gap:6px;flex-wrap:wrap}.sol-preset-btn{padding:5px 12px;border-radius:20px;border:1px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.sol-preset-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sol-preset-btn:hover:not(.active){background:var(--bg-hover)}@media (min-width: 768px){.solitaire-overlay{align-items:center}.solitaire-create-panel{width:420px;border-radius:16px;padding:0;box-shadow:0 20px 60px #0003;animation:solPanelIn .2s cubic-bezier(.34,1.56,.64,1)}}@keyframes solPanelIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.sol-banner{flex-shrink:0;background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-primary));border-bottom:1px solid color-mix(in srgb,var(--primary-color) 15%,transparent);border-left:3px solid var(--primary-color);box-shadow:0 1px 4px #0000000a}.sol-banner-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.sol-banner-header:hover{background:var(--bg-hover)}.sol-banner-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sol-banner-icon-wrap{width:20px;height:20px;flex-shrink:0;color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:18px}.sol-banner-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sol-banner-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sol-banner-meta{display:flex;align-items:center;gap:4px;font-size:11px}.sol-banner-count{color:var(--primary-color);font-weight:600}.sol-banner-dot{color:var(--text-disabled)}.sol-banner-deadline{color:var(--text-secondary)}.sol-banner-expired{color:#ef4444}.sol-banner-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.sol-banner-quick-btn{padding:5px 14px;border-radius:20px;border:none;background:var(--primary-gradient, var(--primary-color));color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color) 40%,transparent);transition:transform .12s,box-shadow .12s;white-space:nowrap;letter-spacing:.3px}.sol-banner-quick-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-color) 50%,transparent)}.sol-banner-quick-btn:active{transform:scale(.95)}.sol-banner-quick-leave{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color-light);box-shadow:none}.sol-banner-quick-leave:hover{background:var(--bg-hover);box-shadow:none;transform:none}.sol-banner-chevron{font-size:20px;color:var(--text-tertiary);transition:transform .2s;padding:4px}.sol-banner.expanded .sol-banner-chevron{transform:rotate(180deg)}.sol-banner-close{border:none;background:none;color:var(--text-tertiary);cursor:pointer;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .15s}.sol-banner-close:hover{background:var(--bg-hover);color:var(--text-secondary)}.sol-banner-body{border-top:1px solid color-mix(in srgb,var(--primary-color) 10%,transparent);background:color-mix(in srgb,var(--primary-color) 10%,var(--bg-primary))}.sol-banner-list{max-height:180px;overflow-y:auto;padding:8px 14px;display:flex;flex-direction:column;gap:6px}.sol-banner-list::-webkit-scrollbar{width:4px}.sol-banner-list::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:2px}.sol-banner-empty{font-size:13px;color:var(--text-tertiary);text-align:center;padding:8px 0}.sol-banner-entry{display:flex;align-items:center;gap:8px;padding:4px 0}.sol-banner-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0}.sol-banner-avatar-default{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--primary-gradient, var(--primary-color));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.sol-banner-seq{font-size:12px;color:var(--primary-color);font-weight:700;min-width:20px}.sol-banner-name{font-size:13px;color:var(--text-primary);font-weight:500;flex:1}.sol-banner-note{font-size:12px;color:var(--text-secondary)}.sol-banner-footer{padding:10px 14px;border-top:1px solid var(--border-color-light);display:flex;gap:8px}.sol-banner-footer-expired{justify-content:center;font-size:13px;color:var(--text-tertiary)}.sol-banner-join-btn{flex:1;padding:8px;border-radius:8px;border:none;background:var(--primary-gradient, var(--primary-color));color:#fff;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s}.sol-banner-join-btn:hover{opacity:.9}.sol-banner-leave-btn{flex:1;padding:8px;border-radius:8px;border:1px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:background .15s}.sol-banner-leave-btn:hover{background:var(--bg-hover)}.img-pv-overlay{position:fixed;inset:0;z-index:99999;background:#000;display:flex;align-items:center;justify-content:center;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.img-pv-img{max-width:100%;max-height:100%;object-fit:contain;display:block;touch-action:pinch-zoom}.img-pv-bar{position:fixed;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#000000bf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:space-around}.img-pv-btn{width:52px;height:52px;border-radius:50%;border:none;background:#ffffff1f;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.img-pv-btn svg{width:24px;height:24px}.img-pv-btn:active{background:#ffffff40}.activity-container[data-v-86d99b8f]{display:flex;flex-direction:column;min-height:0;background:transparent;overflow-y:auto}.activity-content[data-v-86d99b8f]{padding:4px 8px 8px;flex:none}.discovery-item-wrap[data-v-86d99b8f]{position:relative}.discovery-item-wrap[data-v-86d99b8f]:not(:last-child):after{content:"";position:absolute;left:54px;right:12px;bottom:0;height:1px;background:var(--border-color-light);opacity:.5}.discovery-item[data-v-86d99b8f]{display:flex;flex-direction:row;align-items:center;width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;text-align:left;min-height:48px;box-sizing:border-box;border-radius:14px;margin-bottom:2px}.discovery-item[data-v-86d99b8f]:hover{background:var(--bg-hover)}.discovery-item[data-v-86d99b8f]:active{background:var(--bg-active)}.discovery-icon-wrap[data-v-86d99b8f]{width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;margin-right:14px;flex-shrink:0}.discovery-icon[data-v-86d99b8f]{font-size:17px;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center}.discovery-text[data-v-86d99b8f]{flex:1;font-size:15px;color:var(--text-primary);font-weight:500;line-height:1.4}.discovery-arrow[data-v-86d99b8f]{font-size:18px;color:var(--text-tertiary);flex-shrink:0;opacity:.5;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.checkin-badge[data-v-86d99b8f]{width:8px;height:8px;border-radius:50%;background:#ef4444;flex-shrink:0;margin-right:4px;animation:badgePulse-86d99b8f 2s ease-in-out infinite}.moment-badge[data-v-86d99b8f]{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:1px 6px;border-radius:10px;flex-shrink:0;margin-right:4px;min-width:16px;text-align:center;line-height:1.4}.skeleton-item[data-v-86d99b8f]{cursor:default;pointer-events:none}.skeleton-icon[data-v-86d99b8f]{background:var(--bg-hover, rgba(128,128,128,.1));animation:shimmer-86d99b8f 1.2s ease-in-out infinite}.skeleton-text[data-v-86d99b8f]{flex:1;height:14px;border-radius:7px;background:var(--bg-hover, rgba(128,128,128,.1));max-width:120px;animation:shimmer-86d99b8f 1.2s ease-in-out infinite}@keyframes shimmer-86d99b8f{0%,to{opacity:.4}50%{opacity:.8}}@keyframes badgePulse-86d99b8f{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}@media (max-width: 768px){.discovery-item[data-v-86d99b8f]{padding:12px;min-height:50px}}.oa-container[data-v-c56ff53e]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.oa-header[data-v-c56ff53e]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color-light);flex-shrink:0}.oa-back[data-v-c56ff53e]{width:32px;height:32px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);cursor:pointer;border-radius:8px}.oa-back[data-v-c56ff53e]:hover{background:var(--bg-hover)}.oa-title[data-v-c56ff53e]{font-size:16px;font-weight:600;color:var(--text-primary)}.oa-list[data-v-c56ff53e]{flex:1;overflow-y:auto;padding:8px 12px}.oa-item[data-v-c56ff53e]{display:flex;align-items:center;gap:14px;padding:14px 12px;border-radius:16px;cursor:pointer;transition:all .2s;position:relative}.oa-item[data-v-c56ff53e]:not(:last-child):after{content:"";position:absolute;left:70px;right:12px;bottom:0;height:1px;background:var(--border-color-light);opacity:.4}.oa-item[data-v-c56ff53e]:hover{background:var(--bg-hover)}.oa-avatar[data-v-c56ff53e]{width:48px;height:48px;border-radius:14px;background:#8b5cf614;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0000000f}.oa-avatar img[data-v-c56ff53e]{width:100%;height:100%;object-fit:cover}.oa-avatar-icon[data-v-c56ff53e]{font-size:24px;color:var(--primary-color)}.oa-info[data-v-c56ff53e]{flex:1;min-width:0}.oa-name[data-v-c56ff53e]{font-size:15px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oa-desc[data-v-c56ff53e]{font-size:12px;color:var(--text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.oa-meta[data-v-c56ff53e]{display:flex;gap:10px;margin-top:4px;font-size:11px;color:var(--text-tertiary)}.oa-meta span[data-v-c56ff53e]{display:flex;align-items:center;gap:3px}.oa-follow-btn[data-v-c56ff53e]{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer;flex-shrink:0;transition:all .25s;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #8b5cf633}.oa-follow-btn[data-v-c56ff53e]:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.oa-follow-btn[data-v-c56ff53e]:active{transform:translateY(0)}.oa-follow-icon[data-v-c56ff53e]{font-size:14px}.oa-follow-btn.followed[data-v-c56ff53e]{background:var(--bg-hover);color:var(--text-tertiary);box-shadow:none;border:1px solid var(--border-color-light)}.oa-empty[data-v-c56ff53e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px}.oa-empty-circle[data-v-c56ff53e]{width:64px;height:64px;border-radius:50%;background:#8b5cf60f;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.oa-empty-icon[data-v-c56ff53e]{font-size:28px;color:var(--text-tertiary);opacity:.5}.oa-empty-text[data-v-c56ff53e]{font-size:14px;color:var(--text-secondary);font-weight:500}.oa-empty-hint[data-v-c56ff53e]{font-size:12px;color:var(--text-tertiary);margin-top:4px}.oa-loading[data-v-c56ff53e]{display:flex;justify-content:center;padding:32px}.oa-spin[data-v-c56ff53e]{font-size:24px;color:var(--primary-color);animation:oa-spin-c56ff53e 1s linear infinite}@keyframes oa-spin-c56ff53e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.oad-container[data-v-b7e6a6d0]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.oad-header[data-v-b7e6a6d0]{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color-light);flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.oad-back[data-v-b7e6a6d0]{width:32px;height:32px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-primary);cursor:pointer;border-radius:8px}.oad-back[data-v-b7e6a6d0]:hover{background:var(--bg-hover)}.oad-header-center[data-v-b7e6a6d0]{display:flex;align-items:center;gap:8px}.oad-header-avatar[data-v-b7e6a6d0]{width:22px;height:22px;border-radius:50%;object-fit:cover}.oad-title[data-v-b7e6a6d0]{font-size:16px;font-weight:600;color:var(--text-primary)}.oad-profile-card[data-v-b7e6a6d0]{position:relative;overflow:hidden;margin:12px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-color-light)}.oad-profile-bg[data-v-b7e6a6d0]{position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(135deg,#8b5cf614,#3b82f60a)}.oad-profile-content[data-v-b7e6a6d0]{position:relative;padding:16px;display:flex;align-items:center;gap:14px}.oad-avatar[data-v-b7e6a6d0]{width:56px;height:56px;border-radius:14px;background:#8b5cf614;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;box-shadow:0 2px 10px #00000014}.oad-avatar img[data-v-b7e6a6d0]{width:100%;height:100%;object-fit:cover}.oad-avatar-icon[data-v-b7e6a6d0]{font-size:28px;color:var(--primary-color)}.oad-profile-right[data-v-b7e6a6d0]{flex:1;min-width:0}.oad-name[data-v-b7e6a6d0]{font-size:16px;font-weight:700;color:var(--text-primary)}.oad-desc[data-v-b7e6a6d0]{font-size:12px;color:var(--text-secondary);margin-top:2px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oad-profile-stats[data-v-b7e6a6d0]{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--text-tertiary)}.oad-stat-item b[data-v-b7e6a6d0]{font-weight:700;color:var(--text-primary);margin-right:2px}.oad-stat-dot[data-v-b7e6a6d0]{opacity:.4}.oad-section-title[data-v-b7e6a6d0]{display:flex;align-items:center;gap:6px;padding:12px 16px 4px;font-size:13px;font-weight:600;color:var(--text-secondary)}.oad-articles[data-v-b7e6a6d0]{flex:1;overflow-y:auto;padding:4px 12px 12px}.oad-article-item[data-v-b7e6a6d0]{display:flex;align-items:center;gap:12px;padding:14px 12px;cursor:pointer;border-radius:14px;transition:all .2s;position:relative}.oad-article-item[data-v-b7e6a6d0]:not(:last-child):after{content:"";position:absolute;left:48px;right:12px;bottom:0;height:1px;background:var(--border-color-light);opacity:.4}.oad-article-item[data-v-b7e6a6d0]:hover{background:var(--bg-hover)}.oad-article-idx[data-v-b7e6a6d0]{width:28px;height:28px;border-radius:8px;background:#8b5cf614;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--primary-color);flex-shrink:0}.oad-article-item:first-child .oad-article-idx[data-v-b7e6a6d0]{background:#8b5cf626;color:var(--primary-color)}.oad-article-info[data-v-b7e6a6d0]{flex:1;min-width:0}.oad-article-item-title[data-v-b7e6a6d0]{font-size:14px;font-weight:600;color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.oad-article-summary[data-v-b7e6a6d0]{font-size:12px;color:var(--text-tertiary);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oad-article-item-meta[data-v-b7e6a6d0]{display:flex;gap:12px;margin-top:5px;font-size:11px;color:var(--text-tertiary)}.oad-article-item-meta span[data-v-b7e6a6d0]{display:flex;align-items:center;gap:3px}.oad-article-arrow[data-v-b7e6a6d0]{font-size:16px;color:var(--text-tertiary);opacity:.4;flex-shrink:0}.oad-article-detail[data-v-b7e6a6d0]{flex:1;overflow-y:auto}.oad-article-card[data-v-b7e6a6d0]{padding:24px 20px}.oad-article-title[data-v-b7e6a6d0]{font-size:22px;font-weight:800;color:var(--text-primary);line-height:1.35;margin:0 0 16px;letter-spacing:-.3px}.oad-article-meta[data-v-b7e6a6d0]{margin-bottom:16px}.oad-article-author[data-v-b7e6a6d0]{display:flex;align-items:center;gap:10px}.oad-meta-avatar[data-v-b7e6a6d0]{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(139,92,246,.15)}.oad-meta-info[data-v-b7e6a6d0]{display:flex;flex-direction:column;gap:1px}.oad-meta-name[data-v-b7e6a6d0]{font-size:13px;font-weight:600;color:var(--text-primary)}.oad-meta-date[data-v-b7e6a6d0]{font-size:11px;color:var(--text-tertiary)}.oad-article-divider[data-v-b7e6a6d0]{height:1px;background:var(--border-color-light);margin-bottom:20px}.oad-article-body[data-v-b7e6a6d0]{font-size:15px;color:var(--text-primary);line-height:1.85;word-break:break-word}.oad-article-body[data-v-b7e6a6d0] h3{font-size:18px;font-weight:700;margin:24px 0 12px;color:var(--text-primary);padding-left:10px;border-left:3px solid var(--primary-color)}.oad-article-body[data-v-b7e6a6d0] h4{font-size:15px;font-weight:700;margin:18px 0 8px;color:var(--text-primary)}.oad-article-body[data-v-b7e6a6d0] p{margin:8px 0;line-height:1.85}.oad-article-body[data-v-b7e6a6d0] ul{padding-left:0;list-style:none;margin:10px 0}.oad-article-body[data-v-b7e6a6d0] li{padding:8px 12px;margin:6px 0;background:#8b5cf60a;border-radius:10px;font-size:14px;border:1px solid rgba(139,92,246,.06)}.oad-article-body[data-v-b7e6a6d0] img{max-width:100%;border-radius:12px;margin:16px 0}.oad-article-footer[data-v-b7e6a6d0]{padding:16px 20px 20px;border-top:1px solid var(--border-color-light)}.oad-footer-stats[data-v-b7e6a6d0]{display:flex;gap:20px;font-size:12px;color:var(--text-tertiary);align-items:center}.oad-footer-stats>span[data-v-b7e6a6d0]{display:flex;align-items:center;gap:4px}.oad-like-btn[data-v-b7e6a6d0]{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-color-light);padding:5px 14px;border-radius:20px;cursor:pointer;font-size:12px;color:var(--text-tertiary);transition:all .25s}.oad-like-btn[data-v-b7e6a6d0]:hover{background:#8b5cf60f;border-color:#8b5cf633;color:var(--text-secondary)}.oad-like-btn.liked[data-v-b7e6a6d0]{background:#8b5cf61a;border-color:#8b5cf64d;color:var(--primary-color)}.oad-empty[data-v-b7e6a6d0]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px}.oad-empty-icon[data-v-b7e6a6d0]{font-size:36px;color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.oad-empty-text[data-v-b7e6a6d0]{font-size:13px;color:var(--text-tertiary)}.oad-loading[data-v-b7e6a6d0]{display:flex;justify-content:center;padding:32px}.oad-spin[data-v-b7e6a6d0]{font-size:24px;color:var(--primary-color);animation:oad-spin-b7e6a6d0 1s linear infinite}@keyframes oad-spin-b7e6a6d0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ws-status-icon[data-v-55780b25]{font-size:18px;display:flex;align-items:center;margin-left:6px}@media (min-width: 769px){.ws-status-icon[data-v-55780b25]{display:none}}.ws-online[data-v-55780b25]{color:#22c55e;cursor:pointer}.ws-offline[data-v-55780b25]{color:#ef4444;cursor:pointer;animation:wsPulse-55780b25 1.5s infinite}.ws-reconnecting[data-v-55780b25]{color:#f59e0b;animation:wsSpin-55780b25 1s linear infinite}@keyframes wsPulse-55780b25{0%,to{opacity:1}50%{opacity:.3}}@keyframes wsSpin-55780b25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.va-selector[data-v-55780b25]{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899,#f59e0b,#8b5cf6);background-size:300% 300%;color:#fff;font-size:12px;font-weight:600;cursor:pointer;position:relative;white-space:nowrap;animation:va-gradient-55780b25 3s ease infinite,va-pulse-55780b25 2s ease-in-out infinite,va-glow-55780b25 2s ease-in-out infinite;box-shadow:0 0 12px #8b5cf699,0 0 24px #ec48994d}@keyframes va-gradient-55780b25{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes va-pulse-55780b25{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes va-glow-55780b25{0%,to{box-shadow:0 0 8px #8b5cf680,0 0 16px #ec489933}50%{box-shadow:0 0 20px #8b5cf6cc,0 0 40px #ec489980,0 0 60px #f59e0b4d}}.va-selector[data-v-55780b25]:hover{animation:va-gradient-55780b25 3s ease infinite;transform:scale(1.05);box-shadow:0 0 24px #8b5cf6e6,0 0 48px #ec489980}.va-avatar[data-v-55780b25]{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);animation:va-avatar-ring-55780b25 2s linear infinite;box-shadow:0 0 8px #fff9}@keyframes va-avatar-ring-55780b25{0%{border-color:#ffffffe6;box-shadow:0 0 6px #fff9}33%{border-color:#ec4899e6;box-shadow:0 0 10px #ec489999}66%{border-color:#f59e0be6;box-shadow:0 0 10px #f59e0b99}to{border-color:#ffffffe6;box-shadow:0 0 6px #fff9}}.va-name[data-v-55780b25]{max-width:80px;overflow:hidden;text-overflow:ellipsis;font-size:14px}.va-dropdown[data-v-55780b25]{position:absolute;top:100%;left:0;margin-top:6px;min-width:160px;background:var(--bg-secondary, #1e293b);border:2px solid var(--primary-color, #8b5cf6);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:200;overflow:hidden}.va-option[data-v-55780b25]{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-size:13px;color:var(--text-primary);transition:background .15s}.va-option[data-v-55780b25]:hover{background:var(--hover-bg, rgba(0,0,0,.05))}.va-option.active[data-v-55780b25]{color:var(--primary-color, #8b5cf6);font-weight:700}.va-option-avatar[data-v-55780b25]{width:24px;height:24px;border-radius:50%;object-fit:cover}.va-option-clear[data-v-55780b25]{color:var(--text-tertiary);font-size:12px;border-top:1px solid var(--border-color)}.pwa-overlay[data-v-55780b25]{position:fixed;inset:0;background:#00000080;z-index:100005;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pwa-sheet[data-v-55780b25]{max-width:420px;width:100%;background:var(--bg-modal, var(--bg-primary));border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:90vh;animation:pwa-up-55780b25 .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes pwa-up-55780b25{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.pwa-hero[data-v-55780b25]{flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(99,102,241,.08),var(--bg-modal, var(--bg-primary)))}.pwa-hero-glow[data-v-55780b25]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(99,102,241,.15),transparent 70%);pointer-events:none}.pwa-topbar[data-v-55780b25]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));position:relative;z-index:1}.pwa-topbar-left[data-v-55780b25]{display:flex;align-items:center;gap:10px}.pwa-logo[data-v-55780b25]{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 8px #00000026}.pwa-logo img[data-v-55780b25]{width:100%;height:100%;object-fit:cover}.pwa-brand[data-v-55780b25]{font-size:18px;font-weight:700;background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.pwa-close[data-v-55780b25]{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.pwa-close[data-v-55780b25]:hover{background:var(--bg-active);color:#6366f1}.pwa-welcome[data-v-55780b25]{padding:16px 24px 20px;text-align:center;position:relative;z-index:1}.pwa-welcome-title[data-v-55780b25]{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.pwa-welcome-desc[data-v-55780b25]{font-size:13px;color:var(--text-secondary)}.pwa-divider[data-v-55780b25]{height:2px;background:linear-gradient(90deg,transparent,#6366f1,#8b5cf6,transparent)}.pwa-content[data-v-55780b25]{flex:1;overflow-y:auto;padding:0;background:var(--bg-modal, var(--bg-primary))}.pwa-features[data-v-55780b25]{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.pwa-feature[data-v-55780b25]{display:flex;align-items:center;gap:12px}.pwa-feature-icon[data-v-55780b25]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.pwa-feature-info[data-v-55780b25]{display:flex;flex-direction:column}.pwa-feature-title[data-v-55780b25]{font-size:14px;font-weight:600;color:var(--text-primary)}.pwa-feature-desc[data-v-55780b25]{font-size:12px;color:var(--text-secondary);margin-top:1px}.pwa-ios-guide[data-v-55780b25]{margin:0 20px 16px;padding:14px;background:var(--bg-secondary, var(--bg-hover));border-radius:12px;border:1px solid var(--border-color, rgba(226,232,240,.8))}.pwa-guide-title[data-v-55780b25]{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.pwa-guide-steps[data-v-55780b25]{display:flex;flex-direction:column;gap:10px}.pwa-step[data-v-55780b25]{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-primary);line-height:1.5}.pwa-step-num[data-v-55780b25]{width:22px;height:22px;background:#6366f1;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.pwa-step-hint[data-v-55780b25]{padding-left:32px;font-size:12px;color:var(--text-secondary, #6b7280)}.pwa-actions[data-v-55780b25]{padding:0 20px 20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.pwa-btn-install[data-v-55780b25]{width:100%;padding:14px 16px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 4px 12px #6366f14d;transition:all .2s}.pwa-btn-install[data-v-55780b25]:active{transform:scale(.97)}.pwa-version-tip[data-v-55780b25]{background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:10px;padding:10px 12px;font-size:12px;color:#f59e0b;line-height:1.5;margin-bottom:14px}.ios-icon[data-v-55780b25]{width:22px;height:22px;vertical-align:middle;background:#1e1e2e;border-radius:6px;padding:3px}@media (min-width: 1024px){.pwa-overlay[data-v-55780b25]{align-items:center}.pwa-sheet[data-v-55780b25]{border-radius:20px;max-width:400px}}.apk-overlay[data-v-55780b25]{position:fixed;inset:0;background:#00000080;z-index:100005;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.apk-sheet[data-v-55780b25]{max-width:420px;width:100%;background:var(--bg-modal, var(--bg-primary));border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:apk-up-55780b25 .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes apk-up-55780b25{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.apk-hero[data-v-55780b25]{flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(61,220,132,.08),var(--bg-modal, var(--bg-primary)))}.apk-hero-glow[data-v-55780b25]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(61,220,132,.15),transparent 70%);pointer-events:none}.apk-topbar[data-v-55780b25]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));position:relative;z-index:1}.apk-topbar-left[data-v-55780b25]{display:flex;align-items:center;gap:10px}.apk-logo[data-v-55780b25]{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:18px;color:#3ddc84;border:1.5px solid rgba(61,220,132,.3);flex-shrink:0}.apk-brand[data-v-55780b25]{font-size:18px;font-weight:700;background:linear-gradient(90deg,#3ddc84,#00c853);-webkit-background-clip:text;background-clip:text;color:transparent}.apk-close[data-v-55780b25]{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.apk-close[data-v-55780b25]:hover{background:var(--bg-active);color:#3ddc84}.apk-welcome[data-v-55780b25]{padding:20px 24px 24px;text-align:center;position:relative;z-index:1}.apk-welcome-title[data-v-55780b25]{font-size:22px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.apk-welcome-badges[data-v-55780b25]{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--text-tertiary)}.apk-badge-item[data-v-55780b25]{display:flex;align-items:center;gap:4px}.apk-badge-icon[data-v-55780b25]{font-size:13px;color:#3ddc84}.apk-divider[data-v-55780b25]{height:2px;background:linear-gradient(90deg,transparent,#3ddc84,#00c853,transparent)}.apk-content[data-v-55780b25]{padding:0 0 32px;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px));background:var(--bg-modal, var(--bg-primary))}.apk-features[data-v-55780b25]{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.apk-feature[data-v-55780b25]{display:flex;align-items:center;gap:12px}.apk-feature-icon[data-v-55780b25]{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.apk-feature-info[data-v-55780b25]{display:flex;flex-direction:column}.apk-feature-title[data-v-55780b25]{font-size:14px;font-weight:600;color:var(--text-primary)}.apk-feature-desc[data-v-55780b25]{font-size:12px;color:var(--text-secondary);margin-top:1px}.apk-download-area[data-v-55780b25]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:0 20px}.apk-hint[data-v-55780b25]{font-size:13px;color:var(--text-secondary);letter-spacing:.3px}.apk-cta[data-v-55780b25]{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 48px;border:none;border-radius:12px;background:linear-gradient(135deg,#3ddc84,#00c853);color:#fff;font-size:15px;font-weight:700;cursor:pointer;text-decoration:none;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 12px #3ddc844d,0 0 24px #3ddc841a;animation:apk-cta-glow-55780b25 2.5s ease-in-out infinite}@keyframes apk-cta-glow-55780b25{0%,to{box-shadow:0 0 12px #3ddc844d,0 0 24px #3ddc841a}50%{box-shadow:0 0 20px #3ddc8480,0 0 40px #00c85333}}.apk-cta[data-v-55780b25]:after{content:"";position:absolute;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:apk-shine-55780b25 2.5s ease-in-out infinite;left:-100%}@keyframes apk-shine-55780b25{0%{left:-100%}to{left:200%}}.apk-cta[data-v-55780b25]:hover{transform:scale(1.04);filter:brightness(1.1)}.apk-cta[data-v-55780b25]:active{transform:scale(.97)}.apk-arrow[data-v-55780b25]{display:inline-block;margin-left:2px;animation:apk-arrow-bounce-55780b25 1.2s ease-in-out infinite}@keyframes apk-arrow-bounce-55780b25{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.apk-no-download[data-v-55780b25]{display:flex;align-items:center;gap:6px;padding:12px 24px;border-radius:10px;background:var(--bg-hover);color:var(--text-tertiary);font-size:13px}@media (min-width: 1024px){.apk-overlay[data-v-55780b25]{align-items:center}.apk-sheet[data-v-55780b25]{border-radius:20px;max-width:380px}}.app-download-btn[data-v-55780b25]{display:flex;align-items:center;gap:1px;padding:6px 4px;cursor:pointer;border-radius:8px;position:relative;overflow:hidden}.app-download-btn svg[data-v-55780b25]{color:var(--primary-color, #6366f1);flex-shrink:0;display:block;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--primary-color, #6366f1) 30%,transparent))}.app-download-btn span[data-v-55780b25]{font-size:12px;font-weight:800;background:linear-gradient(135deg,var(--primary-color, #6366f1),color-mix(in srgb,var(--primary-color, #6366f1) 70%,#c084fc));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1;letter-spacing:.5px}.app-download-btn[data-v-55780b25]:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:app-btn-shine-55780b25 2.5s ease-in-out infinite;pointer-events:none}@keyframes app-btn-shine-55780b25{0%{left:-100%}60%{left:200%}to{left:200%}}.header-actions .action-btn.icon-only[data-v-55780b25]{background:transparent!important;width:36px;height:36px;min-width:36px;padding:0!important;border:none!important;outline:none!important;display:flex;align-items:center;justify-content:center}.header-actions .action-btn.icon-only .icon[data-v-55780b25]{font-size:22px}.header-actions .action-btn.icon-only[data-v-55780b25]:hover,.header-actions .action-btn.icon-only[data-v-55780b25]:active,.header-actions .action-btn.icon-only[data-v-55780b25]:focus{background:transparent!important;transform:none!important;box-shadow:none!important;border:none!important;outline:none!important}.refresh-btn .icon[data-v-55780b25]{transition:transform .3s ease}.refresh-btn:hover .icon[data-v-55780b25]{color:var(--primary-color)}.refresh-btn.refreshing .icon[data-v-55780b25]{animation:refresh-spin-55780b25 .6s ease-in-out;color:var(--primary-color)}@keyframes refresh-spin-55780b25{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-area{position:relative;width:100%!important;padding:0 16px 16px!important;padding-bottom:calc(16px + env(safe-area-inset-bottom))!important;padding-left:calc(16px + env(safe-area-inset-left))!important;padding-right:calc(16px + env(safe-area-inset-right))!important;background:transparent!important;box-sizing:border-box;display:flex!important;flex-direction:column;visibility:visible!important;margin-bottom:0!important;transition:padding-bottom .2s ease}@media (min-width: 769px){.chat-input-area{max-width:720px!important;margin-left:auto!important;margin-right:auto!important;padding-bottom:calc(36px + env(safe-area-inset-bottom))!important}}.chat-input-area:after{content:"";position:absolute;bottom:0;left:0;right:0;height:env(safe-area-inset-bottom);background:var(--bg-primary);z-index:-1}.chat-input-area.emoji-open{padding-bottom:12px!important}.chat-input-area.disabled{opacity:.6;pointer-events:none}.input-wrapper{display:flex!important;align-items:flex-start;gap:8px;position:relative;visibility:visible!important}.recording-wrapper{display:flex!important;align-items:center;gap:8px}.stop-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:var(--input-bg)!important;color:var(--text-primary)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;flex-shrink:0;box-shadow:none!important;-webkit-tap-highlight-color:transparent}.stop-btn svg{width:16px;height:16px;fill:currentColor}.stop-btn:hover:not(:disabled){background:var(--bg-hover)!important;transform:scale(1.05)}.stop-btn:active:not(:disabled){transform:scale(.95)}.stop-btn:disabled{opacity:.5;cursor:not-allowed}.recording-textarea-wrapper{flex:1;min-width:0;position:relative;background:var(--input-bg)!important;border-radius:20px!important;padding:10px 12px!important;min-height:40px!important;height:40px!important;max-height:120px!important;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;box-sizing:border-box;gap:12px}.recording-waveform-container{flex:1;height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:20px}.recording-waveform-canvas{width:100%;height:100%;max-width:100%;display:block;min-height:20px}.recording-duration-inline{flex-shrink:0;font-size:12px;font-weight:500;color:var(--text-secondary);font-variant-numeric:tabular-nums;transition:color .2s ease;pointer-events:none;z-index:1;white-space:nowrap}.recording-duration-inline.canceled{color:var(--text-tertiary)}.recording-send-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:var(--primary-color)!important;color:var(--text-inverse)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .2s ease;flex-shrink:0;box-shadow:var(--shadow-primary);-webkit-tap-highlight-color:transparent}.recording-send-btn:hover:not(:disabled){background:var(--primary-color)!important;opacity:.9;transform:scale(1.05);box-shadow:var(--shadow-primary-hover)}.recording-send-btn:active:not(:disabled){transform:scale(.95)}.recording-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-area .more-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:var(--input-bg)!important;color:var(--text-primary)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;flex-shrink:0;box-shadow:none!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:10!important;pointer-events:auto!important;-webkit-tap-highlight-color:transparent;align-self:center}.more-btn:hover:not(:disabled){background:var(--bg-hover)!important;transform:scale(1.05)}.more-btn:active:not(:disabled){transform:scale(.95)}.more-btn:disabled{opacity:.5;cursor:not-allowed}.textarea-wrapper{position:relative;flex:1;min-width:0;transition:all .2s ease;background:var(--input-bg)!important;border-radius:20px!important;padding:0 8px 0 4px;display:flex;align-items:flex-start;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.12)}.textarea-wrapper.focused{outline:none;box-shadow:0 4px 16px #8b5cf64d;border-color:#8b5cf666}.chat-input-area .input-wrapper:not(.recording-wrapper) .more-btn+.textarea-wrapper{margin-left:0}.chat-input-area .input-wrapper:not(.recording-wrapper) .textarea-wrapper{margin-left:8px}.chat-input-area .textarea-wrapper textarea{width:100%!important;min-height:48px!important;max-height:120px!important;padding:13px 4px 13px 8px!important;background:transparent!important;color:var(--text-primary)!important;border:none!important;border-radius:0!important;font-size:16px!important;font-family:inherit;line-height:20px;resize:none;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;transition:all .2s ease;box-shadow:none!important;display:block!important;visibility:visible!important;flex:1;min-width:0;scrollbar-width:none;white-space:normal;word-break:break-word}.chat-input-area .textarea-wrapper>textarea{max-height:120px!important}.chat-input-area .textarea-wrapper textarea::-webkit-scrollbar{display:none}.textarea-wrapper textarea::placeholder{color:var(--text-tertiary)}.textarea-wrapper textarea:disabled::placeholder{color:var(--text-secondary)!important;opacity:1!important}.textarea-wrapper textarea:focus{outline:none;background:transparent!important}.textarea-wrapper textarea:disabled{opacity:.7;cursor:not-allowed}.textarea-wrapper textarea.drag-over{background:#8b5cf61a;border:2px dashed var(--primary-color)}.chat-input-area .voice-btn{position:static!important;transform:none!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;background:transparent!important;color:var(--text-secondary)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;z-index:10;box-shadow:none!important;visibility:visible!important;opacity:1!important;flex-shrink:0;margin-left:4px;align-self:center}.voice-btn:hover:not(:disabled){color:var(--text-primary)!important;transform:scale(1.1)!important}.voice-btn:active:not(:disabled){transform:scale(.95)!important}.voice-btn:disabled{opacity:.5;cursor:not-allowed}.voice-tip{position:absolute;bottom:calc(100% + 8px);right:0;background:#000000d9;color:var(--text-inverse);padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;z-index:100;animation:tipFadeIn .2s ease;pointer-events:none;max-width:200px;white-space:normal;line-height:1.4}.darker-theme .voice-tip{background:#2d2d2df2}.voice-tip:after{content:"";position:absolute;top:100%;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(0,0,0,.85)}.darker-theme .voice-tip:after{border-top:6px solid rgba(45,45,45,.95)}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-input-area .send-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:var(--primary-color)!important;color:var(--text-inverse)!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease;flex-shrink:0;align-self:center;box-shadow:var(--shadow-primary);visibility:visible!important;opacity:1!important}.send-btn.has-text{background:var(--primary-color)!important}.send-btn:not(.has-text){background:var(--input-bg)!important;color:var(--text-primary)!important;box-shadow:var(--shadow-md)}.send-btn:hover:not(:disabled).has-text{transform:scale(1.05);box-shadow:var(--shadow-primary-hover)}.send-btn:hover:not(:disabled):not(.has-text){background:var(--primary-color)!important;opacity:.7;transform:scale(1.05);box-shadow:var(--shadow-primary-hover)}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.recording-panel{background:var(--bg-tertiary);border-radius:20px;padding:16px;margin-top:-8px;position:relative;min-height:80px;display:flex;align-items:center;justify-content:center}.recording-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.cancel-indicator{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#ef5350e6;color:var(--text-inverse);padding:4px 12px;border-radius:12px;font-size:12px;white-space:nowrap;animation:cancelSlideIn .2s ease}@keyframes cancelSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.waveform-container{width:100%;height:60px;display:flex;align-items:center;justify-content:center;margin:8px 0}.waveform-canvas{width:100%;height:100%;max-width:300px}.recording-duration{font-size:24px;font-weight:600;color:var(--primary-color);font-variant-numeric:tabular-nums;transition:color .2s ease}.recording-duration.canceled{color:var(--text-secondary)}.recording-hint{font-size:12px;color:var(--text-tertiary);transition:color .2s ease}.recording-hint.canceled{color:var(--text-secondary)}.chat-input-area.drag-over{background:#8b5cf60d}.chat-input-area.drag-over:before{content:"";position:absolute;inset:0;border:2px dashed var(--primary-color);border-radius:20px;pointer-events:none;z-index:1;animation:dragPulse 1.5s ease-in-out infinite}@keyframes dragPulse{0%,to{border-color:var(--primary-color);opacity:.5}50%{border-color:var(--primary-color-dark);opacity:.8}}@media (max-width: 768px){.chat-input-area{padding:0 12px 14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));padding-left:calc(12px + env(safe-area-inset-left));padding-right:calc(12px + env(safe-area-inset-right))}.chat-input-area .more-btn,.chat-input-area .send-btn,.stop-btn,.recording-send-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:18px!important}.voice-btn{width:36px;height:36px;min-width:36px;min-height:36px;font-size:16px}.textarea-wrapper textarea{font-size:16px}}@supports (padding: max(0px)){.chat-input-area{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.chat-input-area.keyboard-visible{padding-bottom:calc(4px + env(safe-area-inset-bottom))!important}@media (max-width: 768px){.chat-input-area.keyboard-visible{padding-bottom:calc(6px + env(safe-area-inset-bottom))!important}}.recording-panel{display:none}.more-btn:focus,.voice-btn:focus,.send-btn:focus,.stop-btn:focus,.recording-send-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}.emoji-panel-header,.emoji-modal-header{display:flex;align-items:center;justify-content:space-between;position:relative;padding:12px 16px;height:48px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);box-shadow:0 1px 3px #0000001a;border-radius:20px 20px 0 0}.emoji-panel-title,.emoji-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:.02em;flex:1;justify-content:center;margin:0}.emoji-panel-title .title-icon,.emoji-modal-title .title-icon{font-size:18px;color:var(--primary-color);animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.emoji-panel-close,.emoji-modal-close{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:none;background:var(--bg-hover);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:400;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;z-index:10}.emoji-panel-close:hover,.emoji-modal-close:hover{background:var(--primary-color);color:#fff;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 8px #8b5cf64d}.emoji-panel-close:active,.emoji-modal-close:active{transform:translateY(-50%) scale(.95);transition:transform .1s ease}.emoji-picker{border:none;border-radius:20px 20px 0 0;margin:0 auto;--background: var(--bg-secondary);--border-color: transparent;--button-active-background: var(--bg-hover);--button-hover-background: var(--bg-hover);--category-emoji-size: 1.25rem;--emoji-size: 1.6rem;--emoji-padding: .5rem;--indicator-color: var(--primary-color);--input-border-radius: 10px;--input-height: 32px;--input-padding: .25rem .5rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--input-font-size: 0;--input-height: 0;--input-padding: 0;--input-border-size: 0;--input-border-color: transparent;--input-font-color: transparent;--input-placeholder-color: transparent;--emoji-touch-target-size: 44px;--button-min-height: 44px;--button-min-width: 44px}.emoji-picker::part(button){min-height:44px!important;min-width:44px!important;padding:4px!important}.emoji-picker{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.emoji-modal{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:100%;max-width:400px;background:var(--bg-secondary);border-radius:20px 20px 0 0;box-shadow:0 -2px 10px #0000001a;overflow:hidden;margin:0;padding:0}.emoji-modal-header{width:100%;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;flex-shrink:0}.emoji-modal-body{width:100%;background:var(--bg-secondary);overflow:hidden;height:380px;flex-shrink:0}.emoji-picker{width:100%;height:100%;border:none;background:var(--bg-secondary);--background: var(--bg-secondary);--border-color: transparent;--button-active-background: var(--bg-hover);--button-hover-background: var(--bg-hover);--category-emoji-size: 1.25rem;--emoji-size: 1.6rem;--emoji-padding: .5rem;--indicator-color: var(--primary-color);--input-font-size: 0;--input-height: 0;--input-padding: 0;--input-border-size: 0;--input-border-color: transparent;--input-font-color: transparent;--input-placeholder-color: transparent;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media (max-width: 768px){.emoji-modal{max-width:100%}.emoji-picker{--emoji-size: 2.2rem;--category-emoji-size: 1.8rem}}.voice-btn.emoji-btn{color:var(--text-secondary)}.voice-btn.emoji-btn:hover{background:var(--bg-hover);color:var(--primary-color)}.send-btn.emoji-active{background:var(--primary-color);opacity:.8;transform:scale(1.05)}.desktop-sidebar[data-v-b9bfd385]{display:none}@media (min-width: 769px){.desktop-sidebar[data-v-b9bfd385]{display:flex;flex-direction:column;width:80px;background:var(--bg-primary);border-right:1px solid var(--border-color-light);position:relative;z-index:20;height:100vh}.sidebar-header[data-v-b9bfd385]{padding:14px 12px;display:flex;align-items:center;justify-content:center}.logo[data-v-b9bfd385]{width:42px;height:42px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px #8b5cf626}.logo-img[data-v-b9bfd385]{width:100%;height:100%;object-fit:cover;border-radius:12px}.logo[data-v-b9bfd385]:hover{transform:scale(1.08);box-shadow:0 0 20px #8b5cf659}.sidebar-nav[data-v-b9bfd385]{padding:4px 0;display:flex;flex-direction:column;gap:2px;align-items:center;width:100%}.nav-item[data-v-b9bfd385]{width:62px;height:52px;margin-top:6px;border:none;background:transparent;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-tertiary);position:relative;padding:0}.nav-item .icon[data-v-b9bfd385]{font-size:22px;transition:all .25s ease}.nav-label[data-v-b9bfd385]{font-size:10px;line-height:1;white-space:nowrap;opacity:.7;transition:all .25s}.nav-item[data-v-b9bfd385]:hover{color:var(--text-primary)}.nav-item:hover .nav-label[data-v-b9bfd385]{opacity:1}.nav-item[data-v-b9bfd385]:hover:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;background:var(--text-tertiary);border-radius:0 3px 3px 0;transition:height .2s}.nav-item.active[data-v-b9bfd385]{color:var(--primary-color)}.nav-item.active .icon[data-v-b9bfd385]{background:#8b5cf61f;border-radius:12px;padding:4px;margin:-4px}.nav-item.active .nav-label[data-v-b9bfd385]{opacity:1;font-weight:700;color:var(--primary-color)}.nav-item.active[data-v-b9bfd385]:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:28px;background:var(--primary-color);border-radius:0 3px 3px 0;transition:height .2s}.nav-item .badge[data-v-b9bfd385]{position:absolute;top:-2px;right:-4px;background:linear-gradient(135deg,#ff4d4f,#e03030);color:#fff;font-size:10px;font-weight:700;padding:0 5px;border-radius:9px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #ff4d4f66;border:2px solid var(--bg-primary);line-height:1;box-sizing:border-box;z-index:1}.sidebar-footer[data-v-b9bfd385]{padding:10px 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin-top:auto;width:100%;position:relative}.sidebar-footer[data-v-b9bfd385]:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.reception-toggle[data-v-b9bfd385]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none;width:58px;height:50px;border-radius:12px;background:#94a3b80f;transition:all .25s ease;color:var(--text-tertiary);position:relative}.reception-toggle[data-v-b9bfd385]:hover{background:#94a3b81f;transform:translateY(-1px)}.reception-toggle.on[data-v-b9bfd385]{background:#22c55e14;color:#22c55e;box-shadow:0 0 12px #22c55e1f}.reception-toggle.on[data-v-b9bfd385]:hover{background:#22c55e26}.reception-indicator[data-v-b9bfd385]{position:absolute;top:4px;right:6px}.reception-dot[data-v-b9bfd385]{display:block;width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:all .3s}.reception-toggle.on .reception-dot[data-v-b9bfd385]{background:#22c55e;box-shadow:0 0 6px #22c55e99;animation:dot-pulse-b9bfd385 2s ease-in-out infinite}@keyframes dot-pulse-b9bfd385{0%,to{box-shadow:0 0 6px #22c55e99;transform:scale(1)}50%{box-shadow:0 0 12px #22c55ecc;transform:scale(1.2)}}.reception-toggle.on .reception-icon[data-v-b9bfd385]{filter:drop-shadow(0 0 3px rgba(34,197,94,.4))}.reception-icon[data-v-b9bfd385]{font-size:18px;transition:all .25s ease}.reception-text[data-v-b9bfd385]{font-size:9px;white-space:nowrap;line-height:1;font-weight:600}.ws-status-wrap[data-v-b9bfd385]{display:flex;flex-direction:column;align-items:center;gap:2px}.ws-status-wrap.clickable[data-v-b9bfd385]{cursor:pointer}.ws-status-wrap.clickable:hover .ws-status-icon[data-v-b9bfd385]{transform:scale(1.15)}.ws-status-icon[data-v-b9bfd385]{font-size:18px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.ws-reconnect-text[data-v-b9bfd385]{font-size:9px;color:#ef4444;font-weight:600;line-height:1}.ws-online[data-v-b9bfd385]{color:#22c55e}.ws-offline[data-v-b9bfd385]{color:#ef4444;animation:wsPulse-b9bfd385 1.5s infinite}@keyframes wsPulse-b9bfd385{0%,to{opacity:1}50%{opacity:.3}}.user-avatar[data-v-b9bfd385]{width:40px;height:40px;border-radius:50%;padding:2px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),#f845ff)}.user-avatar.avatar-online[data-v-b9bfd385]{background:#22c55e;box-shadow:0 0 10px #22c55e66}.user-avatar.avatar-offline[data-v-b9bfd385]{background:#ef4444;box-shadow:0 0 10px #ef444466}.user-avatar img[data-v-b9bfd385]{width:36px;height:36px;object-fit:cover;border-radius:50%;display:block;flex-shrink:0}.user-avatar[data-v-b9bfd385] .default-avatar{border-radius:50%}.user-avatar[data-v-b9bfd385]:hover{transform:scale(1.08);box-shadow:0 0 16px #8b5cf64d}.user-avatar[data-v-b9bfd385]:active{transform:scale(.95)}}.sidebar-dot[data-v-b9bfd385]{position:absolute;top:6px;right:10px;width:8px;height:8px;border-radius:50%;background:#ef4444}.friend-detail-panel{width:260px;min-width:260px;height:100vh;background:var(--bg-primary);border-left:1px solid var(--border-color-light);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;user-select:text;-webkit-user-select:text}.fdp-loading,.fdp-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);font-size:13px}.fdp-error{color:var(--text-tertiary)}.spin{animation:fdp-spin 1s linear infinite}@keyframes fdp-spin{to{transform:rotate(360deg)}}.fdp-header{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;gap:6px;position:relative;background:linear-gradient(180deg,rgba(139,92,246,.06),transparent)}.fdp-header-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;align-items:center}.fdp-auto-toggle{width:26px;height:26px;border:none;background:transparent;color:var(--text-tertiary);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s;opacity:.5}.fdp-auto-toggle:hover{opacity:.8;background:var(--bg-hover)}.fdp-auto-toggle.active{color:var(--primary-color, #8b5cf6);opacity:1}.fdp-close{width:26px;height:26px;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;transition:all .15s}.fdp-close:hover{background:var(--bg-hover);color:var(--text-primary)}.fdp-avatar-frame{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2.5px}.fdp-avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--text-tertiary);overflow:hidden}.fdp-avatar-inner img{width:100%;height:100%;object-fit:cover;border-radius:50%}.fdp-name{font-size:15px;font-weight:700;color:var(--text-primary)}.fdp-username{font-size:12px;color:var(--text-tertiary)}.fdp-role-tag{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;color:#fff}.fdp-role-tag.small{font-size:10px;padding:1px 6px}.role-admin{background:linear-gradient(135deg,#f43f5e,#e11d48)}.role-vip{background:linear-gradient(135deg,#f59e0b,#d97706)}.role-normal{background:var(--text-tertiary)}.fdp-stats{display:flex;justify-content:space-around;padding:12px 16px;border-bottom:1px solid var(--border-color-light)}.fdp-stat{text-align:center}.fdp-stat-val{font-size:15px;font-weight:700;color:var(--text-primary)}.fdp-stat-lbl{font-size:10px;color:var(--text-tertiary);margin-top:1px}.fdp-body{flex:1;overflow-y:auto}.fdp-body::-webkit-scrollbar{width:3px}.fdp-body::-webkit-scrollbar-thumb{background:#8b5cf61f;border-radius:2px}.fdp-remark-section{border-bottom:1px solid var(--border-color-light);padding:6px 8px}.fdp-remark-row{cursor:pointer;position:relative;border-radius:12px;padding:11px 14px!important;background:var(--bg-primary);transition:transform .3s ease,box-shadow .3s ease;z-index:0}.fdp-remark-row:before{content:"";position:absolute;inset:-1.5px;border-radius:13px;background:linear-gradient(135deg,var(--primary-color, #8b5cf6),#f845ff,#06b6d4,var(--primary-color, #8b5cf6));background-size:300% 300%;animation:fdp-border-flow 4s ease infinite;z-index:-2}.fdp-remark-row:after{content:"";position:absolute;inset:1.5px;border-radius:10px;background:var(--bg-primary);z-index:-1}@keyframes fdp-border-flow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.fdp-remark-row:hover{transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf633,0 0 30px #f845ff14}.fdp-remark-row .fdp-label{font-weight:700;background:linear-gradient(135deg,var(--primary-color, #8b5cf6),#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.fdp-remark-val{color:var(--text-tertiary);font-size:12px;position:relative;z-index:1;transition:all .25s}.fdp-remark-val.has-remark{font-weight:700;font-size:13px;background:linear-gradient(135deg,var(--primary-color, #8b5cf6),#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fdp-remark-glow 2s ease-in-out infinite alternate}@keyframes fdp-remark-glow{0%{filter:drop-shadow(0 0 2px rgba(139,92,246,.3))}to{filter:drop-shadow(0 0 8px rgba(236,72,153,.4))}}.fdp-remark-edit-icon{font-size:13px;color:var(--text-tertiary);opacity:0;transition:all .25s;margin-left:3px;position:relative;z-index:1}.fdp-remark-row:hover .fdp-remark-edit-icon{opacity:1;color:#d946ef;animation:fdp-pencil-bounce .6s ease}@keyframes fdp-pencil-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-3px) rotate(-8deg)}70%{transform:translateY(1px)}}.fdp-remark-input{flex:1;min-width:0;text-align:right;font-size:13px;font-weight:700;padding:4px 10px;border:2px solid transparent;border-radius:8px;outline:none;background:linear-gradient(var(--bg-primary),var(--bg-primary)) padding-box,linear-gradient(135deg,var(--primary-color, #8b5cf6),#ec4899) border-box;color:var(--primary-color, #8b5cf6);font-family:inherit;position:relative;z-index:1;transition:all .2s}.fdp-remark-input:focus{box-shadow:0 0 0 3px #8b5cf61f,0 4px 16px #8b5cf626}.fdp-group-row{align-items:center}.fdp-group-select-wrap{position:relative;display:inline-flex;align-items:center}.fdp-group-select{appearance:none;-webkit-appearance:none;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color, #8b5cf6),var(--primary-color-light, #a78bfa));border:none;border-radius:14px;padding:5px 26px 5px 12px;cursor:pointer;outline:none;transition:all .2s;max-width:130px;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color, #8b5cf6) 25%,transparent)}.fdp-group-select option{color:#333;background:#fff;font-weight:500}.fdp-group-select:hover{box-shadow:0 4px 14px #8b5cf659;transform:translateY(-1px)}.fdp-group-select:focus{box-shadow:0 0 0 3px #8b5cf633,0 4px 14px #8b5cf64d}.fdp-group-arrow{font-size:13px;color:#fff;opacity:.8}.fdp-group-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;max-width:220px;background:var(--bg-secondary, #1e293b);border:2px solid var(--primary-color, #8b5cf6);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:100;overflow:hidden}.fdp-group-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:12px;outline:none;box-sizing:border-box}.fdp-group-options{max-height:350px;overflow-y:auto}.fdp-group-option{padding:7px 12px;font-size:12px;cursor:pointer;color:var(--text-primary);transition:background .15s}.fdp-group-option:hover{background:var(--hover-bg, rgba(0,0,0,.05))}.fdp-group-option.active{color:var(--primary-color, #8b5cf6);font-weight:600}.fdp-group-empty{color:var(--text-tertiary);cursor:default}.fdp-platform-row{align-items:center}.fdp-platform-select-wrap{position:relative;display:inline-flex;align-items:center}.fdp-platform-select{appearance:none;-webkit-appearance:none;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-color, #8b5cf6),var(--primary-color-light, #a78bfa));border:none;border-radius:14px;padding:5px 26px 5px 12px;cursor:pointer;outline:none;transition:all .2s;max-width:130px;box-shadow:0 2px 8px color-mix(in srgb,var(--primary-color, #8b5cf6) 25%,transparent)}.fdp-platform-select:hover{box-shadow:0 4px 14px #8b5cf659;transform:translateY(-1px)}.fdp-platform-select:focus{box-shadow:0 0 0 3px #8b5cf633,0 4px 14px #8b5cf64d}.fdp-platform-arrow{font-size:13px;color:#fff;opacity:.8}.fdp-platform-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:160px;max-width:220px;background:var(--bg-secondary, #1e293b);border:2px solid var(--primary-color, #8b5cf6);border-radius:10px;box-shadow:0 8px 24px #00000040;z-index:100;overflow:hidden}.fdp-platform-search{width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border-color);background:transparent;color:var(--text-primary);font-size:12px;outline:none;box-sizing:border-box}.fdp-platform-options{max-height:350px;overflow-y:auto}.fdp-platform-option{padding:7px 12px;font-size:12px;cursor:pointer;color:var(--text-primary);transition:background .15s}.fdp-platform-option:hover{background:var(--hover-bg, rgba(0,0,0,.05))}.fdp-platform-option.active{color:var(--primary-color, #8b5cf6);font-weight:600}.fdp-platform-empty{color:var(--text-tertiary);cursor:default}.fdp-section{display:flex;flex-direction:column;gap:0;border-bottom:1px solid var(--border-color-light)}.fdp-section:last-child{border-bottom:none}.fdp-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;transition:background .15s}.fdp-row:hover{background:var(--bg-hover)}.fdp-label{font-size:12px;color:var(--text-tertiary);flex-shrink:0;min-width:60px}.fdp-val{font-size:12px;color:var(--text-primary);text-align:right;word-break:break-all;display:flex;align-items:center;gap:4px}.fdp-val.status-ok{color:#10b981}.fdp-val.status-off{color:#ef4444}.fdp-mono{font-family:SF Mono,Menlo,monospace;font-size:11px}.fdp-history{display:flex;gap:8px;padding:5px 10px;position:relative}.fdp-history:not(:last-child):after{content:"";position:absolute;left:14px;top:20px;bottom:-5px;width:1px;background:var(--border-color-light)}.fdp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.fdp-dot.ok{background:#10b981}.fdp-dot.fail{background:#ef4444}.fdp-hist-body{flex:1;min-width:0}.fdp-hist-time{font-size:11px;color:var(--text-tertiary)}.fdp-hist-detail{font-size:12px;color:var(--text-primary);margin-top:1px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fdp-hist-loc{font-size:10px;color:var(--text-tertiary);display:flex;align-items:center;gap:2px;margin-top:1px}.slide-right-enter-active,.slide-right-leave-active{transition:width .2s ease,opacity .2s ease;overflow:hidden}.slide-right-enter-from,.slide-right-leave-to{width:0!important;opacity:0}@media (max-width: 768px){.friend-detail-panel{display:none}}.media-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;z-index:1}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.media-grid.ios-ready{display:grid!important}.va-badge[data-v-066b9528]{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:10px;font-weight:700;padding:1px 7px;border-radius:6px;background:linear-gradient(135deg,#ff6a00,#ee0979);color:#fff;line-height:18px;white-space:nowrap;z-index:1;pointer-events:none;border:1.5px solid rgba(255,255,255,.85);box-shadow:0 1px 4px #0000002e;letter-spacing:.5px}.message-content[data-v-066b9528]{position:relative}.message-text-content[data-v-066b9528],.announcement-text-content[data-v-066b9528]{white-space:pre-wrap;word-break:break-word;user-select:text;-webkit-user-select:text;cursor:text}.message-content[data-v-066b9528]{padding:10px 16px!important;border-radius:20px!important;transition:all .15s!important}.message.sent .message-content[data-v-066b9528]{background:var(--message-bg-sent)!important;border-radius:20px 20px 6px!important;border:none!important;box-shadow:none!important}.message:not(.sent) .message-content[data-v-066b9528]{background:var(--message-bg-received)!important;border-radius:20px 20px 20px 6px!important;border:1px solid var(--border-color-light, rgba(0,0,0,.06))!important;box-shadow:none!important}.message-content.no-bubble[data-v-066b9528],.message.sent .message-content.no-bubble[data-v-066b9528],.message:not(.sent) .message-content.no-bubble[data-v-066b9528]{background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 0!important;border-radius:0!important}.system-message-content[data-v-066b9528]{font-size:12px!important;color:var(--primary-color)!important;background:#8b5cf61a!important;padding:4px 16px!important;border-radius:10px!important;border:none!important;box-shadow:none!important;font-weight:500!important}.message-avatar[data-v-066b9528]{width:32px!important;height:32px!important;min-width:32px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--primary-color),#f845ff)!important;padding:1.5px!important;overflow:visible!important}.message-avatar img[data-v-066b9528]{width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important}.message-avatar[data-v-066b9528] .default-avatar{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:50%!important;background:var(--bg-primary)!important}.message-avatar[data-v-066b9528] .default-avatar .avatar-svg circle,.message-avatar[data-v-066b9528] .default-avatar .avatar-svg path{fill:var(--text-tertiary)!important;opacity:.6!important}.call-record-message[data-v-066b9528]{display:flex;align-items:center;gap:12px;padding:12px 14px;min-width:200px;border-radius:8px}.call-record-icon[data-v-066b9528]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#07c160;flex-shrink:0}.call-icon[data-v-066b9528]{font-size:20px;color:#fff}.call-record-content[data-v-066b9528]{display:flex;flex-direction:column;gap:4px;flex:1}.call-text[data-v-066b9528]{font-size:14px;color:#333;font-weight:500}.call-time[data-v-066b9528]{font-size:12px;color:#999}.message-item.sent .call-record-message[data-v-066b9528]{background:#ffffff26}.message-item.sent .call-record-icon[data-v-066b9528]{background:#ffffff4d}.message-item.sent .call-text[data-v-066b9528]{color:#fffffff2}.message-item.sent .call-time[data-v-066b9528]{color:#ffffffb3}:is(.call-record-message:has(.call-icon[data-icon*=missed]),.call-record-message:has(.call-icon[data-icon*=cancel])) .call-record-icon[data-v-066b9528]{background:#fa5151}:is(.message-item.sent .call-record-message:has(.call-icon[data-icon*=missed]),.message-item.sent .call-record-message:has(.call-icon[data-icon*=cancel])) .call-record-icon[data-v-066b9528]{background:#fa5151cc}.live-card-msg[data-v-066b9528]{display:flex;align-items:center;gap:0;background:var(--bg-primary);border-radius:14px;border:1.5px solid rgba(239,68,68,.35);padding:14px;cursor:pointer;width:100%;max-width:320px;transition:transform .12s,box-shadow .12s;box-shadow:0 2px 12px #ef444414}.live-card-msg[data-v-066b9528]:active{transform:scale(.98);box-shadow:0 1px 6px #ef44441f}.lcm-left[data-v-066b9528]{width:58px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border-right:1px solid var(--border-color-light);padding-right:10px;margin-right:10px}.lcm-avatar-ring[data-v-066b9528]{width:44px;height:44px;border-radius:50%;padding:2px;background:linear-gradient(135deg,#ec4899,#8b5cf6);flex-shrink:0}.lcm-avatar[data-v-066b9528]{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--bg-primary)}.lcm-avatar-default[data-v-066b9528]{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#c084fc,#e879f9);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;border:2px solid var(--bg-primary)}.lcm-name[data-v-066b9528]{font-size:11px;color:var(--text-secondary);text-align:center;max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lcm-mid[data-v-066b9528]{flex:1;min-width:0;border-right:1px solid var(--border-color-light);padding-right:10px;margin-right:10px}.lcm-league[data-v-066b9528]{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:flex;align-items:center;gap:4px}.lcm-lleague-logo[data-v-066b9528]{width:14px;height:14px;object-fit:contain;flex-shrink:0;border-radius:2px}.lcm-team-row[data-v-066b9528]{display:flex;align-items:center;gap:5px;padding:3px 0}.lcm-team-row+.lcm-team-row[data-v-066b9528]{border-top:1px dashed var(--border-color-light)}.lcm-tlogo[data-v-066b9528]{width:18px;height:18px;object-fit:contain;flex-shrink:0}.lcm-tname[data-v-066b9528]{font-size:13px;font-weight:600;color:var(--text-primary);flex:1}.lcm-score[data-v-066b9528]{font-size:18px;font-weight:800;color:#ef4444}.lcm-right[data-v-066b9528]{width:68px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.lcm-time[data-v-066b9528]{font-size:11px;color:var(--text-secondary);text-align:center}.lcm-tag-live[data-v-066b9528]{background:#ef4444;color:#fff;padding:4px 0;border-radius:6px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:3px;width:100%}.solitaire-card[data-v-066b9528]{background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color-light);padding:12px 14px;width:100%;min-width:220px;max-width:300px;cursor:pointer;transition:transform .12s;box-sizing:border-box}.solitaire-card[data-v-066b9528]:active{transform:scale(.98)}.sol-header[data-v-066b9528]{display:flex;align-items:center;gap:6px;margin-bottom:10px}.sol-icon[data-v-066b9528]{font-size:16px;color:var(--primary-color);flex-shrink:0}.sol-title[data-v-066b9528]{font-size:14px;font-weight:700;color:var(--text-primary)}.sol-entries[data-v-066b9528]{margin-bottom:8px}.sol-entry[data-v-066b9528]{display:flex;align-items:center;gap:4px;padding:3px 0;font-size:13px}.sol-seq[data-v-066b9528]{color:var(--primary-color);font-weight:700;min-width:20px}.sol-name[data-v-066b9528]{color:var(--text-primary);font-weight:500}.sol-note[data-v-066b9528]{color:var(--text-secondary);font-size:12px}.sol-more[data-v-066b9528]{font-size:12px;color:var(--text-tertiary);padding:2px 0}.sol-empty[data-v-066b9528]{font-size:13px;color:var(--text-tertiary);padding:4px 0 8px}.sol-footer[data-v-066b9528]{border-top:1px solid var(--border-color-light);padding-top:8px;margin-top:4px;display:flex;flex-direction:column;gap:6px}.sol-footer-top[data-v-066b9528]{display:flex;align-items:center;gap:4px}.sol-footer-bottom[data-v-066b9528]{display:flex;align-items:center;justify-content:space-between}.sol-count[data-v-066b9528]{color:var(--text-secondary);font-size:12px}.sol-count[data-v-066b9528]{font-size:12px;color:var(--text-secondary)}.sol-btn[data-v-066b9528]{padding:5px 14px;border-radius:20px;border:none;background:var(--primary-color);color:#fff;font-size:12px;font-weight:600;cursor:pointer}.sol-btn-leave[data-v-066b9528]{background:var(--bg-hover);color:var(--text-secondary)}.sol-btn-expired[data-v-066b9528]{background:var(--bg-secondary);color:var(--text-disabled);cursor:default;font-size:12px}.sol-expire-info[data-v-066b9528]{font-size:11px;color:var(--text-secondary)}.sol-expire-info.expired[data-v-066b9528]{color:#ef4444}.no-chat-selected[data-v-d90670b9]{display:flex;align-items:center;justify-content:center;height:100%;background:var(--bg-primary)}.welcome-panel[data-v-d90670b9]{display:flex;flex-direction:column;align-items:center;gap:0;-webkit-user-select:none;user-select:none}.welcome-logo[data-v-d90670b9]{width:72px;height:72px;border-radius:20px;overflow:hidden;margin-bottom:18px;box-shadow:0 8px 32px #0000002e}.welcome-logo-img[data-v-d90670b9]{width:100%;height:100%;object-fit:cover}.welcome-title[data-v-d90670b9]{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 6px;letter-spacing:2px}.welcome-subtitle[data-v-d90670b9]{font-size:13px;color:var(--text-secondary);margin:0 0 24px;letter-spacing:1px}.welcome-divider[data-v-d90670b9]{width:40px;height:2px;background:linear-gradient(90deg,transparent,var(--border-color-light),transparent);margin-bottom:24px}.welcome-features[data-v-d90670b9]{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.welcome-feature-item[data-v-d90670b9]{display:flex;align-items:center;gap:10px;padding:10px 18px;background:var(--bg-secondary);border:1px solid var(--border-color-light);border-radius:10px;min-width:220px}.welcome-feature-icon[data-v-d90670b9]{font-size:16px;flex-shrink:0}.welcome-feature-text[data-v-d90670b9]{font-size:13px;color:var(--text-secondary)}.welcome-hint[data-v-d90670b9]{font-size:12px;color:var(--text-tertiary, var(--text-secondary));opacity:.5;margin:0}.action-grid[data-v-d74373a6]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 8px;padding:12px 16px}.action-grid-item[data-v-d74373a6]{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.action-grid-item:active .action-grid-icon[data-v-d74373a6]{transform:scale(.9)}.action-grid-icon[data-v-d74373a6]{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:transform .15s ease}.action-grid-icon .iconify[data-v-d74373a6]{font-size:24px;color:#fff}.action-grid-label[data-v-d74373a6]{font-size:11px;color:var(--text-secondary);text-align:center;line-height:1.2;white-space:nowrap}.photo-quick-picker[data-v-5c60ad6d]{width:100%;overflow:hidden}.photo-quick-picker-scroll[data-v-5c60ad6d]{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.photo-quick-picker-scroll[data-v-5c60ad6d]::-webkit-scrollbar{display:none}.photo-item[data-v-5c60ad6d]{flex-shrink:0;width:80px;height:80px;border-radius:8px;position:relative;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none}.photo-camera[data-v-5c60ad6d]{background:#f2f2f7;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.1)}.camera-icon[data-v-5c60ad6d]{font-size:32px;color:#666}.photo-hint[data-v-5c60ad6d]{flex-shrink:0;display:flex;align-items:center;padding:0 12px}.hint-text[data-v-5c60ad6d]{font-size:14px;color:#999;white-space:nowrap}@media (max-width: 768px){.photo-item[data-v-5c60ad6d]{-webkit-tap-highlight-color:transparent}}.more-panel-overlay[data-v-420e3e79]{position:fixed;inset:0;background:#0003;z-index:9998;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.darker-theme .more-panel-overlay[data-v-420e3e79]{background:#0009}.more-panel-container[data-v-420e3e79]{position:fixed;left:0;right:0;bottom:0;height:50vh;max-height:50vh;background:var(--bg-primary);border-radius:30px 30px 0 0;z-index:9999;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.more-panel-container.dragging[data-v-420e3e79]{transition:none;will-change:transform}.more-panel-container[data-v-420e3e79]:not(.dragging){transition:transform .3s cubic-bezier(.32,.72,0,1)}.more-panel-drag-handle[data-v-420e3e79]{width:40px;height:5px;background:var(--border-color);border-radius:2.5px;margin:12px auto 8px;flex-shrink:0;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.more-panel-drag-handle[data-v-420e3e79]:active{cursor:grabbing}.more-panel-photo-section[data-v-420e3e79]{flex-shrink:0;padding:8px 16px 16px;border-bottom:1px solid var(--border-color-light)}.more-panel-actions[data-v-420e3e79]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0}.more-panel-enter-active[data-v-420e3e79],.more-panel-leave-active[data-v-420e3e79]{transition:transform .3s cubic-bezier(.32,.72,0,1)}.more-panel-enter-from[data-v-420e3e79]{transform:translateY(100%)}.more-panel-enter-to[data-v-420e3e79],.more-panel-leave-from[data-v-420e3e79]{transform:translateY(0)}.more-panel-leave-to[data-v-420e3e79]{transform:translateY(100%)}.more-panel-overlay-enter-active[data-v-420e3e79],.more-panel-overlay-leave-active[data-v-420e3e79]{transition:opacity .3s cubic-bezier(.32,.72,0,1)}.more-panel-overlay-enter-from[data-v-420e3e79],.more-panel-overlay-leave-to[data-v-420e3e79]{opacity:0}.more-panel-overlay-enter-to[data-v-420e3e79],.more-panel-overlay-leave-from[data-v-420e3e79]{opacity:1}@media (max-width: 768px){.more-panel-container[data-v-420e3e79]{touch-action:pan-y}}.resizable-divider[data-v-8f310a96]{display:none}@media (min-width: 769px){.resizable-divider[data-v-8f310a96]{display:flex!important;width:10px;min-width:10px;background:#0000000d;cursor:col-resize!important;position:relative;z-index:999;transition:background .2s ease;user-select:none;-webkit-user-select:none;flex-shrink:0;margin:0;height:100%;align-items:center;justify-content:center;pointer-events:auto!important}.resizable-divider[data-v-8f310a96]:hover{background:#667eea33!important}.resizable-divider[data-v-8f310a96]:active{background:#667eea66!important;transition:none}.divider-line[data-v-8f310a96]{width:2px;height:40px;margin:0 auto;background:#667eea4d;pointer-events:none;border-radius:1px}.resizable-divider:hover .divider-line[data-v-8f310a96]{background:#667eea99;box-shadow:0 0 8px #667eea4d}}.modal-overlay[data-v-33b8d888]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.clear-messages-modal[data-v-33b8d888]{background:var(--bg-primary, #fff);border-radius:12px;width:90%;max-width:360px;overflow:hidden}.modal-header[data-v-33b8d888]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color-light, #eee)}.modal-header h3[data-v-33b8d888]{display:flex;align-items:center;gap:8px;margin:0;font-size:16px;color:var(--text-primary, #333)}.title-icon[data-v-33b8d888]{color:var(--danger-color, #e74c3c)}.close-btn[data-v-33b8d888]{background:none;border:none;cursor:pointer;color:var(--text-secondary, #999);padding:4px;display:flex;align-items:center}.modal-content[data-v-33b8d888]{padding:20px}.warning-text[data-v-33b8d888]{margin:0 0 8px;font-size:15px;color:var(--text-primary, #333)}.hint-text[data-v-33b8d888]{margin:0 0 20px;font-size:13px;color:var(--text-secondary, #999)}.modal-actions[data-v-33b8d888]{display:flex;gap:12px;justify-content:flex-end}.cancel-btn[data-v-33b8d888],.confirm-btn[data-v-33b8d888]{padding:8px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.cancel-btn[data-v-33b8d888]{background:var(--bg-secondary, #f5f5f5);color:var(--text-primary, #333)}.confirm-btn[data-v-33b8d888]{background:var(--danger-color, #e74c3c);color:#fff;display:flex;align-items:center;gap:4px}.confirm-btn[data-v-33b8d888]:disabled{opacity:.6;cursor:not-allowed}.loading-icon[data-v-33b8d888]{animation:spin-33b8d888 1s linear infinite}@keyframes spin-33b8d888{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.friends-section[data-v-c4cbeeae]{flex:1;background:transparent;margin:0 4px;overflow:hidden;display:flex;flex-direction:column}.friends-list[data-v-c4cbeeae]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.slide-down-enter-active[data-v-c4cbeeae]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-leave-active[data-v-c4cbeeae]{transition:all .25s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from[data-v-c4cbeeae]{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.slide-down-enter-to[data-v-c4cbeeae],.slide-down-leave-from[data-v-c4cbeeae]{max-height:60px;opacity:1}.slide-down-leave-to[data-v-c4cbeeae]{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.icon-btn.mute[data-v-c4cbeeae]{color:var(--text-inverse);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn.mute[data-v-c4cbeeae]:active,.icon-btn.mute[data-v-c4cbeeae]:hover{background:transparent;color:var(--text-inverse)}.icon-btn.delete[data-v-c4cbeeae]{color:var(--text-inverse);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn.delete[data-v-c4cbeeae]:active,.icon-btn.delete[data-v-c4cbeeae]:hover{background:transparent;color:var(--text-inverse)}.friend-item-wrapper.swipe-open .friend-item[data-v-c4cbeeae]{transform:translate(-132px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.friend-item-wrapper:not(.swipe-open) .friend-item[data-v-c4cbeeae]{transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.friend-swipe-actions[data-v-c4cbeeae]{--swipe-actions-width: 132px}.friend-swipe-actions .swipe-actions-panel[data-v-c4cbeeae]{background:var(--primary-gradient)}.name.system-user[data-v-c4cbeeae]{color:var(--primary-color);font-weight:600}.system-badge[data-v-c4cbeeae]{display:inline-flex;align-items:center;padding:2px 8px;margin-left:6px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;box-shadow:0 2px 4px #10b98133}.avatar[data-v-c4cbeeae] .default-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;background:var(--bg-primary)!important;border-radius:50%!important}.avatar[data-v-c4cbeeae] .default-avatar .avatar-svg circle,.avatar[data-v-c4cbeeae] .default-avatar .avatar-svg path{fill:var(--text-tertiary)!important;opacity:.6!important}.avatar.not-friend[data-v-c4cbeeae]{filter:grayscale(50%);opacity:.8}.avatar.not-friend[data-v-c4cbeeae] .default-avatar{filter:none!important;opacity:1!important}.empty-state[data-v-c4cbeeae]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.empty-icon[data-v-c4cbeeae]{font-size:36px;color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.empty-text[data-v-c4cbeeae]{font-size:13px;color:var(--text-tertiary)}.confirm-overlay[data-v-24cd890b]{z-index:100030!important}.confirm-bottom-sheet[data-v-24cd890b]{max-width:420px;width:100%;background:var(--bg-modal);color:var(--text-primary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;max-height:70vh}.confirm-header .add-friend-title[data-v-24cd890b]{font-size:18px;gap:10px;position:absolute;left:50%;transform:translate(-50%)}.confirm-header .title-icon[data-v-24cd890b]{font-size:22px;color:var(--primary-color)}.confirm-header .header-spacer[data-v-24cd890b]{display:flex;align-items:center;justify-content:flex-end;width:40px}.confirm-header .close-btn[data-v-24cd890b]{width:36px;height:36px;border-radius:12px;border:none;background:var(--bg-hover);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.confirm-header .close-btn[data-v-24cd890b]:hover{background:var(--bg-active);color:var(--text-primary)}.confirm-header .close-btn .icon[data-v-24cd890b]{font-size:18px}.confirm-content[data-v-24cd890b]{padding:12px 20px 24px}.confirm-message[data-v-24cd890b]{margin:0;font-size:15px;color:var(--text-primary);line-height:1.6}.confirm-actions[data-v-24cd890b]{display:flex;gap:12px;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color-light);background:var(--bg-primary)}.confirm-cancel-btn[data-v-24cd890b],.confirm-submit-btn[data-v-24cd890b]{flex:1;padding:12px 20px;border-radius:12px;border:none;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.confirm-cancel-btn[data-v-24cd890b]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.confirm-cancel-btn[data-v-24cd890b]:hover{background:var(--bg-active);color:var(--text-primary)}.confirm-submit-btn[data-v-24cd890b]{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.confirm-submit-btn[data-v-24cd890b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.confirm-submit-btn[data-v-24cd890b]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.confirm-submit-btn.danger[data-v-24cd890b]{background:linear-gradient(135deg,var(--error-color) 0%,#d32f2f 100%);box-shadow:0 6px 18px #f4433659}.confirm-submit-btn.danger[data-v-24cd890b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 24px #f4433666}.spin[data-v-24cd890b]{animation:spin-24cd890b 1s linear infinite}@keyframes spin-24cd890b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 1024px){.confirm-bottom-sheet[data-v-24cd890b]{border-radius:24px;max-width:420px}.add-friend-overlay.confirm-overlay[data-v-24cd890b]{align-items:center;justify-content:center}}.group-avatar-container[data-v-d663986f]{width:52px;height:52px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient)}.group-avatar-container.avatar-large[data-v-d663986f]{width:80px;height:80px;border-radius:16px}.group-avatar-img[data-v-d663986f]{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.group-avatar-container[data-v-d663986f]{width:40px;height:40px;border-radius:12px}.group-avatar-container.avatar-large[data-v-d663986f]{width:60px;height:60px;border-radius:14px}}.groups-section[data-v-55ba8090]{flex:1;background:transparent;margin:0 4px;overflow:hidden;display:flex;flex-direction:column}.groups-list[data-v-55ba8090]{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:0;background:transparent;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;will-change:scroll-position;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.groups-list[data-v-55ba8090]::-webkit-scrollbar{display:none;width:0;height:0}.groups-list[data-v-55ba8090]::-webkit-scrollbar-track{display:none}.groups-list[data-v-55ba8090]::-webkit-scrollbar-thumb{display:none}.group-section[data-v-55ba8090]{margin-bottom:16px}.group-section-header[data-v-55ba8090]{padding:8px 16px;display:flex;align-items:center;gap:4px;font-size:var(--font-size-list-meta);color:var(--text-secondary);font-weight:var(--font-weight-medium);position:relative;line-height:var(--line-height-tight)}.group-section-header[data-v-55ba8090]:after{display:none}.section-title[data-v-55ba8090]{font-weight:600;padding:0!important;margin:0!important}.section-title[data-v-55ba8090]:after{display:none}.section-count[data-v-55ba8090]{color:var(--text-tertiary)}.owner-icon[data-v-55ba8090]{font-size:var(--font-size-list-title);color:orange;margin-left:4px;flex-shrink:0}.admin-icon[data-v-55ba8090]{font-size:var(--font-size-list-title);color:#667eea;margin-left:4px;flex-shrink:0}.unread-badge[data-v-55ba8090]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;font-size:var(--font-size-unread-badge);font-weight:var(--font-weight-semibold);padding:0 5px;border-radius:999px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;text-align:center;flex-shrink:0}.empty-state[data-v-55ba8090]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.empty-icon[data-v-55ba8090]{font-size:36px;color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.empty-text[data-v-55ba8090]{font-size:13px;color:var(--text-tertiary);line-height:var(--line-height-snug)}.loading-state[data-v-55ba8090]{padding:40px;text-align:center;color:#999}.group-item-wrapper.swipe-open .friend-item[data-v-55ba8090]{transform:translate(-132px);transition:transform .3s cubic-bezier(.4,0,.2,1)}.group-item-wrapper:not(.swipe-open) .friend-item[data-v-55ba8090]{transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.group-swipe-actions[data-v-55ba8090]{--swipe-actions-width: 132px}.group-swipe-actions .swipe-actions-panel[data-v-55ba8090]{background:var(--primary-gradient)}.icon-btn.delete[data-v-55ba8090]{color:var(--text-inverse);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.icon-btn.delete[data-v-55ba8090]:active,.icon-btn.delete[data-v-55ba8090]:hover{background:transparent;color:var(--text-inverse)}.group-category[data-v-55ba8090]{margin-bottom:16px}.category-header[data-v-55ba8090]{display:flex;align-items:center;padding:10px 16px 6px;background:transparent;border-bottom:none}.category-icon[data-v-55ba8090]{font-size:18px;margin-right:8px;color:var(--primary-color)}.category-title[data-v-55ba8090]{font-size:13px;font-weight:600;color:var(--text-secondary);flex:1}.category-count[data-v-55ba8090]{font-size:12px;color:var(--text-tertiary);margin-left:4px}.role-badge[data-v-55ba8090]{display:inline-flex;align-items:center;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;margin-left:6px;flex-shrink:0;line-height:1}.role-badge.owner[data-v-55ba8090]{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 2px 4px #ffa50033}.role-badge.admin[data-v-55ba8090]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 4px #10b98133}.role-badge.member[data-v-55ba8090]{background:#8b5cf61a;color:var(--primary-color)}.group-category+.group-category[data-v-55ba8090]{margin-top:8px}.avatar[data-v-55ba8090] .default-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;background:var(--bg-primary)!important;border-radius:50%!important}.avatar[data-v-55ba8090] .default-avatar .avatar-svg circle,.avatar[data-v-55ba8090] .default-avatar .avatar-svg path{fill:var(--text-tertiary)!important;opacity:.6!important}.requests-tabs[data-v-95da2ef9]{display:flex;justify-content:space-around;padding:8px 12px 4px}.tab-btn[data-v-95da2ef9]{flex:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:8px 0;cursor:pointer;border-radius:12px;margin:0 4px;transition:all .2s ease;color:var(--text-secondary)}.tab-btn[data-v-95da2ef9]:hover{background:var(--bg-hover)}.tab-btn.active[data-v-95da2ef9]{background:#8b5cf614;color:var(--primary-color)}.tab-icon[data-v-95da2ef9]{font-size:22px}.requests-section-wrapper[data-v-95da2ef9]{flex:1;background:transparent;margin:0 4px;overflow:hidden;display:flex;flex-direction:column}.requests-list[data-v-95da2ef9]{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.request-item[data-v-95da2ef9],.request-item-simple[data-v-95da2ef9]{position:relative}.request-item[data-v-95da2ef9]:not(:last-child):after{content:"";position:absolute;left:68px;right:0;bottom:0;height:1px;background:var(--border-color-light);z-index:0;pointer-events:none}.request-item-simple[data-v-95da2ef9]:not(:last-child):after{content:"";position:absolute;left:68px;right:0;bottom:0;height:1px;background:var(--border-color-light);z-index:0;pointer-events:none}.avatar[data-v-95da2ef9] .default-avatar{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;background:var(--bg-primary)!important;border-radius:50%!important}.avatar[data-v-95da2ef9] .default-avatar .avatar-svg circle,.avatar[data-v-95da2ef9] .default-avatar .avatar-svg path{fill:var(--text-tertiary)!important;opacity:.6!important}.empty-state[data-v-95da2ef9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.empty-icon[data-v-95da2ef9]{font-size:36px;color:var(--text-tertiary);opacity:.4;margin-bottom:12px}.empty-text[data-v-95da2ef9]{font-size:13px;color:var(--text-tertiary);margin-bottom:4px}.empty-hint[data-v-95da2ef9]{font-size:12px;color:var(--text-tertiary);opacity:.7}.contacts-container[data-v-95d0021c]{display:flex;flex-direction:column;height:100%;background:transparent}.contacts-nav[data-v-95d0021c]{background:transparent;padding:4px 8px}.nav-item[data-v-95d0021c]{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;padding:12px 16px;border:none;background:transparent;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;min-height:48px;box-sizing:border-box;gap:0;border-radius:14px;margin-bottom:2px}.nav-item[data-v-95d0021c]:hover{background:var(--bg-hover)}.nav-item.active[data-v-95d0021c]{background:#8b5cf614;color:var(--primary-color)}.nav-item.active .nav-icon[data-v-95d0021c]{color:var(--primary-color)}.nav-item.active .nav-text[data-v-95d0021c]{color:var(--primary-color);font-weight:600}.nav-item.active[data-v-95d0021c]:before{content:none}.nav-icon[data-v-95d0021c]{font-size:18px!important;color:var(--text-secondary);margin-right:14px;flex-shrink:0;width:28px!important;height:28px!important;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:#8b5cf614;border-radius:8px}.nav-icon[data-v-95d0021c] svg{width:18px!important;height:18px!important}.nav-item.active .nav-icon[data-v-95d0021c]{background:#8b5cf626;color:var(--primary-color)}.nav-text[data-v-95d0021c]{flex:1;font-size:15px;color:var(--text-primary);font-weight:500;line-height:1.4;text-align:left;display:inline-block;vertical-align:middle}.nav-badge[data-v-95d0021c]{background:linear-gradient(135deg,var(--error-color) 0%,#c0392b 100%);color:var(--text-inverse);font-size:12px;font-weight:700;padding:0;border-radius:50%;min-width:20px;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-right:12px;box-shadow:0 2px 6px #e74c3c80;line-height:1;flex-shrink:0;vertical-align:middle;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;text-rendering:optimizeLegibility}.nav-badge-large[data-v-95d0021c]{border-radius:10px!important;min-width:20px!important;width:auto!important;padding:0 6px!important}.nav-arrow[data-v-95d0021c]{font-size:18px;color:var(--text-tertiary);flex-shrink:0;opacity:.5;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-left:auto}.contacts-content[data-v-95d0021c]{flex:1;overflow:hidden;display:flex;flex-direction:column;position:relative}@media (max-width: 768px){.nav-item[data-v-95d0021c]{padding:14px 16px;min-height:52px}.nav-text[data-v-95d0021c],.nav-arrow[data-v-95d0021c]{font-size:16px}}.pull-refresh-indicator[data-v-3f6afebc]{display:flex;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease,opacity .2s ease}.pull-refresh-content[data-v-3f6afebc]{display:flex;align-items:center;gap:6px}.pull-refresh-text[data-v-3f6afebc]{font-size:12px;color:var(--text-secondary)}.pull-refresh-spinner[data-v-3f6afebc]{width:16px;height:16px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin-3f6afebc .6s linear infinite}@keyframes spin-3f6afebc{to{transform:rotate(360deg)}}.conversations-list[data-v-3f6afebc]{position:relative;overflow-y:auto;overflow-x:hidden;height:100%;scrollbar-width:none!important;-ms-overflow-style:none!important;-webkit-overflow-scrolling:touch;padding:4px 8px}.conversations-list[data-v-3f6afebc]::-webkit-scrollbar{display:none!important;width:0!important;height:0!important;background:transparent!important}.conversations-list[data-v-3f6afebc]::-webkit-scrollbar-track{display:none!important;background:transparent!important}.conversations-list[data-v-3f6afebc]::-webkit-scrollbar-thumb{display:none!important;background:transparent!important}.conversation-item-wrapper[data-v-3f6afebc]{position:relative;overflow:visible;margin:0;border-radius:0;--swipe-width: 224px;will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;isolation:isolate;contain:layout style paint}.conversation-item-wrapper[data-v-3f6afebc]:not(:last-child):after{display:none}.conversation-swipe-actions[data-v-3f6afebc]{position:absolute;top:0;right:0;bottom:0;width:auto;display:flex;align-items:stretch;justify-content:flex-end;pointer-events:none;opacity:0;transform:translate(100%);transition:opacity .25s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1);will-change:transform,opacity;isolation:isolate;contain:layout style paint}.conversation-swipe-actions.overlay[data-v-3f6afebc]{pointer-events:auto;opacity:1;transform:translate(0)}.swipe-actions-panel[data-v-3f6afebc]{display:flex;height:100%;overflow:hidden}.swipe-btn[data-v-3f6afebc]{display:flex;align-items:center;justify-content:center;min-width:64px;padding:0 14px;height:100%;border:none;cursor:pointer;color:#fff;font-size:14px;font-weight:500;white-space:nowrap;letter-spacing:.5px;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent}.swipe-btn[data-v-3f6afebc]:active{opacity:.8}.swipe-btn.mute[data-v-3f6afebc],.swipe-btn.pin[data-v-3f6afebc]{background:#576b95}.swipe-btn.block[data-v-3f6afebc]{background:#c87d2f}.swipe-btn.delete[data-v-3f6afebc]{background:#e45649}.conversation-item[data-v-3f6afebc]{padding:10px 8px;margin:0;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;position:relative;border-radius:14px;box-shadow:none;min-height:50px;overflow:visible;contain:layout style paint;will-change:background-color;isolation:isolate}.conversation-item.is-pinned[data-v-3f6afebc]:before{content:"";position:absolute;top:0;right:0;width:28px;height:28px;background:var(--primary-gradient);border-top-right-radius:14px;clip-path:polygon(0 0,100% 0,100% 100%);z-index:1;pointer-events:none;box-shadow:-1px 1px 3px #8b5cf64d}.conversation-item.is-pinned[data-v-3f6afebc]:after{content:"顶";position:absolute;top:4px;right:4px;font-size:11px;font-weight:700;line-height:1;z-index:2;pointer-events:none;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);transform:rotate(45deg);transform-origin:center}.mute-icon[data-v-3f6afebc]{font-size:14px;color:var(--text-tertiary);opacity:.6;margin-left:6px;flex-shrink:0;display:inline-flex;align-items:center}.conversation-item[data-v-3f6afebc]:hover{background:var(--bg-hover)}.conversation-item[data-v-3f6afebc]:active,.conversation-item.active[data-v-3f6afebc],.conversation-item.active[data-v-3f6afebc]:hover{background:var(--bg-active)}.conversation-item.is-pinned[data-v-3f6afebc]{background:rgba(var(--primary-color-rgb, 79, 140, 255),.04)}.conv-avatar-wrap[data-v-3f6afebc]{position:relative;flex-shrink:0;contain:layout style paint;isolation:isolate}.conv-avatar[data-v-3f6afebc]{width:44px;height:44px;min-width:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px}.conv-avatar img[data-v-3f6afebc]{width:100%;height:100%;object-fit:cover;border-radius:50%}.conv-avatar[data-v-3f6afebc] .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;background:var(--bg-primary);border-radius:50%}.conv-avatar[data-v-3f6afebc] .default-avatar .avatar-svg circle,.conv-avatar[data-v-3f6afebc] .default-avatar .avatar-svg path{fill:var(--text-tertiary);opacity:.6}.conv-avatar.not-friend[data-v-3f6afebc]{filter:grayscale(50%);opacity:.8}.conv-avatar.not-friend[data-v-3f6afebc] .default-avatar{filter:none!important;opacity:1!important}.conversation-details[data-v-3f6afebc]{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;padding:4px 0}.conversation-header[data-v-3f6afebc]{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;min-width:0;gap:8px}.header-right[data-v-3f6afebc]{position:absolute;top:0;right:-4px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;flex-shrink:0;height:100%}.name-with-status[data-v-3f6afebc]{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden;padding-right:55px}.name[data-v-3f6afebc]{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.name[data-v-3f6afebc]:hover{text-decoration:underline dotted;text-underline-offset:2px}.group-badge[data-v-3f6afebc]{font-size:10px;font-weight:600;color:var(--text-inverse);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:4px;padding:1px 5px;margin-left:6px;line-height:1}.system-badge[data-v-3f6afebc]{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;padding:1px 5px;margin-left:6px;line-height:1;box-shadow:0 2px 4px #10b98133}.oa-badge[data-v-3f6afebc]{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px;padding:1px 5px;margin-left:6px;line-height:1;box-shadow:0 2px 4px #3b82f633}.cs-badge[data-v-3f6afebc]{font-size:10px;font-weight:600;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;padding:1px 5px;margin-left:6px;line-height:1;box-shadow:0 2px 4px #f59e0b33}.cs-badge.cs-ended[data-v-3f6afebc]{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 4px #6b728033}.name.system-user[data-v-3f6afebc]{color:var(--primary-color);font-weight:600}.status-dot[data-v-3f6afebc]{width:8px;height:8px;border-radius:50%;background-color:var(--text-tertiary);flex-shrink:0;margin-left:6px}.status-dot.online[data-v-3f6afebc]{background-color:#22c55e;box-shadow:0 0 6px #22c55e66}.offline-time[data-v-3f6afebc]{font-size:12px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.time[data-v-3f6afebc]{font-size:11px;color:var(--text-tertiary);flex-shrink:0;white-space:nowrap;line-height:1.2;display:flex;align-items:center;height:100%}.last-message[data-v-3f6afebc]{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:60px;max-width:100%;box-sizing:border-box}.message-preview[data-v-3f6afebc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%}.empty-state[data-v-3f6afebc]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-tertiary);text-align:center;padding:20px}.empty-icon[data-v-3f6afebc]{font-size:60px;margin-bottom:16px;color:#8b5cf633}.empty-text[data-v-3f6afebc]{font-size:16px;line-height:1.5}.load-more-indicator[data-v-3f6afebc]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;color:var(--text-tertiary)}.loading-spinner[data-v-3f6afebc]{width:24px;height:24px;border:2px solid rgba(139,92,246,.15);border-top:2px solid #8B5CF6;border-radius:50%;animation:spin-3f6afebc 1s linear infinite;margin-bottom:8px}.loading-text[data-v-3f6afebc]{font-size:14px;color:var(--text-secondary)}@keyframes spin-3f6afebc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.conversations-section[data-v-942837c9]{flex:1;background:transparent;margin:0;min-height:0;display:flex;flex-direction:column}.conversation-tabs[data-v-942837c9]{display:flex;background:transparent;margin:0;padding:10px 12px 0;gap:4px;position:relative;flex-shrink:0}.tab-item[data-v-942837c9]{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 4px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none;gap:5px;border-radius:10px}.tab-item[data-v-942837c9]:hover{background:var(--bg-hover);color:var(--text-secondary)}.tab-item.active[data-v-942837c9]{color:var(--primary-color);font-weight:700;background:rgba(var(--primary-color-rgb, 79, 140, 255),.08)}.tab-item.active[data-v-942837c9]:after{display:none}.tab-count[data-v-942837c9]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;margin-left:0;background:linear-gradient(135deg,#ff4d4f,#e03030);color:#fff;font-size:10px;padding:0 5px;border-radius:9px;font-weight:700;text-align:center;line-height:1}.tab-item:not(.active) .tab-count[data-v-942837c9]{background:var(--badge-bg);color:var(--badge-text)}.tab-item:not(.active) .primary-count[data-v-942837c9]{background:var(--primary-color);color:#fff}@media (prefers-color-scheme: dark){.tab-item.active[data-v-942837c9]{color:var(--text-primary)}}.slide-down-enter-active[data-v-942837c9]{transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-down-leave-active[data-v-942837c9]{transition:all .25s cubic-bezier(.4,0,.2,1)}.slide-down-enter-from[data-v-942837c9]{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.slide-down-enter-to[data-v-942837c9],.slide-down-leave-from[data-v-942837c9]{max-height:60px;opacity:1}.slide-down-leave-to[data-v-942837c9]{max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0}.image-grid[data-v-4769adc9]{display:grid;width:auto;max-width:calc(100vw - 120px);border-radius:8px;overflow:hidden}.image-grid-item[data-v-4769adc9]{position:relative;overflow:hidden;background:#f0f0f0;cursor:pointer;transition:opacity .2s}.image-grid-item[data-v-4769adc9]:hover{opacity:.9}.image-grid-item img[data-v-4769adc9]{width:100%;height:100%;object-fit:cover;display:block}.image-grid-item.single[data-v-4769adc9]{grid-column:1 / -1;height:200px}.image-grid-item.double[data-v-4769adc9],.image-grid-item.quad[data-v-4769adc9]{height:150px}.image-grid-item.grid[data-v-4769adc9]{height:100px}.image-loading[data-v-4769adc9]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d}.loading-spinner[data-v-4769adc9]{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-4769adc9 .8s linear infinite}@keyframes spin-4769adc9{to{transform:rotate(360deg)}}.media-preview-container[data-v-60e3a20b]{padding:24px;overflow-y:auto;background:#0f1923;width:100%;align-self:stretch}.media-grid[data-v-60e3a20b]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.media-slot[data-v-60e3a20b]{position:relative;width:100px;height:100px;border:2px dashed rgba(255,255,255,.15);border-radius:8px;background:#ffffff0a;cursor:pointer;transition:all .3s ease;overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.media-slot[data-v-60e3a20b]:hover,.media-slot[data-index][data-v-60e3a20b]:hover{border-color:#ffffff4d;background:#ffffff14}.media-slot.has-media[data-v-60e3a20b]{border:2px solid rgba(255,255,255,.1);background:transparent}.media-slot.has-media[data-v-60e3a20b]:hover{border:2px solid rgba(255,255,255,.25)}.media-slot.drag-over[data-v-60e3a20b]{border-color:#667eea;background:#667eea26;border-style:solid}.media-slot.is-dragging[data-v-60e3a20b]{opacity:.4;transform:scale(.95)}.media-slot.has-media[data-v-60e3a20b]{cursor:grab}.media-slot.has-media[data-v-60e3a20b]:active{cursor:grabbing}.media-item[data-v-60e3a20b],.media-image-wrapper[data-v-60e3a20b],.media-video-wrapper[data-v-60e3a20b]{width:100%;height:100%;position:relative}.media-image[data-v-60e3a20b],.media-video-thumbnail[data-v-60e3a20b]{width:100%;height:100%;object-fit:cover;border-radius:8px}.media-delete-btn[data-v-60e3a20b]{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:4px;background:#e53935;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:3;transition:background .2s;font-size:14px;opacity:.9}.media-delete-btn[data-v-60e3a20b]:hover{background:#c62828;opacity:1}.media-overlay[data-v-60e3a20b]{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;border-radius:8px}.media-slot:hover .media-overlay[data-v-60e3a20b]{opacity:1}.view-icon[data-v-60e3a20b],.play-icon[data-v-60e3a20b]{font-size:32px;color:#fff}.media-placeholder[data-v-60e3a20b]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff4d}.placeholder-icon[data-v-60e3a20b]{font-size:32px;margin-bottom:8px;color:#fff3;transition:all .2s ease}.placeholder-text[data-v-60e3a20b]{font-size:11px;color:#fff3}.media-slot.is-placeholder:hover .placeholder-icon[data-v-60e3a20b]{color:#ffffff80;transform:scale(1.1)}.media-slot.is-placeholder:hover .placeholder-text[data-v-60e3a20b]{color:#fff6}.media-slot.is-placeholder[data-v-60e3a20b]:active{transform:scale(.95);background:#ffffff14}.enlarged-view-overlay[data-v-60e3a20b]{position:fixed;inset:0;background:#000000fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn-60e3a20b .2s ease-out}@keyframes fadeIn-60e3a20b{0%{opacity:0}to{opacity:1}}.enlarged-view-content[data-v-60e3a20b]{position:relative;max-width:95vw;max-height:95vh;display:flex;align-items:center;justify-content:center}.enlarged-close-btn[data-v-60e3a20b]{position:absolute;top:-40px;right:0;width:32px;height:32px;border-radius:50%;background:#fff3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001}.enlarged-image[data-v-60e3a20b],.enlarged-video[data-v-60e3a20b]{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:0}.enlarged-video[data-v-60e3a20b]{width:auto;max-height:95vh}.preview-text-input[data-v-60e3a20b]{padding:16px 0 0}.preview-text-input label[data-v-60e3a20b]{display:block;color:#ffffffb3;font-size:14px;margin-bottom:8px}.preview-textarea[data-v-60e3a20b]{width:100%;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:12px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;background:#0000004d;color:#fff;transition:all .2s ease}.preview-textarea[data-v-60e3a20b]::placeholder{color:#ffffff4d}.preview-textarea[data-v-60e3a20b]:focus{outline:none;border-color:#ffffff4d;background:#0006;box-shadow:0 0 0 2px #667eea26}.textarea-counter[data-v-60e3a20b]{text-align:right;font-size:12px;color:#ffffff4d;margin-top:6px}.preview-text-content[data-v-60e3a20b]{padding:16px;color:#fffc;line-height:1.6;border-top:1px solid rgba(255,255,255,.1)}.preview-actions[data-v-60e3a20b]{display:flex;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.08);background:#0f1923}.preview-cancel-btn[data-v-60e3a20b],.preview-confirm-btn[data-v-60e3a20b]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:15px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;min-height:44px}.preview-cancel-btn[data-v-60e3a20b]{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.preview-cancel-btn[data-v-60e3a20b]:hover{background:#ffffff0f;color:#fff;border-color:#ffffff40}.preview-cancel-btn[data-v-60e3a20b]:active{background:#ffffff1a;transform:scale(.98)}.preview-confirm-btn[data-v-60e3a20b]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.preview-confirm-btn[data-v-60e3a20b]:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.preview-confirm-btn[data-v-60e3a20b]:active{transform:translateY(0) scale(.98);box-shadow:0 2px 6px #667eea4d}.preview-cancel-btn .icon[data-v-60e3a20b],.preview-confirm-btn .icon[data-v-60e3a20b]{width:20px;height:20px;flex-shrink:0}.image-preview[data-v-60e3a20b]{position:relative!important;width:100%!important;height:100%!important;min-height:400px;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;overflow:hidden;touch-action:pan-x pan-y pinch-zoom;background:#000;padding-top:calc(56px + env(safe-area-inset-top,0px));box-sizing:border-box}.image-preview-container[data-v-60e3a20b]{position:relative;width:100%;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;perspective:1000px;background:#000}.preview-image[data-v-60e3a20b]{max-width:100%!important;max-height:100vh!important;width:auto!important;height:auto!important;display:block!important;object-fit:contain!important;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;cursor:grab;transform-origin:center center;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.preview-image[data-v-60e3a20b]:active{cursor:grabbing}@media (min-width: 769px){.image-preview-container[data-v-60e3a20b]{cursor:grab}.image-preview-container[data-v-60e3a20b]:active{cursor:grabbing}.preview-image[data-v-60e3a20b]{cursor:grab}.preview-image[data-v-60e3a20b]:active{cursor:grabbing}.image-preview[data-v-60e3a20b]{background:#000}.enlarged-view-overlay[data-v-60e3a20b]{background:#000000fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.enlarged-image-container[data-v-60e3a20b]{cursor:grab}.enlarged-image-container[data-v-60e3a20b]:active{cursor:grabbing}.enlarged-image[data-v-60e3a20b]{cursor:grab;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.enlarged-image[data-v-60e3a20b]:active{cursor:grabbing}}.preview-topbar[data-v-60e3a20b]{position:absolute;top:0;left:0;right:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:linear-gradient(to bottom,rgba(0,0,0,.6) 0%,transparent 100%);z-index:1002;padding-top:env(safe-area-inset-top,0px)}.preview-topbar-btn[data-v-60e3a20b]{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:background .15s;flex-shrink:0}.preview-topbar-btn[data-v-60e3a20b]:hover{background:#ffffff26}.preview-topbar-btn[data-v-60e3a20b]:active{background:#ffffff40;transform:scale(.92)}.preview-topbar-title[data-v-60e3a20b]{flex:1;text-align:center;color:#ffffffe6;font-size:15px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.image-download-btn[data-v-60e3a20b],.file-preview-modal .close-btn-absolute[data-v-60e3a20b]{position:absolute;z-index:1002;width:40px;height:40px;border-radius:50%;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .12s}.image-download-btn[data-v-60e3a20b]{top:16px;right:64px}.file-preview-modal .close-btn-absolute[data-v-60e3a20b]{top:16px;right:16px}.image-download-btn[data-v-60e3a20b]:hover,.file-preview-modal .close-btn-absolute[data-v-60e3a20b]:hover{background:#000000a6}.image-download-btn[data-v-60e3a20b]:active,.file-preview-modal .close-btn-absolute[data-v-60e3a20b]:active{transform:scale(.9)}.image-download-btn .icon[data-v-60e3a20b],.image-download-btn svg[data-v-60e3a20b],.file-preview-modal .close-btn-absolute .icon[data-v-60e3a20b],.file-preview-modal .close-btn-absolute svg[data-v-60e3a20b]{width:20px;height:20px}.enlarged-image-container[data-v-60e3a20b]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.enlarged-image[data-v-60e3a20b]{max-width:95vw;max-height:95vh;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;-webkit-touch-callout:default;cursor:grab;transform-origin:center center;-webkit-transform:translateZ(0);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.enlarged-image[data-v-60e3a20b]:active{cursor:grabbing}.enlarged-download-btn[data-v-60e3a20b],.enlarged-close-btn[data-v-60e3a20b]{position:absolute;top:20px;z-index:10002;width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:#fff;border:.5px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 0 0 .5px #ffffff1a}.enlarged-download-btn[data-v-60e3a20b]{right:76px}.enlarged-close-btn[data-v-60e3a20b]{right:20px;z-index:10001}.enlarged-download-btn[data-v-60e3a20b]:hover,.enlarged-close-btn[data-v-60e3a20b]:hover{background:#ffffff40;transform:scale(1.05);box-shadow:0 6px 16px #0006,0 0 0 .5px #ffffff26}.enlarged-download-btn[data-v-60e3a20b]:active,.enlarged-close-btn[data-v-60e3a20b]:active{transform:scale(.95)}.enlarged-download-btn .icon[data-v-60e3a20b],.enlarged-download-btn svg[data-v-60e3a20b]{width:22px;height:22px;min-width:22px;min-height:22px}.enlarged-download-btn svg path[data-v-60e3a20b],.enlarged-download-btn svg[data-v-60e3a20b]{stroke-width:1.5}.enlarged-close-btn .icon[data-v-60e3a20b],.enlarged-close-btn svg[data-v-60e3a20b]{width:22px;height:22px;min-width:22px;min-height:22px}.enlarged-close-btn svg path[data-v-60e3a20b],.enlarged-close-btn svg[data-v-60e3a20b]{stroke-width:1.5}@media (max-width: 768px){.media-preview-container[data-v-60e3a20b]{padding:20px}.media-grid[data-v-60e3a20b]{gap:10px;margin-bottom:16px}.media-slot[data-v-60e3a20b]{width:90px;height:90px}.media-placeholder[data-v-60e3a20b]{border-radius:8px}.placeholder-icon[data-v-60e3a20b]{font-size:28px}.placeholder-text[data-v-60e3a20b]{font-size:10px;margin-top:4px}.media-delete-btn[data-v-60e3a20b]{width:20px;height:20px;top:3px;right:3px;font-size:12px}.media-delete-btn[data-v-60e3a20b]:active{background:#c62828;transform:scale(.9)}.preview-text-input[data-v-60e3a20b]{padding:12px 0 0}.preview-textarea[data-v-60e3a20b]{padding:14px;font-size:15px;min-height:90px;background:#0000004d;border:1px solid rgba(255,255,255,.15);color:#fff}.preview-textarea[data-v-60e3a20b]:focus{background:#0006;border-color:#ffffff4d;box-shadow:0 0 0 2px #667eea26}.preview-actions[data-v-60e3a20b]{padding:12px 16px;gap:10px;border-top:1px solid rgba(255,255,255,.08);background:#0f1923}.preview-cancel-btn[data-v-60e3a20b],.preview-confirm-btn[data-v-60e3a20b]{padding:14px 20px;font-size:16px;font-weight:600;min-height:48px;border-radius:12px}.preview-cancel-btn[data-v-60e3a20b]{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.15)}.preview-cancel-btn[data-v-60e3a20b]:active{background:#ffffff1a;transform:scale(.97)}.preview-confirm-btn[data-v-60e3a20b]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.preview-confirm-btn[data-v-60e3a20b]:active{transform:scale(.97);box-shadow:0 2px 8px #667eea4d}.preview-cancel-btn .icon[data-v-60e3a20b],.preview-confirm-btn .icon[data-v-60e3a20b]{width:18px;height:18px}.media-slot[data-v-60e3a20b]:active{transform:scale(.96)}.media-slot.has-media[data-v-60e3a20b]:active{transform:scale(.98)}.image-download-btn[data-v-60e3a20b],.file-preview-modal .close-btn-absolute[data-v-60e3a20b]{top:12px;width:40px;height:40px;background:#00000080;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0006,0 0 0 .5px #ffffff0d}.image-download-btn[data-v-60e3a20b]{right:60px}.file-preview-modal .close-btn-absolute[data-v-60e3a20b]{right:12px}.image-download-btn[data-v-60e3a20b]:active,.file-preview-modal .close-btn-absolute[data-v-60e3a20b]:active{background:#0009;transform:scale(.95)}.image-download-btn .icon[data-v-60e3a20b],.image-download-btn svg[data-v-60e3a20b]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.image-download-btn svg path[data-v-60e3a20b]{stroke-width:1.5!important}.file-preview-modal .close-btn-absolute .icon[data-v-60e3a20b],.file-preview-modal .close-btn-absolute svg[data-v-60e3a20b]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.file-preview-modal .close-btn-absolute svg path[data-v-60e3a20b]{stroke-width:1.5!important}.enlarged-download-btn[data-v-60e3a20b],.enlarged-close-btn[data-v-60e3a20b]{top:12px;width:40px;height:40px;background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #0006,0 0 0 .5px #ffffff1a}.enlarged-download-btn[data-v-60e3a20b]{right:64px}.enlarged-close-btn[data-v-60e3a20b]{right:12px}.enlarged-download-btn[data-v-60e3a20b]:active,.enlarged-close-btn[data-v-60e3a20b]:active{background:#ffffff40;transform:scale(.95)}.enlarged-download-btn .icon[data-v-60e3a20b],.enlarged-download-btn svg[data-v-60e3a20b]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.enlarged-download-btn svg path[data-v-60e3a20b]{stroke-width:1.5!important}.enlarged-close-btn .icon[data-v-60e3a20b],.enlarged-close-btn svg[data-v-60e3a20b]{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important}.enlarged-close-btn svg path[data-v-60e3a20b]{stroke-width:1.5!important}}.gallery-nav[data-v-60e3a20b]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:none;background:#00000073;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:background .15s}.gallery-nav[data-v-60e3a20b]:hover{background:#000000b3}.gallery-nav-prev[data-v-60e3a20b]{left:12px}.gallery-nav-next[data-v-60e3a20b]{right:12px}.gallery-dots[data-v-60e3a20b]{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.gallery-dot[data-v-60e3a20b]{width:6px;height:6px;border-radius:50%;background:#fff6;cursor:pointer;transition:all .2s}.gallery-dot.active[data-v-60e3a20b]{background:#fff;width:18px;border-radius:3px}@media (min-width: 769px){.forward-overlay[data-v-3ac59401]{align-items:center!important;justify-content:center!important}}.forward-modal[data-v-3ac59401]{max-width:420px;width:100%;max-height:80vh;display:flex;flex-direction:column}.forward-modal .add-friend-header[data-v-3ac59401]{justify-content:space-between!important;position:relative;flex-shrink:0}.forward-modal .add-friend-header .back-btn[data-v-3ac59401]{z-index:1}.forward-modal .add-friend-header .add-friend-title[data-v-3ac59401]{position:absolute;left:50%;transform:translate(-50%)}.forward-modal .add-friend-content[data-v-3ac59401]{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.forward-search[data-v-3ac59401]{padding:12px 16px;flex-shrink:0}.search-input-group[data-v-3ac59401]{display:flex;align-items:center;background:var(--input-bg);border-radius:20px;padding:8px 14px;gap:8px}.search-input-group .search-icon[data-v-3ac59401]{font-size:18px;color:var(--text-tertiary);flex-shrink:0}.search-input-group input[data-v-3ac59401]{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary)}.search-input-group input[data-v-3ac59401]::placeholder{color:var(--input-placeholder)}.forward-toolbar[data-v-3ac59401]{display:flex;align-items:center;justify-content:space-between;padding:0 16px 8px;flex-shrink:0}.forward-count[data-v-3ac59401]{font-size:12px;color:var(--text-tertiary)}.forward-actions[data-v-3ac59401]{display:flex;gap:4px}.tool-btn[data-v-3ac59401]{display:flex;align-items:center;gap:3px;padding:4px 8px;border:none;background:transparent;color:var(--primary-color);font-size:12px;cursor:pointer;border-radius:6px;transition:background .2s}.tool-btn[data-v-3ac59401]:hover{background:#8b5cf614}.forward-list[data-v-3ac59401]{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 12px;overscroll-behavior:contain}.forward-item[data-v-3ac59401]{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:12px;cursor:pointer;transition:background .2s}.forward-item[data-v-3ac59401]:hover{background:#8b5cf60d}.forward-item.selected[data-v-3ac59401]{background:#8b5cf614}.forward-avatar-wrap[data-v-3ac59401]{position:relative;flex-shrink:0}.forward-avatar[data-v-3ac59401]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px}.forward-avatar img[data-v-3ac59401]{width:100%;height:100%;object-fit:cover;border-radius:50%}.forward-avatar[data-v-3ac59401] .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;background:var(--bg-primary);border-radius:50%}.online-dot[data-v-3ac59401]{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--bg-tertiary);border:2px solid var(--bg-primary)}.online-dot.online[data-v-3ac59401]{background:#22c55e}.forward-info[data-v-3ac59401]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.forward-name[data-v-3ac59401]{font-size:15px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forward-username[data-v-3ac59401]{font-size:12px;color:var(--text-tertiary)}.forward-check[data-v-3ac59401]{flex-shrink:0;font-size:22px}.forward-check .checked[data-v-3ac59401]{color:var(--primary-color)}.forward-check .unchecked[data-v-3ac59401]{color:var(--text-tertiary);opacity:.4}.forward-footer[data-v-3ac59401]{display:flex;gap:10px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(139,92,246,.08);flex-shrink:0}.cancel-btn[data-v-3ac59401],.confirm-btn[data-v-3ac59401]{flex:1;padding:10px;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.cancel-btn[data-v-3ac59401]{background:var(--bg-tertiary);color:var(--text-secondary)}.confirm-btn[data-v-3ac59401]{background:var(--primary-gradient);color:#fff}.confirm-btn[data-v-3ac59401]:disabled{opacity:.5;cursor:not-allowed}@media (min-width: 769px){.forward-modal[data-v-3ac59401]{max-height:70vh;border-radius:20px}}@media (max-width: 768px){.forward-modal[data-v-3ac59401]{max-width:100%;max-height:90vh}}.create-group-overlay[data-v-8dc575cb]{align-items:flex-end!important;padding-top:0!important}.create-group-modal[data-v-8dc575cb]{max-height:92vh!important;margin-top:0!important;border-radius:20px 20px 0 0!important}.create-group-modal .add-friend-content[data-v-8dc575cb]{min-height:0!important;flex:1;overflow-y:auto}.form-section[data-v-8dc575cb]{margin-bottom:24px}.form-label[data-v-8dc575cb]{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-primary)}.avatar-upload[data-v-8dc575cb]{width:80px;height:80px;border-radius:12px;border:2px dashed var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:all .3s ease}.avatar-upload[data-v-8dc575cb]:hover{border-color:var(--primary-color);background:#8b5cf60d}.avatar-preview[data-v-8dc575cb]{width:100%;height:100%;object-fit:cover}.avatar-placeholder[data-v-8dc575cb]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:12px}.avatar-placeholder .icon[data-v-8dc575cb]{font-size:24px;margin-bottom:4px}.form-input[data-v-8dc575cb],.form-textarea[data-v-8dc575cb]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;background:var(--bg-input);color:var(--text-primary);transition:border-color .3s ease}.form-input[data-v-8dc575cb]:focus,.form-textarea[data-v-8dc575cb]:focus{border-color:var(--primary-color);background:var(--bg-input-focus)}.form-textarea[data-v-8dc575cb]{resize:vertical;font-family:inherit}.member-search[data-v-8dc575cb]{position:relative;margin-bottom:12px}.search-icon[data-v-8dc575cb]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:20px}.member-search-input[data-v-8dc575cb]{width:100%;padding:0 12px 0 40px;border:1px solid var(--border-color);border-radius:8px;font-size:13px;outline:none;height:36px;line-height:36px;box-sizing:border-box;background:var(--bg-input);color:var(--text-primary)}.member-toolbar[data-v-8dc575cb]{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.toolbar-btn[data-v-8dc575cb]{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:none;border-radius:8px;background:#8b5cf614;color:var(--primary-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.toolbar-btn[data-v-8dc575cb]:hover{background:#8b5cf626;transform:translateY(-1px)}.toolbar-btn[data-v-8dc575cb]:active{transform:translateY(0)}.toolbar-btn .icon[data-v-8dc575cb]{font-size:16px}.member-search-row[data-v-8dc575cb]{display:flex;gap:8px;margin-bottom:10px}.member-search[data-v-8dc575cb]{flex:1;position:relative}.batch-exclude-btn[data-v-8dc575cb]{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;border:none;border-radius:8px;background:#ef53501a;color:var(--error-color);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:36px;line-height:20px;box-sizing:border-box}.batch-exclude-btn[data-v-8dc575cb]:hover{background:#ef535026;transform:translateY(-1px)}.batch-exclude-btn[data-v-8dc575cb]:active{transform:translateY(0)}.batch-exclude-btn .icon[data-v-8dc575cb]{font-size:16px}.selected-count[data-v-8dc575cb]{font-size:13px;color:var(--primary-color);margin-bottom:12px;font-weight:500}.friends-list[data-v-8dc575cb]{max-height:300px;overflow-y:auto;border:1px solid var(--border-color);border-radius:8px}.avatar-container[data-v-8dc575cb]{flex-shrink:0}.friend-item[data-v-8dc575cb]{display:flex;align-items:center;padding:6px 12px;gap:10px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color-light);min-height:48px}.friend-item[data-v-8dc575cb]:last-child{border-bottom:none}.friend-item[data-v-8dc575cb]:hover:not(.excluded){background:#8b5cf60d}.friend-item.selected[data-v-8dc575cb]{background:#8b5cf61a}.friend-item.excluded[data-v-8dc575cb]{opacity:.5;background:#ef53500d;cursor:not-allowed}.friend-item.excluded .friend-name[data-v-8dc575cb]{text-decoration:line-through;color:var(--text-tertiary)}.friend-avatar[data-v-8dc575cb]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:2px}.friend-avatar img[data-v-8dc575cb]{width:100%;height:100%;object-fit:cover;border-radius:50%}.friend-avatar[data-v-8dc575cb] .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;background:var(--bg-primary);border-radius:50%}.friend-details[data-v-8dc575cb]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name-row[data-v-8dc575cb]{display:flex;align-items:center;gap:6px}.friend-name[data-v-8dc575cb]{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-meta[data-v-8dc575cb]{font-size:12px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.friend-username[data-v-8dc575cb]{font-size:11px;color:var(--text-secondary)}.friend-user-id[data-v-8dc575cb]{font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:monospace}.checkbox[data-v-8dc575cb]{font-size:20px;color:var(--border-color);flex-shrink:0}.checkbox .icon.checked[data-v-8dc575cb]{color:var(--primary-color)}.loading-friends[data-v-8dc575cb]{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--text-secondary)}.loading-friends .icon[data-v-8dc575cb]{animation:spin-8dc575cb 1s linear infinite}@keyframes spin-8dc575cb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-friends[data-v-8dc575cb]{text-align:center;padding:40px;color:var(--text-secondary)}.modal-footer[data-v-8dc575cb]{padding:20px;border-top:1px solid rgba(0,0,0,.1);display:flex;gap:12px;justify-content:flex-end}.btn[data-v-8dc575cb]{padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px}.btn .icon[data-v-8dc575cb]{font-size:18px}.btn-cancel[data-v-8dc575cb]{background:#f5f5f5;color:#666}.btn-cancel[data-v-8dc575cb]:hover{background:#e0e0e0}.btn-create[data-v-8dc575cb]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-create[data-v-8dc575cb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-create[data-v-8dc575cb]:disabled{opacity:.5;cursor:not-allowed}.create-group-cancel-btn[data-v-8dc575cb],.create-group-create-btn[data-v-8dc575cb],.create-group-save-btn[data-v-8dc575cb]{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.create-group-cancel-btn[data-v-8dc575cb]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.create-group-cancel-btn[data-v-8dc575cb]:hover{background:var(--bg-active)}.create-group-create-btn[data-v-8dc575cb]{background:var(--primary-gradient);color:var(--text-inverse)}.create-group-create-btn[data-v-8dc575cb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.create-group-create-btn[data-v-8dc575cb]:disabled{opacity:.5;cursor:not-allowed}.create-group-save-btn[data-v-8dc575cb]{background:linear-gradient(135deg,var(--error-color) 0%,#d32f2f 100%);color:var(--text-inverse)}.create-group-save-btn[data-v-8dc575cb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef535066}.exclude-hint[data-v-8dc575cb]{font-size:13px;color:var(--text-secondary);margin-bottom:12px;line-height:1.5}.exclude-textarea[data-v-8dc575cb]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:none;resize:vertical;font-family:inherit;margin-bottom:16px;background:var(--bg-input);color:var(--text-primary)}.exclude-textarea[data-v-8dc575cb]:focus{border-color:var(--error-color);background:var(--bg-input-focus)}.exclude-preview[data-v-8dc575cb]{margin-top:16px;padding:12px;background:var(--badge-danger-bg);border-radius:8px;border:1px solid var(--error-color)}.preview-title[data-v-8dc575cb]{font-size:13px;font-weight:600;color:var(--error-color);margin:0 0 8px}.excluded-users-list[data-v-8dc575cb]{display:flex;flex-wrap:wrap;gap:8px}.excluded-user-tag[data-v-8dc575cb]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-primary);border:1px solid var(--error-color);border-radius:12px;font-size:12px;color:var(--error-color)}.remove-icon[data-v-8dc575cb]{font-size:16px;cursor:pointer;transition:color .2s}.remove-icon[data-v-8dc575cb]:hover{color:#d32f2f}.btn-save[data-v-8dc575cb]{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-save .icon[data-v-8dc575cb]{font-size:18px}.btn-save[data-v-8dc575cb]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f443364d}.btn-cancel[data-v-8dc575cb]{background:#f3f4f6;color:#6b7280;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.btn-cancel .icon[data-v-8dc575cb]{font-size:18px}.btn-cancel[data-v-8dc575cb]:hover{background:#e5e7eb}.group-header-avatar[data-v-f4fcf080]{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.group-header-avatar[data-v-f4fcf080] .group-avatar-container{width:100%!important;height:100%!important;border-radius:50%!important}@media (max-width: 768px){.group-header-avatar[data-v-f4fcf080]{width:40px;height:40px;min-width:40px;border-radius:50%}.group-header-avatar[data-v-f4fcf080] .avatar-small{width:20px!important;height:20px!important;border-radius:5px!important}.group-header-avatar[data-v-f4fcf080] .top-left{top:1px!important;left:1px!important}.group-header-avatar[data-v-f4fcf080] .top-right{top:1px!important;right:1px!important}.group-header-avatar[data-v-f4fcf080] .bottom-left{bottom:1px!important;left:1px!important}.group-header-avatar[data-v-f4fcf080] .bottom-right{bottom:1px!important;right:1px!important}.group-header-avatar[data-v-f4fcf080] .avatar-item{border:1px solid white!important}}.add-friend-overlay[data-v-b49497a2]{z-index:100030!important}.add-friend-modal[data-v-b49497a2]{max-width:600px!important;margin:0 auto}.add-friend-content[data-v-b49497a2]{padding:24px 20px 20px}.form-group[data-v-b49497a2]{display:flex;flex-direction:column;gap:10px}.form-label[data-v-b49497a2]{font-size:14px;font-weight:500;color:var(--text-primary)}.form-input[data-v-b49497a2],.form-textarea[data-v-b49497a2]{width:100%;padding:14px 18px;border:1px solid var(--border-color);border-radius:8px;font-size:15px;outline:none;font-family:inherit;background:var(--bg-input);color:var(--text-primary);transition:border-color .2s}.form-input[data-v-b49497a2]:focus,.form-textarea[data-v-b49497a2]:focus{border-color:var(--primary-color);background:var(--bg-input-focus)}.form-textarea[data-v-b49497a2]{resize:vertical;min-height:100px}.char-count[data-v-b49497a2]{text-align:right;font-size:12px;color:var(--text-tertiary);margin-top:-4px}.modal-actions[data-v-b49497a2]{display:flex;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--border-color-light);justify-content:flex-end;flex-shrink:0}.cancel-btn[data-v-b49497a2],.confirm-btn[data-v-b49497a2]{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none;display:flex;align-items:center;gap:6px;min-width:80px;justify-content:center;flex:0 0 auto}.btn-icon[data-v-b49497a2]{font-size:16px}.cancel-btn[data-v-b49497a2]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.cancel-btn[data-v-b49497a2]:hover{background:var(--bg-active)}.confirm-btn[data-v-b49497a2]{background:var(--primary-gradient);color:var(--text-inverse)}.confirm-btn[data-v-b49497a2]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.confirm-btn[data-v-b49497a2]:disabled{opacity:.6;cursor:not-allowed}.loading-icon[data-v-b49497a2]{animation:spin-b49497a2 1s linear infinite}@keyframes spin-b49497a2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (min-width: 768px){.add-friend-modal[data-v-b49497a2]{max-width:600px!important;border-radius:16px!important}}@media (max-width: 767px){.add-friend-modal[data-v-b49497a2]{max-width:100%!important}.modal-actions[data-v-b49497a2]{padding:14px 16px}}.add-friend-overlay[data-v-8115da47]{z-index:100020!important}.add-friend-modal[data-v-8115da47]{max-width:600px!important;margin:0 auto}.add-friend-title .title-icon[data-v-8115da47]{color:#ffc107}.add-friend-content[data-v-8115da47]{padding:24px 20px 20px}.loading-container[data-v-8115da47]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:30px 20px;color:var(--text-tertiary)}.loading-spinner[data-v-8115da47]{width:32px;height:32px;border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;animation:spin-8115da47 .8s linear infinite}@keyframes spin-8115da47{to{transform:rotate(360deg)}}.no-announcement[data-v-8115da47]{display:flex;flex-direction:column;align-items:center;gap:14px}.empty-icon[data-v-8115da47]{font-size:48px;color:var(--text-tertiary);margin-bottom:8px}.empty-text[data-v-8115da47]{color:var(--text-tertiary);font-size:14px;margin:0}.announcement-display[data-v-8115da47]{display:flex;flex-direction:column;gap:12px}.announcement-info[data-v-8115da47]{background:var(--bg-secondary);border-radius:8px;padding:14px 16px}.announcement-header[data-v-8115da47]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.announcement-icon[data-v-8115da47]{font-size:18px;color:#ffc107}.announcement-title[data-v-8115da47]{font-size:14px;font-weight:600;color:var(--text-primary)}.pinned-badge[data-v-8115da47]{display:flex;align-items:center;gap:4px;background:#fff3cd;color:#856404;padding:2px 8px;border-radius:12px;font-size:11px;margin-left:auto}.pinned-badge .icon[data-v-8115da47]{font-size:12px}.announcement-meta[data-v-8115da47]{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-secondary)}.announcement-content-view[data-v-8115da47]{display:flex;flex-direction:column}.content-text[data-v-8115da47]{background:var(--bg-secondary);border-radius:8px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;word-wrap:break-word}.action-btn[data-v-8115da47]{flex:0 0 auto;min-width:80px;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s}.edit-btn[data-v-8115da47]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.edit-btn[data-v-8115da47]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-hover)}.pin-btn[data-v-8115da47]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.pin-btn.active[data-v-8115da47]{background:var(--primary-gradient);color:var(--text-inverse);border-color:transparent}.pin-btn[data-v-8115da47]:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-color-hover)}.pin-btn.active[data-v-8115da47]:hover:not(:disabled){background:var(--primary-gradient-hover)}.delete-btn[data-v-8115da47]{background:var(--error-color);color:var(--text-inverse);border:none}.delete-btn[data-v-8115da47]:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #f4433666}.darker-theme .delete-btn[data-v-8115da47]:hover:not(:disabled){opacity:.85}.action-btn[data-v-8115da47]:disabled{opacity:.5;cursor:not-allowed}.announcement-edit-view[data-v-8115da47]{display:flex;flex-direction:column;gap:8px}.content-textarea[data-v-8115da47]{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .2s;background:var(--bg-input);color:var(--text-primary)}.content-textarea[data-v-8115da47]:focus{border-color:var(--primary-color);background:var(--bg-input-focus)}.char-count[data-v-8115da47]{text-align:right;font-size:12px;color:var(--text-tertiary)}.loading-icon[data-v-8115da47]{animation:spin-8115da47 1s linear infinite}.modal-actions[data-v-8115da47]{display:flex;gap:10px;padding:12px 20px 16px;border-top:1px solid var(--border-color-light);flex-shrink:0;justify-content:flex-end;flex-wrap:wrap}.cancel-btn[data-v-8115da47],.confirm-btn[data-v-8115da47],.action-btn[data-v-8115da47]{flex:0 0 auto;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;min-width:80px;white-space:nowrap}.cancel-btn[data-v-8115da47]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.confirm-btn[data-v-8115da47]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirm-btn[data-v-8115da47]:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.confirm-btn[data-v-8115da47]:disabled{opacity:.6;cursor:not-allowed}.cancel-btn[data-v-8115da47]:hover{background:var(--bg-active)}.btn-icon[data-v-8115da47]{font-size:16px}@media (min-width: 768px){.add-friend-modal[data-v-8115da47]{max-width:600px!important;border-radius:16px!important}}@media (max-width: 767px){.add-friend-modal[data-v-8115da47]{max-width:100%!important}.modal-actions[data-v-8115da47]{padding:14px 16px}}.mute-member-modal[data-v-30dc03f7]{max-width:400px}.member-info[data-v-30dc03f7]{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.member-avatar-wrapper[data-v-30dc03f7]{position:relative;flex-shrink:0}.member-avatar[data-v-30dc03f7]{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.member-avatar-default[data-v-30dc03f7]{width:48px;height:48px}.avatar-badge[data-v-30dc03f7]{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:#f44336;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;border:3px solid white;box-shadow:0 2px 8px #0000004d;z-index:10}.member-info-text[data-v-30dc03f7]{display:flex;flex-direction:column;gap:4px;flex:1}.member-name[data-v-30dc03f7]{font-size:17px;font-weight:600;color:var(--text-primary)}.member-desc[data-v-30dc03f7]{font-size:13px;color:var(--text-secondary)}.warning-card[data-v-30dc03f7]{display:flex;align-items:center;gap:16px;padding:16px;background:var(--badge-warning-bg);border-radius:12px;border:1px solid var(--warning-color)}.warning-icon[data-v-30dc03f7]{width:40px;height:40px;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--warning-color);flex-shrink:0;box-shadow:0 2px 8px #0000001a}.warning-content[data-v-30dc03f7]{flex:1;display:flex;flex-direction:column;gap:4px}.warning-title[data-v-30dc03f7]{font-size:15px;font-weight:600;color:var(--warning-color)}.warning-desc[data-v-30dc03f7]{font-size:13px;color:var(--warning-color);opacity:.8}.modal-actions[data-v-30dc03f7]{display:flex;gap:12px;justify-content:flex-end}.cancel-btn[data-v-30dc03f7],.confirm-btn[data-v-30dc03f7]{flex:1;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.cancel-btn[data-v-30dc03f7]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.cancel-btn[data-v-30dc03f7]:hover{background:var(--bg-hover)}.confirm-btn[data-v-30dc03f7]{background:var(--primary-gradient);color:var(--text-inverse)}.confirm-btn[data-v-30dc03f7]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.confirm-btn[data-v-30dc03f7]:disabled{opacity:.5;cursor:not-allowed}.group-member-list[data-v-fe47634a]{display:flex;flex-direction:column}.member-section[data-v-fe47634a]{display:flex;flex-direction:column;gap:0;margin-bottom:16px}.member-section[data-v-fe47634a]:last-child{margin-bottom:0}.member-section-header[data-v-fe47634a]{font-size:var(--font-size-list-meta);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);padding:0 16px 8px;line-height:var(--line-height-tight)}.member-item[data-v-fe47634a]{display:flex;align-items:center;padding:8px 16px;gap:12px;cursor:pointer;transition:all .2s ease;border-bottom:none;min-height:var(--list-item-height)}.member-item[data-v-fe47634a]:hover{background:#00000008}.member-item[data-v-fe47634a]:last-child{border-bottom:none}.member-avatar[data-v-fe47634a]{width:48px;height:48px;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.member-avatar>img[data-v-fe47634a]{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.muted-badge[data-v-fe47634a]{position:absolute;bottom:3px;right:3px;width:18px;height:18px;background:var(--warning-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-badge);box-shadow:0 2px 4px #0003;border:2px solid var(--bg-primary);z-index:1}.muted-badge .icon[data-v-fe47634a]{font-size:12px}.member-info[data-v-fe47634a]{flex:1;min-width:0}.member-name-row[data-v-fe47634a]{display:flex;align-items:center;justify-content:flex-end;margin-bottom:4px;gap:8px}.member-name[data-v-fe47634a]{font-size:var(--font-size-list-title);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-right:auto;line-height:var(--line-height-tight)}.member-remark[data-v-fe47634a]{font-size:var(--font-size-list-subtitle);color:var(--text-tertiary);margin-top:2px;line-height:var(--line-height-snug)}.member-badges[data-v-fe47634a]{display:flex;align-items:center;gap:4px;margin-right:18px}.badge[data-v-fe47634a]{font-size:var(--font-size-badge);padding:5px 10px;border-radius:12px;font-weight:var(--font-weight-medium);white-space:nowrap;line-height:1;display:inline-block;box-shadow:0 0 0 1px #0000000a}.badge.you[data-v-fe47634a]{background:#8b5cf61f;color:var(--primary-color)}.badge.owner[data-v-fe47634a]{background:#f59e0b26;color:var(--warning-color)}.badge.admin[data-v-fe47634a]{background:#8b5cf61f;color:var(--primary-color)}.member-actions[data-v-fe47634a]{flex-shrink:0}.member-actions.always-visible[data-v-fe47634a]{opacity:1!important}.action-btn[data-v-fe47634a]{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:50%;transition:all .2s ease;width:32px;height:32px}.action-btn[data-v-fe47634a]:hover{background:var(--bg-hover);color:var(--primary-color)}.action-btn[data-v-fe47634a]:active{transform:scale(.95)}.member-menu-overlay[data-v-fe47634a]{position:fixed;inset:0;z-index:100010;background:transparent;pointer-events:auto}.member-menu[data-v-fe47634a]{position:fixed;background:var(--bg-primary);border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:100011;min-width:180px;overflow:hidden;animation:menuSlideIn-fe47634a .2s ease-out;pointer-events:auto}@keyframes menuSlideIn-fe47634a{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.menu-item[data-v-fe47634a]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:var(--font-size-list-subtitle);color:var(--text-primary);line-height:var(--line-height-snug)}.menu-item[data-v-fe47634a]:hover{background:#0000000d}.menu-item .icon[data-v-fe47634a]{font-size:20px;flex-shrink:0}.menu-item.danger[data-v-fe47634a]{color:var(--error-color)}.menu-item.danger[data-v-fe47634a]:hover{background:#e74c3c1a}.group-settings-overlay[data-v-54eb577c]{align-items:flex-start!important;padding-top:5vh!important}.group-settings-modal[data-v-54eb577c]{max-height:90vh!important;margin-top:0!important;border-radius:20px 20px 0 0!important}.group-settings-header[data-v-54eb577c]{justify-content:space-between!important;position:relative!important}.group-settings-header .back-btn[data-v-54eb577c]{order:1;margin-left:0!important;z-index:1}.group-settings-header .add-friend-title[data-v-54eb577c]{order:2;position:absolute!important;left:50%!important;transform:translate(-50%)!important;z-index:0}.group-settings-header .header-spacer[data-v-54eb577c],.group-settings-header .header-actions[data-v-54eb577c]{order:3;z-index:1;flex:0 0 40px}.header-actions[data-v-54eb577c]{position:relative;width:40px;display:flex;align-items:center;justify-content:center;z-index:10;margin-left:auto}.back-btn[data-v-54eb577c]{border:none;background:transparent;color:var(--text-primary);cursor:pointer;padding:8px;width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;z-index:10}.back-btn[data-v-54eb577c]:hover{background:#0000000d}.back-btn .back-icon[data-v-54eb577c]{font-size:20px;color:var(--primary-color)}.more-btn[data-v-54eb577c]{border:none;background:transparent;color:var(--text-primary)!important;cursor:pointer;padding:8px;width:40px;height:40px;border-radius:20px;display:flex!important;align-items:center;justify-content:center;transition:all .2s ease;position:relative;z-index:10;flex-shrink:0;opacity:1!important;visibility:visible!important}.more-btn[data-v-54eb577c]:hover{background:#0000000d}.darker-theme .more-btn[data-v-54eb577c]:hover{background:#ffffff1a}.more-btn svg[data-v-54eb577c],.more-btn .icon[data-v-54eb577c],.more-btn .iconify[data-v-54eb577c]{font-size:20px;color:var(--text-primary)!important;width:20px;height:20px;display:block}.darker-theme .more-btn svg[data-v-54eb577c],.darker-theme .more-btn .icon[data-v-54eb577c],.darker-theme .more-btn .iconify[data-v-54eb577c]{color:#fff!important;opacity:.9}.more-menu[data-v-54eb577c]{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-primary);border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1001;min-width:180px;overflow:hidden;animation:menuSlideIn-54eb577c .2s ease-out}@keyframes menuSlideIn-54eb577c{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.more-menu-item[data-v-54eb577c]{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:15px;color:var(--text-primary)}.more-menu-item[data-v-54eb577c]:hover{background:var(--bg-hover)}.more-menu-item .icon[data-v-54eb577c]{font-size:20px;flex-shrink:0}.more-menu-item.danger[data-v-54eb577c]{color:var(--error-color)}.more-menu-item.danger[data-v-54eb577c]:hover{background:#e74c3c1a}.group-info-top[data-v-54eb577c]{padding:16px 20px 20px;border-bottom:none;flex-shrink:0;background:transparent}.member-list-section[data-v-54eb577c]{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.member-list-section .section-header[data-v-54eb577c]{flex-shrink:0;padding:12px 16px;border-bottom:none;display:flex;align-items:center;justify-content:space-between;background:transparent}.member-search-wrapper[data-v-54eb577c]{flex-shrink:0;padding:12px 16px;border-bottom:none;background:transparent}.member-search-box[data-v-54eb577c]{position:relative;display:flex;align-items:center;background:var(--input-bg);border-radius:20px;padding:8px 16px;transition:all .2s ease}.member-search-box[data-v-54eb577c]:focus-within{background:var(--bg-input-focus);box-shadow:0 0 0 2px #8b5cf633}.search-icon[data-v-54eb577c]{font-size:20px;color:var(--text-tertiary);flex-shrink:0;margin-right:8px}.member-search-input[data-v-54eb577c]{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-primary);padding:0}.member-search-input[data-v-54eb577c]::placeholder{color:var(--input-placeholder)}.search-clear-btn[data-v-54eb577c]{border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;margin-left:8px;transition:color .2s ease}.search-clear-btn[data-v-54eb577c]:hover{color:var(--primary-color)}.search-clear-btn .icon[data-v-54eb577c]{font-size:18px}.member-list-section .section-header h3[data-v-54eb577c]{margin:0;font-size:16px;font-weight:600;color:var(--text-primary)}.invite-btn[data-v-54eb577c]{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--primary-gradient);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.invite-btn[data-v-54eb577c]:hover{transform:translateY(-1px);box-shadow:var(--shadow-primary)}.invite-btn .icon[data-v-54eb577c]{font-size:16px}.member-list-section[data-v-54eb577c] .group-member-list{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.group-avatar-large[data-v-54eb577c]{position:relative;display:flex;justify-content:center;margin-bottom:12px}.group-avatar-large[data-v-54eb577c] .group-avatar{width:80px;height:80px}.edit-avatar-btn[data-v-54eb577c]{position:absolute;bottom:0;right:calc(50% - 64px);width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-primary);background:var(--primary-color);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm)}.group-name-section[data-v-54eb577c]{text-align:center;margin-bottom:12px}.group-name-display[data-v-54eb577c]{display:flex;align-items:center;justify-content:center;gap:8px;font-size:20px;font-weight:600;color:var(--text-primary);padding:6px;border-radius:8px;transition:background-color .2s}.group-name-display.editable[data-v-54eb577c]:hover{background:#667eea1a}.edit-icon[data-v-54eb577c]{font-size:18px;color:#999}.group-description[data-v-54eb577c]{text-align:center;color:#666;font-size:14px;line-height:1.5;margin-top:4px}.description-display[data-v-54eb577c]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border-radius:8px;transition:background-color .2s}.description-display.editable[data-v-54eb577c]:hover{background:#667eea1a}.add-description[data-v-54eb577c]{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px dashed #ddd;border-radius:8px;color:#999;cursor:pointer;transition:all .2s}.add-description[data-v-54eb577c]:hover{border-color:#667eea;color:#667eea;background:#667eea0d}.settings-avatar-section[data-v-54eb577c]{padding:32px 16px;display:flex;justify-content:center;align-items:center;border-bottom:none;flex-shrink:0;background:transparent}.settings-avatar-wrapper[data-v-54eb577c]{position:relative;cursor:pointer;transition:transform .2s ease}.settings-avatar-wrapper[data-v-54eb577c]:not(.uploading):hover{transform:scale(1.02)}.settings-avatar-wrapper.uploading[data-v-54eb577c]{cursor:wait;opacity:.7}.avatar-uploading-overlay[data-v-54eb577c]{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.spinner[data-v-54eb577c]{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-54eb577c .8s linear infinite}@keyframes spin-54eb577c{to{transform:rotate(360deg)}}.avatar-camera-icon[data-v-54eb577c]{position:absolute;bottom:4px;right:4px;width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;border:3px solid var(--bg-primary);box-shadow:var(--shadow-sm);z-index:1}.avatar-camera-icon .icon[data-v-54eb577c]{font-size:18px}.settings-list[data-v-54eb577c]{background:transparent;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.settings-list-item[data-v-54eb577c]{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;border-bottom:none;cursor:pointer;transition:background-color .2s ease;min-height:40px}.settings-list-item[data-v-54eb577c]:active{background:var(--bg-hover)}.settings-list-item[data-v-54eb577c]:last-child{border-bottom:none}.settings-list-item-toggle[data-v-54eb577c]{cursor:default}.settings-list-item-toggle[data-v-54eb577c]:active{background:transparent}.settings-list-item-left[data-v-54eb577c]{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.settings-list-item-text[data-v-54eb577c]{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-list-item-text>span[data-v-54eb577c]:first-child{font-size:15px;color:var(--text-primary);font-weight:500}.settings-list-item-desc[data-v-54eb577c]{font-size:12px;color:var(--text-secondary)}.settings-list-icon[data-v-54eb577c]{font-size:22px;color:var(--text-primary);flex-shrink:0}.settings-list-item-right[data-v-54eb577c]{display:flex;align-items:center;gap:8px;flex-shrink:0}.settings-list-value[data-v-54eb577c]{font-size:14px;color:var(--text-secondary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron-icon[data-v-54eb577c]{font-size:20px;color:var(--text-primary);flex-shrink:0}.toggle-switch[data-v-54eb577c]{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input[data-v-54eb577c]{opacity:0;width:0;height:0}.toggle-slider[data-v-54eb577c]{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px}.darker-theme .toggle-slider[data-v-54eb577c]{background-color:#000!important}.darker-theme .toggle-switch input:not(:checked)+.toggle-slider[data-v-54eb577c]{background-color:#000!important}.toggle-slider[data-v-54eb577c]:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--bg-primary);transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider[data-v-54eb577c]{background:var(--primary-gradient)}.toggle-switch input:checked+.toggle-slider[data-v-54eb577c]:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider[data-v-54eb577c]{opacity:.5;cursor:not-allowed}.settings-list-item.editing[data-v-54eb577c]{background:#8b5cf60d}.inline-input[data-v-54eb577c]{border:1px solid var(--primary-color);border-radius:4px;padding:4px 8px;font-size:14px;color:var(--text-primary);width:100%;outline:none;background:var(--bg-input)}.settings-list-value-wrapper[data-v-54eb577c]{display:flex;align-items:center;gap:8px;cursor:pointer}.settings-divider[data-v-54eb577c]{height:0;background:transparent;margin:0}.settings-section-title[data-v-54eb577c]{padding:8px 20px;font-size:13px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;background:transparent}@media (max-width: 768px){.group-avatar-large[data-v-54eb577c]{position:relative;display:flex;justify-content:center;margin-bottom:12px}.group-avatar-large[data-v-54eb577c] .group-avatar-container,.group-avatar-large[data-v-54eb577c] .group-avatar-container.avatar-large{width:60px!important;height:60px!important;border-radius:14px!important}.settings-avatar-section[data-v-54eb577c]{padding:20px 16px}.settings-avatar-section[data-v-54eb577c] .group-avatar-container,.settings-avatar-section[data-v-54eb577c] .group-avatar-container.avatar-large{width:60px!important;height:60px!important;border-radius:14px!important}}.add-friend-modal.invite-member-modal[data-v-fa6fc548]{max-width:420px;width:100%;max-height:88vh;background:var(--bg-modal);color:var(--text-primary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;position:relative}.invite-member-content[data-v-fa6fc548]{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px;min-height:0;max-height:calc(88vh - 140px);overflow:hidden}.member-search-row[data-v-fa6fc548]{display:flex;align-items:center;gap:12px}.member-search[data-v-fa6fc548]{position:relative;flex:1}.search-icon[data-v-fa6fc548]{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-size-nav-title)}.member-search-input[data-v-fa6fc548]{width:100%;padding:12px 14px 12px 40px;border-radius:14px;border:1px solid var(--border-color-light);background:var(--input-bg);color:var(--input-text);font-size:var(--font-size-list-subtitle);outline:none;transition:all .2s ease}.member-search-input[data-v-fa6fc548]::placeholder{color:var(--input-placeholder)}.member-search-input[data-v-fa6fc548]:focus{border-color:var(--primary-color);background:var(--bg-input-focus);box-shadow:0 0 0 3px #667eea26}.invite-member-select-all[data-v-fa6fc548]{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:44px;border-radius:14px;border:1px solid var(--border-color-light);background:var(--bg-secondary);color:var(--text-secondary);font-size:var(--font-size-list-meta);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease}.invite-member-select-all[data-v-fa6fc548]:hover{background:var(--bg-hover);color:var(--text-primary)}.invite-member-summary[data-v-fa6fc548]{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:var(--font-size-list-meta);color:var(--text-secondary)}.summary-count[data-v-fa6fc548]{font-weight:600;color:var(--primary-color)}.summary-status[data-v-fa6fc548]{display:inline-flex;align-items:center;gap:6px;color:var(--text-tertiary);font-size:var(--font-size-badge)}.loading-icon[data-v-fa6fc548]{font-size:var(--font-size-list-title)}.friends-list[data-v-fa6fc548]{height:400px;min-height:300px;max-height:60vh;background:transparent;margin:0 4px;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);overscroll-behavior:contain;touch-action:pan-y;will-change:scroll-position;-webkit-overflow-scrolling:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.friends-list[data-v-fa6fc548]::-webkit-scrollbar{width:6px}.friends-list[data-v-fa6fc548]::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.friends-list[data-v-fa6fc548]::-webkit-scrollbar-thumb{background:#667eea80;border-radius:3px;border:1px solid rgba(102,126,234,.3)}.friends-list[data-v-fa6fc548]::-webkit-scrollbar-thumb:hover{background:#667eeab3}.friends-list[data-v-fa6fc548]{scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.5) rgba(0,0,0,.1)}.friend-item[data-v-fa6fc548]{display:flex;align-items:center;padding:6px 12px;gap:10px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-color-light);min-height:48px}.friend-item[data-v-fa6fc548]:last-child{border-bottom:none}.friend-item[data-v-fa6fc548]:hover:not(.already-member){background:#8b5cf60d}.friend-item.selected[data-v-fa6fc548]{background:#8b5cf61a}.friend-item.already-member[data-v-fa6fc548]{opacity:.5;background:#ef53500d;cursor:not-allowed}.friend-item.already-member .friend-name[data-v-fa6fc548]{text-decoration:line-through;color:var(--text-tertiary)}.avatar-container[data-v-fa6fc548]{flex-shrink:0}.friend-avatar[data-v-fa6fc548]{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;padding:2px}.friend-avatar img[data-v-fa6fc548]{width:100%;height:100%;object-fit:cover;border-radius:50%}.friend-avatar[data-v-fa6fc548] .default-avatar{width:40px;height:40px;min-width:40px;min-height:40px;background:var(--bg-primary);border-radius:50%}.friend-details[data-v-fa6fc548]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name-row[data-v-fa6fc548]{display:flex;align-items:center;gap:6px}.friend-name[data-v-fa6fc548]{font-size:14px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-meta[data-v-fa6fc548]{font-size:12px;color:var(--text-secondary);display:flex;gap:8px;align-items:center}.friend-username[data-v-fa6fc548]{font-size:11px;color:var(--text-secondary)}.friend-user-id[data-v-fa6fc548]{font-size:10px;color:var(--text-tertiary);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:monospace}.checkbox[data-v-fa6fc548]{font-size:20px;color:var(--border-color);flex-shrink:0}.checkbox .icon.checked[data-v-fa6fc548]{color:var(--primary-color)}.member-badge[data-v-fa6fc548]{padding:3px 8px;border-radius:999px;font-size:var(--font-size-badge);font-weight:var(--font-weight-semibold);color:var(--badge-primary-text);background:var(--badge-primary-bg)}.checkbox[data-v-fa6fc548]{font-size:var(--font-size-nav-title-lg);color:var(--text-tertiary);flex-shrink:0;margin-left:auto}.checkbox .checked[data-v-fa6fc548]{color:var(--primary-color)}.loading-friends[data-v-fa6fc548]{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 0;color:var(--text-tertiary);font-size:var(--font-size-list-subtitle)}.spin[data-v-fa6fc548]{animation:spin-fa6fc548 1s linear infinite}@keyframes spin-fa6fc548{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-friends[data-v-fa6fc548]{text-align:center;padding:30px 20px;margin:20px;color:var(--text-secondary);background:transparent;border-radius:16px;box-shadow:none;animation:fadeIn-fa6fc548 .5s ease}.empty-friends .empty-icon[data-v-fa6fc548]{font-size:48px;margin-bottom:16px;color:#667eea4d;animation:float-fa6fc548 3s ease-in-out infinite}.empty-friends .empty-text[data-v-fa6fc548]{font-size:var(--font-size-list-meta);margin-bottom:8px}.empty-friends .empty-action[data-v-fa6fc548]{padding:8px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:var(--font-size-list-subtitle);transition:background-color .2s ease}.empty-friends .empty-action[data-v-fa6fc548]:hover{background:var(--primary-hover)}@keyframes fadeIn-fa6fc548{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes float-fa6fc548{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.invite-member-footer[data-v-fa6fc548]{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color-light);background:var(--bg-primary);display:flex;gap:12px;flex-shrink:0}.invite-member-cancel-btn[data-v-fa6fc548],.invite-member-confirm-btn[data-v-fa6fc548]{flex:1;padding:12px 24px;border-radius:12px;border:none;font-size:var(--font-size-list-subtitle);font-weight:var(--font-weight-semibold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.invite-member-cancel-btn[data-v-fa6fc548]{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.invite-member-cancel-btn[data-v-fa6fc548]:hover{background:var(--bg-active);color:var(--text-primary)}.invite-member-confirm-btn[data-v-fa6fc548]{background:var(--primary-gradient);color:var(--text-inverse);box-shadow:var(--shadow-primary)}.invite-member-confirm-btn[data-v-fa6fc548]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-primary-hover)}.invite-member-confirm-btn[data-v-fa6fc548]:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.add-friend-modal.invite-member-modal[data-v-fa6fc548]{max-height:95vh}.invite-member-content[data-v-fa6fc548]{max-height:calc(95vh - 140px)}.friends-list[data-v-fa6fc548]{max-height:55vh;-webkit-overflow-scrolling:touch;position:relative}}@media (min-width: 1024px){.add-friend-overlay[data-v-fa6fc548]{align-items:center;justify-content:center;padding:40px 0}.add-friend-modal.invite-member-modal[data-v-fa6fc548]{border-radius:24px;max-width:480px}.friends-list[data-v-fa6fc548]{max-height:50vh}}.permissions-modal[data-v-88215808]{max-width:380px;border:none;box-shadow:var(--shadow-xl);padding:0;background:var(--bg-modal)}.darker-theme .permissions-modal[data-v-88215808]{box-shadow:0 8px 32px #000c}.add-friend-content[data-v-88215808]{padding-bottom:0!important}.permissions-tip[data-v-88215808]{display:flex;align-items:center;gap:10px;padding:12px 16px;margin:0 20px 12px;background:var(--badge-primary-bg);border:none;border-radius:8px;font-size:12px;line-height:1.5;color:var(--badge-primary-text)}.darker-theme .permissions-tip[data-v-88215808]{background:#8b5cf626;color:var(--badge-primary-text)}.tip-icon[data-v-88215808]{font-size:18px;flex-shrink:0;opacity:.9}.permissions-list[data-v-88215808]{display:flex;flex-direction:column;gap:0;padding:0 20px 8px;margin-bottom:-8px}.permission-item[data-v-88215808]{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border:none;transition:background-color .2s ease;background:transparent;position:relative;min-height:48px}.permission-item[data-v-88215808]:hover{background:transparent}.permission-item[data-v-88215808]:before{content:"";position:absolute;inset:0 -20px;background:var(--bg-hover);opacity:0;transition:opacity .2s ease;pointer-events:none}.permission-item[data-v-88215808]:hover:before{opacity:1}.permission-info[data-v-88215808]{display:flex;align-items:center;gap:14px;flex:1;position:relative;z-index:1;min-width:0}.permission-icon[data-v-88215808]{font-size:20px;color:var(--primary-color);flex-shrink:0;opacity:.9}.darker-theme .permission-icon[data-v-88215808]{opacity:1}.permission-text[data-v-88215808]{display:flex;flex-direction:column;gap:4px;flex:1}.permission-title[data-v-88215808]{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.permission-desc[data-v-88215808]{font-size:12px;color:var(--text-secondary);line-height:1.4}.toggle-switch[data-v-88215808]{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;flex-shrink:0;z-index:1}.toggle-switch input[data-v-88215808]{opacity:0;width:0;height:0}.toggle-slider[data-v-88215808]{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:24px;border:none;display:flex;align-items:center}.darker-theme .toggle-slider[data-v-88215808]{background-color:var(--bg-active)}.toggle-slider[data-v-88215808]:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:50%;transform:translateY(-50%);background-color:var(--bg-primary);transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.darker-theme .toggle-slider[data-v-88215808]:before{box-shadow:0 2px 6px #0006}.toggle-switch input:checked+.toggle-slider[data-v-88215808]{background:var(--primary-gradient);border:none}.toggle-switch input:checked+.toggle-slider[data-v-88215808]:before{transform:translate(22px) translateY(-50%);box-shadow:0 2px 6px #8b5cf666}.toggle-switch input:checked:hover+.toggle-slider[data-v-88215808]{background:var(--primary-gradient-hover)}.modal-actions[data-v-88215808]{display:flex;gap:12px;justify-content:space-between;padding:10px 20px 14px;border:none;background:var(--bg-primary);margin-top:-8px;flex-shrink:0}.darker-theme .modal-actions[data-v-88215808]{background:var(--bg-modal)}.cancel-btn[data-v-88215808],.confirm-btn[data-v-88215808]{flex:1;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px}.cancel-btn[data-v-88215808]{background:var(--bg-tertiary);color:var(--text-secondary);border:none}.darker-theme .cancel-btn[data-v-88215808]{background:var(--bg-active);color:var(--text-primary)}.cancel-btn[data-v-88215808]:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.darker-theme .cancel-btn[data-v-88215808]:hover{background:var(--bg-hover)}.cancel-btn[data-v-88215808]:active{transform:translateY(0)}.confirm-btn[data-v-88215808]{background:var(--primary-gradient);color:var(--text-inverse);border:none;box-shadow:var(--shadow-primary)}.confirm-btn[data-v-88215808]:hover:not(:disabled){background:var(--primary-gradient-hover);transform:translateY(-1px);box-shadow:var(--shadow-primary-hover)}.confirm-btn[data-v-88215808]:active:not(:disabled){transform:translateY(0)}.confirm-btn[data-v-88215808]:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-icon[data-v-88215808]{animation:spin-88215808 1s linear infinite}@keyframes spin-88215808{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.permissions-modal[data-v-88215808]{max-width:100%}.permissions-list[data-v-88215808]{padding:0 18px 8px;margin-bottom:-8px}.permission-item[data-v-88215808]:before{left:-18px;right:-18px}.permissions-tip[data-v-88215808]{margin:0 18px 12px;padding:10px 14px}.modal-actions[data-v-88215808]{padding:10px 16px 12px;margin-top:-8px;gap:10px}.cancel-btn[data-v-88215808],.confirm-btn[data-v-88215808]{padding:11px 20px;font-size:13px}}@media (max-width: 480px){.permissions-list[data-v-88215808]{padding:0 18px 8px;margin-bottom:-8px}.permission-item[data-v-88215808]{padding:14px 0}.permission-item[data-v-88215808]:before{left:-18px;right:-18px}.permissions-tip[data-v-88215808]{margin:0 18px 12px;padding:10px 12px;font-size:11px}.modal-actions[data-v-88215808]{padding:8px 12px 10px;margin-top:-8px}.cancel-btn[data-v-88215808],.confirm-btn[data-v-88215808]{padding:10px 16px;min-height:40px}}.csd-overlay[data-v-c5c0c414]{position:fixed;inset:0;background:#00000080;z-index:100005;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.csd-sheet[data-v-c5c0c414]{max-width:420px;width:100%;background:var(--bg-modal);border-radius:20px 20px 0 0;display:flex;flex-direction:column;min-height:60vh;max-height:85vh;animation:csd-up-c5c0c414 .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes csd-up-c5c0c414{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.csd-hero[data-v-c5c0c414]{flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(139,92,246,.06),var(--bg-modal))}.csd-hero-glow[data-v-c5c0c414]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 20%,rgba(139,92,246,.12),transparent 70%);pointer-events:none}.csd-topbar[data-v-c5c0c414]{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;padding-top:calc(14px + env(safe-area-inset-top,0px));position:relative;z-index:1}.csd-topbar-left[data-v-c5c0c414]{display:flex;align-items:center;gap:10px}.csd-logo[data-v-c5c0c414]{width:36px;height:36px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--primary-color);border:1.5px solid rgba(139,92,246,.2);flex-shrink:0}.csd-brand[data-v-c5c0c414]{font-size:18px;font-weight:700;background:linear-gradient(90deg,var(--primary-color),#f845ff);-webkit-background-clip:text;background-clip:text;color:transparent}.csd-close[data-v-c5c0c414]{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.csd-close[data-v-c5c0c414]:hover{background:var(--bg-active);color:var(--primary-color)}.csd-welcome[data-v-c5c0c414]{padding:20px 24px 24px;text-align:center;position:relative;z-index:1}.csd-welcome-title[data-v-c5c0c414]{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:14px}.csd-welcome-badges[data-v-c5c0c414]{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--text-tertiary)}.csd-badge-item[data-v-c5c0c414]{display:flex;align-items:center;gap:4px}.csd-badge-icon[data-v-c5c0c414]{font-size:13px;color:var(--primary-color)}.csd-divider[data-v-c5c0c414]{height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent)}.csd-content[data-v-c5c0c414]{flex:1;overflow-y:auto;padding:0;position:relative;background:var(--bg-modal)}.csd-loading[data-v-c5c0c414]{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-tertiary);font-size:14px}.csd-section-label[data-v-c5c0c414]{padding:16px 16px 6px;font-size:12px;color:var(--text-tertiary);font-weight:500;letter-spacing:.3px}.csd-tags[data-v-c5c0c414]{padding:0 12px 16px;display:flex;flex-direction:column;gap:4px}.csd-tag-wrap[data-v-c5c0c414]{opacity:0;animation:csd-tag-in-c5c0c414 .4s ease-out forwards}@keyframes csd-tag-in-c5c0c414{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.csd-tag-card[data-v-c5c0c414]{display:flex;align-items:center;padding:10px 4px;border-radius:14px;cursor:pointer;gap:8px;transition:all .2s;position:relative}.csd-tag-card[data-v-c5c0c414]:hover{background:var(--bg-hover);transform:translateY(-1px)}.csd-tag-card[data-v-c5c0c414]:active{transform:scale(.98)}.csd-tag-avatars[data-v-c5c0c414]{display:flex;align-items:center;flex-shrink:0}.csd-av[data-v-c5c0c414]{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:1px;flex-shrink:0;position:relative}.csd-av-inner[data-v-c5c0c414]{width:100%;height:100%;border-radius:50%;background:var(--bg-modal);display:flex;align-items:center;justify-content:center;overflow:hidden}.csd-av-inner img[data-v-c5c0c414]{width:30px;height:30px;object-fit:cover;border-radius:50%;display:block}.csd-av-letter[data-v-c5c0c414]{font-size:13px;font-weight:700;color:var(--primary-color);line-height:1}.csd-av-more-inner[data-v-c5c0c414]{font-size:11px;font-weight:700;color:var(--primary-color)}.csd-tag-info[data-v-c5c0c414]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.csd-tag-name[data-v-c5c0c414]{font-size:14px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csd-tag-status[data-v-c5c0c414]{display:flex;align-items:center;gap:5px}.csd-status-dot[data-v-c5c0c414]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.csd-status-dot.online[data-v-c5c0c414]{background:#22c55e;box-shadow:0 0 4px #22c55e80}.csd-status-dot.offline[data-v-c5c0c414]{background:#94a3b8}.csd-status-text[data-v-c5c0c414]{font-size:11px;color:var(--text-tertiary);font-weight:400}.csd-cta[data-v-c5c0c414]{flex-shrink:0;padding:8px 16px;border:none;border-radius:10px;background:var(--primary-gradient);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614;animation:csd-cta-glow-c5c0c414 2.5s ease-in-out infinite}@keyframes csd-cta-glow-c5c0c414{0%,to{box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614}50%{box-shadow:0 0 16px #8b5cf666,0 0 32px #f845ff26}}.csd-cta[data-v-c5c0c414]:after{content:"";position:absolute;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:csd-shine-c5c0c414 2.5s ease-in-out infinite;left:-100%}@keyframes csd-shine-c5c0c414{0%{left:-100%}to{left:200%}}.csd-cta[data-v-c5c0c414]:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.1)}.csd-cta[data-v-c5c0c414]:active:not(:disabled){transform:scale(.97)}.csd-cta[data-v-c5c0c414]:disabled{opacity:.5;cursor:not-allowed;animation:none}.csd-arrow[data-v-c5c0c414]{display:inline-block;margin-left:2px;animation:csd-arrow-bounce-c5c0c414 1.2s ease-in-out infinite}@keyframes csd-arrow-bounce-c5c0c414{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.csd-default[data-v-c5c0c414]{padding:16px;display:flex;flex-direction:column;justify-content:center}.csd-default-hint[data-v-c5c0c414]{padding:0 4px 10px;font-size:13px;color:var(--text-secondary);letter-spacing:.3px}.csd-default-row[data-v-c5c0c414]{display:flex;align-items:center;padding:10px 4px;cursor:pointer;gap:10px}.csd-default-info[data-v-c5c0c414]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.csd-default-label[data-v-c5c0c414]{font-size:13px;color:var(--text-secondary)}.csd-spin[data-v-c5c0c414]{animation:csd-spin-c5c0c414 1s linear infinite}@keyframes csd-spin-c5c0c414{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.csd-offline-guide[data-v-c5c0c414]{display:flex;flex-direction:column;align-items:center;padding:32px 24px;text-align:center}.csd-offline-header[data-v-c5c0c414]{display:flex;align-items:center;gap:8px;margin-bottom:6px}.csd-offline-header-icon[data-v-c5c0c414]{font-size:20px;color:var(--text-tertiary)}.csd-offline-title[data-v-c5c0c414]{font-size:16px;font-weight:700;color:var(--text-primary)}.csd-offline-desc[data-v-c5c0c414]{font-size:13px;color:var(--text-tertiary);margin-bottom:20px}.csd-fallback-card[data-v-c5c0c414]{display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:12px;background:var(--bg-hover);width:100%;max-width:300px;margin-bottom:6px;transition:all .2s}.csd-fallback-card[data-v-c5c0c414]:last-of-type{margin-bottom:18px}.csd-fallback-avatar[data-v-c5c0c414]{width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;flex-shrink:0;overflow:hidden}.csd-fallback-avatar img[data-v-c5c0c414]{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.csd-fallback-avatar .csd-av-letter[data-v-c5c0c414]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-modal);border-radius:50%;font-size:16px;font-weight:700;color:var(--primary-color)}.csd-fallback-info[data-v-c5c0c414]{flex:1;min-width:0;text-align:left}.csd-fallback-name[data-v-c5c0c414]{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px;display:flex;align-items:center;gap:6px}.csd-status-tag[data-v-c5c0c414]{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;line-height:1.4;flex-shrink:0}.csd-status-tag.online[data-v-c5c0c414]{color:#16a34a;background:#22c55e1f}.csd-status-tag.offline[data-v-c5c0c414]{color:#94a3b8;background:#94a3b81f}.csd-fallback-account[data-v-c5c0c414]{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-tertiary)}.csd-fallback-id[data-v-c5c0c414]{font-family:SF Mono,Menlo,Monaco,monospace;font-size:12px;letter-spacing:.3px}.csd-copy-btn[data-v-c5c0c414]{width:22px;height:22px;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s;flex-shrink:0}.csd-copy-btn[data-v-c5c0c414]:hover{background:var(--bg-active);color:var(--primary-color)}.csd-fallback-link[data-v-c5c0c414]{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:10px;background:var(--primary-gradient);color:#fff;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;box-shadow:0 0 10px #8b5cf640}.csd-fallback-link[data-v-c5c0c414]:hover{transform:translateY(-1px);box-shadow:0 0 16px #8b5cf666}@media (min-width: 1024px){.csd-overlay[data-v-c5c0c414]{align-items:center}.csd-sheet[data-v-c5c0c414]{border-radius:20px;max-width:400px}}.cs-workbench[data-v-23cb33b2]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.cs-tabs[data-v-23cb33b2]{display:flex;padding:10px 12px 0;gap:4px;flex-shrink:0}.cs-tabs button[data-v-23cb33b2]{flex:1;padding:10px 4px;border:none;background:none;font-size:13px;color:var(--text-tertiary);cursor:pointer;position:relative;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:10px}.cs-tabs button[data-v-23cb33b2]:hover{background:var(--bg-hover);color:var(--text-secondary)}.cs-tabs button.active[data-v-23cb33b2]{color:var(--primary-color);font-weight:700;background:rgba(var(--primary-color-rgb, 79, 140, 255),.08)}.tab-count[data-v-23cb33b2]{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700;background:var(--primary-gradient);color:#fff;line-height:1}.tab-count.waiting[data-v-23cb33b2]{background:linear-gradient(135deg,#ff9800,#f57c00)}.tab-count.ended[data-v-23cb33b2]{background:linear-gradient(135deg,#9ca3af,#6b7280)}.cs-date-bar[data-v-23cb33b2]{display:flex;align-items:center;padding:8px 12px;flex-shrink:0;position:relative}.cs-date-btn[data-v-23cb33b2]{display:flex;align-items:center;gap:6px;padding:6px 14px;border:1px solid var(--border-color-light);border-radius:10px;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary);font-size:13px;cursor:pointer;transition:all .2s}.cs-date-btn[data-v-23cb33b2]:hover{border-color:var(--primary-color)}.cs-date-icon[data-v-23cb33b2]{font-size:16px;color:var(--text-tertiary)}.cs-date-hidden[data-v-23cb33b2]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.cs-list-body[data-v-23cb33b2]{flex:1;overflow-y:auto;padding:4px 8px}.cs-empty[data-v-23cb33b2]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;color:var(--text-tertiary);font-size:13px;gap:8px}.cs-session-item[data-v-23cb33b2]{display:flex;align-items:center;padding:10px 8px;cursor:pointer;transition:all .2s;gap:10px;border-radius:14px;margin-bottom:2px}.cs-session-item[data-v-23cb33b2]:hover{background:var(--bg-hover)}.cs-session-item.active[data-v-23cb33b2]{background:rgba(var(--primary-color-rgb, 79, 140, 255),.1)}.cs-session-item.is-pinned[data-v-23cb33b2]{background:rgba(var(--primary-color-rgb, 79, 140, 255),.04)}.cs-session-item.unread .cs-session-name[data-v-23cb33b2]{font-weight:700}.cs-session-item.unread .cs-session-preview[data-v-23cb33b2]{color:var(--text-primary);font-weight:500}.cs-session-avatar[data-v-23cb33b2]{position:relative;width:44px;height:44px;min-width:44px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cs-session-avatar[data-v-23cb33b2] svg{width:40px;height:40px;background:var(--bg-primary);border-radius:50%;padding:6px;color:var(--text-tertiary)}.cs-unread-badge[data-v-23cb33b2]{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ff4d4f,#e03030);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--bg-primary);box-shadow:0 2px 6px #ff4d4f66;z-index:2}.cs-session-info[data-v-23cb33b2]{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cs-session-top[data-v-23cb33b2]{display:flex;align-items:center;justify-content:space-between}.cs-session-name[data-v-23cb33b2]{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-session-time[data-v-23cb33b2]{font-size:11px;color:var(--text-tertiary);flex-shrink:0;margin-left:8px}.cs-session-bottom[data-v-23cb33b2]{display:flex;align-items:center;justify-content:space-between;gap:8px}.cs-session-preview[data-v-23cb33b2]{font-size:12px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.cs-session-icons[data-v-23cb33b2]{display:flex;align-items:center;gap:2px;flex-shrink:0}.cs-pin-icon[data-v-23cb33b2]{font-size:12px;color:var(--primary-color);opacity:.7}.cs-mute-icon[data-v-23cb33b2]{font-size:12px;color:var(--text-tertiary);opacity:.7}.cs-accept-btn[data-v-23cb33b2]{flex-shrink:0;padding:4px 14px;border-radius:8px;background:var(--primary-gradient);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 0 8px #8b5cf633}.cs-accept-btn[data-v-23cb33b2]:hover{transform:scale(1.04);filter:brightness(1.1)}.cs-remark-overlay[data-v-23cb33b2]{position:fixed;inset:0;background:#00000080;z-index:100005;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cs-remark-modal[data-v-23cb33b2]{background:var(--bg-modal, var(--bg-primary));border-radius:20px;padding:24px;width:340px;box-shadow:0 16px 48px #0003;animation:cs-pop-23cb33b2 .25s cubic-bezier(.4,0,.2,1)}@keyframes cs-pop-23cb33b2{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.cs-remark-header[data-v-23cb33b2]{font-size:17px;font-weight:700;margin-bottom:16px;color:var(--text-primary)}.cs-remark-input[data-v-23cb33b2]{width:100%;padding:12px 14px;border:1.5px solid var(--border-color-light);border-radius:12px;font-size:14px;outline:none;background:var(--bg-secondary, #f5f5f5);color:var(--text-primary);box-sizing:border-box;transition:border-color .2s}.cs-remark-input[data-v-23cb33b2]:focus{border-color:var(--primary-color)}.cs-remark-footer[data-v-23cb33b2]{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.cs-remark-cancel[data-v-23cb33b2],.cs-remark-save[data-v-23cb33b2]{padding:9px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s}.cs-remark-cancel[data-v-23cb33b2]{background:var(--bg-hover);color:var(--text-secondary)}.cs-remark-cancel[data-v-23cb33b2]:hover{background:var(--bg-active)}.cs-remark-save[data-v-23cb33b2]{background:var(--primary-gradient);color:#fff;box-shadow:0 0 8px #8b5cf633}.cs-remark-save[data-v-23cb33b2]:hover{transform:scale(1.03);filter:brightness(1.1)}.cs-chat-panel[data-v-781aa60e]{display:flex;flex-direction:column;height:100%;background:var(--bg-primary)}.cs-chat-header[data-v-781aa60e]{display:flex;align-items:center;padding:10px 16px;background:var(--bg-primary);gap:10px;min-height:56px;flex-shrink:0;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent) 1}.back-btn[data-v-781aa60e]{background:none;border:none;font-size:18px;color:var(--text-secondary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.back-btn[data-v-781aa60e]:hover{background:var(--bg-hover);color:var(--primary-color)}.cs-header-avatar[data-v-781aa60e]{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;flex-shrink:0}.cs-header-avatar-inner[data-v-781aa60e]{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-tertiary)}.user-details[data-v-781aa60e]{flex:1;min-width:0}.name[data-v-781aa60e]{font-size:15px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.chat-type-badge[data-v-781aa60e]{font-size:10px;padding:1px 6px;border-radius:6px;font-weight:600;background:rgba(var(--primary-color-rgb, 79, 140, 255),.1);color:var(--primary-color)}.status-row[data-v-781aa60e]{display:flex;align-items:center;gap:5px;margin-top:2px}.status-dot[data-v-781aa60e]{width:6px;height:6px;border-radius:50%;background:#faad14;flex-shrink:0}.status-dot.online[data-v-781aa60e]{background:#22c55e;box-shadow:0 0 4px #22c55e80}.status-dot.ended[data-v-781aa60e]{background:#94a3b8}.status-text[data-v-781aa60e]{font-size:12px;color:var(--text-tertiary)}.chat-actions[data-v-781aa60e]{display:flex;gap:6px;align-items:center}.cs-action-pill[data-v-781aa60e]{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:6px 8px;border-radius:10px;transition:all .2s;color:var(--text-secondary);font-size:18px}.cs-action-pill[data-v-781aa60e]:hover{background:var(--bg-hover)}.cs-action-pill.info-toggle.active[data-v-781aa60e]{color:var(--primary-color);background:rgba(var(--primary-color-rgb, 79, 140, 255),.1)}.cs-action-cta[data-v-781aa60e]{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border:none;border-radius:10px;font-size:12px;font-weight:700;cursor:pointer;color:#fff;transition:all .2s;position:relative;overflow:hidden}.cs-action-cta.transfer[data-v-781aa60e]{background:var(--primary-gradient, linear-gradient(135deg, var(--primary-color), #a855f7));box-shadow:0 0 8px #8b5cf640}.cs-action-cta.transfer[data-v-781aa60e]:hover{transform:scale(1.04);filter:brightness(1.1)}.cs-action-cta.danger[data-v-781aa60e]{background:linear-gradient(135deg,#ff4d4f,#e03030);box-shadow:0 0 8px #ff4d4f40}.cs-action-cta.danger[data-v-781aa60e]:hover{transform:scale(1.04);filter:brightness(1.1)}.cs-action-cta[data-v-781aa60e]:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:cta-shine-781aa60e 2.5s ease-in-out infinite}@keyframes cta-shine-781aa60e{0%{left:-100%}to{left:200%}}.cs-chat-body[data-v-781aa60e]{flex:1;display:flex;overflow:hidden;min-height:0}.cs-chat-main[data-v-781aa60e]{flex:1;display:flex;flex-direction:column;min-width:0}.cs-messages[data-v-781aa60e]{flex:1;overflow-y:auto;padding:16px}.cs-msg[data-v-781aa60e]{margin-bottom:14px}.cs-loading-more[data-v-781aa60e],.cs-no-more[data-v-781aa60e]{text-align:center;padding:10px;font-size:12px;color:var(--text-tertiary)}.system-message[data-v-781aa60e]{text-align:center;margin:8px 0}.system-message.system-divider[data-v-781aa60e]{margin:16px 0}.system-divider .system-text[data-v-781aa60e]{background:rgba(var(--primary-color-rgb, 79, 140, 255),.1);color:var(--primary-color);font-weight:500;padding:4px 16px}.system-text[data-v-781aa60e]{display:inline-block;font-size:12px;color:var(--text-tertiary);background:var(--bg-tertiary, rgba(255,255,255,.06));padding:3px 12px;border-radius:10px}.system-time[data-v-781aa60e]{text-align:center}.message-row[data-v-781aa60e]{display:flex;flex-direction:column;align-items:flex-start}.message-row.own[data-v-781aa60e]{align-items:flex-end}.bubble[data-v-781aa60e]{max-width:70%;padding:10px 16px;border-radius:20px 20px 20px 6px;background:var(--message-bg-received, #e8eaef);color:var(--text-primary);font-size:14px;line-height:1.5;word-break:break-word;border:1px solid var(--border-color-light, rgba(0,0,0,.06));transition:all .15s;position:relative}.bubble[data-v-781aa60e]:active{transform:scale(.98)}.bubble.own[data-v-781aa60e]{background:var(--message-bg-sent, var(--primary-gradient, linear-gradient(135deg, var(--primary-color), #a855f7)));color:var(--message-text-sent, #fff);border-radius:20px 20px 6px;border:none}@media (min-width: 1025px){.bubble[data-v-781aa60e]:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.bubble.own[data-v-781aa60e]:hover{box-shadow:0 2px 8px #667eea4d;transform:translateY(-1px)}}.msg-time[data-v-781aa60e]{font-size:11px;color:var(--text-tertiary);margin-top:4px;padding:0 4px}.msg-img[data-v-781aa60e]{max-width:240px;max-height:240px;border-radius:12px;cursor:pointer;display:block}.cs-input-area[data-v-781aa60e]{padding:12px 16px;background:var(--bg-primary);border-top:2px solid transparent;border-image:linear-gradient(90deg,transparent,rgba(139,92,246,.15),transparent) 1}.cs-input-box[data-v-781aa60e]{display:flex;align-items:center;gap:8px;background:var(--bg-secondary, #f5f5f5);border-radius:20px;padding:5px 5px 5px 12px;border:1.5px solid rgba(139,92,246,.25);transition:all .25s;box-shadow:0 0 8px #8b5cf614,0 2px 8px #0000000a}.cs-input-box[data-v-781aa60e]:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #8b5cf61f,0 0 12px #8b5cf626}.cs-img-btn[data-v-781aa60e]{background:none;border:none;cursor:pointer;color:var(--text-tertiary);font-size:20px;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:all .15s;flex-shrink:0}.cs-img-btn[data-v-781aa60e]:hover{color:var(--primary-color);background:rgba(var(--primary-color-rgb, 79, 140, 255),.1)}.hidden-file[data-v-781aa60e]{display:none}.cs-input-box input[type=text][data-v-781aa60e],.cs-input-box input[data-v-781aa60e]:not([type]){flex:1;border:none;background:transparent;font-size:14px;outline:none;color:var(--text-primary);padding:6px 0}.cs-send-btn[data-v-781aa60e]{background:var(--primary-gradient, linear-gradient(135deg, var(--primary-color), #a855f7))!important;color:#fff!important;border:none!important;border-radius:50%!important;width:36px!important;height:36px!important;display:flex;align-items:center;justify-content:center;font-size:17px;cursor:pointer;flex-shrink:0;transition:all .2s;box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614;animation:send-glow-781aa60e 2.5s ease-in-out infinite}@keyframes send-glow-781aa60e{0%,to{box-shadow:0 0 10px #8b5cf640,0 0 20px #8b5cf614}50%{box-shadow:0 0 16px #8b5cf666,0 0 32px #f845ff26}}.cs-send-btn[data-v-781aa60e]:hover:not(:disabled){transform:scale(1.08);filter:brightness(1.1)}.cs-send-btn[data-v-781aa60e]:disabled{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important;animation:none!important;background:var(--text-tertiary, #ccc)!important}.cs-ended-bar[data-v-781aa60e]{display:flex;align-items:center;justify-content:center;gap:6px;padding:14px;color:var(--text-tertiary);font-size:13px;border-top:1px solid var(--border-color-light);background:var(--bg-primary)}.cs-ended-icon[data-v-781aa60e]{font-size:16px;color:var(--text-tertiary)}.cs-image-preview-bar[data-v-781aa60e]{display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--border-color-light);background:var(--bg-secondary, #f5f5f5);border-radius:0}.preview-thumb[data-v-781aa60e]{width:40px;height:40px;border-radius:8px;object-fit:cover}.preview-name[data-v-781aa60e]{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-remove[data-v-781aa60e]{background:none;border:none;color:var(--text-tertiary);font-size:16px;cursor:pointer;padding:4px;border-radius:50%;line-height:1}.preview-remove[data-v-781aa60e]:hover{background:#0000000f;color:var(--text-primary)}.cs-visitor-info[data-v-781aa60e]{width:260px;flex-shrink:0;border-left:1px solid var(--border-color-light);background:var(--bg-primary);overflow-y:auto;display:flex;flex-direction:column;-webkit-user-select:text;user-select:text}.info-header[data-v-781aa60e]{display:flex;flex-direction:column;align-items:center;padding:24px 16px 16px;gap:6px;position:relative;background:linear-gradient(180deg,rgba(139,92,246,.06),transparent)}.info-avatar-frame[data-v-781aa60e]{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2.5px}.info-avatar-inner[data-v-781aa60e]{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--text-tertiary)}.info-name[data-v-781aa60e]{font-size:15px;font-weight:700;color:var(--text-primary)}.info-status-tag[data-v-781aa60e]{font-size:10px;font-weight:600;padding:2px 8px;border-radius:6px;background:#faad141f;color:#faad14}.info-status-tag.active[data-v-781aa60e]{background:#22c55e1f;color:#16a34a}.info-status-tag.ended[data-v-781aa60e]{background:#94a3b81f;color:#94a3b8}.info-section[data-v-781aa60e]{padding:12px 16px;display:flex;flex-direction:column;gap:0}.info-row[data-v-781aa60e]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:10px;transition:background .15s}.info-row[data-v-781aa60e]:hover{background:var(--bg-hover)}.info-label[data-v-781aa60e]{font-size:12px;color:var(--text-tertiary);flex-shrink:0;min-width:60px}.info-value[data-v-781aa60e]{font-size:12px;color:var(--text-primary);text-align:right;word-break:break-all;display:flex;align-items:center;gap:4px}.info-url[data-v-781aa60e]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-mono[data-v-781aa60e]{font-family:SF Mono,Menlo,monospace;font-size:11px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-info-enter-active[data-v-781aa60e],.slide-info-leave-active[data-v-781aa60e]{transition:width .2s ease,opacity .2s ease;overflow:hidden}.slide-info-enter-from[data-v-781aa60e],.slide-info-leave-to[data-v-781aa60e]{width:0!important;opacity:0}@media (max-width: 768px){.cs-visitor-info[data-v-781aa60e]{display:none}}.cst-overlay[data-v-781aa60e]{position:fixed;inset:0;background:#00000080;z-index:100005;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cst-sheet[data-v-781aa60e]{max-width:400px;width:90%;background:var(--bg-modal, var(--bg-primary));border-radius:20px;display:flex;flex-direction:column;max-height:70vh;animation:cst-pop-781aa60e .25s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 16px 48px #0003}@keyframes cst-pop-781aa60e{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:none}}.cst-header[data-v-781aa60e]{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.cst-header-left[data-v-781aa60e]{display:flex;align-items:center;gap:10px}.cst-header-icon[data-v-781aa60e]{font-size:20px;color:var(--primary-color)}.cst-header-title[data-v-781aa60e]{font-size:17px;font-weight:700;color:var(--text-primary)}.cst-close[data-v-781aa60e]{width:32px;height:32px;border:none;border-radius:8px;background:var(--bg-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.cst-close[data-v-781aa60e]:hover{background:var(--bg-active);color:var(--primary-color)}.cst-divider[data-v-781aa60e]{height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),#f845ff,transparent)}.cst-content[data-v-781aa60e]{flex:1;overflow-y:auto;padding:8px 12px 16px}.cst-loading[data-v-781aa60e],.cst-empty[data-v-781aa60e]{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px 20px;color:var(--text-tertiary);font-size:14px;flex-direction:column}.cst-list[data-v-781aa60e]{display:flex;flex-direction:column;gap:4px}.cst-group-label[data-v-781aa60e]{padding:10px 8px 4px;font-size:12px;font-weight:600;color:var(--text-tertiary);letter-spacing:.3px}.cst-item[data-v-781aa60e]{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:14px;transition:all .2s;opacity:0;animation:cst-item-in-781aa60e .4s ease-out forwards}@keyframes cst-item-in-781aa60e{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.cst-item[data-v-781aa60e]:hover{background:var(--bg-hover)}.cst-avatar[data-v-781aa60e]{width:40px;height:40px;min-width:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#f845ff);padding:2px;flex-shrink:0}.cst-avatar-inner[data-v-781aa60e]{width:100%;height:100%;border-radius:50%;background:var(--bg-modal, var(--bg-primary));display:flex;align-items:center;justify-content:center;overflow:hidden}.cst-avatar-inner img[data-v-781aa60e]{width:34px;height:34px;object-fit:cover;border-radius:50%;display:block}.cst-avatar-letter[data-v-781aa60e]{font-size:15px;font-weight:700;color:var(--primary-color);line-height:1}.cst-info[data-v-781aa60e]{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cst-name[data-v-781aa60e]{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cst-desc[data-v-781aa60e]{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-tertiary)}.cst-status-dot[data-v-781aa60e]{width:6px;height:6px;border-radius:50%;flex-shrink:0}.cst-status-dot.online[data-v-781aa60e]{background:#22c55e;box-shadow:0 0 4px #22c55e80}.cst-status-dot.busy[data-v-781aa60e]{background:#f59e0b;box-shadow:0 0 4px #f59e0b80}.cst-cta[data-v-781aa60e]{flex-shrink:0;padding:7px 16px;border:none;border-radius:10px;background:var(--primary-gradient);color:#fff;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .2s;box-shadow:0 0 8px #8b5cf633}.cst-cta[data-v-781aa60e]:hover:not(:disabled){transform:scale(1.04);filter:brightness(1.1)}.cst-cta[data-v-781aa60e]:active:not(:disabled){transform:scale(.97)}.cst-cta[data-v-781aa60e]:disabled{opacity:.5;cursor:not-allowed}.cst-arrow[data-v-781aa60e]{display:inline-block;margin-left:2px;animation:cst-arrow-bounce-781aa60e 1.2s ease-in-out infinite}@keyframes cst-arrow-bounce-781aa60e{0%,to{transform:translate(0)}50%{transform:translate(3px)}}.cst-spin[data-v-781aa60e]{animation:cst-spin-781aa60e 1s linear infinite}@keyframes cst-spin-781aa60e{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.call-modal-overlay[data-v-b2b1da07]{position:fixed;inset:0;z-index:1000;background:#000000bf;display:flex;align-items:center;justify-content:center}.call-video-bg[data-v-b2b1da07]{position:fixed;inset:0;z-index:1001;background:#000}.call-remote-video[data-v-b2b1da07]{width:100%;height:100%;object-fit:cover}.call-local-video[data-v-b2b1da07]{position:absolute;bottom:120px;right:16px;width:100px;height:140px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.3)}.call-modal[data-v-b2b1da07]{background:linear-gradient(160deg,#1e1b4b,#312e81);border-radius:24px;padding:40px 32px 32px;width:320px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 24px 64px #00000080;position:relative;z-index:1002}.call-modal.active[data-v-b2b1da07]{background:transparent;box-shadow:none;position:fixed;bottom:calc(40px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);width:auto;padding:0}.call-modal.active .call-peer-info[data-v-b2b1da07]{display:none}.call-modal.active .call-timer[data-v-b2b1da07]{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.call-modal.active .call-actions[data-v-b2b1da07]{background:#00000073;padding:16px 32px;border-radius:40px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.call-peer-info[data-v-b2b1da07]{display:flex;flex-direction:column;align-items:center;gap:10px}.call-avatar[data-v-b2b1da07]{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#4c1d95;display:flex;align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.2)}.call-avatar img[data-v-b2b1da07]{width:100%;height:100%;object-fit:cover}.call-avatar-placeholder[data-v-b2b1da07]{font-size:32px;color:#fff;font-weight:600}.call-peer-name[data-v-b2b1da07]{color:#fff;font-size:20px;font-weight:600}.call-status-text[data-v-b2b1da07]{color:#fff9;font-size:14px}.call-timer[data-v-b2b1da07]{color:#a5b4fc;font-size:22px;font-weight:500;letter-spacing:2px}.call-actions[data-v-b2b1da07]{display:flex;gap:24px;align-items:center;margin-top:8px}.call-btn[data-v-b2b1da07]{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:26px;cursor:pointer;transition:transform .15s}.call-btn[data-v-b2b1da07]:active{transform:scale(.92)}.call-btn.reject[data-v-b2b1da07]{background:#ef4444;color:#fff}.call-btn.accept[data-v-b2b1da07]{background:#22c55e;color:#fff}.call-btn.hangup[data-v-b2b1da07]{background:#ef4444;color:#fff}.call-btn.mute[data-v-b2b1da07],.call-btn.camera[data-v-b2b1da07]{background:#ffffff26;color:#fff}.call-btn.mute.active[data-v-b2b1da07],.call-btn.camera.active[data-v-b2b1da07]{background:#ef44444d;color:#fca5a5}