.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-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}}.buttons[data-v-df0c288c]{margin:0 10px;text-align:left}.tab-box[data-v-df0c288c]{margin-top:10px;margin-left:10px}.tab-box .total-characters-notify[data-v-df0c288c]{background-color:#f56c6c;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px}.template-group-list[data-v-df0c288c]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.template-group-list .box-card .header[data-v-df0c288c]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.template-group-list .box-card .header .operate-buttons[data-v-df0c288c]{display:flex;justify-content:right}.template-group-list .box-card .header .operate-buttons .group-template-notify[data-v-df0c288c]{position:absolute;top:-10px;right:0;background-color:#f56c6c;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.template-group-list .box-card .header .operate-buttons .operate-button[data-v-df0c288c]{margin:4px 4px;padding:3px 0;width:32px;height:32px;flex-shrink:0}.template-group-list .box-card .header .operate-buttons .template-group-space[data-v-df0c288c]{color:orange}.template-group-list .box-card .header .operate-buttons .template-group-characters-space[data-v-df0c288c]{color:#00f2fe}.template-group-list .box-card .header .operate-buttons .template-group-music[data-v-df0c288c]{color:#b7eb81}.template-group-list .box-card .header .operate-buttons .template-group-characters-music[data-v-df0c288c]{color:#735cb9}.template-group-list .box-card .head-image[data-v-df0c288c]{float:left;display:inline-block;margin-right:20px}.template-group-list .box-card .info[data-v-df0c288c]{float:left;display:inline-block;width:240px}.my-characters[data-v-df0c288c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;padding:20px}.my-characters .character-item[data-v-df0c288c]{padding:10px;border-radius:8px;background-color:var(--bg-color);transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.15);display:flex;flex-direction:column;align-items:center}.my-characters .character-item .character-avatar[data-v-df0c288c]{display:flex;flex-direction:column;align-items:center;gap:10px}.my-characters .character-item .character-avatar .character-name[data-v-df0c288c]{text-align:center;font-size:14px;font-weight:500;word-break:break-all;max-width:100%}.my-characters .character-item .character-content[data-v-df0c288c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(30%,1fr));gap:5px;justify-content:center;width:100%;margin-top:10px}.my-characters .character-item .character-content .content-item[data-v-df0c288c]{display:flex;align-items:center;justify-content:center}.my-characters .character-item .character-content .content-item .my-character-notify[data-v-df0c288c]{position:absolute;top:-10px;right:6px;background-color:#f56c6c;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.my-characters .character-item .character-content .icon[data-v-df0c288c]{display:block;height:25px;width:25px;line-height:25px}.page-box[data-v-df0c288c]{margin-top:10px;width:100%;display:flex;justify-content:center}.edit-template-group .el-upload[data-v-df0c288c]{border:1px dashed #d9d9d9!important;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.edit-template-group .el-upload[data-v-df0c288c]:hover{border-color:#409eff}.edit-template-group .avatar-uploader-icon[data-v-df0c288c]{font-size:28px;color:#8c939d;width:178px;height:178px;line-height:178px;text-align:center}.edit-template-group .avatar[data-v-df0c288c]{width:178px;height:178px;display:block}.edit-template-character .template-group-avatar[data-v-df0c288c]{display:flex;justify-content:center;align-items:center}.edit-template-character .upload-avatar[data-v-df0c288c]{width:45px;height:45px;line-height:45px;border:1px solid #ccc;font-size:25px;cursor:pointer;box-sizing:border-box;margin-left:15px;text-align:center}.edit-template-character .template-character-box .template-character-item[data-v-df0c288c]{height:45px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:var(--bg-color);white-space:nowrap;margin:10px 0}.edit-template-character .template-character-box .template-character-item .avatar-box[data-v-df0c288c]{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.edit-template-character .template-character-box .template-character-item .name-input[data-v-df0c288c]{margin-left:10px;width:150px;height:45px}.edit-template-character .template-character-box .template-character-item .status-tag[data-v-df0c288c]{margin-left:10px;height:45px;line-height:45px}.edit-template-character .template-character-box .template-character-item .edit-character-avatar[data-v-df0c288c]{margin-left:8px}.edit-template-character .template-character-box .template-character-item .character-notify[data-v-df0c288c]{position:absolute;top:-8px;right:0;background-color:#f56c6c;color:#fff;border-radius:30px;padding:1px 5px;font-size:10px;text-align:center;white-space:nowrap;border:1px solid #f1e5e5}.edit-template-character .template-character-box .template-character-item .delete-button[data-v-df0c288c]{margin-left:8px}.edit-template-character .template-character-box .template-character-item .edit-character-space[data-v-df0c288c]{color:orange}.edit-template-character .template-character-box .template-character-item .edit-character-music[data-v-df0c288c]{color:#b7eb81}.edit-character-avatar-dialog .template-character-avatar[data-v-df0c288c]{display:flex;justify-content:center;align-items:center}.edit-character-avatar-dialog .upload-avatar[data-v-df0c288c]{width:45px;height:45px;line-height:45px;border:1px solid #ccc;font-size:25px;cursor:pointer;box-sizing:border-box;margin-left:15px;text-align:center}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item[data-v-df0c288c]{height:45px;display:flex;position:relative;padding-left:15px;align-items:center;padding-right:5px;background-color:var(--bg-color);white-space:nowrap;margin:10px 0}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item .avatar-box[data-v-df0c288c]{display:flex;justify-content:center;align-items:center;width:45px;height:45px}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item .name-input[data-v-df0c288c]{margin-left:10px;width:150px;height:45px}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item .select-item[data-v-df0c288c]{margin-left:10px;width:70px}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item .status-tag[data-v-df0c288c]{margin-left:10px;height:45px;line-height:45px}.edit-character-avatar-dialog .character-avatar-box .character-avatar-item .delete-button[data-v-df0c288c]{margin-left:20px}.edit-character-word .character-word[data-v-df0c288c] .el-form-item__content{display:flex;justify-content:left}.edit-character-word .character-word[data-v-df0c288c] .el-form-item__content .el-input{width:64%}.edit-character-word .character-word .btn-remove[data-v-df0c288c]{display:none;position:absolute;right:-10px;top:-10px;color:#8b0000;font-size:20px;cursor:pointer}.edit-character-word .character-word .voice:hover .btn-remove[data-v-df0c288c]{display:block;color:#ce1818}.edit-character-word .character-word .voice-uploader[data-v-df0c288c]{width:40px;height:40px;margin-left:8px}.edit-character-emo .character-emo-box[data-v-df0c288c]{padding-top:15px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:min-content;place-items:center;gap:15px;overflow:scroll}.edit-character-emo .character-emo-box .upload-emo[data-v-df0c288c]{width:60px;height:60px;line-height:60px;border:1px solid #ccc;font-size:25px;cursor:pointer;box-sizing:border-box;text-align:center}.edit-character-emo .character-emo-box .character-emo-item[data-v-df0c288c]{width:60px;height:60px;line-height:60px;border:1px solid #ccc;position:relative}.edit-character-emo .character-emo-box .character-emo-item .emo-image[data-v-df0c288c]{width:60px;height:60px}.edit-character-emo .character-emo-box .character-emo-item .btn-remove[data-v-df0c288c]{display:none;position:absolute;right:-10px;top:-10px;color:#8b0000;font-size:20px;cursor:pointer}.edit-character-emo .character-emo-box .character-emo-item:hover .btn-remove[data-v-df0c288c]{display:block;color:#ce1818}.edit-character-users .character-users-content[data-v-df0c288c]{max-height:400px;overflow-y:auto;padding:10px 0}.edit-character-users .bound-users-section[data-v-df0c288c],.edit-character-users .search-users-section[data-v-df0c288c]{margin-bottom:20px}.edit-character-users .bound-users-section h3[data-v-df0c288c],.edit-character-users .search-users-section h3[data-v-df0c288c]{margin:10px 0;font-size:16px;font-weight:700;color:#333}.edit-character-users .search-box[data-v-df0c288c]{margin:15px 0}.edit-character-users .search-input[data-v-df0c288c]{width:100%}.edit-character-users .user-list[data-v-df0c288c]{display:flex;flex-direction:column;gap:10px}.edit-character-users .user-item[data-v-df0c288c]{display:flex;align-items:center;padding:8px;border:1px solid #ebeef5;border-radius:4px;background-color:#f5f7fa;transition:all .3s}.edit-character-users .user-item[data-v-df0c288c]:hover{background-color:#e6f7ff;border-color:#91d5ff}.edit-character-users .user-item .user-name[data-v-df0c288c]{margin:0 15px;flex:1;color:#333}.edit-character-users .user-item .el-button[data-v-df0c288c]{margin-left:auto}.edit-character-users .empty-state[data-v-df0c288c]{text-align:center;color:#909399;font-size:14px;padding:20px}