.c-publish-top-bar[data-v-54b2f984]{align-items:center;border-bottom:1px solid #2a2832;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;max-width:100%;min-height:64px;padding:0 16px}.c-publish-top-bar .publish-top-bar-title[data-v-54b2f984]{align-items:center;display:flex;gap:25px}.c-publish-top-bar .publish-top-bar-title .back-preview-btn[data-v-54b2f984]{align-items:center;background:hsla(0,0%,100%,.1);border-radius:9px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}.c-publish-top-bar .publish-top-bar-title .back-preview-btn[data-v-54b2f984]:hover{background-color:#3b3b3b}.c-publish-top-bar .publish-top-bar-title .back-preview-btn i[data-v-54b2f984]{color:hsla(0,0%,100%,.85);font-size:16px}.c-publish-top-bar .publish-top-bar-title .publish-top-bar-title-text[data-v-54b2f984]{color:#c0c0c3;font-family:Helvetica;font-size:14px;font-weight:400}.c-publish-top-bar .steps[data-v-54b2f984]{align-items:center;box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;left:50%;padding:6px 16px;position:absolute;transform:translateX(-50%);z-index:10}.c-publish-top-bar .steps .step-item .step-icon[data-v-54b2f984],.c-publish-top-bar .steps .step-item[data-v-54b2f984]{align-items:center;display:flex;position:relative}.c-publish-top-bar .steps .step-item .step-icon[data-v-54b2f984]{background:#2c2e3b;border:1px solid hsla(0,0%,100%,.1);border-radius:50%;color:hsla(0,0%,100%,.5);height:32px;justify-content:center;transition:all .3s ease;width:32px}.c-publish-top-bar .steps .step-item .step-icon i[data-v-54b2f984]{font-size:16px;position:absolute}.c-publish-top-bar .steps .step-item .step-icon .step-number[data-v-54b2f984]{font-size:12px;font-weight:500}.c-publish-top-bar .steps .step-item .step-text[data-v-54b2f984]{color:hsla(0,0%,100%,.6);font-size:14px;margin-left:8px;white-space:nowrap}.c-publish-top-bar .steps .step-item.step-active .step-icon[data-v-54b2f984]{color:#fff}.c-publish-top-bar .steps .step-item.step-active .step-text[data-v-54b2f984]{color:#fff;font-weight:500}.c-publish-top-bar .steps .step-line[data-v-54b2f984]{background:hsla(0,0%,100%,.1);height:1px;margin:0 12px;width:100px}.c-publish-top-bar .seo-detail-title[data-v-54b2f984]{color:hsla(0,0%,100%,.92);font-family:PingFang SC;font-size:20px;font-weight:600}.c-publish-top-bar .right-info[data-v-54b2f984]{align-items:center;display:flex}.c-publish-top-bar .right-info .publish-tutorial[data-v-54b2f984]{align-items:center;background:linear-gradient(99deg,rgba(44,170,253,.212),rgba(15,255,255,.259));border-radius:4px;color:#11f8fe;cursor:pointer;display:flex;font-family:Inter;font-size:12px;font-weight:500;gap:4px;height:auto;margin-left:10px;padding:4px 8px}.c-publish-top-bar .right-info .publish-tutorial .icon-tutorial[data-v-54b2f984]{font-size:16px}.c-publish-top-bar .right-info .tavern-top-bar-info[data-v-54b2f984]{align-items:center;display:flex}.c-publish-top-bar .right-info .tavern-top-bar-info .user-info[data-v-54b2f984]{align-items:center;display:flex;margin-left:20px}.c-publish-top-bar .right-info .tavern-top-bar-info .user-info .avatar[data-v-54b2f984]{align-items:center;border-radius:50%;color:#1d1d1d;cursor:pointer;display:flex;font-family:Poppins;font-size:16px;font-weight:500;height:40px;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px;width:40px}.c-publish-top-bar .right-info .tavern-top-bar-info .user-info .avatar img[data-v-54b2f984]{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.c-publish-top-bar .right-info .tavern-top-bar-info .user-info .avatar-color[data-v-54b2f984]{background-color:#d1d6e0}.c-publish-top-bar .right-info .tavern-top-bar-info .user-info .name-text[data-v-54b2f984]{color:#9293a5;font-family:Inter-Semi Bold,Inter;font-size:14px;font-weight:400;margin-left:13px}.c-publish-top-bar .right-info .log-btn[data-v-54b2f984]{align-items:center;background:linear-gradient(90deg,#245cfb,#52c2ed);border:none;border-radius:22px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;line-height:44px;padding:0 20px;-webkit-text-decoration:none;text-decoration:none}.workflow-history-record-modal .el-dialog{background:#181818;border-radius:20px;display:flex;flex-direction:column;height:627px;left:50%;margin:0!important;position:absolute;top:50%;transform:translate(-50%,-50%)}.workflow-history-record-modal .el-dialog__title{color:#efefef;font-family:Inter;font-size:16px;font-weight:400}.workflow-history-record-modal .el-dialog__body{border-top:1px solid hsla(0,0%,100%,.06);display:flex;flex:1;overflow:hidden;padding:0 0 24px}.workflow-history-record-modal .el-dialog__footer{display:none}.workflow-history-record-modal .history-record-list{box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:10px;height:100%;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative}.workflow-history-record-modal .history-record-list .create-template-list-empty{align-items:center;color:hsla(0,0%,100%,.6);display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.workflow-history-record-modal .history-record-list .create-template-list-empty .style-content__list-empty-icon{height:100px;width:auto}.workflow-history-record-modal .history-record-list .history-record-list-item{align-items:center;background:hsla(0,0%,100%,.06);border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;height:84px;justify-content:space-between;padding:10px;transition:all .2s ease}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left{display:flex;gap:16px;overflow:hidden}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img{background-color:#777e90;border-radius:8px;height:64px;width:64px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .history-record-list-item-img img{border-radius:8px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content{display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-title{color:#f6faff;font-family:Inter;font-size:14px;font-weight:400;line-height:20px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-left .list-item-content-sub-title{color:#6d6d6d;font-family:Inter;font-size:12px;font-weight:400;gap:8px;line-height:16px;margin-top:6px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right{align-items:center;-moz-column-gap:20px;column-gap:20px;display:flex}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .iconfont{color:#bdbdbd;font-size:16px}.workflow-history-record-modal .history-record-list .history-record-list-item .history-record-list-item-right .delete:hover{color:#b63c3c}.workflow-history-record-modal .history-record-list .history-record-list-item-active,.workflow-history-record-modal .history-record-list .history-record-list-item:hover{background-color:#2f3238}.workflow-history-record-modal .folder-tab{border-right:1px solid hsla(0,0%,100%,.06);box-sizing:border-box;display:flex;flex-direction:column;padding:0 12px;width:200px}.workflow-history-record-modal .folder-tab .folder-title-add{border-bottom:1px solid hsla(0,0%,100%,.06);color:#dedede;font-family:Inter;font-size:14px;font-weight:400;line-height:20px;padding:16px 0}.workflow-history-record-modal .folder-tab .folder-title-add .folder-title-add-icon{background:#3f8fff;border-radius:4px;cursor:pointer;height:20px;width:20px}.workflow-history-record-modal .folder-tab .folder-title-add .folder-title-add-icon .iconfont{color:#fff;font-size:10px;font-weight:600}.workflow-history-record-modal .folder-tab .folder-tab-list{box-sizing:border-box;flex:1;margin-left:-12px;overflow-x:hidden;overflow-y:scroll;padding:0 12px;width:200px}.workflow-history-record-modal .folder-tab .folder-tab-list::-webkit-scrollbar{width:0}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item{border-radius:6px;cursor:pointer;margin-top:12px;padding:8px 0;transition:all .2s ease}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.active,.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item:hover{position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.active:after,.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item:hover:after{background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 12%,hsla(0,0%,100%,.1) 80%,hsla(0,0%,100%,0));content:"";height:100%;left:-12px;position:absolute;width:200px;z-index:-1}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.drag-over{position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item.drag-over:after{border:2px dashed rgba(63,143,255,.4);border-radius:6px;box-sizing:border-box;content:"";height:100%;left:-12px;position:absolute;width:200px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-name{color:#f4f4f4;flex:1;font-family:Inter;font-size:12px;font-weight:500;gap:7px;line-height:16px;overflow:hidden}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-name .iconfont{color:#c6c6c6;font-size:16px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right{align-items:center;display:flex;gap:8px;justify-content:center;min-width:30px;position:relative}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right .folder-tab-item-num{background:hsla(0,0%,100%,.1);border-radius:16px;color:#aaadb1;font-size:12px;line-height:20px;padding:0 6px}.workflow-history-record-modal .folder-tab .folder-tab-list .folder-tab-item .folder-tab-item-right .folder-operate-btn{align-items:center;background:none;border-radius:4px;color:hsla(0,0%,96%,.8);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:20px;justify-content:center;transition:all .2s ease;width:20px}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter,.fade-leave-to{opacity:0}.drag-ghost-element .drag-ghost-content{align-items:center;display:flex;gap:12px;height:100%;width:100%}.drag-ghost-element .drag-ghost-image{border-radius:6px;flex-shrink:0;height:30px;overflow:hidden;width:30px}.drag-ghost-element .drag-ghost-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.drag-ghost-element .drag-ghost-info{flex:1;min-width:0}.drag-ghost-element .drag-ghost-title{color:#fcfcfc;font-family:Inter;font-size:10px;font-weight:500;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-ghost-element .drag-ghost-subtitle{color:#aaadb1;font-family:Inter;font-size:8px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-work-flow-effect-example-item[data-v-c8ca85d4]{align-items:center;border:1px solid hsla(0,0%,100%,.1);border-radius:9px;box-sizing:border-box;display:flex;height:130px;justify-content:center;min-height:130px;min-width:130px;position:relative;width:130px}.c-work-flow-effect-example-item img[data-v-c8ca85d4]{border-radius:9px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.c-work-flow-effect-example-item .el-image-viewer__close[data-v-c8ca85d4]{align-items:center;background:rgba(28,29,42,.6);border-radius:8px;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.c-work-flow-effect-example-item .el-image-viewer__close .el-icon-close[data-v-c8ca85d4]{color:#fff;font-size:16px}