.workflow-container{margin:0 auto;position:relative;--dh--workflow-detail-margin-top:1rem;--dh--workflow-detail-padding-top:2rem}.workflow-container .scroll{height:calc(100vh - var(--dh-header-nav-height) - 70px)}.workflow-container .workflow-list{display:flex;flex-wrap:wrap;gap:20px}.workflow-container .workflow-empty{align-items:center;display:flex;font-size:2rem;justify-content:center;min-height:50vh;text-align:center;width:100%}.workflow-container .imgs{aspect-ratio:4/4;display:flex;position:relative}.workflow-container .imgs .pcb{align-items:center;display:none;justify-content:center;padding:1rem 1rem .5rem}.workflow-container .imgs .input,.workflow-container .imgs .output{flex:0 0 50%;width:50%}.workflow-container .imgs .img1,.workflow-container .imgs .img2{height:50%;width:100%}.workflow-container .imgs .imginput,.workflow-container .imgs .imgout{height:100%}.workflow-container .imgs .img1,.workflow-container .imgs .img2,.workflow-container .imgs .imginput,.workflow-container .imgs .imgout{overflow:hidden;position:relative}.workflow-container .imgs .img1 img,.workflow-container .imgs .img2 img,.workflow-container .imgs .imginput img,.workflow-container .imgs .imgout img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transition:transform .3s ease;width:100%}.workflow-container .imgs .img1{border-radius:.8rem 0 0}.workflow-container .imgs .imgout{border-radius:0 .8rem 0 0}.workflow-container .imgs .imginput{border-radius:.8rem 0 0}.workflow-container .imgs .arrowbox{align-items:center;background-color:#14182480;border-radius:50rem;color:#eee;display:flex;font-size:12px;justify-content:space-around;padding:.3rem .5rem;width:50%}.workflow-container .imgs .pet{right:1rem;top:1rem}.workflow-container .imgs .pet .btn{background-color:#0006;border-radius:8px;color:#fff;display:none;height:36px;padding:0;width:36px}.workflow-container .imgs .pet .btn .iconfont{font-size:18px}.workflow-container .imgs .pet .btn:hover{background-color:#0009;color:var(--dh-positive-400)}.workflow-container .workflow-item{align-self:flex-start;background-color:var(--dh-workflow-bg-color);border:1px solid var(--el-border-color-light);border-radius:1rem;cursor:pointer;overflow:hidden;padding:.5rem}.workflow-container .workflow-item .infos{height:100px}.workflow-container .workflow-item .title{color:var(--dh-text-1)}.workflow-container .workflow-item .tags{align-items:center;display:flex;gap:.3rem}.workflow-container .workflow-item .tags .el-tag{padding-left:4px;padding-right:4px}.workflow-container .workflow-item .use-num{font-size:14px}.workflow-container .workflow-item:hover{background-color:var(--dh-workflow-hover-bg-color)}.workflow-container .workflow-item:hover .imgs img{transform:scale(1.1)}.workflow-container .workflow-item:hover .imgs .pcb{display:flex}.workflow-container .workflow-item:hover .title{color:var(--dh-text-0)}.workflow-container .workflow-item:hover .pet .btn{display:block}.workflow-drawer .el-tabs__nav-scroll{align-items:center;display:flex;justify-content:center}.workflow-drawer .el-tabs__item{padding:.8rem 1rem!important;--el-tabs-header-height:auto!important}.workflow-drawer .nav-name{font-size:20px;font-weight:700}.workflow-drawer .imgs{aspect-ratio:3/2;max-width:800px;min-width:500px;width:50%}.workflow-drawer .imgs .arrowbox{padding:.5rem 1rem}.workflow-drawer .same-workslist{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.workflow-drawer .same-workslist .work-empty{align-items:center;display:flex;font-size:1.5rem;justify-content:center;min-height:100px;text-align:center;width:100%}.workflow-drawer .same-workslist .item{border:1px solid var(--el-border-color-light);border-radius:.8rem;overflow:hidden;width:calc(50% - 1rem)}.workflow-drawer .same-workslist .item .imgs{aspect-ratio:4/3;max-width:800px;min-width:unset;width:100%}.workflow-drawer .same-workslist .item:hover .pcb{display:flex}.workflow-drawer .same-workslist .imgs{max-width:100%;overflow:hidden;width:100%}.workflow-drawer .userinfo{max-width:70%}.workflow-drawer .avatar{border-radius:50%;height:32px;overflow:hidden;width:32px}.workflow-drawer .nickname{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1360px){.workflow-drawer .same-workslist{gap:0}.workflow-drawer .same-workslist .item{width:100%}}