.friend-request-item{display:flex;position:relative;align-items:center;cursor:pointer;margin:0 30px;padding:10px;border-bottom:1px solid #ccc}.friend-request-item .request-info{margin:0 15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.friend-request-item .request-info .nick-name{display:flex;align-items:center;font-weight:600;font-size:16px;line-height:30px}.friend-request-item .request-info .info-text{display:flex;word-break:break-all;font-size:14px;line-height:20px;text-align:left}.add-friend .no-data-tip[data-v-067663c1],.add-friend .scroll-box[data-v-067663c1]{height:400px}.add-friend .scroll-box .item[data-v-067663c1]{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.add-friend .scroll-box .item .friend-info[data-v-067663c1]{margin:0 15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.add-friend .scroll-box .item .friend-info .nick-name[data-v-067663c1]{display:flex;align-items:center;flex-direction:row;white-space:nowrap}.add-friend .scroll-box .item .friend-info .nick-name .nick-name-text[data-v-067663c1]{font-size:16px;line-height:25px;font-weight:600}.add-friend .scroll-box .item .friend-info .text-info[data-v-067663c1]{display:flex;flex-direction:row;font-size:12px;line-height:20px;white-space:nowrap}.add-friend .scroll-box .item .status-tip[data-v-067663c1]{color:var(--im-text-color-light)}.friend-request[data-v-4f1bdfa8]{display:flex;flex-direction:column}.friend-request .tabs[data-v-4f1bdfa8]{flex:1}.tag-manager-body[data-v-080895d6]{display:flex;height:420px;border:var(--im-border);border-radius:10px;overflow:hidden}.tag-manager-body .tag-panel[data-v-080895d6]{width:220px;display:flex;flex-direction:column;border-right:var(--im-border);background:var(--im-background-active)}.tag-manager-body .tag-panel .tag-panel-header[data-v-080895d6]{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-weight:600;color:var(--im-text-color);border-bottom:var(--im-border)}.tag-manager-body .tag-panel .tag-panel-header .tag-add-btn[data-v-080895d6]{cursor:pointer;padding:4px;border-radius:4px;color:var(--im-color-primary);transition:all .3s ease}.tag-manager-body .tag-panel .tag-panel-header .tag-add-btn[data-v-080895d6]:hover{background:var(--im-color-primary-light-9);transform:scale(1.1)}.tag-manager-body .tag-panel .tag-list[data-v-080895d6]{flex:1}.tag-manager-body .tag-panel .tag-item[data-v-080895d6]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:3px 6px;border-radius:8px;cursor:pointer;font-size:13px}.tag-manager-body .tag-panel .tag-item[data-v-080895d6]:hover{background-color:var(--im-background-active-dark)}.tag-manager-body .tag-panel .tag-item.active[data-v-080895d6]{background-color:var(--im-background-active-dark);color:var(--im-color-primary)}.tag-manager-body .tag-panel .tag-item .tag-name[data-v-080895d6]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-manager-body .tag-panel .tag-item .tag-actions[data-v-080895d6]{display:none;flex:none}.tag-manager-body .tag-panel .tag-item .tag-actions i[data-v-080895d6]{margin-left:6px;color:var(--im-text-color-light)}.tag-manager-body .tag-panel .tag-item .tag-actions i[data-v-080895d6]:hover{color:var(--im-color-primary)}.tag-manager-body .tag-panel .tag-item:hover .tag-actions[data-v-080895d6]{display:block}.tag-manager-body .tag-panel .tag-empty[data-v-080895d6]{text-align:center;font-size:13px;color:var(--im-text-color-light);padding-top:20px}.tag-manager-body .member-panel[data-v-080895d6]{flex:1;display:flex;flex-direction:column}.tag-manager-body .member-panel .member-panel-header[data-v-080895d6]{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:var(--im-border)}.tag-manager-body .member-panel .member-panel-header .member-panel-title[data-v-080895d6]{font-weight:600;color:var(--im-text-color)}.tag-manager-body .member-panel .member-panel-header .member-panel-tools[data-v-080895d6]{display:flex;align-items:center;gap:8px}.tag-manager-body .member-panel .member-panel-header .member-panel-tools .member-search[data-v-080895d6]{width:140px}.tag-manager-body .member-panel .member-list[data-v-080895d6]{flex:1;padding:6px 12px}.tag-manager-body .member-panel .member-row[data-v-080895d6]{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:8px}.tag-manager-body .member-panel .member-row[data-v-080895d6]:hover{background:var(--im-background-active)}.tag-manager-body .member-panel .member-row:hover .member-remove[data-v-080895d6]{visibility:visible}.tag-manager-body .member-panel .member-row .member-name[data-v-080895d6]{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-manager-body .member-panel .member-row .member-remove[data-v-080895d6]{visibility:hidden;cursor:pointer;color:var(--im-text-color-light);padding:2px;border-radius:50%}.tag-manager-body .member-panel .member-row .member-remove[data-v-080895d6]:hover{color:var(--im-color-danger);background:var(--im-background-active-dark)}.tag-manager-body .member-panel .member-empty[data-v-080895d6]{text-align:center;font-size:13px;color:var(--im-text-color-light);padding-top:40px}.tag-manager-body .member-panel .member-footer[data-v-080895d6]{height:32px;line-height:32px;padding:0 12px;font-size:12px;color:var(--im-text-color-light);border-top:var(--im-border)}.add-member-body .add-member-list[data-v-080895d6]{height:320px;margin-top:10px}.add-member-body .add-checkbox-group[data-v-080895d6]{display:flex;flex-direction:column}.add-member-body .add-checkbox[data-v-080895d6]{margin-right:0;padding:4px 0}.add-member-body .add-checkbox .member-info[data-v-080895d6]{display:inline-flex;align-items:center;vertical-align:middle;gap:8px}.add-member-body .add-checkbox .member-info .member-name[data-v-080895d6]{font-size:13px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.add-member-body .member-empty[data-v-080895d6]{text-align:center;font-size:13px;color:var(--im-text-color-light);padding-top:40px}.broadcast-dialog .el-dialog__header{padding:12px 16px;border-bottom:1px solid var(--im-border)}.broadcast-dialog .el-dialog__body{padding:0}.broadcast-dialog .broadcast-header{display:flex;align-items:center;gap:8px}.broadcast-dialog .broadcast-header .broadcast-tag{font-size:15px;font-weight:600;color:var(--im-text-color)}.broadcast-dialog .broadcast-tags{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--im-border)}.broadcast-dialog .broadcast-tags .broadcast-tags-label{flex-shrink:0;font-size:12px;color:var(--im-text-color-light)}.broadcast-dialog .broadcast-tags .broadcast-tag-select{width:320px}.broadcast-dialog .broadcast-tags .broadcast-count{font-size:12px;color:var(--im-text-color-light)}.broadcast-dialog .broadcast-body{height:360px;background:var(--im-background)}.broadcast-dialog .broadcast-messages{height:100%;overflow-y:auto;padding:8px 0;box-sizing:border-box}.broadcast-dialog .broadcast-empty{text-align:center;font-size:12px;color:var(--im-text-color-light);padding-top:150px}.broadcast-dialog .broadcast-footer{display:flex;flex-direction:column;height:170px;border-top:1px solid var(--im-border);background:#fff}.broadcast-dialog .broadcast-tool-bar{display:flex;align-items:center;height:40px;padding:4px 12px;gap:12px;box-sizing:border-box;color:var(--im-text-color-light)}.broadcast-dialog .broadcast-tool-bar>div{font-size:18px;cursor:pointer;transition:color .3s ease}.broadcast-dialog .broadcast-tool-bar>div:hover{color:var(--im-color-primary)}.broadcast-dialog .broadcast-input{flex:1;overflow:hidden;padding:0 12px}.broadcast-dialog .broadcast-send{text-align:right;padding:0 12px 10px}.friend-page .divider{border-bottom:1px solid #ddd;margin:10px}.friend-page .header{height:60px;display:flex;align-items:center;padding:0 12px}.friend-page .header .add-btn{padding:8px;margin:5px;font-size:16px;border-radius:50%;background:var(--im-background-active);color:var(--im-color-primary);transition:all .3s ease;font-weight:600;border:var(--im-border)}.friend-page .header .add-btn:hover{background:var(--im-background-active-dark);transform:scale(1.1)}.friend-page .friend-items{flex:1}.friend-page .friend-items .tag-section{padding:0 12px 4px}.friend-page .friend-items .tag-section .tag-section-header{display:flex;align-items:center;justify-content:space-between;padding:2px 0 6px}.friend-page .friend-items .tag-section .tag-section-header .tag-section-title{font-size:12px;color:var(--im-text-color-light)}.friend-page .friend-items .tag-section .tag-section-header .tag-header-actions{display:flex;align-items:center;gap:6px}.friend-page .friend-items .tag-section .tag-section-header .tag-manage-btn{cursor:pointer;font-size:14px;color:var(--im-text-color-light);padding:2px;border-radius:4px;transition:all .3s ease}.friend-page .friend-items .tag-section .tag-broadcast-entry,.friend-page .friend-items .tag-section .tag-section-header .tag-manage-btn:hover{color:var(--im-color-primary);background:var(--im-background-active)}.friend-page .friend-items .tag-section .tag-broadcast-entry{display:flex;align-items:center;gap:6px;margin-top:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .3s ease}.friend-page .friend-items .tag-section .tag-broadcast-entry:hover{background:var(--im-background-active-dark)}.friend-page .friend-items .tag-section .tag-broadcast-entry .broadcast-entry-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-page .friend-items .tag-section .tag-broadcast-entry .broadcast-entry-arrow{font-size:12px;color:var(--im-text-color-light)}.friend-page .friend-items .tag-section .tag-filter-list{display:flex;flex-wrap:wrap;gap:6px}.friend-page .friend-items .tag-section .tag-filter-list .tag-filter{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;padding:2px 8px;border-radius:10px;cursor:pointer;background:var(--im-background-active);color:var(--im-text-color-secondary);transition:all .3s ease}.friend-page .friend-items .tag-section .tag-filter-list .tag-filter:hover{background:var(--im-background-active-dark)}.friend-page .friend-items .tag-section .tag-filter-list .tag-filter.active{background:var(--im-color-primary);color:#fff}.friend-page .friend-items .top-item{height:50px;display:flex;position:relative;padding:5px 10px;align-items:center;white-space:nowrap;cursor:pointer;border-radius:12px}.friend-page .friend-items .top-item:hover{background-color:var(--im-background-active)}.friend-page .friend-items .top-item.active{background-color:var(--im-background-active-dark)}.friend-page .friend-items .top-item .top-item-avatar{display:flex;justify-content:center;align-items:center}.friend-page .friend-items .top-item .top-item-avatar .unread-text{position:absolute;background-color:var(--im-color-danger);right:-4px;top:-8px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.friend-page .friend-items .top-item .top-item-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-page .friend-items .top-item .top-item-info .top-item-name{font-size:var(--im-font-size);white-space:nowrap;overflow:hidden}.friend-page .letter{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.container{display:flex;flex-direction:column;background:#fcfdff}.container .header{height:60px;line-height:60px;display:flex;align-items:center;padding:0 12px;box-sizing:border-box}.container .header .nick-name{font-size:var(--im-font-size-larger);border-bottom:var(--im-border)}.container .request-box{flex:1}.container .friend-info{flex:1;display:flex;justify-content:center;padding:20px;align-items:center}.container .friend-info .info-card{padding:10px;position:relative;overflow:hidden;max-width:600px;width:100%;border-radius:20px}.container .friend-info .info-card .avatar-section{text-align:center;margin-bottom:20px}.container .friend-info .info-card .avatar-section :deep(.head-image){border:4px solid hsla(0,0%,100%,.8);box-shadow:0 8px 32px rgba(0,0,0,.12);transition:all .3s ease;cursor:pointer}.container .friend-info .info-card .avatar-section :deep(.head-image):hover{transform:scale(1.05);box-shadow:0 12px 40px rgba(0,0,0,.18);border-color:var(--im-color-primary-light-3)}.container .friend-info .info-card .info-section .name-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.06)}.container .friend-info .info-card .info-section .name-header .friend-name{font-size:24px;font-weight:600;color:var(--im-text-color-primary);margin:0;position:relative}.container .friend-info .info-card .info-section .name-header .friend-name:after{content:"";position:absolute;bottom:-15px;left:0;width:40px;height:2px;background:var(--im-color-primary);border-radius:1px}.container .friend-info .info-card .info-section .name-header .more-btn{font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease;background:var(--im-background-active);color:var(--im-color-primary)}.container .friend-info .info-card .info-section .name-header .more-btn:hover{background:var(--im-background-active-dark);transform:scale(1.1)}.container .friend-info .info-card .info-section .info-item-list{margin-bottom:30px}.container .friend-info .info-card .info-section .info-item-list .info-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.container .friend-info .info-card .info-section .info-item-list .info-item:last-child{border-bottom:none}.container .friend-info .info-card .info-section .info-item-list .info-item .info-label{font-weight:500;color:var(--im-text-color-secondary);font-size:14px;min-width:80px;margin-right:20px}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value{flex:1;color:var(--im-text-color-primary);font-size:15px;line-height:24px;display:flex;align-items:center;gap:8px}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content{display:flex;align-items:center;justify-content:space-between}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content .icon-modify{cursor:pointer;color:var(--im-color-primary);padding:4px;border-radius:4px;transition:all .3s ease}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.remark-content .icon-modify:hover{background:var(--im-color-primary-light-9);transform:scale(1.1)}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.light-text{color:var(--im-text-color-light)!important}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.tag-content{flex-wrap:wrap}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.tag-content .tag-chip{font-size:12px;padding:2px 8px;border-radius:10px;background:var(--im-color-primary-light-9);color:var(--im-color-primary)}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.tag-content .icon-modify{cursor:pointer;color:var(--im-color-primary);padding:4px;border-radius:4px;transition:all .3s ease}.container .friend-info .info-card .info-section .info-item-list .info-item .info-value.tag-content .icon-modify:hover{background:var(--im-color-primary-light-9);transform:scale(1.1)}.container .friend-info .info-card .info-section .info-item-list .info-item.remark-item .info-value{color:var(--im-text-color-secondary);font-style:italic}.container .friend-info .info-card .info-section .btn-group{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}