.cached-image-container[data-v-d37f0844]{position:relative;overflow:hidden;background-color:#f5f7fa}.cached-image-container img[data-v-d37f0844]{width:100%;height:100%;-o-object-fit:var(--4ba5ed16);object-fit:var(--4ba5ed16)}.image-error-placeholder[data-v-d37f0844],.image-loading-placeholder[data-v-d37f0844]{position:absolute;top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:-webkit-gradient(linear,left top,right top,color-stop(25%,#f0f0f0),color-stop(50%,#e0e0e0),color-stop(75%,#f0f0f0));background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;-webkit-animation:shimmer-d37f0844 1.5s infinite;animation:shimmer-d37f0844 1.5s infinite}.image-error-placeholder i[data-v-d37f0844],.image-loading-placeholder i[data-v-d37f0844]{font-size:32px;color:#c0c4cc}.image-error-placeholder[data-v-d37f0844]{-webkit-animation:none;animation:none;background:#f5f7fa}.fallback-image[data-v-d37f0844]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@-webkit-keyframes shimmer-d37f0844{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-d37f0844{0%{background-position:-200% 0}to{background-position:200% 0}}.my-learning-container[data-v-baf71616]{width:100%;min-height:100vh;background:#f7f8fc}.section-inner[data-v-baf71616]{max-width:1200px;margin:0 auto;padding:0 24px}.tab-bar[data-v-baf71616]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:0;padding:24px 0 24px;border-radius:6px;overflow:hidden}.tab-item[data-v-baf71616]{padding:8px 24px;font-size:14px;font-weight:600;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;border:1px solid #dcdfe6;background:#fff;color:#606266}.tab-item[data-v-baf71616]:first-child{border-radius:6px 0 0 6px}.tab-item[data-v-baf71616]:last-child{border-radius:0 6px 6px 0;border-left:none}.tab-item.active[data-v-baf71616]{background:#409eff;color:#fff;border-color:#409eff}.tab-completed.active[data-v-baf71616]{background:#67c23a!important;border-color:#67c23a!important}.tab-item[data-v-baf71616]:not(.active):hover{color:#409eff}.course-list[data-v-baf71616]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-bottom:60px}.course-card[data-v-baf71616]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#fff;border-radius:10px;overflow:hidden;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.06);box-shadow:0 1px 4px rgba(0,0,0,.06);border:1px solid #ebeef5;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}.course-card[data-v-baf71616]:hover{-webkit-box-shadow:0 4px 16px rgba(0,0,0,.1);box-shadow:0 4px 16px rgba(0,0,0,.1)}.course-cover[data-v-baf71616]{width:160px;min-width:160px;aspect-ratio:5/7;background:#eef1f6;-ms-flex-negative:0;flex-shrink:0}.cover-placeholder[data-v-baf71616]{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#e8ecf1,#d5dce6)}.cover-placeholder i[data-v-baf71616]{font-size:36px;color:#b0bac5}.course-info[data-v-baf71616]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:20px 24px;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-author[data-v-baf71616]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:13px;color:#909399;margin-bottom:8px}.author-avatar[data-v-baf71616]{background:#e0e0e0;color:#606266;font-size:10px;-ms-flex-negative:0;flex-shrink:0}.course-title[data-v-baf71616]{margin:0 0 8px;font-size:18px;font-weight:700;color:#1a1a2e;-webkit-line-clamp:2;line-height:1.4}.course-desc[data-v-baf71616],.course-title[data-v-baf71616]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.course-desc[data-v-baf71616]{margin:0;font-size:13px;color:#606266;line-height:1.6;-webkit-line-clamp:3}.course-actions[data-v-baf71616]{width:200px;min-width:200px;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-left:1px solid #f2f3f5}.progress-info[data-v-baf71616]{width:100%;text-align:right}.progress-text[data-v-baf71616]{font-size:14px;font-weight:600;color:#303133;margin-bottom:8px;display:block}.completed-text[data-v-baf71616]{color:#67c23a}.action-buttons[data-v-baf71616]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:8px;width:100%}.action-buttons .el-button[data-v-baf71616]{margin-left:0}.action-buttons .el-button[data-v-baf71616]:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.btn-more[data-v-baf71616]{padding:7px 8px;width:auto!important}.btn-more .el-icon-more[data-v-baf71616]{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.empty-state[data-v-baf71616]{text-align:center;padding:80px 20px;color:#909399}.empty-state i[data-v-baf71616]{font-size:56px;color:#dcdfe6}.empty-state h3[data-v-baf71616]{margin:16px 0 8px;color:#606266;font-weight:600}.empty-state p[data-v-baf71616]{margin:0;font-size:14px}@media (max-width:768px){.course-card[data-v-baf71616]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.course-cover[data-v-baf71616]{width:100%;min-width:0;aspect-ratio:5/7}.course-actions[data-v-baf71616]{width:100%;min-width:0;border-left:none;border-top:1px solid #f2f3f5;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.action-buttons[data-v-baf71616],.course-actions[data-v-baf71616]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.action-buttons .el-button[data-v-baf71616],.action-buttons[data-v-baf71616]{width:auto}.section-inner[data-v-baf71616]{padding:0 16px}}.confirm-remove-btn span:before{content:"\e6d7";font-family:element-icons!important;margin-right:4px;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased}.remove-item{color:#f56c6c!important}