.tbtio[data-v-90a3409f]{width:1200px;height:auto;margin:auto;padding:20px 0}.course-page-container[data-v-90a3409f]{width:100%;max-width:1200px;margin:0 auto;padding:0 0 20px}.filter-container[data-v-90a3409f]{gap:20px;margin-bottom:20px;display:flex}.search-filter[data-v-90a3409f]{background:#fff;border-radius:10px;flex-direction:column;flex:2;gap:10px;padding:20px;display:flex}.filter-group[data-v-90a3409f]{gap:10px}.filter-group[data-v-90a3409f],.search-box[data-v-90a3409f]{align-items:center;display:flex}.search-box[data-v-90a3409f]{background:#f7f7f8;border:1px solid #e5e7eb;border-radius:30px;flex:1;min-width:220px;padding:8px 15px;transition:all .3s}.search-box[data-v-90a3409f]:focus-within{border-color:#fe4c4c;box-shadow:0 0 0 3px #fe4c4c1a}.search-box .search-icon[data-v-90a3409f]{color:#9ca3af;margin-right:10px;font-size:16px}.search-box input[data-v-90a3409f]{color:#374151;background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:15px}.search-box input[data-v-90a3409f]::placeholder{color:#9ca3af}select[data-v-90a3409f]{color:#374151;background:#f9f9f9;border:1px solid #ddd;border-radius:5px;min-width:120px;height:40px;padding:8px 15px}.filter-group>button[data-v-90a3409f]{color:#fff;cursor:pointer;background:#ff6464;border:none;border-radius:5px;flex-shrink:0;width:120px;height:40px;padding:8px 30px}.tag-group[data-v-90a3409f]{flex-wrap:wrap;gap:8px;display:flex}.filter-tag[data-v-90a3409f]{color:#ff6464;background:#fff;border:1px solid #ffb6c1;border-radius:5px;gap:6px;padding:4px 10px;font-size:13px}.filter-tag[data-v-90a3409f],.tag-close[data-v-90a3409f]{align-items:center;display:inline-flex}.tag-close[data-v-90a3409f]{cursor:pointer;color:#ff6b6b;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;width:16px;height:16px;font-size:16px;line-height:1}.tag-close[data-v-90a3409f]:hover{color:#e53935;background:#ffe4e8}.course-grid[data-v-90a3409f]{flex-wrap:wrap;gap:20px;display:flex}.course-item[data-v-90a3409f]{background-color:#fff;border-radius:5px;flex-direction:column;width:370px;height:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 0 5px #0000001a}.course-item[data-v-90a3409f]:hover{cursor:pointer}.course-item:hover h3[data-v-90a3409f]{color:#f34}.course-item img[data-v-90a3409f]{width:100%;height:225px;display:block}.course-info[data-v-90a3409f]{padding:15px}.course-price[data-v-90a3409f]{color:#fff;border-radius:20px;padding:5px 10px;font-weight:700;position:absolute;top:10px;right:10px}.free[data-v-90a3409f]{background-color:#4caf50}.paid[data-v-90a3409f]{background-color:#ff9800}h3[data-v-90a3409f]{font-size:16px}h3[data-v-90a3409f],p[data-v-90a3409f]{margin-bottom:5px}p[data-v-90a3409f]{color:#666;font-size:14px}.el-icon-s-custom[data-v-90a3409f]{vertical-align:middle;width:16px;height:16px;margin-right:5px;display:inline-block}.load-more-button[data-v-90a3409f]{color:#fff;text-align:center;background-color:#2196f3;border-radius:3px;text-decoration:none}.load-more-button[data-v-90a3409f],.load-more-buttons[data-v-90a3409f]{width:150px;margin:20px auto 0;padding:10px 20px;display:block}.load-more-buttons[data-v-90a3409f]{color:gray}