.task-container[data-v-c9d13d49]{padding-bottom:120px;background-color:var(--ft-bg-color)}.task-container .wrapper[data-v-c9d13d49]{background:var(--ft-bg-color-5) no-repeat center top;background-size:100% 800px}.task-container .header[data-v-c9d13d49]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:72px}.task-container .header h1[data-v-c9d13d49]{font-size:60px;font-weight:800;color:var(--ft-text-color-primary);line-height:70px;margin:0}.task-container .header>p[data-v-c9d13d49]{margin-top:24px;font-size:16px;color:var(--ft-text-color-primary);line-height:19px}.task-container .header ul[data-v-c9d13d49]{margin-top:56px;display:flex;justify-content:center}.task-container .header ul li[data-v-c9d13d49]{margin:0 40px;display:flex;align-items:center}.task-container .header ul li>span[data-v-c9d13d49]{margin-right:16px;color:var(--ft-text-color-primary);font-size:16px}.task-container .header ul li p[data-v-c9d13d49]{display:flex;position:relative}.task-container .header ul li p .tag[data-v-c9d13d49]{position:absolute;right:32px;top:-9px;width:36px;height:18px;background:linear-gradient(270deg,#f63d3d 0%,#ff7b52 100%);box-shadow:inset 0 0 1px #fff;border-radius:8px 9px 9px 0;font-size:12px;color:#fff;text-align:center;line-height:18px}.task-container .header ul li button[data-v-c9d13d49]{width:200px;height:48px;background:linear-gradient(315deg,#fb9400 0%,#ffab38 100%);border-radius:8px;font-size:16px;font-weight:700;color:#fff;outline:none!important;border:none!important;cursor:pointer}.task-container .header ul li button[data-v-c9d13d49]:hover{filter:brightness(.85)}.task-container .header ul li button.blue[data-v-c9d13d49]{background:#4c8fff}.task-container .header ul li button.gray[data-v-c9d13d49]{background:#cccccc;pointer-events:none}.task-container .header ul li button.red[data-v-c9d13d49]{background:linear-gradient(360deg,#f02a2a 0%,#ff5c5c 100%)}.task-container .main[data-v-c9d13d49]{position:relative;z-index:1;padding-top:136px;width:1200px;margin:0 auto}.task-container .animate-bg[data-v-c9d13d49]{position:absolute;top:0;left:0;width:100%;height:100vh;overflow:hidden}.task-container .animate-bg img[data-v-c9d13d49]{position:absolute}@keyframes animte-green-c9d13d49{0%{left:-355px;top:324px;transform:scale(1);opacity:.2}15%{left:113px;top:-266px;transform:scale(1.2);opacity:.4}25%{left:670px;top:-460px;transform:scale(1);opacity:0}50%{left:1338px;top:556px;transform:scale(1);opacity:.3}75%{left:260px;top:172px;transform:scale(1.2);opacity:.2}to{left:-355px;top:324px;transform:scale(1);opacity:.2}}@keyframes animte-purple-c9d13d49{0%{left:967px;top:-535px;transform:scale(1.2);opacity:.2}15%{left:20px;top:-367px;transform:scale(1.6);opacity:.2}25%{left:-233px;top:97px;transform:scale(1.2);opacity:.2}50%{left:-718px;top:-726px;transform:scale(1);opacity:0}75%{left:178px;top:-907px;transform:scale(1.5);opacity:.3}to{left:967px;top:-535px;transform:scale(1.2);opacity:.2}}.task-container .animate-bg img[data-v-c9d13d49]:nth-child(1){width:1144px;height:800px;left:-355px;top:324px;opacity:.2;animation:animte-green-c9d13d49 6s infinite}.task-container .animate-bg img[data-v-c9d13d49]:nth-child(2){width:1312px;height:1228px;left:967px;top:-535px;transform:scale(1.2);opacity:.2;animation:animte-purple-c9d13d49 6s infinite}@keyframes animate-color-c9d13d49{0%{opacity:0}to{opacity:1}}.task-container .animate-bg span[data-v-c9d13d49]{position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(to bottom,rgba(244,245,247,0),rgba(244,245,247,0),#f4f5f7)}.task-container .tab-container[data-v-c9d13d49]{display:flex}.task-container .tab-container li[data-v-c9d13d49]{margin-right:56px;color:var(--ft-text-color-regular);font-size:16px;line-height:25px;cursor:pointer}.task-container .tab-container li.active[data-v-c9d13d49]{font-size:18px;color:var(--ft-text-color-primary);background:linear-gradient(#ffc02d,#ffc02d) no-repeat center bottom;background-size:100% 8px;font-weight:700}.task-container .main-right[data-v-c9d13d49]{height:1px;position:relative}.task-container .main-right>div[data-v-c9d13d49]{position:absolute;top:24px;right:-144px}.task-container .main-right .release-record[data-v-c9d13d49]{background-color:var(--ft-color-bg2);width:120px;height:120px;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:10px;cursor:pointer}.task-container .main-right .release-record img[data-v-c9d13d49]{width:36px;height:36px}.task-container .main-right .release-record span[data-v-c9d13d49]{margin-top:4px;color:var(--ft-text-color-primary)}.task-container .main-right .task-association[data-v-c9d13d49]{margin-top:24px;display:flex;flex-direction:column;align-items:center}.task-container .main-right .task-association img[data-v-c9d13d49]{width:120px;height:120px;border-radius:10px}.task-container .main-right .task-association span[data-v-c9d13d49]{margin-top:8px;color:var(--ft-text-color-primary)}.task-container .task-list ul[data-v-c9d13d49]{display:flex;flex-wrap:wrap}.task-container .task-list li[data-v-c9d13d49]{margin-top:24px}.task-container .task-list li a[data-v-c9d13d49]{display:block;padding:24px;position:relative;width:384px;height:271px;border-radius:10px;background-color:var(--ft-bg-color-2)}.task-container .task-list li[data-v-c9d13d49]:nth-child(3n-1){margin-left:24px;margin-right:24px}.task-container .task-list li .status[data-v-c9d13d49]{position:absolute;top:0;right:0;width:64px;height:64px}.task-container .task-list li .tags[data-v-c9d13d49]{display:flex}.task-container .task-list li .tags span[data-v-c9d13d49]{margin-right:10px;padding:0 6px;height:24px;line-height:24px;border-radius:4px}.task-container .task-list li .tags span[data-v-c9d13d49]:nth-child(1){background:rgba(82,180,233,.15);color:#52b4e9}.task-container .task-list li .tags span[data-v-c9d13d49]:nth-child(2){background:rgba(255,192,45,.15);color:#ffc02d}.task-container .task-list li h2[data-v-c9d13d49]{margin-top:18px;font-size:18px;font-weight:700;color:var(--ft-text-color-primary);line-height:25px;height:50px}.task-container .task-list li .demand[data-v-c9d13d49]{margin-top:8px;color:var(--ft-text-color-secondary)}.task-container .task-list li .price[data-v-c9d13d49]{display:block;margin-top:24px;color:#fb9400;font-size:18px;font-weight:700}.task-container .task-list li .info[data-v-c9d13d49]{margin-top:16px;padding:10px 16px;background-color:var(--ft-bg-color-1);border-radius:5px}.task-container .task-list li .info span[data-v-c9d13d49]{color:var(--ft-text-color-regular)}.task-container .task-list li .info span[data-v-c9d13d49]:nth-child(1){margin-right:12px;padding-right:12px;border-right:1px solid #e2e2e2}.task-container .user-list ul[data-v-c9d13d49]{display:flex;flex-wrap:wrap}.task-container .user-list li[data-v-c9d13d49]{margin-top:24px;width:384px;height:271px;border-radius:10px;background-color:var(--ft-bg-color-2)}.task-container .user-list li[data-v-c9d13d49]:nth-child(3n-1){margin-left:24px;margin-right:24px}.task-container .user-list li a[data-v-c9d13d49]{display:block;padding:24px}.task-container .user-list li .tag[data-v-c9d13d49]{padding:0 6px;height:24px;background:rgba(153,152,238,.15);color:#9998ee;border-radius:4px}.task-container .user-list li .title[data-v-c9d13d49]{margin-top:16px;color:var(--ft-text-color-primary);font-size:18px;font-weight:700;height:50px;line-height:25px;width:100%}.task-container .user-list li .desc[data-v-c9d13d49]{margin-top:8px;color:var(--ft-text-color-secondary);height:80px;line-height:20px}.task-container .user-list li .userinfo[data-v-c9d13d49]{margin-top:8px;display:flex;align-items:center}.task-container .user-list li .userinfo>img[data-v-c9d13d49]{margin-right:10px;width:36px;height:36px;border-radius:50%;object-fit:cover}.task-container .user-list li .userinfo>div p[data-v-c9d13d49]{display:flex;align-items:center}.task-container .user-list li .userinfo>div .name[data-v-c9d13d49]{color:var(--ft-text-color-primary);font-size:16px}.task-container .user-list li .userinfo>div .label[data-v-c9d13d49]{margin-left:8px;padding:2px 3px;font-size:12px;line-height:12px;color:#52b4e9;border:1px solid #52b4e9}.task-container .user-list li .userinfo>div>img[data-v-c9d13d49]{display:block;margin-top:4px;width:60px;height:16px}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog__header,.task-container .custom-dialog[data-v-c9d13d49] .el-dialog__body{padding:0!important}.task-container .custom-dialog[data-v-c9d13d49] .record-dialog{margin-top:50px;margin-bottom:0}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog{background:var(--ft-bg-color-2);box-shadow:0 0 0 0 transparent;border-radius:20px}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-container{padding:0 32px 32px}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-title{text-align:center;padding:24px 0;color:var(--ft-text-color-primary);font-size:20px;font-weight:700}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-content{color:var(--ft-text-color-primary);font-size:14px}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .cause-text{margin-top:8px;padding:10px 12px;background:rgba(255,192,45,.15);border-radius:10px;color:#fb9400}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-desc{margin-top:8px;color:var(--ft-text-color-secondary);white-space:pre-line;word-break:break-all;word-wrap:break-word}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-btns{margin-top:24px;display:flex;justify-content:center}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-btns button{margin:0 16px;padding:0 13px;min-width:128px;height:40px;border-radius:5px;font-size:16px;outline:none!important;border:none!important;cursor:pointer}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-btns button:hover{filter:brightness(.85)}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-btns button.confirm{color:#fff;background:#ffc02d}.task-container .custom-dialog[data-v-c9d13d49] .el-dialog .popup-btns button.cancel{color:var(--ft-text-color-regular);background:var(--ft-bg-color-1)}.task-container .record-container[data-v-c9d13d49]{position:relative;padding:32px 0;border-radius:20px}.task-container .record-container .title[data-v-c9d13d49]{margin:0 32px;font-weight:700;font-size:20px;color:var(--ft-text-color-primary);background:linear-gradient(270deg,rgba(255,192,45,.2) 0%,#ffc02d 100%) no-repeat center bottom;background-size:100% 10px;height:28px}.task-container .record-container .close-icon[data-v-c9d13d49]{position:absolute;top:0;right:-74px;width:50px;height:50px;cursor:pointer}.task-container .record-container .list-wrap[data-v-c9d13d49]{padding:0 32px;height:660px;overflow-y:auto}.task-container .record-container ul[data-v-c9d13d49]{margin-top:24px;background-color:var(--ft-bg-color);padding:24px;border-radius:20px}.task-container .record-container ul li[data-v-c9d13d49]{position:relative;padding:24px;background:var(--ft-bg-color-2);border-radius:10px;cursor:pointer}.task-container .record-container ul li[data-v-c9d13d49]:not(:last-child){margin-bottom:24px}.task-container .record-container ul li .status[data-v-c9d13d49]{position:absolute;top:0;right:0;width:64px;height:64px}.task-container .record-container ul li .tags[data-v-c9d13d49]{display:flex}.task-container .record-container ul li .tags span[data-v-c9d13d49]{margin-right:10px;padding:0 6px;height:24px;line-height:24px;border-radius:4px}.task-container .record-container ul li .tags span[data-v-c9d13d49]:nth-child(1){background:rgba(82,180,233,.15);color:#52b4e9}.task-container .record-container ul li .tags span[data-v-c9d13d49]:nth-child(2){background:rgba(255,192,45,.15);color:#ffc02d}.task-container .record-container ul li h2[data-v-c9d13d49]{margin-top:16px;font-size:18px;font-weight:700;color:var(--ft-text-color-primary);line-height:25px}.task-container .record-container ul li .demand[data-v-c9d13d49]{margin-top:8px;color:var(--ft-text-color-secondary)}.task-container .record-container ul li .price[data-v-c9d13d49]{display:block;margin-top:24px;color:#fb9400;font-size:18px;font-weight:700}.task-container .record-container ul li .record-bottom[data-v-c9d13d49]{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.task-container .record-container ul li .btns[data-v-c9d13d49]{display:flex}.task-container .record-container ul li .btns button[data-v-c9d13d49]{margin-left:24px;padding:0 13px;min-width:128px;height:40px;border-radius:5px;font-size:16px;outline:none!important;border:none;background-color:transparent;cursor:pointer}.task-container .record-container ul li .btns button[data-v-c9d13d49]:hover{filter:brightness(.85)}.task-container .record-container ul li .btns button.edit-btn[data-v-c9d13d49]{border:1px solid #ffc02d;color:#ffc02d}.task-container .record-container ul li .btns button.finish-btn[data-v-c9d13d49]{background-color:#ff5c5c;color:#fff}.task-container .record-container ul li .btns button.release-btn[data-v-c9d13d49]{background-color:#ffc02d;color:#fff}.task-container .record-container ul li .btns button.audit-btn[data-v-c9d13d49]{background-color:#d9d9d9;color:#fff}.task-container .record-container ul li .info[data-v-c9d13d49]{padding:10px 16px;background:linear-gradient(90deg,#f4f5f7 0%,rgba(244,245,247,0) 100%);border-radius:5px}.task-container .record-container ul li .info span[data-v-c9d13d49]{color:var(--ft-text-color-regular)}.task-container .record-container ul li .info span[data-v-c9d13d49]:nth-child(1){margin-right:12px;padding-right:12px;border-right:1px solid #e2e2e2}.dark .task-container .tab-container li.active{text-shadow:1px 1px 0px #222222}.dark .task-container .task-list li .info span:nth-child(1){border-right-color:#777}.dark .task-container .record-container .info{background:linear-gradient(90deg,#36383e 0%,rgba(54,56,62,0) 100%)!important}.dark .task-container .animate-bg span{background:linear-gradient(to bottom,rgba(24,27,32,0),#181b20)}