@charset "utf-8";

.task-content[data-v-cd7552e4] { margin-top: 0.26667rem; border-radius: 0.26667rem; padding: 0.26667rem; background: linear-gradient(0deg, rgb(26, 26, 26), rgb(26, 26, 26)), linear-gradient(rgba(213, 25, 52, 0.2), rgba(148, 0, 27, 0.2)); box-shadow: rgba(255, 217, 157, 0.25) 0px 0px 0.42667rem inset; flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; overflow: hidden; }

.task-content .countdown-wrap[data-v-cd7552e4] { height: 0.74667rem; display: flex; align-items: center; gap: 0.10667rem; flex-shrink: 0; }

.task-content .countdown-wrap .time-card[data-v-cd7552e4] { width: 0.50667rem; height: 0.53333rem; background: url("data:image/svg+xml,%3csvg%20width='19'%20height='20'%20viewBox='0%200%2019%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M3%200.200195H16C17.5464%200.200195%2018.7998%201.4536%2018.7998%203V8.10547L17.2637%209.86816L17.1533%209.99512L17.2588%2010.126L18.7998%2012.0283V17C18.7998%2018.5464%2017.5464%2019.7998%2016%2019.7998H3C1.4536%2019.7998%200.200195%2018.5464%200.200195%2017V12.0703L1.77246%2010.126L1.87988%209.99316L1.76562%209.86621L0.200195%208.12305V3C0.200196%201.4536%201.4536%200.200195%203%200.200195Z'%20fill='url(%23paint0_linear_563_1391)'/%3e%3cpath%20d='M3%200.200195H16C17.5464%200.200195%2018.7998%201.4536%2018.7998%203V8.10547L17.2637%209.86816L17.1533%209.99512L17.2588%2010.126L18.7998%2012.0283V17C18.7998%2018.5464%2017.5464%2019.7998%2016%2019.7998H3C1.4536%2019.7998%200.200195%2018.5464%200.200195%2017V12.0703L1.77246%2010.126L1.87988%209.99316L1.76562%209.86621L0.200195%208.12305V3C0.200196%201.4536%201.4536%200.200195%203%200.200195Z'%20fill='url(%23paint1_radial_563_1391)'%20fill-opacity='0.7'/%3e%3cpath%20d='M3%200.200195H16C17.5464%200.200195%2018.7998%201.4536%2018.7998%203V8.10547L17.2637%209.86816L17.1533%209.99512L17.2588%2010.126L18.7998%2012.0283V17C18.7998%2018.5464%2017.5464%2019.7998%2016%2019.7998H3C1.4536%2019.7998%200.200195%2018.5464%200.200195%2017V12.0703L1.77246%2010.126L1.87988%209.99316L1.76562%209.86621L0.200195%208.12305V3C0.200196%201.4536%201.4536%200.200195%203%200.200195Z'%20stroke='%23F7F8CA'%20stroke-width='0.4'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_563_1391'%20x1='9.5'%20y1='0'%20x2='9.5'%20y2='20'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FF7550'/%3e%3cstop%20offset='1'%20stop-color='%23D81E2A'/%3e%3c/linearGradient%3e%3cradialGradient%20id='paint1_radial_563_1391'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(9.5%2020)%20scale(9.5%206.91524)'%3e%3cstop%20stop-color='%23FFF0CE'/%3e%3cstop%20offset='1'%20stop-color='%23FFF0CE'%20stop-opacity='0'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e") center center / 100% 100% no-repeat; display: inline-flex; align-items: center; justify-content: center; font-size: 0.26667rem; font-weight: 700; color: var(--app-theme-2); }

.task-content .countdown-wrap .colon[data-v-cd7552e4] { margin: 0px 0.08rem; font-size: 0.26667rem; font-weight: 700; color: var(--app-theme-2); }

.task-content .countdown-wrap .reset-text[data-v-cd7552e4] { margin-left: 0.13333rem; font-size: 0.26667rem; font-weight: 500; color: var(--app-theme-3); }

.task-content .countdown-wrap .refresh[data-v-cd7552e4] { margin-left: auto; display: flex; align-items: center; color: var(--app-theme-3); font-size: 0.34667rem; font-weight: 500; }

.task-content .countdown-wrap .refresh .text-box[data-v-cd7552e4] { display: inline-grid; align-items: center; width: max-content; }

.task-content .countdown-wrap .refresh .text-box span[data-v-cd7552e4] { grid-area: 1 / 1; }

.task-content .countdown-wrap .refresh .text-box span[data-v-cd7552e4]:nth-child(1) { text-align: center; }

.task-content .countdown-wrap .refresh .text-box .refresh-text[data-v-cd7552e4] { color: var(--app-theme-8); font-size: 0.26667rem; padding-left: 0.13333rem; }

.task-content .countdown-wrap .refresh .text-box .hidden[data-v-cd7552e4] { visibility: hidden; }

.task-content .task-list[data-v-cd7552e4] { margin-top: 0.26667rem; flex: 1 1 0%; min-height: 0px; overflow-y: auto; overscroll-behavior-y: contain; touch-action: pan-y; display: flex; flex-direction: column; gap: 0.13333rem; padding-right: 0.05333rem; }

.task-content .task-list[data-v-cd7552e4]::-webkit-scrollbar { display: none; }

.task-content .task-list .task-item[data-v-cd7552e4] { padding: 0.26667rem; border-radius: 0.26667rem; background: linear-gradient(0deg, rgb(26, 26, 26), rgb(26, 26, 26)), linear-gradient(rgba(213, 25, 52, 0.2), rgba(148, 0, 27, 0.2)); box-shadow: rgba(255, 217, 157, 0.25) 0px 0px 0.42667rem inset; flex-shrink: 0; }

.task-content .task-list .task-item .title[data-v-cd7552e4] { color: var(--app-theme-3); font-size: 0.37333rem; font-weight: 600; }

.task-content .task-list .task-item .info[data-v-cd7552e4] { display: flex; justify-content: space-between; }

.task-content .task-list .task-item .info .count-info[data-v-cd7552e4] { display: flex; gap: 0.26667rem; }

.task-content .task-list .task-item .info .count-info .count-info-item[data-v-cd7552e4] { display: flex; align-items: center; font-size: 0.32rem; color: var(--app-theme-3); gap: 0.05333rem; }

.task-content .task-list .task-item .info .btn[data-v-cd7552e4] { width: 2.13333rem; height: 0.8rem; display: flex; align-items: center; justify-content: center; border-radius: 0.8rem; font-size: 0.37333rem; letter-spacing: -0.008rem; font-weight: 500; flex-shrink: 0; }

.task-content .task-list .task-item .info .confirm[data-v-cd7552e4] { background: var(--btnSuccessBg); color: var(--app-theme-5); }

.task-content .task-list .task-item .info .claimed[data-v-cd7552e4] { background: linear-gradient(rgba(247, 92, 51, 0.2), rgba(201, 0, 13, 0.2)); border: 0.02667rem solid rgba(247, 248, 202, 0.1); color: rgb(183, 127, 89); }

.task-content .task-list .task-item .info .ic-completed[data-v-cd7552e4] { margin-right: 0.05333rem; }

.task-content .task-list .task-item .progress-bar[data-v-cd7552e4] { width: 60%; height: 0.10667rem; position: relative; margin-top: 0.26667rem; }

.task-content .task-list .task-item .progress-bar .progress-bar-inner[data-v-cd7552e4] { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; border-radius: 0.13333rem; background: var(--app-theme-3); z-index: 2; }

.task-content .task-list .task-item .progress-bar[data-v-cd7552e4]::after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 100%; border-radius: 0.13333rem; background: var(--backwater-progress-bg, rgba(0, 0, 0, .16)); width: 100%; z-index: 1; }

.task-content .task-list .task-item .progress-bar .progress-text[data-v-cd7552e4] { position: absolute; top: 50%; right: -0.93333rem; transform: translateY(-50%); z-index: 2; color: rgb(255, 255, 255); font-size: 0.32rem; }

.task-content .task-list .task-item-mission .mission-wrap[data-v-cd7552e4] { display: flex; gap: 0.26667rem; align-items: flex-end; }

.task-content .task-list .task-item-mission .mission-left[data-v-cd7552e4] { width: 1.49333rem; flex-shrink: 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; padding-bottom: 0.05333rem; }

.task-content .task-list .task-item-mission .mission-tag[data-v-cd7552e4] { min-width: 1.06667rem; height: 0.42667rem; margin-top: -0.10667rem; border-radius: 0.88rem; display: flex; align-items: center; justify-content: center; font-size: 0.26667rem; font-weight: 600; color: rgb(189, 110, 0); border: 0.02667rem solid rgb(253, 208, 82); box-sizing: border-box; background: rgb(254, 243, 196); white-space: nowrap; line-height: 0.9; }

.task-content .task-list .task-item-mission .mission-right[data-v-cd7552e4] { flex: 1 1 0%; min-width: 0px; min-height: 1.49333rem; display: flex; flex-direction: column; justify-content: space-between; }

.task-content .task-list .task-item-mission .mission-head[data-v-cd7552e4] { display: flex; justify-content: space-between; align-items: flex-start; gap: 0.21333rem; }

.task-content .task-list .task-item-mission .mission-activity[data-v-cd7552e4] { display: flex; align-items: center; gap: 0.05333rem; color: var(--app-theme-3); font-size: 0.32rem; font-weight: 600; flex-shrink: 0; white-space: nowrap; }

.task-content .task-list .task-item-mission .mission-content-row[data-v-cd7552e4] { margin-top: 0.16rem; display: flex; align-items: flex-end; justify-content: space-between; gap: 0.26667rem; }

.task-content .task-list .task-item-mission .mission-progress-area[data-v-cd7552e4] { flex: 1 1 0%; min-width: 0px; padding-bottom: 0.05333rem; }

.task-content .task-list .task-item-mission .mission-progress-text[data-v-cd7552e4] { color: rgb(255, 255, 255); font-size: 0.32rem; line-height: 1; margin-bottom: 0.16rem; }

.task-content .task-list .task-item-mission .mission-progress-text p[data-v-cd7552e4] { margin: 0px; }

.task-content .task-list .task-item-mission .mission-progress-bar[data-v-cd7552e4] { width: 100%; margin-top: 0px; }

.task-content .task-list .task-item-mission .mission-btn[data-v-cd7552e4] { width: 2.13333rem; height: 0.8rem; display: flex; align-items: center; justify-content: center; border-radius: 0.8rem; font-size: 0.37333rem; letter-spacing: -0.008rem; font-weight: 500; flex-shrink: 0; align-self: flex-end; margin-bottom: 0.05333rem; }

.task-content .task-list .task-item-mission .confirm[data-v-cd7552e4] { background: var(--btnSuccessBg); color: var(--app-theme-5); }

.task-content .task-list .task-item-mission .claimed[data-v-cd7552e4] { background: linear-gradient(rgba(247, 92, 51, 0.2), rgba(201, 0, 13, 0.2)); border: 0.02667rem solid rgba(247, 248, 202, 0.1); color: rgb(183, 127, 89); }

.task-content .task-list .task-item-mission .ic-completed[data-v-cd7552e4] { margin-right: 0.05333rem; }

.task-content .metric-tab[data-v-cd7552e4] { margin-top: 0.26667rem; border-radius: 0.21333rem; box-shadow: rgba(255, 217, 157, 0.24) 0px 0px 0.42667rem inset; padding-bottom: 0.13333rem; font-size: 0.29333rem; }

.task-content .metric-tab[data-v-cd7552e4] .tab-item-label { font-size: 0.29333rem; font-weight: 400; }

.task-content .metric-tab[data-v-cd7552e4] .van-tab--active .tab-item-label { font-weight: 600; }