.card-container[data-v-7fb17bea]{width:100%;padding:10px 15px}.v-line[data-v-7fb17bea]{width:100%;height:.5px;opacity:1}.pagination-wrapper[data-v-1b364ce9]{margin-top:20px;margin-bottom:10px;width:100%;display:flex;justify-content:center}.dot-span[data-v-6b0b7a18]{height:18px;width:4px;display:inline-block;border-radius:2px;margin-right:12px}.line-height-md[data-v-6b0b7a18]{line-height:35px;vertical-align:middle}.line-height-xl[data-v-6b0b7a18]{line-height:40px;vertical-align:middle}.dot-text-md[data-v-6b0b7a18]{font-weight:700;font-size:18px;color:#363a44}.dot-text-xl[data-v-6b0b7a18]{font-weight:600;font-size:20px;color:#333}.filter-bar[data-v-74440bf9]{display:flex;align-items:center;padding:20px 0}.filter-bar .filter-label[data-v-74440bf9]{font-size:14px;color:#606266;margin-right:8px}.course-grid[data-v-74440bf9]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.course-card[data-v-74440bf9]{background:var(--B1-1);border-radius:5px;overflow:hidden;transition:all .3s ease;display:flex;align-items:center}.course-card[data-v-74440bf9]:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}.course-card .course-image[data-v-74440bf9]{width:240px;height:170px;overflow:hidden;background:#f5f7fa;flex-shrink:0;cursor:pointer}.course-card .course-image img[data-v-74440bf9]{width:100%;height:100%;-o-object-fit:fill;object-fit:fill}.course-card .course-info[data-v-74440bf9]{padding:10px;flex:1;display:flex;flex-direction:column;gap:5px}.course-card .course-title[data-v-74440bf9]{font-size:16px;font-weight:700;color:var(--N2-1);line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;cursor:pointer}.course-card .course-meta[data-v-74440bf9]{flex:1}.course-card .course-meta .meta-item[data-v-74440bf9]{display:flex;align-items:center;justify-content:space-between;font-size:var(--ContentSize);color:var(--N2-2);line-height:26px}.course-card .course-meta .meta-item .meta-label[data-v-74440bf9]{margin-right:4px}.course-card .course-actions[data-v-74440bf9]{display:flex;gap:10px}@media (max-width:1400px){.course-grid[data-v-74440bf9]{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.course-grid[data-v-74440bf9]{grid-template-columns:1fr}}