.summary { background: #e8f0fa; color: #526986; border-radius: 34rpx; padding: 34rpx; } .summary > view:first-child { font-size: 24rpx; color: #576c88; } .summary strong { display: block; font-size: 55rpx; margin: 10rpx 0; } .summary strong text { font-size: 30rpx; color: #576c88; } .progress { height: 13rpx; background: #dbe4f2; border-radius: 99rpx; overflow: hidden; } .progress view { height: 100%; background: #e49b75; border-radius: 99rpx; } .add { color: #b95738; font-size: 24rpx; font-weight: 600; } .date-nav { display: flex; justify-content: space-between; color: #b95738; 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 #ece2d8; } .task:last-child { border: 0; } .check { width: 42rpx; height: 42rpx; border: 3rpx solid #ece2d8; border-radius: 13rpx; text-align: center; line-height: 37rpx; color: white; } .check.done { background: #b95738; border-color: #b95738; } .icon { width: 65rpx; height: 65rpx; background: #fff0e2; 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: #886c5f; margin-top: 5rpx; } .remove { font-size: 36rpx; color: #9d8779; } .overlay { position: fixed; inset: 0; background: #604a40a0; z-index: 30; display: flex; align-items: flex-end; } .sheet { width: 100%; background: #fff9f3; border-radius: 35rpx 35rpx 0 0; padding: 32rpx 32rpx calc(env(safe-area-inset-bottom) + 30rpx); max-height: 85vh; overflow: auto; } .sheet::-webkit-scrollbar { display: none; width: 0; height: 0; } .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; }