.summary { background: #194f42; color: white; border-radius: 34rpx; padding: 34rpx; } .summary > view:first-child { font-size: 24rpx; color: #bbe3c4; } .summary strong { display: block; font-size: 55rpx; margin: 10rpx 0; } .summary strong text { font-size: 30rpx; color: #b4d8be; } .progress { height: 13rpx; background: #3f7566; border-radius: 99rpx; overflow: hidden; } .progress view { height: 100%; background: #e9ad6a; border-radius: 99rpx; } .add { color: #2b8a63; font-size: 24rpx; font-weight: 700; } .date-nav { display: flex; justify-content: space-between; color: #327c5e; font-size: 23rpx; margin: 0 0 22rpx; } .list { padding: 8rpx 26rpx; } .task { display: flex; align-items: center; gap: 15rpx; padding: 22rpx 0; border-bottom: 1rpx solid #eef2ee; } .task:last-child { border: 0; } .check { width: 42rpx; height: 42rpx; border: 3rpx solid #cbdcd1; border-radius: 13rpx; text-align: center; line-height: 37rpx; color: white; } .check.done { background: #389867; border-color: #389867; } .icon { width: 65rpx; height: 65rpx; background: #eff5ee; border-radius: 18rpx; display: grid; place-items: center; font-size: 34rpx; } .info { flex: 1; } .info strong, .info text { display: block; } .info text { font-size: 21rpx; color: #92a498; margin-top: 5rpx; } .remove { font-size: 36rpx; color: #c4d0c7; } .overlay { position: fixed; inset: 0; background: #102a24a0; z-index: 30; display: flex; align-items: flex-end; } .sheet { width: 100%; background: #f6f9f6; border-radius: 35rpx 35rpx 0 0; padding: 32rpx 32rpx calc(env(safe-area-inset-bottom) + 30rpx); max-height: 85vh; overflow: auto; } .sheet > .row strong { font-size: 33rpx; } .sheet > .row text { font-size: 43rpx; } .sheet radio-group { display: flex; flex-wrap: wrap; gap: 15rpx; } .sheet label { font-size: 23rpx; display: flex; align-items: center; } .picker { background: white; padding: 23rpx; border-radius: 20rpx; }