.course-card[data-v-bf3ee7b3]{display:flex;flex-direction:column;min-width:0;border-radius:12px;border:1px solid var(--line);background:var(--white);overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.course-cover[data-v-bf3ee7b3]{container-type:inline-size;position:relative;aspect-ratio:16/9;width:100%;flex-shrink:0;background:#f4f6fa;overflow:hidden}.course-play-preview[data-v-bf3ee7b3]{position:absolute;inset:0;display:grid;place-items:center;background:#1c365b24;opacity:0;pointer-events:none;transition:opacity .2s ease}.course-play-preview>span[data-v-bf3ee7b3]{display:grid;justify-items:center;gap:5px;color:#fff;padding:10px 15px;border-radius:8px;background:#1c365bcc;transform:translateY(3px);transition:transform .2s ease}.course-play-preview small[data-v-bf3ee7b3]{font-size:11px}.course-card:focus-visible .course-play-preview[data-v-bf3ee7b3]{opacity:1}.course-card:focus-visible .course-play-preview>span[data-v-bf3ee7b3]{transform:none}@media(hover:hover)and (pointer:fine){.course-card:hover .course-play-preview[data-v-bf3ee7b3]{opacity:1}.course-card:hover .course-play-preview>span[data-v-bf3ee7b3]{transform:none}}@media(prefers-reduced-motion:reduce){.course-play-preview[data-v-bf3ee7b3],.course-play-preview>span[data-v-bf3ee7b3]{transition:none;transform:none}}.course-cover>img[data-v-bf3ee7b3]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transform:none}.course-cover>.cover-placeholder[data-v-bf3ee7b3],.course-cover>img[data-v-bf3ee7b3]{transition:transform .24s ease}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.course-card:hover .course-cover>.cover-placeholder[data-v-bf3ee7b3],.course-card:hover .course-cover>img[data-v-bf3ee7b3]{transform:scale(1.04)}}.course-card-body[data-v-bf3ee7b3]{display:flex;flex-direction:column;flex:1;min-width:0;padding:16px}.course-card-details[data-v-bf3ee7b3]{display:contents}.course-card-meta[data-v-bf3ee7b3]{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}.course-card-meta .eyebrow[data-v-bf3ee7b3]{color:var(--muted);font-size:11px;font-weight:400;letter-spacing:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-access-badge[data-v-bf3ee7b3]{flex:none;color:var(--status-ink);background:var(--status-soft);font-size:11px;line-height:20px;padding:0 8px;border-radius:4px}.course-card h3[data-v-bf3ee7b3]{margin:8px 0;font-size:15px;line-height:1.5;min-height:3em;overflow-wrap:anywhere;font-weight:650;letter-spacing:0;-webkit-line-clamp:2}.course-card .course-teacher[data-v-bf3ee7b3]{margin:0 0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.course-card .course-teacher[data-v-bf3ee7b3],.course-learn-count[data-v-bf3ee7b3]{font-size:12px;line-height:20px;color:var(--muted)}.course-learn-count[data-v-bf3ee7b3]{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;margin-bottom:10px}.course-card-progress[data-v-bf3ee7b3]{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:12px;line-height:20px;color:var(--primary);font-variant-numeric:tabular-nums}.course-card-progress progress[data-v-bf3ee7b3]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;min-width:40px;width:0;height:5px;border:0;border-radius:999px;overflow:hidden;background:#edf2f8}.course-card-progress progress[data-v-bf3ee7b3]::-webkit-progress-bar{background:#edf2f8}.course-card-progress progress[data-v-bf3ee7b3]::-webkit-progress-value{background:var(--action-gradient);border-radius:999px}.course-card-progress progress[data-v-bf3ee7b3]::-moz-progress-bar{background:var(--action-gradient);border-radius:999px}.course-card-progress>span[data-v-bf3ee7b3]{flex:none}.course-card-bottom[data-v-bf3ee7b3]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);min-height:51px}.course-card-price[data-v-bf3ee7b3]{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.course-card-bottom strong[data-v-bf3ee7b3]{font-size:19px;font-weight:650;color:var(--price);white-space:nowrap}.course-card-bottom .price-benefit[data-v-bf3ee7b3]{font-size:13px;color:var(--status-ink);font-weight:600}.course-card-bottom .price-free[data-v-bf3ee7b3]{color:var(--price-free);font-size:15px;font-weight:600}.course-card-price del[data-v-bf3ee7b3]{color:var(--muted);font-size:11px}.course-card .course-card-action[data-v-bf3ee7b3]{margin-left:auto;gap:5px;font-size:12px;padding:8px 14px;color:#fff}.course-card .course-card-action.learning[data-v-bf3ee7b3]{color:var(--primary)}.cover-placeholder[data-v-bf3ee7b3]{padding:14px;gap:6px}.cover-placeholder strong[data-v-bf3ee7b3]{font-size:17px}.cover-placeholder span[data-v-bf3ee7b3]{font-size:10px;letter-spacing:1px}.course-state-loading>.skeleton[data-v-bf3ee7b3]{width:64px;height:20px;border-radius:4px}.course-state-loading>.skeleton+.skeleton[data-v-bf3ee7b3]{width:96px;height:38px;border-radius:4px}.course-card--list[data-v-bf3ee7b3]{flex-direction:row;align-items:center}.course-card--list .course-cover[data-v-bf3ee7b3]{width:300px;max-width:32%;height:auto;aspect-ratio:16/9;align-self:center;margin:16px 0 16px 16px;border-radius:8px}.course-card--list .course-card-body[data-v-bf3ee7b3]{padding:20px 24px}.course-card--list h3[data-v-bf3ee7b3]{min-height:0;font-size:17px}.course-card--list .course-card-progress[data-v-bf3ee7b3]{max-width:440px}.course-card--list .course-card-action[data-v-bf3ee7b3]{min-height:44px}@media(max-width:1199px){.course-card-body[data-v-bf3ee7b3]{padding:18px}.course-card h3[data-v-bf3ee7b3]{font-size:16px;min-height:3em}.course-card--list .course-cover[data-v-bf3ee7b3]{width:260px}.course-card--list .course-card-body[data-v-bf3ee7b3]{padding:18px 20px}.course-card--list h3[data-v-bf3ee7b3]{min-height:0}}@media(max-width:767px){.course-card--list .course-cover[data-v-bf3ee7b3]{width:180px;margin-left:12px}.course-card--list .course-card-body[data-v-bf3ee7b3]{padding:16px}}@media(prefers-reduced-motion:reduce){.course-card[data-v-bf3ee7b3],.course-cover>.cover-placeholder[data-v-bf3ee7b3],.course-cover>img[data-v-bf3ee7b3]{transition:none}}.course-card--compact .course-card-body[data-v-bf3ee7b3]{padding:14px 16px}.course-card--compact h3[data-v-bf3ee7b3]{margin:6px 0 8px;min-height:3em;font-size:15px}.course-card--compact .course-card-details[data-v-bf3ee7b3]{display:flex;align-items:center;gap:8px;min-width:0;margin-bottom:10px}.course-card--compact .course-teacher[data-v-bf3ee7b3]{min-width:0;flex:1;margin:0}.course-card--compact .course-learn-count[data-v-bf3ee7b3]{flex:none;margin:0;font-size:11px}.cover-placeholder[data-v-bf3ee7b3]{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;height:100%;padding:22px 24px;overflow:hidden;color:#275283;background:radial-gradient(ellipse at 100% 0,#c9edf3a1,transparent 70%),linear-gradient(120deg,#eaf3ff,#dfeefb)}.cover-placeholder .cover-brand[data-v-bf3ee7b3]{position:relative;z-index:1;font-size:10px;letter-spacing:.1em;color:#6688ac}.cover-placeholder>strong[data-v-bf3ee7b3]{flex-shrink:0;overflow-wrap:anywhere;position:relative;z-index:1;max-width:82%;color:#275283;font-size:20px;line-height:1.45;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cover-placeholder .cover-subject[data-v-bf3ee7b3]{position:relative;z-index:1;font-size:11px;color:#7393b2}.cover-placeholder .cover-watermark[data-v-bf3ee7b3]{position:absolute;right:-4px;bottom:-28px;font-size:128px;font-weight:800;line-height:1;color:#73a4c510;transform:rotate(-12deg)}.course-card--list .cover-placeholder[data-v-bf3ee7b3]{padding:16px;gap:6px}.course-card--list .cover-placeholder>strong[data-v-bf3ee7b3]{font-size:16px}@container (max-width: 220px){.course-cover .cover-placeholder[data-v-bf3ee7b3]{padding:12px;gap:5px}.cover-placeholder .cover-brand[data-v-bf3ee7b3]{display:none}.course-cover .cover-placeholder>strong[data-v-bf3ee7b3]{max-width:100%;font-size:14px;line-height:1.4}.cover-placeholder .cover-subject[data-v-bf3ee7b3]{flex:none;max-width:100%;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@container (max-width: 180px){.course-cover .cover-placeholder[data-v-bf3ee7b3]{padding:10px}.cover-placeholder .cover-subject[data-v-bf3ee7b3]{display:none}.course-cover .cover-placeholder>strong[data-v-bf3ee7b3]{font-size:12px}}