.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:left;padding:0 0 0 20px}.right-menu .el-menu .el-menu-item:hover{background-color:var(--im-background-active)}.friend-item{height:50px;display:flex;position:relative;align-items:center;white-space:nowrap;border-radius:10px;margin:0 3px;padding:5px 8px;cursor:pointer}.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}.tag-input-wrap[data-v-22d40e5b]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 0}.tag-input[data-v-22d40e5b]{width:100px}.button-new-tag[data-v-22d40e5b]{height:24px;padding:0 8px;font-size:12px}.customer-profile[data-v-322069c8]{padding:12px 0}.section[data-v-322069c8]{margin-bottom:16px}.section-title[data-v-322069c8]{font-size:13px;font-weight:600;color:#606266;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #ebeef5}.stage-tip[data-v-322069c8]{font-size:12px;color:#909399;margin-left:8px}.stat-card[data-v-322069c8]{text-align:center;background:#f5f7fa;border-radius:6px;padding:8px 4px}.stat-num[data-v-322069c8]{font-size:16px;font-weight:700;color:#303133}.stat-label[data-v-322069c8]{font-size:11px;color:#909399;margin-top:2px}.friend-page .header[data-v-22ebd782]{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .filter-row[data-v-22ebd782]{display:flex;gap:4px;padding:0 8px 6px 8px}.friend-page .stage-bar[data-v-22ebd782]{display:flex;gap:6px;padding:4px 12px;font-size:12px}.friend-page .stage-bar span[data-v-22ebd782]{cursor:pointer}.friend-page .stage-bar .s-new[data-v-22ebd782]{color:#67c23a}.friend-page .stage-bar .s-active[data-v-22ebd782]{color:#409eff}.friend-page .stage-bar .s-silent[data-v-22ebd782]{color:#e6a23c}.friend-page .stage-bar .s-churned[data-v-22ebd782]{color:#f56c6c}.friend-page .friend-items[data-v-22ebd782]{flex:1}.friend-page .friend-items .letter[data-v-22ebd782]{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.container[data-v-22ebd782]{display:flex;flex-direction:column}.container .header[data-v-22ebd782]{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}.container .detail-wrap[data-v-22ebd782]{flex:1;overflow:hidden}.container .friend-info[data-v-22ebd782]{display:flex;padding:30px 40px 10px 40px;text-align:center}.container .friend-info .info-item[data-v-22ebd782]{margin-left:20px;background-color:#fff;border:1px solid #ddd}.container .friend-info .description[data-v-22ebd782]{padding:20px 20px 0 20px}.container .btn-group[data-v-22ebd782]{text-align:left!important;padding:10px 20px}.container .profile-section[data-v-22ebd782]{padding:0 40px 20px 40px}