.list[data-v-58e5ff1e]{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-58e5ff1e]:last-child{margin-bottom:0}.list .info[data-v-58e5ff1e]{align-items:center;display:flex;padding-left:16px}.list .info[data-v-58e5ff1e] .level{height:24px;margin-right:8px;width:24px}.list .info .middle[data-v-58e5ff1e]{display:flex;flex:1;flex-direction:column;width:0}.list .info .middle .title[data-v-58e5ff1e]{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-58e5ff1e]{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-58e5ff1e]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-58e5ff1e]{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-58e5ff1e]{margin-top:8px;padding:0 16px}.list .progress .box[data-v-58e5ff1e]{display:flex;justify-content:space-between}.list .progress .box span[data-v-58e5ff1e]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-58e5ff1e]{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-58e5ff1e]{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-58e5ff1e]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-58e5ff1e] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-58e5ff1e] .progress-container .progress-bar{height:4px}.list .progress ul li[data-v-58e5ff1e]{align-items:flex-start;display:flex;margin:12px 0 0}.list .progress ul li .checkbox-inner[data-v-58e5ff1e]{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-58e5ff1e] svg{height:16px;width:16px}.list .progress ul li .text[data-v-58e5ff1e]{color:#000;flex:1;font-family:PingFang SC;font-size:14px;font-weight:400;line-height:22px}.list .progress ul li .points[data-v-58e5ff1e]{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-58e5ff1e]{height:16px;margin-right:4px;width:16px}.list[data-v-b0eb42b4]{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-b0eb42b4]:last-child{margin-bottom:0}.list .info[data-v-b0eb42b4]{display:flex;flex-direction:column;justify-content:center}.list .info[data-v-b0eb42b4] .cover{aspect-ratio:343 / 193;border-radius:16px 16px 0 0;margin-bottom:12px;overflow:hidden;width:100%}.list .info .middle[data-v-b0eb42b4]{display:flex;flex-direction:column;padding:0 16px 16px}.list .info .middle .title[data-v-b0eb42b4]{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-b0eb42b4] .level{flex-shrink:0;height:24px;margin-right:4px;width:24px}.list .info .middle .title span[data-v-b0eb42b4]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-b0eb42b4]{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-b0eb42b4]{display:flex;justify-content:space-between;margin-top:12px;padding:0 16px 16px 20px}.list .bottom ul[data-v-b0eb42b4]{align-items:center;display:flex;gap:14px}.list .bottom ul li[data-v-b0eb42b4]{align-items:center;display:flex}.list .bottom ul li svg[data-v-b0eb42b4]{height:16px;margin-right:4px;width:16px}.list .bottom ul li span[data-v-b0eb42b4]{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-b0eb42b4]{font-style:normal}.list .bottom .btn[data-v-b0eb42b4]{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-b0eb42b4]{background:rgba(85,123,246,.1);color:#999;color:#557bf6}.list .bottom .btn.completed[data-v-b0eb42b4]{background:rgba(51,51,51,.1);color:#999;font-weight:400}.list[data-v-5bfdeab5]{background:#f9fcff;border-radius:8px;margin:12px 0;padding:12px 0;width:100%}.list[data-v-5bfdeab5]:first-child{margin-top:16px}.list .info[data-v-5bfdeab5]{align-items:center;display:flex;margin-bottom:12px;padding-left:12px}.list .info[data-v-5bfdeab5] .level{height:44px;margin-right:8px;width:44px}.list .info .middle[data-v-5bfdeab5]{display:flex;flex:1;flex-direction:column;height:44px;justify-content:center;width:0}.list .info .middle .title[data-v-5bfdeab5]{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-5bfdeab5]{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-5bfdeab5]{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-5bfdeab5]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-5bfdeab5]{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-5bfdeab5]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-5bfdeab5]{display:flex;justify-content:space-between}.list .progress .box span[data-v-5bfdeab5]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-5bfdeab5]{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-5bfdeab5]{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-5bfdeab5]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-5bfdeab5] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-5bfdeab5] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-5bfdeab5]{display:flex;gap:9px;overflow-x:auto}.list .progress ul li[data-v-5bfdeab5]{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-5bfdeab5]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-5bfdeab5]::-webkit-scrollbar{display:none}.list[data-v-7bbedb67]{background:#f9fcff;border-radius:8px;margin:12px 0;padding:12px 0;width:100%}.list .info[data-v-7bbedb67]{align-items:center;display:flex;padding-left:12px}.list .info[data-v-7bbedb67] .level{height:44px;margin-right:8px;width:44px}.list .info .middle[data-v-7bbedb67]{display:flex;flex:1;flex-direction:column;height:44px;justify-content:center;width:0}.list .info .middle .title[data-v-7bbedb67]{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-7bbedb67]{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-7bbedb67]{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-7bbedb67]{height:16px;margin-right:4px;width:16px}.list .info .right-btn.finish[data-v-7bbedb67]{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-7bbedb67]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-7bbedb67]{display:flex;justify-content:space-between}.list .progress .box span[data-v-7bbedb67]{color:#666;font-family:PingFang SC;font-size:12px;font-weight:400;line-height:20px}.list .progress .box span i[data-v-7bbedb67]{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-7bbedb67]{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-7bbedb67]{height:16px;margin-right:4px;width:16px}.list .progress[data-v-7bbedb67] .progress-container{background:rgba(51,51,51,.05);border-radius:20px;margin:8px 0}.list .progress[data-v-7bbedb67] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-7bbedb67]{display:flex;gap:9px;overflow-x:auto}.list .progress ul li[data-v-7bbedb67]{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-7bbedb67]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-7bbedb67]::-webkit-scrollbar{display:none}.card[data-v-be685516]{margin:24px 0}.card h4[data-v-be685516]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px;width:100%}.card h4 .title[data-v-be685516]{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-be685516]{font-style:normal;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card h4 .title .change[data-v-be685516]{height:20px;margin-left:auto;transition:all .3s ease-in;width:20px}.card h4 .title .change.rotate[data-v-be685516]{transform:rotate(180deg)}.card .outo-box[data-v-be685516]{background:#fff;border-radius:16px;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);margin-bottom:12px;padding:16px}