.list[data-v-30a156e9]{background:#fff;border-radius:16px;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);margin-bottom:12px;padding:16px 0;width:100%}.list[data-v-30a156e9]:last-child{margin-bottom:0}.list .info[data-v-30a156e9]{align-items:center;display:flex;padding-left:16px}.list .info[data-v-30a156e9] .level{height:24px;margin-right:8px;width:24px}.list .info .middle[data-v-30a156e9]{display:flex;flex:1;flex-direction:column;width:0}.list .info .middle .title[data-v-30a156e9]{color:#333;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:22px;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-30a156e9]{align-items:center;background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border:.5px solid;border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);border-radius:50px 0 0 50px;border-right:none;color:#557bf6;display:flex;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:20px;padding:3px 8px}.list .info .right-btn svg[data-v-30a156e9]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-30a156e9]{background:linear-gradient(90deg,rgba(57,180,35,.2) 1.19%,rgba(57,180,35,0));border-image-source:linear-gradient(89.77deg,rgba(57,180,35,.4) .18%,rgba(57,180,35,0) 99.8%);color:#39b423}.list .progress[data-v-30a156e9]{margin-top:8px;padding:0 16px}.list .progress .box[data-v-30a156e9]{display:flex;justify-content:space-between}.list .progress .box span[data-v-30a156e9]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-30a156e9]{color:#333;font-family:D-DIN Exp;font-size:12px;font-style:normal;font-weight:700;line-height:20px}.list .progress .box .points[data-v-30a156e9]{align-items:center;color:#333;display:flex;font-family:D-DIN Exp;font-size:12px;font-weight:700;line-height:20px}.list .progress .box .points svg[data-v-30a156e9]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-30a156e9] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-30a156e9] .progress-container .progress-bar{height:4px}.list .progress ul li[data-v-30a156e9]{align-items:flex-start;display:flex;margin:12px 0 0}.list .progress ul li .checkbox-inner[data-v-30a156e9]{align-items:center;border:1px solid #3333331a;border-radius:50%;display:flex;height:16px;justify-content:center;margin-right:8px;margin-top:3px;width:16px}.list .progress ul li .checkbox-inner[data-v-30a156e9] svg{height:16px;width:16px}.list .progress ul li .text[data-v-30a156e9]{color:#000;flex:1;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px}.list .progress ul li .points[data-v-30a156e9]{align-items:center;color:#666;display:flex;font-family:D-DIN Exp;font-size:12px;font-weight:700;line-height:20px;margin-left:22px}.list .progress ul li .points svg[data-v-30a156e9]{height:16px;margin-right:4px;width:16px}.list[data-v-8c23cb35]{background:#fff;border-radius:16px;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);margin-bottom:12px;width:100%}.list[data-v-8c23cb35]:last-child{margin-bottom:0}.list .info[data-v-8c23cb35]{display:flex;flex-direction:column;justify-content:center}.list .info[data-v-8c23cb35] .cover{aspect-ratio:343 / 193;border-radius:16px 16px 0 0;margin-bottom:12px;overflow:hidden;width:100%}.list .info .middle[data-v-8c23cb35]{display:flex;flex-direction:column;padding:0 16px 16px}.list .info .middle .title[data-v-8c23cb35]{align-items:center;color:#333;display:flex;font-family:PingFang SC;font-size:14px;font-weight:500;justify-content:flex-start;line-height:22px;margin-bottom:8px}.list .info .middle .title[data-v-8c23cb35] .level{flex-shrink:0;height:24px;margin-right:4px;width:24px}.list .info .middle .title span[data-v-8c23cb35]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-8c23cb35]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .bottom[data-v-8c23cb35]{display:flex;justify-content:space-between;margin-top:12px;padding:0 16px 16px 20px}.list .bottom ul[data-v-8c23cb35]{align-items:center;display:flex;gap:14px}.list .bottom ul li[data-v-8c23cb35]{align-items:center;display:flex}.list .bottom ul li svg[data-v-8c23cb35]{height:16px;margin-right:4px;width:16px}.list .bottom ul li span[data-v-8c23cb35]{color:#666;font-family:D-DIN Exp;font-size:12px;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .bottom ul li i[data-v-8c23cb35]{font-style:normal}.list .bottom .btn[data-v-8c23cb35]{background:#557bf6;border-radius:8px;color:#fff;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:20px;padding:4px 18px;text-align:center}.list .bottom .btn.disabled[data-v-8c23cb35]{background:rgba(85,123,246,.1);color:#999;color:#557bf6}.list .bottom .btn.completed[data-v-8c23cb35]{background:rgba(51,51,51,.1);color:#999;font-weight:400}.list[data-v-c0dedd5d]{background:#f9fcff;border-radius:8px;margin:12px 0;padding:12px 0;width:100%}.list[data-v-c0dedd5d]:first-child{margin-top:16px}.list .info[data-v-c0dedd5d]{align-items:center;display:flex;margin-bottom:12px;padding-left:12px}.list .info[data-v-c0dedd5d] .level{height:44px;margin-right:8px;width:44px}.list .info .middle[data-v-c0dedd5d]{display:flex;flex:1;flex-direction:column;height:44px;justify-content:center;width:0}.list .info .middle .title[data-v-c0dedd5d]{color:#333;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:22px;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-c0dedd5d]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-c0dedd5d]{align-items:center;background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border:.5px solid;border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);border-radius:50px 0 0 50px;border-right:none;color:#557bf6;display:flex;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:20px;padding:3px 8px}.list .info .right-btn svg[data-v-c0dedd5d]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-c0dedd5d]{background:linear-gradient(90deg,rgba(57,180,35,.2) 1.19%,rgba(57,180,35,0));border-image-source:linear-gradient(89.77deg,rgba(57,180,35,.4) .18%,rgba(57,180,35,0) 99.8%);color:#39b423}.list .progress[data-v-c0dedd5d]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-c0dedd5d]{display:flex;justify-content:space-between}.list .progress .box span[data-v-c0dedd5d]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-c0dedd5d]{color:#333;font-family:D-DIN Exp;font-size:12px;font-style:normal;font-weight:700;line-height:20px}.list .progress .box .points[data-v-c0dedd5d]{align-items:center;color:#333;display:flex;font-family:D-DIN Exp;font-size:12px;font-weight:700;line-height:20px}.list .progress .box .points svg[data-v-c0dedd5d]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-c0dedd5d] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-c0dedd5d] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-c0dedd5d]{display:flex;gap:9px;overflow-x:auto}.list .progress ul li[data-v-c0dedd5d]{align-items:center;background:rgba(51,51,51,.1);border-radius:50%;color:#666;display:flex;flex-shrink:0;font-family:PingFang SC;font-size:12px;font-weight:400;height:20px;justify-content:center;line-height:20px;text-align:center;width:20px}.list .progress ul li.finish[data-v-c0dedd5d]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-c0dedd5d]::-webkit-scrollbar{display:none}.list[data-v-0bf24151]{background:#f9fcff;border-radius:8px;margin:12px 0;padding:12px 0;width:100%}.list .info[data-v-0bf24151]{align-items:center;display:flex;padding-left:12px}.list .info[data-v-0bf24151] .level{height:44px;margin-right:8px;width:44px}.list .info .middle[data-v-0bf24151]{display:flex;flex:1;flex-direction:column;height:44px;justify-content:center;width:0}.list .info .middle .title[data-v-0bf24151]{color:#333;font-family:PingFang SC;font-size:14px;font-weight:600;line-height:22px;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-0bf24151]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-0bf24151]{align-items:center;background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border:.5px solid;border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);border-radius:50px 0 0 50px;border-right:none;color:#557bf6;display:flex;font-family:PingFang SC;font-size:12px;font-weight:600;line-height:20px;padding:3px 8px}.list .info .right-btn svg[data-v-0bf24151]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-0bf24151]{background:linear-gradient(90deg,rgba(57,180,35,.2) 1.19%,rgba(57,180,35,0));border-image-source:linear-gradient(89.77deg,rgba(57,180,35,.4) .18%,rgba(57,180,35,0) 99.8%);color:#39b423}.list .progress[data-v-0bf24151]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-0bf24151]{display:flex;justify-content:space-between}.list .progress .box span[data-v-0bf24151]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-0bf24151]{color:#333;font-family:D-DIN Exp;font-size:12px;font-style:normal;font-weight:700;line-height:20px}.list .progress .box .points[data-v-0bf24151]{align-items:center;color:#333;display:flex;font-family:D-DIN Exp;font-size:12px;font-weight:700;line-height:20px}.list .progress .box .points svg[data-v-0bf24151]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-0bf24151] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-0bf24151] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-0bf24151]{display:flex;gap:9px;overflow-x:auto}.list .progress ul li[data-v-0bf24151]{align-items:center;background:rgba(51,51,51,.1);border-radius:50%;color:#666;display:flex;flex-shrink:0;font-family:PingFang SC;font-size:12px;font-weight:400;height:20px;justify-content:center;line-height:20px;text-align:center;width:20px}.list .progress ul li.finish[data-v-0bf24151]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-0bf24151]::-webkit-scrollbar{display:none}.card[data-v-80ab089c]{margin:24px 0}.card h4[data-v-80ab089c]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.card h4 .title[data-v-80ab089c]{align-items:center;color:#333;display:flex;flex:1;font-family:PingFang SC;font-size:18px;font-weight:400;height:26px;line-height:26px;width:100%}.card h4 .title i[data-v-80ab089c]{font-style:normal;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card h4 .title .change[data-v-80ab089c]{height:20px;margin-left:auto;transition:all .3s ease-in;width:20px}.card h4 .title .change.rotate[data-v-80ab089c]{transform:rotate(180deg)}.card .outo-box[data-v-80ab089c]{background:#fff;border-radius:16px;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);margin-bottom:12px;padding:16px}