.task-center-modal{display:grid;grid-template-columns:2.35rem minmax(0,1fr);height:100%;min-height:0;width:100%;grid-gap:.32rem;color:var(--color-text);gap:.32rem;padding:1.55rem .58rem .5rem}.task-center-modal__side{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.task-center-modal__tabs{height:auto;width:100%;-ms-flex-item-align:start;align-self:flex-start}.task-center-modal__main{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:0;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:.42rem;-ms-flex-direction:column;flex-direction:column;overflow:hidden;padding:.32rem}.task-center-modal .task-list{padding:10px}.task-center-modal__overview{-webkit-box-flex:0;display:grid;-ms-flex:0 0 auto;flex:0 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.22rem;gap:.22rem;margin-bottom:.24rem}.task-center-modal__metric{border-radius:.28rem;min-width:0;padding:.22rem .26rem;-webkit-transition:background .22s ease,-webkit-transform .22s ease;transition:background .22s ease,-webkit-transform .22s ease;transition:transform .22s ease,background .22s ease;transition:transform .22s ease,background .22s ease,-webkit-transform .22s ease}.task-center-modal__metric-extra,.task-center-modal__metric-label{color:var(--task-center-text-muted);font-size:.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-center-modal__metric-value{color:var(--font-color-solid);font-size:.42rem;font-weight:800;line-height:1.1;margin:.06rem 0 .02rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-center-modal__body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-height:0;overflow:auto;padding:.04rem .14rem .04rem .04rem;scrollbar-color:var(--color-background-webkit) transparent;scrollbar-width:thin!important}.task-center-modal__body::-webkit-scrollbar{display:block;width:.08rem}.task-center-modal__body::-webkit-scrollbar-thumb{background:var(--color-background-webkit);border-radius:999px}.task-center-modal__empty{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:4.4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--task-center-text-soft);font-size:.24rem;font-weight:600;justify-content:center;text-align:center}.task-center-modal .task_task_list{padding:10px}.task-center-modal__task{display:grid;grid-template-columns:.86rem minmax(0,1fr) auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;grid-gap:.22rem;border-radius:.34rem;color:var(--color-text);gap:.22rem;margin-bottom:.22rem;min-height:1.34rem;padding:.22rem .28rem;-webkit-transition:background .22s ease,opacity .22s ease,-webkit-box-shadow .22s ease;transition:background .22s ease,opacity .22s ease,-webkit-box-shadow .22s ease;transition:background .22s ease,box-shadow .22s ease,opacity .22s ease;transition:background .22s ease,box-shadow .22s ease,opacity .22s ease,-webkit-box-shadow .22s ease}.task-center-modal__task.is-done{opacity:.58}.task-center-modal__task-icon{display:-webkit-box;display:-ms-flexbox;display:flex;height:.72rem;width:.72rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;background:#0003;border:1px dashed var(--task-center-text-soft);border-radius:50%;-webkit-box-shadow:inset 2px 2px 8px var(--col-bg-start),inset -2px -2px 8px var(--col-bg-end);box-shadow:inset 2px 2px 8px var(--col-bg-start),inset -2px -2px 8px var(--col-bg-end);color:var(--task-center-accent);font-size:.26rem;font-weight:800;justify-content:center}.task-center-modal__task-icon svg{color:var(--task-center-accent);height:.36rem;width:.36rem}.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);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.25rem;font-weight:800;gap:.12rem;line-height:1.35}.task-center-modal__task-tag,.task-center-modal__task-title{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-center-modal__task-tag{background:#ffffff0d;border-radius:999px;-webkit-box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-size:.18rem;font-weight:700;max-width:4.2rem;min-height:.36rem;padding:.03rem .14rem;white-space:nowrap}.task-center-modal__task-desc,.task-center-modal__task-tag{color:var(--task-center-text-soft);overflow:hidden;text-overflow:ellipsis}.task-center-modal__task-desc{display:-webkit-box;font-size:.22rem;-webkit-line-clamp:2;line-height:1.45;margin-top:.08rem;-webkit-box-orient:vertical}.task-center-modal__task-progress{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.14rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--task-center-text-muted);font-size:.19rem;font-weight:600;gap:.16rem}.task-center-modal__task-progress span{-webkit-box-flex:0;color:var(--task-center-text-muted);-ms-flex:0 0 auto;flex:0 0 auto;max-width:3.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-center-modal__progress-bar{-webkit-box-flex:1;background:#00000038;border-radius:999px;-webkit-box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);box-shadow:inset 1px 1px 5px var(--col-bg-start),inset -1px -1px 5px var(--col-bg-end);-ms-flex:1;flex:1;height:.1rem;min-width:1.8rem;overflow:hidden}.task-center-modal__progress-fill{background:linear-gradient(90deg,var(--task-center-accent),var(--task-center-accent-2));border-radius:inherit;-webkit-box-shadow:0 0 12px rgba(255,180,110,.35);box-shadow:0 0 12px #ffb46e59;height:100%;-webkit-transition:width .36s ease;transition:width .36s ease}.task-center-modal__task-aside{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:1.45rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:.1rem}.task-center-modal__task-reward{color:var(--task-center-accent);font-size:.26rem;font-weight:900;text-shadow:0 0 8px rgba(255,218,150,.28)}.task-center-modal__task-reward,.task-center-modal__task-status{max-width:2.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-center-modal__task-status{color:var(--task-center-text-muted);font-size:.19rem;font-weight:600}.task-center-modal__claim-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:999px;-webkit-box-shadow:2px 2px 7px var(--col-bg-start),-2px -2px 7px var(--col-bg-end);box-shadow:2px 2px 7px var(--col-bg-start),-2px -2px 7px var(--col-bg-end);color:var(--font-color-solid);cursor:var(--cursor-touch),auto;font-size:.2rem;font-weight:800;line-height:1;min-height:.46rem;min-width:1.22rem;padding:.08rem .22rem;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;white-space:nowrap}.task-center-modal__claim-btn:hover{-webkit-box-shadow:inset 2px 2px 7px var(--col-bg-start),inset -2px -2px 7px var(--col-bg-end);box-shadow:inset 2px 2px 7px var(--col-bg-start),inset -2px -2px 7px var(--col-bg-end);-webkit-transform:scale(.97);transform:scale(.97)}.task-center-modal__claim-btn:disabled{cursor:not-allowed;opacity:.46;-webkit-transform:none;transform:none}.task-center-modal .history-item-list{padding:10px}.task-center-modal__history-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-radius:.32rem;gap:.22rem;justify-content:space-between;margin-bottom:.2rem;min-height:1.05rem;padding:.22rem .28rem}.task-center-modal__history-meta{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.08rem}.task-center-modal__history-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--font-color-solid);-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.24rem;font-weight:800;gap:.12rem}.task-center-modal__history-time{color:var(--task-center-text-muted);font-size:.19rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-center-modal__history-amount{-webkit-box-flex:0;color:var(--task-center-accent);-ms-flex:0 0 auto;flex:0 0 auto;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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;color:var(--task-center-text-soft);font-size:.2rem;font-weight:700;gap:.26rem;justify-content:center;padding:.14rem 0 .06rem}.task-center-modal__footer{-webkit-box-flex:0;color:var(--task-center-text-muted);-ms-flex:0 0 auto;flex:0 0 auto;font-size:.19rem;font-weight:600;padding:.18rem .1rem .02rem;text-align:center}@media screen and (max-width:950px){.task-center-modal{gap:.18rem;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:1.12rem .22rem .26rem}.task-center-modal__side{padding:0}.task-center-modal__tabs{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;overflow-x:auto;width:100%}.task-center-modal__main{border-radius:.32rem;padding:.22rem}.task-center-modal__overview{gap:.14rem;grid-template-columns:repeat(3,minmax(0,1fr));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;gap:.18rem;grid-template-columns:.72rem minmax(0,1fr);padding:.2rem}.task-center-modal__task-icon{height:.62rem;width:.62rem}.task-center-modal__task-aside{grid-column:1/-1;min-width:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.task-center-modal__task-progress{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.1rem}.task-center-modal__task-progress span{max-width:100%}.task-center-modal__progress-bar{width:100%}.task-center-modal__history-item{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;border-radius:.28rem;-ms-flex-direction:column;flex-direction:column}.task-center-modal__history-amount{-ms-flex-item-align:end;align-self:flex-end}.task-center-modal__footer{font-size:.18rem}}@media screen and (max-width:520px){.task-center-modal__overview{grid-template-columns:1fr}}