.el-dialog[data-v-6690d13f]{min-width:400px}.item[data-v-6690d13f]{height:65px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.item .add-friend-text[data-v-6690d13f]{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.item .add-friend-text .text-user-name[data-v-6690d13f]{display:flex;flex-direction:row;font-weight:600;font-size:16px;line-height:25px}.item .add-friend-text .text-user-name .online-status[data-v-6690d13f]{font-size:12px;font-weight:600}.item .add-friend-text .text-user-name .online-status.online[data-v-6690d13f]{color:#5fb878}.item .add-friend-text .text-nick-name[data-v-6690d13f]{display:flex;flex-direction:row;font-size:12px;line-height:20px}.friend-page .aside[data-v-520956fa]{display:flex;flex-direction:column;background:#fff;border-right:1px solid #ccc}.friend-page .aside .header[data-v-520956fa]{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .aside .header .add-btn[data-v-520956fa]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .aside .friend-items[data-v-520956fa]{flex:1}.friend-page .aside .friend-items .top-item[data-v-520956fa]{height:50px;display:flex;position:relative;padding:5px;align-items:center;white-space:nowrap;cursor:pointer;border-radius:10px}.friend-page .aside .friend-items .top-item .top-item-avatar[data-v-520956fa]{display:flex;justify-content:center;align-items:center;position:relative}.friend-page .aside .friend-items .top-item .top-item-avatar .unread-text[data-v-520956fa]{position:absolute;background-color:#f56c6c;right:-4px;top:-2px;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.friend-page .aside .friend-items .top-item .top-item-info[data-v-520956fa]{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.friend-page .aside .friend-items .top-item .top-item-info .top-item-name[data-v-520956fa]{font-size:14px;white-space:nowrap;overflow:hidden}.friend-page .aside .friend-items .top-item.active[data-v-520956fa],.friend-page .aside .friend-items .top-item[data-v-520956fa]:hover{background-color:var(--active-color)}.friend-page .aside .friend-items .letter[data-v-520956fa]{text-align:left;font-size:var(--im-larger-size-larger);padding:5px 15px;color:var(--im-text-color-light)}.friend-page .aside .friend-items .divider[data-v-520956fa]{border-bottom:1px solid #ddd;margin:10px}.friend-page .friend-container[data-v-520956fa]{display:flex;flex-direction:column;border:var(--border-color) solid 1px}.friend-page .friend-container .header[data-v-520956fa]{width:100%;height:50px;padding:5px;line-height:50px;font-size:20px;text-align:left;text-indent:10px;font-weight:600;background-color:#fff;border:var(--border-color) solid 1px}.friend-page .friend-container .request-box[data-v-520956fa]{flex:1}.friend-page .friend-container .request-box .friend-request-item[data-v-520956fa]{display:flex;position:relative;align-items:center;cursor:pointer;margin:0 30px;padding:10px;border-bottom:1px solid #ccc}.friend-page .friend-container .request-box .friend-request-item .request-info[data-v-520956fa]{margin-left:15px;flex:3;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.friend-page .friend-container .request-box .friend-request-item .request-info .nick-name[data-v-520956fa]{display:flex;align-items:center;font-weight:600;font-size:16px;line-height:30px}.friend-page .friend-container .request-box .friend-request-item .request-info .info-text[data-v-520956fa]{display:flex;word-break:break-all;font-size:14px;line-height:20px;text-align:left}.friend-page .friend-container .request-box .friend-request-item .btn-group[data-v-520956fa]{text-align:left!important;display:flex;margin-left:60px}.friend-page .friend-container .friend-request[data-v-520956fa]{display:flex;flex-direction:column}.friend-page .friend-container .friend-detail[data-v-520956fa]{display:flex;justify-content:center;padding:30px;background:linear-gradient(135deg,#f5f7fa,#e4edf9);min-height:calc(100vh - 100px)}.friend-page .friend-container .friend-detail .profile-card[data-v-520956fa]{width:100%;max-width:800px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);overflow:hidden;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.friend-page .friend-container .friend-detail .profile-card .profile-header[data-v-520956fa]{background:linear-gradient(120deg,#4a90e2,#6b5caf);padding:40px 30px;text-align:center;color:#fff;position:relative}.friend-page .friend-container .friend-detail .profile-card .profile-header[data-v-520956fa]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;opacity:.1}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-avatar[data-v-520956fa]{margin:0 auto 20px;border:4px solid hsla(0,0%,100%,.3);box-shadow:0 5px 15px rgba(0,0,0,.2)}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info[data-v-520956fa]{position:relative}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info .profile-nickname[data-v-520956fa]{font-size:28px;margin:0 0 10px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.2)}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info .profile-username[data-v-520956fa]{font-size:16px;opacity:.9;margin:0 0 15px}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info .profile-signature[data-v-520956fa]{font-size:15px;font-style:italic;max-width:80%;margin:0 auto;opacity:.85}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info .empty-signature[data-v-520956fa]{font-style:italic;opacity:.6}.friend-page .friend-container .friend-detail .profile-card .profile-content[data-v-520956fa]{padding:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section[data-v-520956fa]{margin-bottom:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header[data-v-520956fa]{display:flex;justify-content:space-between;border-bottom:2px solid #f0f0f0;padding-bottom:10px;margin-bottom:20px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header h2[data-v-520956fa]{color:#333;font-size:20px;font-weight:600}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation[data-v-520956fa]{cursor:pointer;font-size:20px;padding:8px;border-radius:50%;transition:all .3s ease;background:#f4f4fc;color:#2830d3;margin:0;position:relative}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation[data-v-520956fa]:hover{background:#e8e8f8}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation .more-menu[data-v-520956fa]{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);min-width:120px;z-index:1000;overflow:hidden}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation .more-menu .menu-item[data-v-520956fa]{padding:12px 8px;cursor:pointer;font-size:14px;color:#212529;transition:all .2s ease;text-align:center}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation .more-menu .menu-item[data-v-520956fa]:hover{background:#f5f7fa}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation .more-menu .menu-item.danger-text[data-v-520956fa]{color:#f56c6c;font-weight:500}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .basic-info-header .more-operation .more-menu .menu-item.danger-text[data-v-520956fa]:hover{background:#fef0f0}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid[data-v-520956fa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid .profile-info-item[data-v-520956fa]{display:flex;flex-direction:column;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid .profile-info-item[data-v-520956fa]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05);background:#fff}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid .profile-info-item .profile-info-label[data-v-520956fa]{font-size:14px;color:#666;margin-bottom:5px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid .profile-info-item .profile-info-value[data-v-520956fa]{font-size:16px;font-weight:500;color:#333}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section[data-v-520956fa]{margin-bottom:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section h2[data-v-520956fa]{color:#333;font-size:20px;margin:0 0 20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;font-weight:600}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items[data-v-520956fa]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item[data-v-520956fa]{display:flex;flex-direction:column;padding:15px;background:#f8f9fa;border-radius:10px;transition:all .3s ease}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item[data-v-520956fa]:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.05);background:#fff}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .profile-info-label[data-v-520956fa]{font-size:14px;color:#666;margin-bottom:10px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .remark-input[data-v-520956fa]{width:100%}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .avatar-uploader[data-v-520956fa]{width:40px;height:40px;line-height:40px;cursor:pointer;border:1px dashed #d9d9d9;border-radius:8px;text-align:center}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .avatar-uploader .my-avatar[data-v-520956fa]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .avatar-uploader[data-v-520956fa]:hover{border-color:#409eff}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-music[data-v-520956fa],.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space[data-v-520956fa]{display:flex;justify-content:center;align-items:center;cursor:pointer;width:40px;height:40px;background:#f0f0f0;border-radius:8px;transition:all .3s ease}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-music[data-v-520956fa]:hover,.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space[data-v-520956fa]:hover{background:#4a90e2}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-music:hover .icon[data-v-520956fa],.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space:hover .icon[data-v-520956fa]{color:#fff}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-music .icon[data-v-520956fa],.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space .icon[data-v-520956fa]{font-size:24px;color:#333}.friend-page .friend-container .friend-detail .profile-card .profile-footer[data-v-520956fa]{padding:0 30px 30px}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group[data-v-520956fa]{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group .el-button[data-v-520956fa]{border-radius:50px;padding:12px 24px;font-size:15px;transition:all .3s ease;border:none;box-shadow:0 4px 10px rgba(0,0,0,.1)}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group .el-button[data-v-520956fa]:hover{transform:translateY(-3px);box-shadow:0 6px 15px rgba(0,0,0,.15)}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group .el-button.el-button--primary[data-v-520956fa]{background:linear-gradient(120deg,#4a90e2,#5fa8f3)}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group .el-button.el-button--danger[data-v-520956fa]{background:linear-gradient(120deg,#f56565,#ff7c7c)}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group .el-button.el-button--success[data-v-520956fa]{background:linear-gradient(120deg,#48bb78,#68d391)}