.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}