.right-menu-mask{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:9999}.right-menu{position:fixed;border-radius:8px;overflow:hidden;box-shadow:var(--im-box-shadow-light)}.right-menu .el-menu{border-radius:4px;overflow:hidden}.right-menu .el-menu .el-menu-item{height:36px;line-height:36px;min-width:100px;text-align:center}.right-menu .el-menu .el-menu-item:hover{background-color:var(--im-background-active)}.friend-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer;border-bottom:1px solid #e5e5e5}.friend-item:hover{background-color:var(--im-background-active)}.friend-item.active{background-color:var(--im-background-active-dark)}.friend-item .friend-avatar{display:flex;justify-content:center;align-items:center}.friend-item .friend-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-item .friend-info .friend-name{font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online{font-weight:700;padding-right:2px;font-size:16px;position:relative}.friend-item .friend-info .friend-online .online-icon{position:absolute;right:0;bottom:0;width:6px;height:6px;background:#32cd32;border-radius:50%;border:1px solid #fff}.online-text{color:#999;font-size:12px}.add-friend-dialog .item{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend-dialog .item .add-friend-text{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend-dialog .item .add-friend-text .text-user-name{display:flex;align-items:center;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.add-friend-dialog .item .add-friend-text .text-user-name .online-status{font-size:12px;font-weight:600}.add-friend-dialog .item .add-friend-text .text-user-name .online-status.online{color:#5fb878}.add-friend-dialog .item .add-friend-text .text-user-name .el-tag{border-radius:10px;border:0;height:20x;line-height:20px;font-size:12px;margin-left:3px}.add-friend-dialog .item .add-friend-text .text-nick-name{display:flex;flex-direction:row;font-size:12px;line-height:20px}.blacklist-header[data-v-3081372c]{margin-bottom:20px;padding:12px 16px;background-color:#f5f7fa;border-radius:4px}.blacklist-header .tip-text[data-v-3081372c]{font-size:12px;color:#666}.blacklist-content[data-v-3081372c]{min-height:200px;max-height:400px;overflow-y:auto}.blacklist-content .loading-container[data-v-3081372c]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:200px}.blacklist-content .loading-container i[data-v-3081372c]{font-size:24px;margin-bottom:10px;color:#409eff}.blacklist-content .loading-container span[data-v-3081372c]{font-size:14px;color:#666}.blacklist-content .empty-container[data-v-3081372c]{display:flex;justify-content:center;align-items:center;height:200px}.blacklist-content .empty-container .empty-text[data-v-3081372c]{font-size:14px;color:#999}.blacklist-content .blacklist-list .blacklist-item[data-v-3081372c]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #f0f0f0;min-height:60px}.blacklist-content .blacklist-list .blacklist-item[data-v-3081372c]:last-child{border-bottom:none}.blacklist-content .blacklist-list .blacklist-item .user-info[data-v-3081372c]{display:flex;align-items:center;flex:1;min-width:0;width:120px;box-shadow:none}.blacklist-content .blacklist-list .blacklist-item .user-info .user-text[data-v-3081372c]{flex:1}.blacklist-content .blacklist-list .blacklist-item .user-info .user-text .user-name[data-v-3081372c]{font-size:14px;color:#333;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blacklist-content .blacklist-list .blacklist-item .user-info .user-text .user-id[data-v-3081372c]{font-size:12px;color:#999}.blacklist-content .blacklist-list .blacklist-item .action-buttons[data-v-3081372c]{flex-shrink:0;margin-left:185px}.resize-handle[data-v-37fb046c]{width:4px;background:transparent;cursor:col-resize;position:relative;border-right:1px solid #e8e8e8;z-index:10;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-handle .resize-indicator[data-v-37fb046c]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:2px;opacity:0;transition:opacity .2s;pointer-events:none}.resize-handle .resize-indicator span[data-v-37fb046c]{width:2px;height:12px;background:#409eff;border-radius:1px}.resize-handle[data-v-37fb046c]:hover{background:#409eff;opacity:.6;width:6px}.resize-handle:hover .resize-indicator[data-v-37fb046c]{opacity:1}.resize-handle.resizing[data-v-37fb046c]{background:#409eff;opacity:.8;width:6px}.resize-handle.resizing .resize-indicator[data-v-37fb046c]{opacity:1}.resize-handle[data-v-37fb046c]:before{content:"";position:absolute;left:-3px;right:-3px;top:0;bottom:0;background:transparent}@media(hover:none)and (pointer:coarse){.resize-handle[data-v-37fb046c]{width:8px}.resize-handle[data-v-37fb046c]:before{left:-6px;right:-6px}.resize-handle .resize-indicator[data-v-37fb046c]{opacity:.3}.resize-handle .resize-indicator span[data-v-37fb046c]{width:3px;height:16px}.resize-handle:active .resize-indicator[data-v-37fb046c]{opacity:1}}@media screen and (max-width:700px){.resize-handle[data-v-37fb046c]{width:6px}.resize-handle .resize-indicator span[data-v-37fb046c]{height:10px}}@media screen and (max-width:550px){.resize-handle[data-v-37fb046c]{width:8px}.resize-handle[data-v-37fb046c]:before{left:-4px;right:-4px}.resize-handle .resize-indicator span[data-v-37fb046c]{height:14px;width:2.5px}}.friend-page .friend-list-box{display:flex;flex-direction:column;background:var(--im-background)}.friend-page .friend-list-box .friend-list-header{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .friend-list-box .friend-list-header .add-btn{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .friend-list-box .friend-list-items{flex:1}.friend-page .friend-list-box .friend-list-items .fixed-items{border-bottom:1px solid #e8e8e8;margin-bottom:5px}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item{display:flex;align-items:center;padding:12px 10px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #e8e8e8}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item:hover{background-color:#f5f7fa}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item .fixed-item-icon{width:42px;height:42px;border-radius:5px;display:flex;align-items:center;justify-content:center;margin-right:12px}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item .fixed-item-icon img{width:42px;height:42px;border-radius:5px}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item.add-friend-item .fixed-item-icon{background-color:#67c23a;color:#fff}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item.blacklist-item .fixed-item-icon{background-color:#f56c6c;color:#fff}.friend-page .friend-list-box .friend-list-items .fixed-items .fixed-item .fixed-item-text{font-size:14px;color:#303133}.friend-page .friend-list-box .friend-list-items .no-friends{display:flex;justify-content:center;align-items:center;height:200px;color:#999;font-size:14px}.friend-page .friend-list-box .friend-list-items .no-friends p{margin:0}.friend-page .friend-box{display:flex;flex-direction:column;background:#f0f2f5}.friend-page .friend-box .friend-header{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:var(--im-font-size-larger);border-bottom:var(--im-border);box-sizing:border-box}.friend-page .friend-box .friend-detail-new{padding:20px 15%;background-color:#f0f2f5;overflow-y:auto}.friend-page .friend-box .friend-detail-new .user-basic-info{display:flex;align-items:center;padding-bottom:20px;border-bottom:1px solid #e8e8e8}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text{margin-left:20px;flex:1}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-id{font-size:22px;font-weight:700;color:#333;margin-bottom:8px;text-align:start}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-account,.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-name{font-size:13px;color:#666;margin-bottom:4px;text-align:start}.friend-page .friend-box .friend-detail-new .info-list{margin-bottom:30px}.friend-page .friend-box .friend-detail-new .info-list .info-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f0f0f0}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .label{font-size:14px;color:#333}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value{font-size:14px;color:#666}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value.placeholder{color:#999}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value.editable{cursor:pointer}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value.editable:hover{color:#409eff;text-decoration:underline}.friend-page .friend-box .friend-detail-new .settings-list{margin-bottom:40px}.friend-page .friend-box .friend-detail-new .settings-list .setting-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.friend-page .friend-box .friend-detail-new .settings-list .setting-item .label{font-size:14px;color:#333}.friend-page .friend-box .friend-detail-new .bottom-buttons{display:flex;justify-content:flex-end;gap:10px}.friend-page .friend-box .friend-detail-new .bottom-buttons .action-btn{height:40px;border-radius:8px;font-size:14px}.friend-page .friend-box .friend-detail-new .bottom-buttons .chat-btn,.friend-page .friend-box .friend-detail-new .bottom-buttons .delete-btn{background-color:#409eff;border-color:#409eff;width:100px}@media screen and (max-width:1200px){.friend-page .friend-box .friend-detail-new{padding:15px 10%}}@media screen and (max-width:900px){.friend-page .friend-list-box{max-width:220px}.friend-page .friend-box .friend-detail-new{padding:12px 5%}.friend-page .friend-box .friend-detail-new .user-basic-info{padding-bottom:15px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text{margin-left:15px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-id{font-size:18px;margin-bottom:6px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-account,.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-name{font-size:12px;margin-bottom:3px}.friend-page .friend-box .friend-detail-new .info-list{margin-bottom:20px}.friend-page .friend-box .friend-detail-new .info-list .info-item-row{padding:10px 0}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .label,.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value{font-size:13px}.friend-page .friend-box .friend-detail-new .settings-list{margin-bottom:30px}.friend-page .friend-box .friend-detail-new .settings-list .setting-item{padding:12px 0}.friend-page .friend-box .friend-detail-new .settings-list .setting-item .label{font-size:13px}.friend-page .friend-box .friend-detail-new .bottom-buttons .action-btn{height:36px;font-size:13px;width:90px}}@media screen and (max-width:700px){.friend-page .friend-list-box{max-width:200px}.friend-page .friend-box .friend-detail-new{padding:10px 3%}.friend-page .friend-box .friend-detail-new .user-basic-info{flex-direction:column;align-items:flex-start;padding-bottom:12px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text{margin-left:0;margin-top:10px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-id{font-size:16px;margin-bottom:5px}.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-account,.friend-page .friend-box .friend-detail-new .user-basic-info .basic-text .user-name{font-size:11px;margin-bottom:2px}.friend-page .friend-box .friend-detail-new .info-list{margin-bottom:15px}.friend-page .friend-box .friend-detail-new .info-list .info-item-row{padding:8px 0;flex-direction:column;align-items:flex-start}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .label{font-size:12px;margin-bottom:4px}.friend-page .friend-box .friend-detail-new .info-list .info-item-row .value{font-size:12px}.friend-page .friend-box .friend-detail-new .settings-list{margin-bottom:20px}.friend-page .friend-box .friend-detail-new .settings-list .setting-item{padding:10px 0}.friend-page .friend-box .friend-detail-new .settings-list .setting-item .label{font-size:12px}.friend-page .friend-box .friend-detail-new .bottom-buttons{flex-direction:column}.friend-page .friend-box .friend-detail-new .bottom-buttons .action-btn{width:100%;height:34px;font-size:12px}}