.content[data-v-abd8e02c]{width:100%;height:100%}.task-list[data-v-abd8e02c]{height:calc(100% - 96px);padding:10px 20px 40px;background:#0d1121}.task-header[data-v-abd8e02c]{padding:24px 20px 10px 0;display:flex;justify-content:space-between;align-items:center}.task-header .header-left[data-v-abd8e02c]{display:flex;align-items:center;gap:10px}.task-header .header-left .header-icon[data-v-abd8e02c]{width:20px;height:20px}.task-header .header-left .header-title[data-v-abd8e02c]{color:#fff;font-size:16px;font-weight:600}.task-container[data-v-abd8e02c]{margin:0 auto}.task-container .list[data-v-abd8e02c]{flex-wrap:wrap;gap:20px}.task-container .list .item[data-v-abd8e02c]{width:400px;height:auto;flex-shrink:0;background:#222532;border-radius:8px;overflow:hidden;position:relative;color:#fff;font-weight:700;line-height:24px}.task-container .list .item .img[data-v-abd8e02c]{width:100%;max-height:186px;transition:transform .2s}.task-container .list .item .img[data-v-abd8e02c]:hover{transform:scale(1.02)}.task-container .list .item .name[data-v-abd8e02c]{font-size:22px;font-weight:700;position:absolute;left:18px;top:60px;line-height:normal}.task-container .list .item .des[data-v-abd8e02c]{display:flex;min-height:68px;padding:10px 12px;flex-direction:column;align-items:flex-start;gap:16px;flex-shrink:0;align-self:stretch;font-size:16px;color:#b4b5c5;font-weight:400}@media screen and (min-width: 680px) and (max-width: 1524px){.item[data-v-abd8e02c]{width:calc(33.33% - 16px)!important;height:auto!important}.item .img[data-v-abd8e02c]{width:100%;height:auto}.item .name[data-v-abd8e02c]{font-size:18px!important}}@media screen and (max-width: 680px){.task-header[data-v-abd8e02c]{padding-top:10px}.list[data-v-abd8e02c]{gap:0}.list .item[data-v-abd8e02c]{width:100%!important}.list .item .img[data-v-abd8e02c]{height:auto!important}.list .item .name[data-v-abd8e02c]{font-size:22px!important}.list .item .des[data-v-abd8e02c]{font-size:16px!important}}