.lessons-course-skeleton[data-v-771bb93d]{margin:24px 0}.lessons-course-skeleton__title[data-v-771bb93d]{width:120px;height:26px;border-radius:6px;margin-bottom:16px;background:linear-gradient(90deg,rgba(85,123,246,.12) 25%,rgba(85,123,246,.24),rgba(85,123,246,.12) 75%);background-size:200% 100%;animation:lessons-course-skeleton-shimmer-771bb93d 1.5s ease-in-out infinite}.lessons-course-skeleton__card[data-v-771bb93d]{width:100%;height:112px;border-radius:16px;margin-bottom:12px;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);background:linear-gradient(90deg,rgba(85,123,246,.12) 25%,rgba(85,123,246,.24),rgba(85,123,246,.12) 75%);background-size:200% 100%;animation:lessons-course-skeleton-shimmer-771bb93d 1.5s ease-in-out infinite}@keyframes lessons-course-skeleton-shimmer-771bb93d{0%{background-position:200% 0}to{background-position:-200% 0}}.list[data-v-ecb67d90]{width:100%;background:#fff;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);padding:16px 0;border-radius:16px;margin-bottom:12px}.list[data-v-ecb67d90]:last-child{margin-bottom:0}.list .info[data-v-ecb67d90]{display:flex;align-items:center;padding-left:16px}.list .info[data-v-ecb67d90] .level{width:24px;height:24px;margin-right:8px}.list .info .middle[data-v-ecb67d90]{flex:1;width:0;display:flex;flex-direction:column}.list .info .middle .title[data-v-ecb67d90]{font-family:PingFang SC;font-weight:600;font-size:14px;line-height:22px;color:#333;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-ecb67d90]{background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);padding:3px 8px;font-family:PingFang SC;font-weight:600;font-size:12px;line-height:20px;color:#557bf6;border-radius:50px 0 0 50px;display:flex;align-items:center;border:.5px solid;border-right:none}.list .info .right-btn svg[data-v-ecb67d90]{width:16px;height:16px;margin-right:4px}.list .info .right-btn.finish[data-v-ecb67d90]{color:#39b423;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%)}.list .progress[data-v-ecb67d90]{margin-top:8px;padding:0 16px}.list .progress .box[data-v-ecb67d90]{display:flex;justify-content:space-between}.list .progress .box span[data-v-ecb67d90]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666}.list .progress .box span i[data-v-ecb67d90]{font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333;font-style:normal}.list .progress .box .points[data-v-ecb67d90]{display:flex;align-items:center;font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333}.list .progress .box .points[data-v-ecb67d90] .points-icon,.list .progress .box .points svg[data-v-ecb67d90]{width:16px;height:16px;margin-right:4px}.list .progress[data-v-ecb67d90] .progress-container{margin:8px 0;border-radius:20px;background:rgba(51,51,51,.05)}.list .progress[data-v-ecb67d90] .progress-container .progress-bar{height:4px}.list .progress ul li[data-v-ecb67d90]{display:flex;align-items:flex-start;margin:12px 0 0}.list .progress ul li .checkbox-inner[data-v-ecb67d90]{width:16px;height:16px;border:1px solid #3333331a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:8px;margin-top:3px}.list .progress ul li .checkbox-inner[data-v-ecb67d90] svg{width:16px;height:16px}.list .progress ul li .text[data-v-ecb67d90]{flex:1;font-family:PingFang SC;font-weight:400;font-size:14px;line-height:22px;color:#000}.list .progress ul li .points[data-v-ecb67d90]{display:flex;align-items:center;font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#666;margin-left:22px}.list .progress ul li .points[data-v-ecb67d90] .points-icon,.list .progress ul li .points svg[data-v-ecb67d90]{width:16px;height:16px;margin-right:4px}.list-wrap[data-v-7066016a]{margin-bottom:12px}.list-wrap[data-v-7066016a]:last-child{margin-bottom:0}.list[data-v-7066016a]{display:block;width:100%;text-decoration:none;color:inherit;background:#fff;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);border-radius:16px}.list .info[data-v-7066016a]{display:flex;flex-direction:column;justify-content:center}.list .info[data-v-7066016a] .cover{width:100%;aspect-ratio:343 / 193;border-radius:16px 16px 0 0;overflow:hidden;margin-bottom:12px}.list .info .middle[data-v-7066016a]{display:flex;flex-direction:column;padding:0 16px 16px}.list .info .middle .title[data-v-7066016a]{display:flex;align-items:center;justify-content:flex-start;font-family:PingFang SC;font-weight:500;font-size:14px;line-height:22px;color:#333;margin-bottom:8px}.list .info .middle .title[data-v-7066016a] .level{width:24px;height:24px;margin-right:4px;flex-shrink:0}.list .info .middle .title span[data-v-7066016a]{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-7066016a]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .bottom[data-v-7066016a]{margin-top:12px;display:flex;justify-content:space-between;padding:0 16px 16px 20px}.list .bottom ul[data-v-7066016a]{display:flex;align-items:center;gap:14px}@supports not (gap: 1px){.list .bottom ul[data-v-7066016a]{gap:0;row-gap:0;column-gap:0;margin:-7px 0 0 -7px}.list .bottom ul[data-v-7066016a]>*{margin:7px 0 0 7px}}.list .bottom ul li[data-v-7066016a]{display:flex;align-items:center}.list .bottom ul li[data-v-7066016a] .lesson-card-tag-icon{margin-right:4px}.list .bottom ul li span[data-v-7066016a]{font-family:D-DIN Exp;font-weight:400;font-size:12px;line-height:20px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .bottom ul li i[data-v-7066016a]{font-style:normal}.list .bottom .btn[data-v-7066016a]{border-radius:8px;background:#557bf6;font-family:PingFang SC;font-weight:600;font-size:12px;line-height:20px;text-align:center;color:#fff;padding:4px 18px}.list .bottom .btn.disabled[data-v-7066016a]{color:#999;background:rgba(85,123,246,.1);color:#557bf6}.list .bottom .btn.completed[data-v-7066016a]{background:rgba(51,51,51,.1);color:#999;font-weight:400}.list[data-v-83ca72f6]{margin:12px 0;padding:12px 0;width:100%;border-radius:8px;background:#f9fcff}.list[data-v-83ca72f6]:first-child{margin-top:16px}.list .info[data-v-83ca72f6]{display:flex;align-items:center;padding-left:12px;margin-bottom:12px}.list .info[data-v-83ca72f6] .level{width:44px;height:44px;margin-right:8px}.list .info .middle[data-v-83ca72f6]{flex:1;width:0;display:flex;flex-direction:column;justify-content:center;height:44px}.list .info .middle .title[data-v-83ca72f6]{font-family:PingFang SC;font-weight:600;font-size:14px;line-height:22px;color:#333;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-83ca72f6]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-83ca72f6]{background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);padding:3px 8px;font-family:PingFang SC;font-weight:600;font-size:12px;line-height:20px;color:#557bf6;border-radius:50px 0 0 50px;display:flex;align-items:center;border:.5px solid;border-right:none}.list .info .right-btn svg[data-v-83ca72f6]{width:16px;height:16px;margin-right:4px}.list .info .right-btn.finish[data-v-83ca72f6]{color:#39b423;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%)}.list .progress[data-v-83ca72f6]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-83ca72f6]{display:flex;justify-content:space-between}.list .progress .box span[data-v-83ca72f6]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666}.list .progress .box span i[data-v-83ca72f6]{font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333;font-style:normal}.list .progress .box .points[data-v-83ca72f6]{display:flex;align-items:center;font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333}.list .progress .box .points svg[data-v-83ca72f6]{width:16px;height:16px;margin-right:4px}.list .progress[data-v-83ca72f6] .progress-container{margin:8px 0;border-radius:20px;background:rgba(51,51,51,.05)}.list .progress[data-v-83ca72f6] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-83ca72f6]{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}@supports not (gap: 1px){.list .progress ul[data-v-83ca72f6]{gap:0;row-gap:0;column-gap:0;margin:-4.5px 0 0 -4.5px}.list .progress ul[data-v-83ca72f6]>*{margin:4.5px 0 0 4.5px}}.list .progress ul li[data-v-83ca72f6]{flex-shrink:0;width:20px;height:20px;background:rgba(51,51,51,.1);font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;text-align:center;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center}.list .progress ul li.finish[data-v-83ca72f6]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-83ca72f6]::-webkit-scrollbar{display:none}.list[data-v-6ed2d998]{margin:12px 0;padding:12px 0;width:100%;border-radius:8px;background:#f9fcff}.list .info[data-v-6ed2d998]{display:flex;align-items:center;padding-left:12px}.list .info[data-v-6ed2d998] .level{width:44px;height:44px;margin-right:8px}.list .info .middle[data-v-6ed2d998]{flex:1;width:0;display:flex;flex-direction:column;justify-content:center;height:44px}.list .info .middle .title[data-v-6ed2d998]{font-family:PingFang SC;font-weight:600;font-size:14px;line-height:22px;color:#333;margin-bottom:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .middle .desc[data-v-6ed2d998]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list .info .right-btn[data-v-6ed2d998]{background:linear-gradient(90deg,rgba(85,123,246,.2) 1.19%,rgba(85,123,246,0));border-image-source:linear-gradient(89.77deg,rgba(85,123,246,.4) .18%,rgba(85,123,246,0) 99.8%);padding:3px 8px;font-family:PingFang SC;font-weight:600;font-size:12px;line-height:20px;color:#557bf6;border-radius:50px 0 0 50px;display:flex;align-items:center;border:.5px solid;border-right:none}.list .info .right-btn svg[data-v-6ed2d998]{width:16px;height:16px;margin-right:4px}.list .info .right-btn.finish[data-v-6ed2d998]{color:#39b423;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%)}.list .progress[data-v-6ed2d998]{margin-top:12px;padding:0 12px}.list .progress .box[data-v-6ed2d998]{display:flex;justify-content:space-between}.list .progress .box span[data-v-6ed2d998]{font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;color:#666}.list .progress .box span i[data-v-6ed2d998]{font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333;font-style:normal}.list .progress .box .points[data-v-6ed2d998]{display:flex;align-items:center;font-family:D-DIN Exp;font-weight:700;font-size:12px;line-height:20px;color:#333}.list .progress .box .points svg[data-v-6ed2d998]{width:16px;height:16px;margin-right:4px}.list .progress[data-v-6ed2d998] .progress-container{margin:8px 0;border-radius:20px;background:rgba(51,51,51,.05)}.list .progress[data-v-6ed2d998] .progress-container .progress-bar{height:4px}.list .progress ul[data-v-6ed2d998]{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}@supports not (gap: 1px){.list .progress ul[data-v-6ed2d998]{gap:0;row-gap:0;column-gap:0;margin:-4.5px 0 0 -4.5px}.list .progress ul[data-v-6ed2d998]>*{margin:4.5px 0 0 4.5px}}.list .progress ul li[data-v-6ed2d998]{flex-shrink:0;width:20px;height:20px;background:rgba(51,51,51,.1);font-family:PingFang SC;font-weight:400;font-size:12px;line-height:20px;text-align:center;color:#666;border-radius:50%;display:flex;align-items:center;justify-content:center}.list .progress ul li.finish[data-v-6ed2d998]{background:rgba(85,123,246,.1);color:#557bf6}.list .progress ul[data-v-6ed2d998]::-webkit-scrollbar{display:none}.card[data-v-affc5135]{margin:24px 0}.card h4[data-v-affc5135]{display:flex;justify-content:space-between;align-items:flex-end;width:100%;margin-bottom:16px}.card h4 .title[data-v-affc5135]{width:100%;flex:1;height:26px;font-family:PingFang SC;font-weight:400;font-size:18px;line-height:26px;color:#333;display:flex;align-items:center}.card h4 .title i[data-v-affc5135]{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:85%}.card h4 .title .change[data-v-affc5135]{width:20px;height:20px;margin-left:auto;transition:all .3s ease-in}.card h4 .title .change.rotate[data-v-affc5135]{transform:rotate(180deg)}.card .outo-box[data-v-affc5135]{background:#fff;box-shadow:0 4.32px 8.63px rgba(0,80,255,.1);padding:16px;border-radius:16px;margin-bottom:12px}