.career-ability-page[data-v-98eec6e2]{background:#f5f7fa;min-height:100vh;padding-bottom:60px}.cio-w1200[data-v-98eec6e2]{max-width:1200px;margin:0 auto;padding:0 20px}.filter-section[data-v-98eec6e2]{background:#fff;padding:20px 0;margin-bottom:16px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.filter-section .filter-compact .filter-line[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:40px;gap:40px;margin-bottom:16px}.filter-section .filter-compact .filter-line[data-v-98eec6e2]:last-child{margin-bottom:0}.filter-section .filter-compact .filter-line .filter-item[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:12px;gap:12px}.filter-section .filter-compact .filter-line .filter-item .filter-label[data-v-98eec6e2]{flex-shrink:0;font-size:13px;color:#666;font-weight:500}.filter-section .filter-compact .filter-line .filter-item .filter-tags[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap}.filter-section .filter-compact .filter-line .filter-item .filter-tags .filter-tag[data-v-98eec6e2]{padding:6px 14px;font-size:13px;color:#666;background:#f5f7fa;border-radius:4px;cursor:pointer;transition:all .3s}.filter-section .filter-compact .filter-line .filter-item .filter-tags .filter-tag[data-v-98eec6e2]:hover{color:#009140;background:rgba(0,145,64,.1)}.filter-section .filter-compact .filter-line .filter-item .filter-tags .filter-tag.active[data-v-98eec6e2]{color:#fff;background:#009140}.filter-section .filter-compact .filter-line .filter-field[data-v-98eec6e2]{flex:1}.filter-section .filter-compact .filter-line .selected-filters[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-left:auto}.filter-section .filter-compact .filter-line .selected-filters .selected-label[data-v-98eec6e2]{font-size:13px;color:#999}.filter-section .filter-compact .filter-line .selected-filters .clear-all[data-v-98eec6e2]{font-size:13px;color:#009140;cursor:pointer;margin-left:8px}.filter-section .filter-compact .filter-line .selected-filters .clear-all[data-v-98eec6e2]:hover{text-decoration:underline}.course-list-section .sort-bar[data-v-98eec6e2]{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 20px;border-radius:8px;margin-bottom:20px}.course-list-section .sort-bar .sort-options[data-v-98eec6e2]{display:flex;grid-gap:24px;gap:24px}.course-list-section .sort-bar .sort-options .sort-item[data-v-98eec6e2]{font-size:14px;color:#666;cursor:pointer;transition:all .3s;display:flex;align-items:center;grid-gap:4px;gap:4px}.course-list-section .sort-bar .sort-options .sort-item[data-v-98eec6e2]:hover{color:#009140}.course-list-section .sort-bar .sort-options .sort-item.active[data-v-98eec6e2]{color:#009140;font-weight:500}.course-list-section .sort-bar .sort-options .sort-item.active .sort-icon[data-v-98eec6e2]{font-size:12px}.course-list-section .sort-bar .total-count[data-v-98eec6e2]{font-size:14px;color:#666}.course-list-section .sort-bar .total-count strong[data-v-98eec6e2]{color:#009140;font-size:16px}.course-list-section .course-grid[data-v-98eec6e2]{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.course-list-section .course-card[data-v-98eec6e2]{display:block;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px rgba(0,0,0,.04);text-decoration:none;color:inherit}.course-list-section .course-card[data-v-98eec6e2]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.course-list-section .course-card .course-cover[data-v-98eec6e2]{position:relative;height:160px;overflow:hidden}.course-list-section .course-card .course-cover img[data-v-98eec6e2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.course-list-section .course-card .course-cover:hover img[data-v-98eec6e2]{transform:scale(1.05)}.course-list-section .course-card .course-cover .course-level[data-v-98eec6e2]{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.course-list-section .course-card .course-cover .course-level.L1[data-v-98eec6e2]{background:linear-gradient(135deg,#67c23a,#85ce61)}.course-list-section .course-card .course-cover .course-level.L2[data-v-98eec6e2]{background:linear-gradient(135deg,#5daf34,#7bc454)}.course-list-section .course-card .course-cover .course-level.L3[data-v-98eec6e2]{background:linear-gradient(135deg,#4a9f2d,#6ab349)}.course-list-section .course-card .course-cover .course-level.L4[data-v-98eec6e2]{background:linear-gradient(135deg,#e6a23c,#ebb563)}.course-list-section .course-card .course-cover .course-level.L5[data-v-98eec6e2]{background:linear-gradient(135deg,#f56c6c,#f78989)}.course-list-section .course-card .course-cover .course-field[data-v-98eec6e2]{position:absolute;top:12px;right:12px;padding:3px 10px;background:rgba(0,145,64,.9);color:#fff;border-radius:8px;font-size:11px}.course-list-section .course-card .course-info[data-v-98eec6e2]{padding:16px}.course-list-section .course-card .course-info .course-title-row[data-v-98eec6e2]{display:flex;align-items:flex-start;justify-content:space-between;grid-gap:12px;gap:12px;margin-bottom:12px}.course-list-section .course-card .course-info .course-title-row .course-title[data-v-98eec6e2]{font-size:15px;font-weight:600;color:#333;line-height:1.4;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.course-list-section .course-card .course-info .course-title-row .course-price-wrap[data-v-98eec6e2]{display:flex;flex-direction:column;align-items:flex-end;grid-gap:4px;gap:4px;flex-shrink:0}.course-list-section .course-card .course-info .course-title-row .course-price-wrap .course-price-current[data-v-98eec6e2]{font-size:16px;font-weight:700;color:#ff6b6b}.course-list-section .course-card .course-info .course-title-row .course-price-wrap .course-price-current.free[data-v-98eec6e2]{color:#009140}.course-list-section .course-card .course-info .course-title-row .course-price-wrap .course-price-original[data-v-98eec6e2]{font-size:12px;color:#999;text-decoration:line-through}.course-list-section .course-card .course-info .course-meta[data-v-98eec6e2]{display:flex;grid-gap:16px;gap:16px;margin-bottom:10px;font-size:13px;color:#666}.course-list-section .course-card .course-info .course-meta .meta-item[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:6px;gap:6px}.course-list-section .course-card .course-info .course-meta .meta-item .expert-avatar[data-v-98eec6e2]{width:20px;height:20px;border-radius:50%}.course-list-section .course-card .course-info .course-stats[data-v-98eec6e2]{display:flex;grid-gap:16px;gap:16px;font-size:12px;color:#888}.course-list-section .course-card .course-info .course-stats .stat-item[data-v-98eec6e2]{display:flex;align-items:center;grid-gap:4px;gap:4px}.course-list-section .course-card .course-info .course-stats .stat-item.hot[data-v-98eec6e2]{color:#ff6b6b}.course-list-section .course-card .course-info .course-stats .stat-item i[data-v-98eec6e2]{font-size:14px}.course-list-section .pagination-wrapper[data-v-98eec6e2]{display:flex;justify-content:center;padding:20px 0}.course-list-section .empty-state[data-v-98eec6e2]{background:#fff;border-radius:12px;padding:60px 20px}@media(max-width:1200px){.course-list-section .course-grid[data-v-98eec6e2]{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.course-list-section .course-grid[data-v-98eec6e2]{grid-template-columns:repeat(2,1fr)}}