.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}.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}.qq-message-drawer[data-v-d105e6ce] .el-drawer{background-color:#fff}.qq-message-drawer[data-v-d105e6ce] .el-drawer__body{padding:0;height:100vh;overflow-y:auto}.drawer-header[data-v-d105e6ce]{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-d105e6ce],.eye-icon[data-v-d105e6ce]{font-size:20px;color:#333;cursor:pointer}.header-title[data-v-d105e6ce]{font-size:18px;font-weight:500;color:#333}.message-list[data-v-d105e6ce]{background-color:#fff}.message-item[data-v-d105e6ce]{padding:20px;background-color:#fff}.message-divider[data-v-d105e6ce]{border-bottom:8px solid #f5f5f5}.message-header[data-v-d105e6ce]{justify-content:space-between;margin-bottom:15px}.message-header[data-v-d105e6ce],.user-info[data-v-d105e6ce]{display:flex;align-items:flex-start}.user-avatar[data-v-d105e6ce]{width:45px;height:45px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:12px}.user-details[data-v-d105e6ce]{margin-left:8px;display:flex;flex-direction:column}.username[data-v-d105e6ce]{font-size:16px;font-weight:500;color:#333;margin-bottom:2px;text-align:left}.character-name[data-v-d105e6ce]{color:#f56c6c}.timestamp[data-v-d105e6ce]{font-size:12px;color:#999}.action-area[data-v-d105e6ce]{display:flex;align-items:center}.reply-btn[data-v-d105e6ce]{color:#1890ff;font-size:14px;cursor:pointer;padding:4px 8px}.like-hand[data-v-d105e6ce]{font-size:18px;color:#666}.message-content[data-v-d105e6ce]{margin-left:57px}.original-text[data-v-d105e6ce]{font-size:16px;color:#333;line-height:1.5;margin-bottom:12px;text-align:left;word-break:break-all}.original-text .icon[data-v-d105e6ce]{cursor:pointer}.original-text img[data-v-d105e6ce]{max-width:150px;max-height:150px;-o-object-fit:cover;object-fit:cover}.talk-content[data-v-d105e6ce]{display:flex;align-items:center;margin-bottom:12px}.talk-text-box[data-v-d105e6ce]{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-d105e6ce]{color:#1890ff}.media-section[data-v-d105e6ce]{display:flex;position:relative}.media-section .icon[data-v-d105e6ce]{width:90px;height:90px}.dynamic-image[data-v-d105e6ce],.video-image[data-v-d105e6ce]{width:90px;height:90px;border-radius:8px;-o-object-fit:cover;object-fit:cover;display:block}.play-icon[data-v-d105e6ce]{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-d105e6ce]{background-color:#f5f5f5;padding:8px 12px;border-radius:6px;font-size:14px;color:#666;display:inline-block}.replies-section[data-v-d105e6ce]{font-size:14px;color:#666}.reply-item[data-v-d105e6ce]{margin-bottom:4px;display:flex;justify-content:left;align-items:flex-start;flex-wrap:nowrap}.reply-author[data-v-d105e6ce]{font-weight:500;flex-shrink:0;cursor:pointer}.reply-to-reply[data-v-d105e6ce]{margin-bottom:8px}.reply-prefix[data-v-d105e6ce]{font-weight:500;flex-shrink:0;color:#1890ff}.comment-content[data-v-d105e6ce]{display:flex;align-items:center;flex-wrap:wrap;word-break:break-all}.comment-content img[data-v-d105e6ce]{max-width:150px;max-height:150px;-o-object-fit:cover;object-fit:cover}.icon[data-v-d105e6ce]{cursor:pointer}.reply-input-placeholder[data-v-d105e6ce]{color:#ccc;margin-top:8px}.like-notification[data-v-d105e6ce]{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-d105e6ce]{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-d105e6ce]{color:#1890ff;font-size:16px;margin-right:6px}.like-text[data-v-d105e6ce]{color:#1890ff;font-size:14px}@media(max-width:768px){.drawer-header[data-v-d105e6ce]{padding:12px 16px}.message-item[data-v-d105e6ce]{padding:16px}.user-avatar[data-v-d105e6ce]{width:40px;height:40px}.message-content[data-v-d105e6ce]{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);display:flex;justify-content:space-between}.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-header .more-operation{cursor:pointer;font-size:20px;padding:8px;border-radius:50%;transition:all .3s ease;background:#f4f4fc;color:#2830d3;margin:0;position:relative}.group-page .group-box .group-container .group-card .card-header .more-operation:hover{background:#e8e8f8}.group-page .group-box .group-container .group-card .card-header .more-operation .more-menu{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}.group-page .group-box .group-container .group-card .card-header .more-operation .more-menu .menu-item{padding:12px 8px;cursor:pointer;font-size:14px;text-align:center;color:#212529;transition:all .2s ease}.group-page .group-box .group-container .group-card .card-header .more-operation .more-menu .menu-item:hover{background:#f5f7fa}.group-page .group-box .group-container .group-card .card-header .more-operation .more-menu .menu-item.danger-text{color:#f56c6c;font-weight:500}.group-page .group-box .group-container .group-card .card-header .more-operation .more-menu .menu-item.danger-text:hover{background:#fef0f0}.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}