.course-page[data-v-528eef13]{background-image:url(./homeBg.bdaf8f80.png);background-position:50%;background-size:cover;box-sizing:border-box;font-family:HarmonyOS_Sans_SC,SourceHanSansCN,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;width:100vw}.content-container[data-v-528eef13]{box-sizing:border-box;margin:0 auto;max-width:1720px;padding:40px 24px 60px}.page-title-block[data-v-528eef13]{margin-bottom:24px}.page-title-block .page-title[data-v-528eef13]{color:#333;font-size:26px;font-weight:700;margin:0}.page-title-block .page-subtitle[data-v-528eef13]{color:#3339;font-size:14px;margin:4px 0 0}.category-tabs[data-v-528eef13]{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}.category-tabs button[data-v-528eef13]{background:#fff;border:0;border-radius:6px;color:#555;cursor:pointer;padding:8px 18px}.category-tabs button.active[data-v-528eef13]{background:#eaf0ff;color:#2f5bea}.course-grid[data-v-528eef13]{display:grid;gap:20px;grid-template-columns:repeat(5,1fr);width:100%}.course-card[data-v-528eef13]{border-radius:8px;box-shadow:0 4px 16px #00000005;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s,box-shadow .2s}.course-card[data-v-528eef13]:hover{box-shadow:0 8px 24px #3e65ba1a;transform:translateY(-4px)}.course-card .card-img-wrap[data-v-528eef13]{height:160px;overflow:hidden;position:relative;width:100%}.course-card .card-img-wrap img[data-v-528eef13]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s;width:100%}.course-card .card-img-wrap:hover img[data-v-528eef13]{transform:scale(1.05)}.course-card .card-img-wrap .duration-badge[data-v-528eef13]{align-items:center;background:rgba(0,0,0,.6);border-radius:4px;bottom:8px;color:#fff;display:flex;font-size:11px;gap:3px;padding:3px 6px;position:absolute;right:8px}.course-card .card-img-wrap .duration-badge .play-svg[data-v-528eef13]{flex-shrink:0}.course-card .card-info[data-v-528eef13]{display:flex;flex:1;flex-direction:column;padding:16px}.course-card .card-info .card-name[data-v-528eef13]{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:14px;font-weight:700;line-height:1.4;margin:0 0 10px;overflow:hidden}.course-card .card-info .course-tag[data-v-528eef13]{align-self:flex-start;border:1px solid #999;border-radius:4px;color:#999;font-size:11px;font-weight:500;padding:2px 6px}@media (max-width:1400px){.course-grid[data-v-528eef13]{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.course-grid[data-v-528eef13]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.course-grid[data-v-528eef13]{grid-template-columns:repeat(2,1fr)}}