.head-image[data-v-26c926cd]{position:relative}.head-image img[data-v-26c926cd]{position:relative;overflow:hidden;border-radius:50%;-o-object-fit:cover;object-fit:cover}.head-image img[data-v-26c926cd]:before{content:"";display:block;width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAABSFJREFUWEe9V11IHFcUPnc2rtGYdeM2q6BGlF3sqpAVtIqm0BikTR9MntpaCqHWzs1CCsGHBAohyUMf2peAKbgzSQulD5aWkiAmtj5oiYFqFdGKptHFYIiGoF2brHH92Z1pvqmz6P7HLD0w7HLn3HO++93vnnuG0S7M7XaXMcYaiOgoEXkYY3+IovjzLkIRizdJluUmIjqnqmo9Y2xBVdVBVVUvCILwo8lkKrdarbS6ukper5f8fv/XiqJ0GwyGC/Dfiitzznm8HDEBdHR0XBIE4WJBQQGZzWZCsvv379PCwsJkZWVleWlp6Y64g4OD9ODBA39FRUXG/v37NVDPnj2jx48fk8FgsLe2tnqiAYkKoKOjo1IQhLt2uz2zqqpqxzyfz0dIkIwFg0Hq7++nxcXFHs75u0kDkCTpS6vVeu7YsWPJ5InrAxZu3boVk4WoDMiy3H/w4MG3UgEA6Do7O0lRlKMul+u3cLT/GwAieo9z/lNCAJIkXTEajWdra2spPz//lbcAAe7du0djY2P4GwFiBwOSJH2flZX1UV1dHVkslpQk14PMzs7S0NBQBIgQAFmWP1NVtb2hoYFyc3NTmlwPNjk5SRMTE3+urKzUtrW1+TGuAbh+/XpOMBgcKisrsx0+fHjXyTc2NshoNMacv7m5Sb29vagP5znnX4UAoOhYLJaLUH1aWlrMAFAzrLm5OcLn+fPn1NXVRYcOHaL6er0QRobyeDw0PDw8T0ROzvmSxoAkSaNOp7PS4XDEXX0qAKiqSj09PWDhE1EUv2VbVW+0qamJ9u3bt2v6MTHRFsAnEAjQ9PQ0jY+Pd3HOTwDApby8PI3+aIaartuBAweIsf90C8p1wE+ePAkJd319XXsH27t3L2VmZu4Ii3co0bdv3yZRFBmTJOlqYWHhmSNHjkQFgFVhAiwjIyPkAxqPHz9Oy8vLNDAwQGBQN79fE7gmSIPBEBpXFIWePn2qjUOMgUDgdQDotNlsH1RXV78U/SgsEFR2djbZbDYqLi5OOB/A1tbWNFAA7fP5TjBZlnsdDkfjqxy/hJm3HLB6sAAhjo6O4pY8DwZu2O32k+HXbrJBk/XD3mM7dUP/4PV6P2Zut1suKir6tKamhvbs2ZNsvJfyQ9cEceomCAL19fVh7A0w8IXVav0cDEDVqQYRnhwgkKO7uxu1IAvH8G1BEH5pbGzUxAEQ8cppskvHPkNweMJtaWmJRkZGfuec17H29nZTenr6otPpNObl5Wm+6enp2hkGVbsx0I3EEFy4oY5MTU2hf7zscrku6aX4htlsPokeQDc4AgTuhu1nOR4giAyJ9boRzRdbcufOHYB7x+Vy/aoBkGXZqapqf3l5ubmwsDBiHgAACECBFfyCYiTCKvEbL6keEHs/Pj5Ojx496hRF8UOMh/oBSZLOEtEVFKRUNyNIBOBzc3OEnoCIajnnWncS3hFdJaIzOJKo+6mysOQ72rKIplSSpB9etHHv42ouKSlJitp4QKGJmZkZmp+f/4eIxPDGNGpXvLUdF/Pz8zVN5OTkRFV0vMTQCShH8s3NzZuMscuiKGqd6XaL+WkGYRJRi6IopwoKCkzoE00mU+irCOLD3Y5EeCBUtFwoufgYefjwIW7KASL67vTp09/EAhv34xSTrl27VhwIBE4xxt7EQ4QDkaYdUdQLANHPPU4CY8yjqioSo+G4mUhHCQFsD/CibKcpilJvMBgsqqq+RkR4VhljS4qi/G00Gv9qaWmZTZR0+/t/ARTQW27M6UdGAAAAAElFTkSuQmCC) no-repeat 0 0;background-size:100%}.friend-item{height:50px;display:flex;margin-bottom:1px;position:relative;padding:5px;align-items:center;background-color:#fff;white-space:nowrap;cursor:pointer;border-radius:10px}.friend-item.active,.friend-item:hover{background-color:var(--active-color)}.friend-item .friend-avatar{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.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:15px;font-weight:600;line-height:30px;white-space:nowrap;overflow:hidden}.friend-item .friend-info .friend-online .online{padding-right:2px;width:15px;height:15px}.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}.drawer-box[data-v-1c69c6a6]{position:fixed;right:0;top:0;bottom:0;transition:right 1.5s linear;border-radius:6px;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);overflow:scroll;outline:0}.drawer-box .close-btn[data-v-1c69c6a6]{position:fixed;top:50%;transform:translate(30px,-30px);width:30px;height:60px;line-height:60px;border:none;cursor:pointer;font-size:18px;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;box-shadow:-2px 2px 10px rgba(0,0,0,.2);transition:all .3s ease;font-weight:700}.cover[data-v-7e471e66]{width:72%;min-height:300px;max-height:450px;position:relative;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.1),0 6px 20px rgba(0,0,0,.1);border-radius:8px;overflow:hidden;transition:all .3s ease;background-image:url(../img/friendActivityBg.0824e54c.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.cover .info[data-v-7e471e66]{width:100%;position:absolute;top:60%;font-size:50px;text-align:center;color:#fff;font-weight:700;text-shadow:0 0 10px red,0 0 20px red,0 0 30px red,0 0 40px red}.cover .operateBtn[data-v-7e471e66]{position:absolute;top:10px;right:10px;display:inline-block;background-color:#6cc6cb;padding:0 5px;cursor:pointer;color:#fff;font-weight:700;font-size:24px;border-radius:50%}.cover .bottom-btns[data-v-7e471e66]{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:16px}.cover .bottom-btns .talk-notify-msg[data-v-7e471e66]{position:relative;display:inline-block;background-color:#6cc6cb;padding:0 3px;cursor:pointer;color:#fff;font-weight:700;font-size:24px;border-radius:50%}.cover .bottom-btns .talk-notify-msg .unread-text[data-v-7e471e66]{position:absolute;line-height:16px;background-color:#f56c6c;left:20px;top:-6px;color:#fff;border-radius:16px;padding:0 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.cover .bottom-btns .refreshBtn[data-v-7e471e66]{display:inline-block;background-color:#6cc6cb;padding:0 3px;cursor:pointer;color:#fff;font-weight:700;font-size:24px;border-radius:50%}.friend-page .aside[data-v-c4f58170]{display:flex;flex-direction:column;background:#fff;border-right:1px solid #ccc}.friend-page .aside .header[data-v-c4f58170]{height:50px;display:flex;align-items:center;padding:0 8px}.friend-page .aside .header .add-btn[data-v-c4f58170]{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.friend-page .aside .friend-items[data-v-c4f58170]{flex:1}.friend-page .aside .friend-items .top-item[data-v-c4f58170]{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-c4f58170]{display:flex;justify-content:center;align-items:center;position:relative}.friend-page .aside .friend-items .top-item .top-item-avatar .unread-text[data-v-c4f58170]{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-c4f58170]{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-c4f58170]{font-size:14px;white-space:nowrap;overflow:hidden}.friend-page .aside .friend-items .top-item.active[data-v-c4f58170],.friend-page .aside .friend-items .top-item[data-v-c4f58170]:hover{background-color:var(--active-color)}.friend-page .aside .friend-items .letter[data-v-c4f58170]{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-c4f58170]{border-bottom:1px solid #ddd;margin:10px}.friend-page .friend-container[data-v-c4f58170]{display:flex;flex-direction:column;border:var(--border-color) solid 1px}.friend-page .friend-container .header[data-v-c4f58170]{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-c4f58170]{flex:1}.friend-page .friend-container .request-box .friend-request-item[data-v-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]{text-align:left!important;display:flex;margin-left:60px}.friend-page .friend-container .friend-request[data-v-c4f58170]{display:flex;flex-direction:column}.friend-page .friend-container .friend-detail[data-v-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]: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-c4f58170]{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-c4f58170]{position:relative}.friend-page .friend-container .friend-detail .profile-card .profile-header .profile-basic-info .profile-nickname[data-v-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]{font-style:italic;opacity:.6}.friend-page .friend-container .friend-detail .profile-card .profile-content[data-v-c4f58170]{padding:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content h2[data-v-c4f58170]{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-info-section[data-v-c4f58170]{margin-bottom:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-info-section .profile-info-grid[data-v-c4f58170]{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-c4f58170]{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-c4f58170]: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-c4f58170]{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-c4f58170]{font-size:16px;font-weight:500;color:#333}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section[data-v-c4f58170]{margin-bottom:30px}.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items[data-v-c4f58170]{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-c4f58170]{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-c4f58170]: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-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]{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-c4f58170]: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-c4f58170],.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space[data-v-c4f58170]{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-c4f58170]:hover,.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space[data-v-c4f58170]: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-c4f58170],.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-c4f58170]{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-c4f58170],.friend-page .friend-container .friend-detail .profile-card .profile-content .profile-actions-section .profile-action-items .profile-action-item .friend-space .icon[data-v-c4f58170]{font-size:24px;color:#333}.friend-page .friend-container .friend-detail .profile-card .profile-footer[data-v-c4f58170]{padding:0 30px 30px}.friend-page .friend-container .friend-detail .profile-card .profile-footer .friend-btn-group[data-v-c4f58170]{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-c4f58170]{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-c4f58170]: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-c4f58170]{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-c4f58170]{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-c4f58170]{background:linear-gradient(120deg,#48bb78,#68d391)}