.task-center-modal{width:100%;height:100%;min-height:0;color:var(--color-text);border-radius:inherit;grid-template-columns:2.35rem minmax(0,1fr);gap:.32rem;padding:1.55rem .58rem .5rem;display:grid}.task-center-modal__side{justify-content:flex-start;align-items:flex-start;display:flex}.task-center-modal__tabs{align-self:flex-start;width:100%;height:auto}.task-center-modal__prompt{z-index:2;width:fit-content;max-width:calc(100% - 1.16rem);color:var(--color-cale-text);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:0 0 15px 15px;padding:.08rem .42rem;font-size:.23rem;font-weight:500;line-height:1.25;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.task-center-modal__main{border-radius:.42rem;flex-direction:column;min-width:0;min-height:0;padding:.32rem;display:flex;overflow:hidden}.task-center-modal__login-mask{z-index:6;border-radius:inherit;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.task-center-modal__login-tip{color:#fff;text-align:center;white-space:nowrap;background:#0006;border-radius:999px;max-width:calc(100% - .8rem);padding:.18rem .42rem;font-size:.26rem;font-weight:800;line-height:1.3}.task-center-modal .task-list{padding:10px}.task-center-modal__overview{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:.22rem;margin-bottom:.24rem;display:grid}.task-center-modal__metric{border-radius:.28rem;min-width:0;padding:.22rem .26rem;transition:transform .22s,background .22s}.task-center-modal__metric-extra,.task-center-modal__metric-label{text-overflow:ellipsis;white-space:nowrap;color:var(--task-center-text-muted);font-size:.2rem;overflow:hidden}.task-center-modal__metric-value{text-overflow:ellipsis;white-space:nowrap;color:var(--font-color-solid);margin:.06rem 0 .02rem;font-size:.42rem;font-weight:800;line-height:1.1;overflow:hidden}.task-center-modal__body{scrollbar-color:var(--color-background-webkit) #0000;flex:1;min-height:0;padding:.04rem .14rem .04rem .04rem;overflow:auto;scrollbar-width:thin!important}.task-center-modal__body::-webkit-scrollbar{width:.08rem;display:block}.task-center-modal__body::-webkit-scrollbar-thumb{background:var(--color-background-webkit);border-radius:999px}.task-center-modal .task_task_list{padding:10px}.task-center-modal__task{min-height:1.34rem;color:var(--color-text);border-radius:.34rem;grid-template-columns:.86rem minmax(0,1fr) auto;align-items:center;gap:.22rem;margin-bottom:.22rem;padding:.22rem .28rem;transition:background .22s,box-shadow .22s,opacity .22s;display:grid}.task-center-modal__task.is-done .task-center-modal__task-aside,.task-center-modal__task.is-done .task-center-modal__task-main{opacity:.58}.task-center-modal__task.is-done .task-center-modal__task-icon{color:var(--task-center-done-star);background:var(--task-center-done-star-bg);border-color:var(--task-center-done-star-border);box-shadow:var(--task-center-done-star-shadow)}.task-center-modal__task.is-done .task-center-modal__task-icon svg{color:var(--task-center-done-star);fill:currentColor;filter:var(--task-center-done-star-filter)}.task-center-modal__task-icon{width:.72rem;height:.72rem;color:var(--task-center-accent);border:1px dashed var(--task-center-text-soft);box-shadow:inset 2px 2px 8px var(--col-bg-start),inset -2px -2px 8px var(--col-bg-end);background:#0003;border-radius:50%;justify-content:center;align-items:center;font-size:.26rem;font-weight:800;display:flex}.task-center-modal__task-icon svg{width:.36rem;height:.36rem;color:var(--task-center-accent)}.task-center-modal__task-icon--gift{color:var(--font-color-solid)}.task-center-modal__task-main{min-width:0}.task-center-modal__task-title{color:var(--font-color-solid);flex-wrap:wrap;align-items:center;gap:.12rem;font-size:.25rem;font-weight:800;line-height:1.35;display:flex}.task-center-modal__task-tag{max-width:4.2rem;min-height:.36rem;box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;padding:.03rem .14rem;font-size:.18rem;font-weight:700;display:inline-flex}.task-center-modal__task-desc,.task-center-modal__task-tag{text-overflow:ellipsis;color:var(--task-center-text-soft);overflow:hidden}.task-center-modal__task-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.08rem;font-size:.22rem;line-height:1.45;display:-webkit-box}.task-center-modal__task-progress{color:var(--task-center-text-muted);align-items:center;gap:.16rem;margin-top:.14rem;font-size:.19rem;font-weight:600;display:flex}.task-center-modal__task-progress span{max-width:3.3rem;color:var(--task-center-text-muted);text-overflow:ellipsis;white-space:nowrap;flex:none;overflow:hidden}.task-center-modal__progress-bar{min-width:1.8rem;height:.1rem;box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);background:#00000038;border-radius:999px;flex:1;overflow:hidden}.task-center-modal__progress-fill{border-radius:inherit;background:linear-gradient(90deg,var(--task-center-accent),var(--task-center-accent-2));height:100%;transition:width .36s;box-shadow:0 0 12px #ffb46e59}.task-center-modal__task-aside{flex-direction:column;align-items:flex-end;gap:.1rem;min-width:1.45rem;display:flex}.task-center-modal__task-reward{color:var(--task-center-accent);text-shadow:0 0 8px #ffda9647;font-size:.26rem;font-weight:900}.task-center-modal__task-reward,.task-center-modal__task-status{text-overflow:ellipsis;white-space:nowrap;max-width:2.2rem;overflow:hidden}.task-center-modal__task-status{color:var(--task-center-text-muted);font-size:.19rem;font-weight:600}.task-center-modal__claim-btn{appearance:none;min-width:1.22rem;min-height:.46rem;color:var(--font-color-solid);box-shadow:2px 2px 7px var(--col-bg-start),-2px -2px 7px var(--col-bg-end);white-space:nowrap;cursor:var(--cursor-touch),auto;background:0 0;border:0;border-radius:999px;padding:.08rem .22rem;font-size:.2rem;font-weight:800;line-height:1;transition:transform .2s,opacity .2s,box-shadow .2s}.task-center-modal__claim-btn:hover{box-shadow:inset 2px 2px 7px var(--col-bg-start),inset -2px -2px 7px var(--col-bg-end);transform:scale(.97)}.task-center-modal__claim-btn:disabled{opacity:.46;cursor:not-allowed;transform:none}.task-center-modal .history-item-list{padding:10px}.task-center-modal__history-item{border-radius:.32rem;justify-content:space-between;align-items:center;gap:.22rem;min-height:1.05rem;margin-bottom:.2rem;padding:.22rem .28rem;display:flex}.task-center-modal__history-meta{flex-direction:column;gap:.08rem;min-width:0;display:flex}.task-center-modal__history-title{color:var(--font-color-solid);flex-wrap:wrap;align-items:center;gap:.12rem;font-size:.24rem;font-weight:800;display:flex}.task-center-modal__history-time{text-overflow:ellipsis;white-space:nowrap;color:var(--task-center-text-muted);font-size:.19rem;font-weight:600;overflow:hidden}.task-center-modal__history-amount{color:var(--task-center-accent);flex:none;font-size:.3rem;font-weight:900}.task-center-modal__history-amount.is-revoked{color:var(--task-center-text-muted);-webkit-text-decoration:line-through;text-decoration:line-through}.task-center-modal__pager{color:var(--task-center-text-soft);justify-content:center;align-items:center;gap:.26rem;padding:.14rem 0 .06rem;font-size:.2rem;font-weight:700;display:flex}.task-center-modal__footer{color:var(--task-center-text-muted);text-align:center;flex:none;padding:.18rem .1rem .02rem;font-size:.19rem;font-weight:600}@media screen and (width<=950px){.task-center-modal{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:.18rem;padding:1.12rem .22rem .26rem}.task-center-modal__side{padding:0}.task-center-modal__tabs{flex-direction:row;justify-content:flex-start;width:100%;overflow-x:auto}.task-center-modal__main{border-radius:.32rem;padding:.22rem}.task-center-modal__prompt{max-width:calc(100% - .44rem);padding:.07rem .28rem;font-size:.21rem}.task-center-modal__login-mask{border-radius:inherit}.task-center-modal__login-tip{padding:.16rem .32rem;font-size:.23rem}.task-center-modal__overview{grid-template-columns:repeat(3,minmax(0,1fr));gap:.14rem;margin-bottom:.18rem}.task-center-modal__metric{border-radius:.22rem;padding:.18rem .14rem}.task-center-modal__metric-extra,.task-center-modal__metric-label{font-size:.18rem}.task-center-modal__metric-value{font-size:.32rem}.task-center-modal__task{border-radius:.28rem;grid-template-columns:.72rem minmax(0,1fr);gap:.18rem;padding:.2rem}.task-center-modal__task-icon{width:.62rem;height:.62rem}.task-center-modal__task-aside{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:center;min-width:0}.task-center-modal__task-progress{flex-direction:column;align-items:flex-start;gap:.1rem}.task-center-modal__task-progress span{max-width:100%}.task-center-modal__progress-bar{width:100%}.task-center-modal__history-item{border-radius:.28rem;flex-direction:column;align-items:flex-start}.task-center-modal__history-amount{align-self:flex-end}.task-center-modal__footer{font-size:.18rem}}@media screen and (width<=520px){.task-center-modal__overview{grid-template-columns:1fr}}