.right-menu-mask{height:100%;inset:0;position:fixed;width:100%;z-index:9999}.right-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px #0000001f;overflow:hidden;position:fixed;z-index:10000}.right-menu .menu-container{min-width:120px;padding:8px 0}.right-menu .menu-container .menu-item{align-items:center;color:var(--im-text-color);cursor:pointer;display:flex;font-size:14px;padding:8px 16px;position:relative;transition:all .2s ease}.right-menu .menu-container .menu-item:hover{background:var(--im-background-active);color:var(--im-color-primary)}.right-menu .menu-container .menu-item.danger{color:var(--im-color-danger)}.right-menu .menu-container .menu-item.danger:hover{background:#f56b6b1a;color:var(--im-color-danger)}.right-menu .menu-container .menu-item.danger:active{background:#f56b6b33;transform:scale(.98)}.right-menu .menu-container .menu-item .menu-icon{font-size:16px;margin-right:8px;text-align:center;width:16px}.right-menu .menu-container .menu-item .menu-text{flex:1;font-weight:500}.tabs[data-v-891a74bc]{align-items:center;background:#fafafa;border-radius:8px;display:flex;height:44px;padding:4px}.tabs[data-v-891a74bc],.tabs .tab[data-v-891a74bc]{position:relative}.tabs .tab[data-v-891a74bc]{border-radius:6px;color:var(--im-text-color-secondary);cursor:pointer;flex:1;font-size:14px;font-weight:500;padding:8px 16px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1}.tabs .tab[data-v-891a74bc]:hover{background:var(--im-background-active);color:var(--im-text-color-primary)}.tabs .tab.active[data-v-891a74bc]{background:var(--im-background-active-dark);box-shadow:0 2px 8px #0000001a;color:var(--im-color-primary);font-weight:600;transform:translateY(-1px)}.tabs .tab.active[data-v-891a74bc]:after{animation:slideIn-891a74bc .3s ease-out;background:var(--im-color-primary);border-radius:2px;bottom:-2px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:24px}.tabs .tab[data-v-891a74bc]:active{transform:translateY(0) scale(.98);transition:transform .1s ease}.tabs .tab[data-v-891a74bc]:first-child{margin-right:2px}.tabs .tab[data-v-891a74bc]:last-child{margin-left:2px}.tabs .tab[data-v-891a74bc]:not(:first-child):not(:last-child){margin:0 2px}@keyframes slideIn-891a74bc{0%{opacity:0;width:0}50%{opacity:1}to{opacity:1;width:24px}}.friend-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;height:50px;margin:0 3px;padding:5px 8px;position:relative;white-space:nowrap}.friend-item:hover{background-color:var(--im-background-active)}.friend-item.active{background-color:var(--im-background-active-dark)}.friend-item.small{height:42px;padding:3px 10px}.friend-item .friend-avatar{align-items:center;display:flex;justify-content:center}.friend-item .friend-info{display:flex;flex:1;flex-direction:column;overflow:hidden;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name{align-items:center;display:flex}.friend-item .friend-info .friend-name .friend-name-text{font-size:var(--im-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item .friend-info .friend-name .company-tag-mini{flex:1;min-width:60px}.friend-item .friend-info .friend-online .online{font-size:16px;font-weight:700;padding-right:2px;position:relative}.friend-item .friend-info .friend-online .online-icon{background:#32cd32;border:1px solid #fff;border-radius:50%;bottom:0;height:6px;position:absolute;right:0;width:6px}.group-item[data-v-42e2c3fb]{border-radius:10px;cursor:pointer;display:flex;height:50px;margin:0 3px;padding:5px 8px;position:relative}.group-item[data-v-42e2c3fb]:hover{background-color:var(--im-background-active)}.group-item.active[data-v-42e2c3fb]{background-color:var(--im-background-active-dark)}.group-item.small[data-v-42e2c3fb]{height:42px;padding:3px 10px}.group-item .group-name[data-v-42e2c3fb]{align-items:center;display:flex;flex:1;font-size:var(--im-font-size);height:100%;overflow:hidden;padding-left:10px;text-align:left;white-space:nowrap}.chat-selector[data-v-63ea8672]{display:flex}.chat-selector .left-box[data-v-63ea8672]{border:var(--im-border);overflow:hidden;width:48%}.chat-selector .left-box .left-scroll-box[data-v-63ea8672]{height:400px}.chat-selector .left-box .left-scroll-box .check-box[data-v-63ea8672]{margin-right:10px}.chat-selector .left-box .left-scroll-box .chat-item[data-v-63ea8672]{align-items:center;cursor:pointer;display:flex;padding:5px 10px}.chat-selector .left-box .left-scroll-box .chat-item .chat-info[data-v-63ea8672]{display:flex;flex:1;flex-direction:column;overflow:hidden;padding:0 10px;text-align:left}.chat-selector .left-box .left-scroll-box .chat-item .chat-info .chat-name[data-v-63ea8672]{align-items:center;display:flex;flex:1}.chat-selector .left-box .left-scroll-box .chat-item .chat-info .chat-name .chat-name-text[data-v-63ea8672]{font-size:var(--im-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-selector .left-box .left-scroll-box .chat-item .chat-info .chat-content[data-v-63ea8672]{color:var(--im-text-color-light);font-size:var(--im-font-size-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-selector .left-box .left-scroll-box .chat-item[data-v-63ea8672]:hover{background-color:var(--im-background-active)}.chat-selector .arrow[data-v-63ea8672]{align-items:center;color:var(--im-color-primary);display:flex;font-size:20px;padding:10px}.chat-selector .right-box[data-v-63ea8672]{border:var(--im-border);width:48%}.chat-selector .right-box .tip[data-v-63ea8672]{color:var(--im-text-color-light);height:32px;line-height:32px;text-align:left;text-indent:10px}.chat-selector .right-box .right-scroll-box[data-v-63ea8672]{height:460px}.chat-selector .right-box .right-scroll-box .checked-item[data-v-63ea8672]{align-items:center;cursor:pointer;display:flex;padding:5px 10px;white-space:nowrap}.chat-selector .right-box .right-scroll-box .checked-item .chat-name[data-v-63ea8672]{align-items:center;display:flex;flex:1;padding:0 10px}.chat-selector .right-box .right-scroll-box .checked-item .chat-name .chat-name-text[data-v-63ea8672]{font-size:var(--im-font-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-selector .right-box .right-scroll-box .checked-item .close[data-v-63ea8672]{display:none;width:30px}.chat-selector .right-box .right-scroll-box .checked-item[data-v-63ea8672]:hover{background-color:var(--im-background-active)}.chat-selector .right-box .right-scroll-box .checked-item:hover .close[data-v-63ea8672]{display:block}.resizable-aside[data-v-8a491b9d]{border-right:1px solid rgba(0,0,0,.08);box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;position:relative}.resizable-aside.full-width[data-v-8a491b9d]{border-right:none;box-shadow:none;flex:1 1 auto;width:100%}.resizable-aside .resize-handle[data-v-8a491b9d]{align-items:center;cursor:col-resize;display:flex;height:100%;justify-content:center;position:absolute;right:-3px;top:0;transition:background-color .2s ease;width:6px;z-index:10}.resizable-aside .resize-handle .resize-line[data-v-8a491b9d]{background-color:var(--im-background-active-dark);border-radius:1px;height:100%;transition:all .2s ease;width:2px}.resizable-aside .resize-handle.resizing .resize-line[data-v-8a491b9d],.resizable-aside .resize-handle:hover .resize-line[data-v-8a491b9d]{width:3px}