.group-item[data-v-50393b9a]{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}.group-item.active[data-v-50393b9a],.group-item[data-v-50393b9a]:hover{background-color:var(--active-color)}.group-item .avatar[data-v-50393b9a]{width:45px;height:45px;position:relative}.group-item .avatar .group-activity[data-v-50393b9a]{position:absolute;top:0;left:40px;width:12px;height:12px;border-radius:50%;background:red}.group-item .group-info[data-v-50393b9a]{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left;overflow:hidden}.group-item .group-info .group-tag[data-v-50393b9a]{display:flex;line-height:22px;height:22px}.group-item .group-info .group-tag .el-tag[data-v-50393b9a]{min-width:22px;text-align:center;background-color:#2830d3;border-radius:10px;border:0;height:16px;line-height:16px;font-size:10px;margin-left:2px;opacity:.8}.group-item .group-info .group-tag .group-owner[data-v-50393b9a]{margin-left:3px;display:inline-block;height:15px;background-color:orange;color:#fff;font-size:10px;padding:0 5px;border-radius:10px;line-height:15px}.group-item .group-info .group-name[data-v-50393b9a]{display:flex;align-items:center;line-height:25px;height:25px;font-weight:600}.group-item .group-info .group-name .name[data-v-50393b9a]{flex:1;overflow:hidden}.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}.character-choose-box .character-item-container[data-v-f0248fda]{display:flex;align-items:center;justify-content:space-between}.character-choose-box .character-item-left[data-v-f0248fda]{flex:1}.character-choose-box .character-item-right[data-v-f0248fda]{margin-right:10px}.agm-container[data-v-671bee30]{display:flex}.agm-container .agm-l-box[data-v-671bee30]{flex:1;border-radius:5px;overflow:hidden}.agm-container .agm-l-box .agm-friend-checkbox[data-v-671bee30]{margin-right:20px}.agm-container .agm-arrow[data-v-671bee30]{display:flex;align-items:center;font-size:20px;padding:5px;font-weight:600;color:rgba(83,160,231,.8)}.agm-container .agm-r-box[data-v-671bee30]{flex:1;border-radius:5px}.agm-container .agm-r-box .agm-select-tip[data-v-671bee30]{text-align:left;height:40px;line-height:40px;text-indent:5px}.template-group-container[data-v-671bee30]{display:flex}.template-group-container .agm-l-box[data-v-671bee30]{flex:1;border:var(--border-color) solid 1px;box-sizing:content-box}.template-group-container .agm-l-box .template-group-box[data-v-671bee30]{width:100%}.template-group-container .agm-l-box .template-group-box .group-item-left[data-v-671bee30]{float:left}.template-group-container .agm-l-box .template-group-box .group-item-right[data-v-671bee30]{float:right;margin-right:10px;height:65px;line-height:65px}.template-group-container .agm-r-box[data-v-671bee30]{flex:1;border:var(--border-color) solid 1px}.template-group-container .agm-r-box .template-character-box[data-v-671bee30]{width:100%}.template-group-container .agm-r-box .template-character-box .character-item-left[data-v-671bee30]{float:left}.template-group-container .agm-r-box .template-character-box .character-item-right[data-v-671bee30]{float:right;margin-right:10px;height:65px;line-height:65px}.template-group-container .agm-r-box .agm-select-tip[data-v-671bee30]{text-align:left;height:40px;line-height:40px;text-indent:5px}.character-item-left[data-v-671bee30]{float:left}.character-item-right[data-v-671bee30]{float:right;margin-right:10px;height:65px;line-height:65px}.agm-container[data-v-2cbc4b6b]{display:flex}.agm-container .agm-l-box[data-v-2cbc4b6b]{flex:1;border:var(--border-color) solid 1px;box-sizing:content-box}.agm-container .agm-l-box .template-group-box[data-v-2cbc4b6b]{width:100%}.agm-container .agm-l-box .template-group-box .group-item-left[data-v-2cbc4b6b]{float:left}.agm-container .agm-l-box .template-group-box .group-item-right[data-v-2cbc4b6b]{float:right;margin-right:10px;height:65px;line-height:65px}.agm-container .agm-r-box[data-v-2cbc4b6b]{flex:1;border:var(--border-color) solid 1px}.agm-container .agm-r-box .template-character-box[data-v-2cbc4b6b]{width:100%}.agm-container .agm-r-box .template-character-box .character-item-left[data-v-2cbc4b6b]{float:left}.agm-container .agm-r-box .template-character-box .character-item-right[data-v-2cbc4b6b]{float:right;margin-right:10px;height:65px;line-height:65px}.agm-container .agm-r-box .agm-select-tip[data-v-2cbc4b6b]{text-align:left;height:40px;line-height:40px;text-indent:5px}.friend-item[data-v-8c169a68]{height:65px;display:flex;margin-bottom:1px;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:var(--bg-color);white-space:nowrap}.friend-item.active[data-v-8c169a68],.friend-item[data-v-8c169a68]:hover{background-color:var(--active-color)}.friend-item .close[data-v-8c169a68]{width:1.5rem;height:1.5rem;right:10px;top:1.825rem;cursor:pointer;display:none}.friend-item:hover .close[data-v-8c169a68]{display:block}.friend-item .avatar[data-v-8c169a68]{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.friend-item .text[data-v-8c169a68]{margin-left:15px;flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;flex-shrink:0;overflow:hidden}.friend-item .text>div[data-v-8c169a68]{display:flex;justify-content:flex-start}.friend-item .text .online-status[data-v-8c169a68]{font-size:12px;font-weight:600}.friend-item .text .online-status.online[data-v-8c169a68]{color:#5fb878}.agm-container[data-v-fdb0f85a]{display:flex}.agm-container .agm-l-box[data-v-fdb0f85a]{flex:1;border:var(--border-color) solid 1px;box-sizing:content-box}.agm-container .agm-l-box .template-group-box[data-v-fdb0f85a]{width:100%}.agm-container .agm-l-box .template-group-box .group-item-left[data-v-fdb0f85a]{float:left}.agm-container .agm-l-box .template-group-box .group-item-right[data-v-fdb0f85a]{float:right;margin-right:10px;height:65px;line-height:65px}.agm-container .agm-r-box[data-v-fdb0f85a]{flex:1;border:var(--border-color) solid 1px}.character-item-left[data-v-fdb0f85a]{float:left}.character-item-right[data-v-fdb0f85a]{float:right;margin-right:10px;height:65px;line-height:65px}.template-group-member[data-v-263b8b4f]{height:65px;display:flex;margin-bottom:1px;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:var(--bg-color);white-space:nowrap}.template-group-member .avatar[data-v-263b8b4f]{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.template-group-member .text[data-v-263b8b4f]{margin-left:15px;flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;flex-shrink:0;overflow:hidden;text-align:left}.template-group-member .is-admin[data-v-263b8b4f]{text-align:center}.template-group-member .template-character-name[data-v-263b8b4f]{margin-right:15px;flex:1;display:flex;flex-direction:column;justify-content:space-around;height:100%;flex-shrink:0;overflow:hidden;text-align:right}.item[data-v-1d6fb9da]{height:80px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:25px}.item .group-name[data-v-1d6fb9da],.item .status-tag[data-v-1d6fb9da]{margin-left:20px}.item .btn[data-v-1d6fb9da]{margin-left:auto}.character-item-left[data-v-fb1a92c4]{float:left}.character-item-right[data-v-fb1a92c4]{float:right;margin-right:10px;height:65px;line-height:65px}.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%}.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}.qq-message-drawer[data-v-2c8e4dd2] .el-drawer{background-color:#fff}.qq-message-drawer[data-v-2c8e4dd2] .el-drawer__body{padding:0;height:100vh;overflow-y:auto}.drawer-header[data-v-2c8e4dd2]{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:100}.back-btn[data-v-2c8e4dd2],.eye-icon[data-v-2c8e4dd2]{font-size:20px;color:#333;cursor:pointer}.header-title[data-v-2c8e4dd2]{font-size:18px;font-weight:500;color:#333}.message-list[data-v-2c8e4dd2]{background-color:#fff}.message-item[data-v-2c8e4dd2]{padding:20px;background-color:#fff}.message-divider[data-v-2c8e4dd2]{border-bottom:8px solid #f5f5f5}.message-header[data-v-2c8e4dd2]{justify-content:space-between;margin-bottom:15px}.message-header[data-v-2c8e4dd2],.user-info[data-v-2c8e4dd2]{display:flex;align-items:flex-start}.user-avatar[data-v-2c8e4dd2]{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:12px}.user-details[data-v-2c8e4dd2]{margin-left:8px;display:flex;flex-direction:column}.username[data-v-2c8e4dd2]{font-size:16px;font-weight:500;color:#333;margin-bottom:2px;text-align:left}.character-name[data-v-2c8e4dd2]{color:#f56c6c}.timestamp[data-v-2c8e4dd2]{font-size:12px;color:#999}.action-area[data-v-2c8e4dd2]{display:flex;align-items:center}.reply-btn[data-v-2c8e4dd2]{color:#1890ff;font-size:14px;cursor:pointer;padding:4px 8px}.like-hand[data-v-2c8e4dd2]{font-size:18px;color:#666}.message-content[data-v-2c8e4dd2]{margin-left:57px}.original-text[data-v-2c8e4dd2]{font-size:16px;color:#333;line-height:1.5;margin-bottom:12px;text-align:left;word-break:break-all}.original-text .icon[data-v-2c8e4dd2]{cursor:pointer}.original-text img[data-v-2c8e4dd2]{max-width:150px;max-height:150px;-o-object-fit:cover;object-fit:cover}.talk-content[data-v-2c8e4dd2]{display:flex;align-items:center;margin-bottom:12px}.talk-text-box[data-v-2c8e4dd2]{background-color:#f5f5f5;border-radius:8px;padding-left:12px;font-size:14px;color:#666;height:90px;width:100%;display:flex;justify-content:left;align-items:center}.talk-author[data-v-2c8e4dd2]{color:#1890ff}.media-section[data-v-2c8e4dd2]{display:flex;position:relative}.media-section .icon[data-v-2c8e4dd2]{width:90px;height:90px}.dynamic-image[data-v-2c8e4dd2],.video-image[data-v-2c8e4dd2]{width:90px;height:90px;border-radius:8px;-o-object-fit:cover;object-fit:cover;display:block}.play-icon[data-v-2c8e4dd2]{display:block;position:absolute;font-size:40px;font-weight:500;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer;color:#fff}.image-quote[data-v-2c8e4dd2]{background-color:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:14px;color:#666;display:inline-block}.replies-section[data-v-2c8e4dd2]{font-size:14px;color:#666}.reply-item[data-v-2c8e4dd2]{margin-bottom:4px;display:flex;justify-content:left;align-items:flex-start;flex-wrap:nowrap}.reply-author[data-v-2c8e4dd2]{font-weight:500;flex-shrink:0;cursor:pointer}.reply-to-reply[data-v-2c8e4dd2]{margin-bottom:8px}.reply-prefix[data-v-2c8e4dd2]{font-weight:500;flex-shrink:0;color:#1890ff}.comment-content[data-v-2c8e4dd2]{display:flex;align-items:center;flex-wrap:wrap;word-break:break-all}.comment-content img[data-v-2c8e4dd2]{max-width:150px;max-height:150px;-o-object-fit:cover;object-fit:cover}.icon[data-v-2c8e4dd2]{cursor:pointer}.reply-input-placeholder[data-v-2c8e4dd2]{color:#ccc;margin-top:8px}.like-notification[data-v-2c8e4dd2]{display:flex;align-items:center;background-color:#f0f8ff;padding:8px 12px;border-radius:6px;margin-top:12px;margin-bottom:12px}.like-notification .icon[data-v-2c8e4dd2]{margin-right:5px;display:block;height:20px;line-height:20px;font-size:18px;transition:font-size .25s linear,width .25s linear}.like-icon[data-v-2c8e4dd2]{color:#1890ff;font-size:16px;margin-right:6px}.like-text[data-v-2c8e4dd2]{color:#1890ff;font-size:14px}@media(max-width:768px){.drawer-header[data-v-2c8e4dd2]{padding:12px 16px}.message-item[data-v-2c8e4dd2]{padding:16px}.user-avatar[data-v-2c8e4dd2]{width:40px;height:40px}.message-content[data-v-2c8e4dd2]{margin-left:52px}}.request-box[data-v-0af3ed7e]{flex:1;.group-info[data-v-0af3ed7e]{display:flex;position:relative;align-items:center;cursor:pointer;margin:0 10px;padding:10px;border-bottom:1px solid #ccc;.request-info[data-v-0af3ed7e]{flex:1;margin-left:15px;display:flex;flex-direction:column;overflow:hidden;.nick-name[data-v-0af3ed7e]{display:flex;align-items:center;font-weight:600;font-size:16px}.info-text[data-v-0af3ed7e]{display:flex;word-break:break-all;font-size:14px;line-height:20px;text-align:left}}.character-info[data-v-0af3ed7e]{.character-name[data-v-0af3ed7e]{margin-left:10px}}.character-info[data-v-0af3ed7e],.launch-user-info[data-v-0af3ed7e]{flex:1;display:flex;align-items:center}.btn-group[data-v-0af3ed7e]{text-align:left!important;display:flex}}}.container[data-v-66aaa376]{display:flex;justify-content:space-between;align-items:center}.container .left-box[data-v-66aaa376],.container .right-box[data-v-66aaa376]{flex:1;border:1px solid #ebeef5;border-radius:8px;padding:15px;background-color:#f8f9fa}.container .left-box .el-input[data-v-66aaa376],.container .right-box .el-input[data-v-66aaa376]{margin-bottom:15px}.container .left-box .el-scrollbar[data-v-66aaa376],.container .right-box .el-scrollbar[data-v-66aaa376]{height:400px}.container .left-box .el-scrollbar[data-v-66aaa376] .el-scrollbar__wrap,.container .right-box .el-scrollbar[data-v-66aaa376] .el-scrollbar__wrap{overflow-x:hidden}.container .left-box .el-scrollbar[data-v-66aaa376] .el-scrollbar__bar.is-horizontal,.container .right-box .el-scrollbar[data-v-66aaa376] .el-scrollbar__bar.is-horizontal{display:none}.container .left-box .member-item[data-v-66aaa376],.container .right-box .member-item[data-v-66aaa376]{padding:8px 10px;margin-bottom:8px;border-radius:6px;transition:all .3s;cursor:pointer;display:flex;align-items:center;position:relative}.container .left-box .member-item[data-v-66aaa376]:hover,.container .right-box .member-item[data-v-66aaa376]:hover{background-color:#e3f2fd}.container .left-box .member-item .head-image[data-v-66aaa376],.container .right-box .member-item .head-image[data-v-66aaa376]{margin-right:10px;flex-shrink:0}.container .left-box .member-item .member-name[data-v-66aaa376],.container .right-box .member-item .member-name[data-v-66aaa376]{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.container .left-box .member-item .el-checkbox[data-v-66aaa376],.container .right-box .member-item .el-checkbox[data-v-66aaa376]{position:absolute;right:10px;top:50%;transform:translateY(-50%);flex-shrink:0}.container .left-box .member-item .banned-tag[data-v-66aaa376],.container .right-box .member-item .banned-tag[data-v-66aaa376]{position:absolute;right:40px;top:50%;transform:translateY(-50%);background-color:#ffebee;color:#f44336;padding:2px 8px;border-radius:10px;font-size:12px;flex-shrink:0}.container .arrow[data-v-66aaa376]{font-size:24px;color:#909399;margin:0 15px;align-self:center}.container .right-box .select-tip[data-v-66aaa376]{padding:10px 0;font-weight:700;color:#409eff;border-bottom:1px solid #ebeef5;margin-bottom:10px}.dialog-footer[data-v-66aaa376]{display:flex;justify-content:flex-end;padding-top:20px}.dialog-footer .el-button[data-v-66aaa376]{margin-left:20px}.group-page .aside{display:flex;flex-direction:column;background:#fff;border-right:1px solid #ccc}.group-page .aside .header{height:50px;display:flex;align-items:center;padding:0 8px}.group-page .aside .header .add-btn{padding:5px!important;margin:5px;font-size:16px;border-radius:50%}.group-page .aside .group-list-items{flex:1}.group-page .aside .group-list-items .top-item{height:50px;display:flex;position:relative;padding:5px;align-items:center;white-space:nowrap;cursor:pointer;border-radius:10px}.group-page .aside .group-list-items .top-item .top-item-avatar{display:flex;justify-content:center;align-items:center;position:relative}.group-page .aside .group-list-items .top-item .top-item-avatar .unread-text{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}.group-page .aside .group-list-items .top-item .top-item-info{flex:1;display:flex;flex-direction:column;padding-left:10px;text-align:left}.group-page .aside .group-list-items .top-item .top-item-info .top-item-name{font-size:14px;white-space:nowrap;overflow:hidden}.group-page .aside .group-list-items .top-item.active,.group-page .aside .group-list-items .top-item:hover{background-color:var(--active-color)}.group-page .group-box{display:flex;flex-direction:column;border:var(--border-color) solid 1px;background:linear-gradient(120deg,#f5f7fa,#e4e7f4)}.group-page .group-box .group-header,.group-page .group-box .header{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}.group-page .group-box .request-box{flex:1;background:#fff}.group-page .group-box .request-box .group-info{display:flex;position:relative;align-items:center;cursor:pointer;margin:0 30px;padding:10px;border-bottom:1px solid #ccc}.group-page .group-box .request-box .group-info .request-info{flex:1;margin-left:15px;display:flex;flex-direction:column;overflow:hidden}.group-page .group-box .request-box .group-info .request-info .group-name{display:flex;align-items:center;font-weight:600;font-size:16px}.group-page .group-box .request-box .group-info .request-info .group-name .group-tag{display:flex;line-height:22px}.group-page .group-box .request-box .group-info .request-info .group-name .group-tag .el-tag{min-width:22px;text-align:center;background-color:#2830d3;border-radius:10px;border:0;height:16px;line-height:16px;font-size:10px;margin-left:2px;opacity:.8}.group-page .group-box .request-box .group-info .request-info .info-text{display:flex;word-break:break-all;font-size:14px;line-height:20px;text-align:left}.group-page .group-box .request-box .group-info .character-info{flex:1;display:flex;align-items:center}.group-page .group-box .request-box .group-info .character-info .character-name{margin-left:10px}.group-page .group-box .request-box .group-info .launch-user-info{flex:1;display:flex;align-items:center}.group-page .group-box .request-box .group-info .launch-user-info .launch-user-name{margin-left:10px}.group-page .group-box .request-box .group-info .btn-group{text-align:left!important;display:flex;margin-left:60px}.group-page .group-box .group-request{display:flex;flex-direction:column}.group-page .group-box .group-container{padding:20px;background:transparent;width:70%;margin:0 auto}.group-page .group-box .group-container .group-content-wrapper{display:flex;gap:20px;flex-wrap:wrap}.group-page .group-box .group-container .group-card{background:linear-gradient(145deg,#fff,#f0f2f5);border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.08);margin-bottom:25px;overflow:hidden;border:1px solid hsla(0,0%,87.8%,.5);transition:transform .3s ease,box-shadow .3s ease}.group-page .group-box .group-container .group-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(16,36,72,.15)}.group-page .group-box .group-container .group-card .card-header{padding:20px;border-bottom:1px solid hsla(0,0%,87.8%,.5)}.group-page .group-box .group-container .group-card .card-header h3{margin:0;color:#212529;font-size:20px;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px rgba(33,37,41,.1)}.group-page .group-box .group-container .group-card .card-body{padding:20px}.group-page .group-box .group-container .group-card .card-body .group-info{display:flex;flex-wrap:wrap}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box{flex:0 0 160px;text-align:center;margin-right:40px}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .avatar-uploader{text-align:left}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .avatar-uploader .el-upload{border:1px dashed rgba(16,36,72,.2)!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;background:hsla(0,0%,100%,.9)}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .avatar-uploader .el-upload:hover{border-color:#409eff}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .avatar-uploader .avatar-uploader-icon{font-size:28px;color:rgba(16,36,72,.5);width:160px;height:160px;line-height:160px;text-align:center}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .avatar-uploader .avatar{width:160px;height:160px;display:block}.group-page .group-box .group-container .group-card .card-body .group-info .avatar-box .send-btn{margin-top:20px;background:linear-gradient(45deg,#42a5f5,#1e88e5);border:none;color:#fff;font-weight:700;letter-spacing:1px;box-shadow:0 4px 15px rgba(33,150,243,.3)}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box{flex:1;min-width:300px}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item{display:flex;margin-bottom:20px;align-items:center}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .form-label{width:130px;color:#212529;font-weight:500;text-align:right;padding-right:12px;line-height:32px}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .editable-field{flex:1;display:flex;align-items:center;min-height:32px;padding:4px 12px;background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,87.8%,.8);border-radius:8px;position:relative}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .editable-field .field-value{flex:1;color:#212529;word-break:break-all}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .editable-field .edit-icon{color:#909399;cursor:pointer;padding:4px;border-radius:4px;margin-left:8px}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .editable-field .edit-icon:hover{color:#409eff;background:rgba(64,158,255,.1)}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .edit-field{flex:1}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .edit-field .edit-input{width:100%;padding:8px 12px;background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,87.8%,.8);color:#212529;border-radius:8px;font-size:14px;box-sizing:border-box}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .edit-field .edit-input:focus{outline:none;border-color:#409eff}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .edit-field .edit-textarea{width:100%;padding:8px 12px;background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,87.8%,.8);color:#212529;border-radius:8px;font-size:14px;box-sizing:border-box;min-height:80px;resize:vertical}.group-page .group-box .group-container .group-card .card-body .group-info .group-form-box .form-item .edit-field .edit-textarea:focus{outline:none;border-color:#409eff}.group-page .group-box .group-container .group-card .group-functions{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;background:hsla(0,0%,100%,.7);border-top:1px solid hsla(0,0%,87.8%,.5);border-bottom:1px solid hsla(0,0%,87.8%,.5)}.group-page .group-box .group-container .group-card .group-functions .group-function-item{text-align:center;padding:15px;border-radius:12px;background:hsla(0,0%,100%,.9);cursor:pointer;transition:all .3s ease;position:relative;border:1px solid hsla(0,0%,87.8%,.8)}.group-page .group-box .group-container .group-card .group-functions .group-function-item:hover{background:#fff;transform:translateY(-5px);box-shadow:0 10px 20px rgba(16,36,72,.15)}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon{width:50px;height:50px;margin:0 auto 10px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon.bg-orange{box-shadow:0 4px 10px rgba(255,152,0,.3)}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon.bg-green{box-shadow:0 4px 10px rgba(76,175,80,.3)}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon.bg-blue{box-shadow:0 4px 10px rgba(3,169,244,.3)}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon.bg-purple{box-shadow:0 4px 10px rgba(171,71,188,.3)}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon .svg-icon{width:40px;height:40px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon .icon{display:block;width:40px;height:40px;line-height:40px;font-size:40px;color:#735cb9}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-icon .head-image{display:flex;align-items:center;justify-content:center}.group-page .group-box .group-container .group-card .group-functions .group-function-item .function-text{color:#212529;font-size:14px;font-weight:500;letter-spacing:1px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .new-talk-info{margin-top:8px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .new-talk-info .new-talk-text{font-size:10px;color:#e53935;margin-bottom:3px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .new-talk-info .new-talk-list{display:flex;justify-content:center;gap:3px}.group-page .group-box .group-container .group-card .group-functions .group-function-item .unread-text{position:absolute;top:5px;right:5px;background:#e53935;color:#fff;border-radius:10px;padding:2px 6px;font-size:10px;font-weight:700;box-shadow:0 2px 5px rgba(229,57,53,.3)}.group-page .group-box .group-container .group-card .card-footer{padding:20px;border-top:1px solid hsla(0,0%,87.8%,.5);background:hsla(0,0%,100%,.7)}.group-page .group-box .group-container .group-card .card-footer .buttons-box .buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:right;margin-bottom:10px}.group-page .group-box .group-container .group-card .card-footer .buttons-box .buttons .el-button{border-radius:8px;border:none;box-shadow:0 4px 6px rgba(16,36,72,.1);font-weight:500;transition:all .3s ease}.group-page .group-box .group-container .group-card .card-footer .buttons-box .buttons .el-button:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(16,36,72,.15)}.group-page .group-box .group-container .group-info-card{flex:1;min-width:300px}.group-page .group-box .group-container .member-items{padding:20px;display:flex;align-items:center;flex-wrap:wrap;text-align:center;background:linear-gradient(145deg,#fff,#f8f9fa);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.05);border:1px solid hsla(0,0%,87.8%,.5);transition:transform .3s ease,box-shadow .3s ease}.group-page .group-box .group-container .member-items:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}.group-page .group-box .group-container .member-items .member-item{margin-right:10px;margin-bottom:10px}.group-page .group-box .group-container .member-items .member-tools{display:flex;flex-direction:column;align-items:center;width:70px;margin-right:10px;margin-bottom:10px}.group-page .group-box .group-container .member-items .member-tools .tool-btn{width:48px;height:48px;line-height:48px;border:1px solid hsla(0,0%,87.8%,.8);font-size:16px;cursor:pointer;box-sizing:border-box;border-radius:12px;background:linear-gradient(145deg,#fff,#f8f9fa);color:#212529;transition:all .3s ease;box-shadow:0 2px 5px rgba(0,0,0,.05)}.group-page .group-box .group-container .member-items .member-tools .tool-btn:hover{border:1px solid #409eff;background:linear-gradient(145deg,#f0f7ff,#e3f2fd);transform:translateY(-3px);box-shadow:0 4px 10px rgba(64,158,255,.2)}.group-page .group-box .group-container .member-items .member-tools .tool-text{font-size:13px;text-align:center;width:100%;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#212529;font-weight:500;margin-top:5px}.group-page .group-box .group-container .member-items .avatar-uploader{width:48px;height:48px}.group-page .group-box .group-container .member-items .avatar-uploader .member-avatar{width:48px;height:48px;border-radius:12px}.group-page .avatar-uploader-group{width:160px;height:160px;line-height:160px;margin-bottom:20px;margin-left:130px}.group-page .avatar-uploader-group .el-upload{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.group-page .avatar-uploader-group .el-upload:hover{border-color:#409eff}.group-page .avatar-uploader-group .avatar-uploader-icon{font-size:28px;color:#8c939d;width:160px;height:160px;line-height:160px;text-align:center}.group-page .avatar-uploader-group .avatar{width:160px;height:160px;display:block}.group-page .character-avatar-item-left{flex:1}.group-page .character-avatar-item-right{margin-right:10px;height:65px;line-height:65px}