.course-recommendation[data-v-af1d4163]{background:#151515;border-radius:16px;padding:28px 24px 32px}.list-fade-enter-from[data-v-af1d4163]{opacity:0;transform:translateY(20px)}.list-fade-enter-to[data-v-af1d4163]{opacity:1;transform:translateY(0)}.list-fade-enter-active[data-v-af1d4163],.list-fade-leave-active[data-v-af1d4163]{transition:all .5s}.course-list[data-v-af1d4163]{display:flex;flex-direction:row;flex-wrap:wrap;padding-top:12px}.router-link[data-v-af1d4163]{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.subtitle[data-v-af1d4163]{font-size:1.1rem;font-weight:600;color:#f8f7f5;margin-bottom:4px;letter-spacing:-.01em}.course-card[data-v-af1d4163]{list-style:none;margin:10px;width:240px;text-align:left;border-radius:12px;background-color:#1f1f1f;border:1px solid rgba(255,255,255,.06);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.course-card[data-v-af1d4163]:hover{transform:translateY(-4px);border-color:#f2a20d33;box-shadow:0 8px 30px #0009,0 0 20px #f2a20d14}.course-info[data-v-af1d4163]{display:flex;flex-direction:column;gap:6px;padding:12px;width:100%}.course-card .course-title[data-v-af1d4163]{font-size:.82rem;font-weight:600;color:#f8f7f5;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill-row[data-v-af1d4163]{display:flex;flex-wrap:wrap;gap:4px}.pill[data-v-af1d4163]{display:inline-block;padding:1px 6px;border-radius:20px;font-size:.65rem;font-weight:500;line-height:1.6;white-space:nowrap}.pill-category[data-v-af1d4163]{background:#f2a20d1f;color:#f2a20d;border:1px solid rgba(242,162,13,.3)}.pill-tag[data-v-af1d4163]{background:#ffffff0f;color:#aaa;border:1px solid rgba(255,255,255,.08)}.course-instructor[data-v-af1d4163]{font-size:.75rem;color:#a0a0a0}.router-link[data-v-af1d4163]{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit}.cover-wrap[data-v-af1d4163]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#111}.cover-image[data-v-af1d4163]{width:100%;height:100%;object-fit:contain;background-color:#111;transition:opacity .3s ease}.course-card:hover .cover-image[data-v-af1d4163]{opacity:.88}[data-v-af1d4163] .el-pagination{--el-pagination-bg-color: transparent;--el-pagination-button-bg-color: rgba(255, 255, 255, .05);--el-pagination-button-color: #a0a0a0;--el-pagination-button-disabled-color: #444;--el-pagination-button-disabled-bg-color: transparent;--el-text-color-placeholder: #777;color:#a0a0a0}[data-v-af1d4163] .el-pager li{background:#ffffff0d;color:#a0a0a0;border-radius:6px;transition:all .2s ease}[data-v-af1d4163] .el-pager li:hover{color:#f2a20d;background:#f2a20d1a}[data-v-af1d4163] .el-pager li.is-active{background:#f2a20d;color:#fff}[data-v-af1d4163] .el-pagination .btn-prev,[data-v-af1d4163] .el-pagination .btn-next{background:#ffffff0d;color:#a0a0a0;border-radius:6px}[data-v-af1d4163] .el-pagination .btn-prev:hover,[data-v-af1d4163] .el-pagination .btn-next:hover{color:#f2a20d;background:#f2a20d1a}[data-v-af1d4163] .el-pagination__jump{color:#777}[data-v-af1d4163] .el-pagination__jump .el-input__wrapper{background:#ffffff0d;border-color:#ffffff1f;box-shadow:0 0 0 1px #ffffff1f inset;border-radius:6px}[data-v-af1d4163] .el-pagination__jump .el-input__wrapper:hover,[data-v-af1d4163] .el-pagination__jump .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #f2a20d inset}[data-v-af1d4163] .el-pagination__jump .el-input__inner{color:#f8f7f5;background:transparent}