.search-box[data-v-0d2aa209]{background:#f7f7f8;border:1px solid #e5e7eb;border-radius:30px;align-items:center;padding:8px 20px;transition:all .3s;display:flex}.search-box[data-v-0d2aa209]:focus-within{border-color:#fe4c4c;box-shadow:0 0 0 3px #fe4c4c1a}.search-box .search-icon[data-v-0d2aa209]{color:#9ca3af;margin-right:10px;font-size:16px}.search-box input[data-v-0d2aa209]{color:#374151;background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:15px}.search-box input[data-v-0d2aa209] ::placeholder{color:#9ca3af}.search-box .search-btn[data-v-0d2aa209]{color:#fff;cursor:pointer;background:#fe4c4c;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-left:10px;padding:0;transition:all .3s;display:flex}.search-box .search-btn[data-v-0d2aa209]:hover{background:#e53935;transform:scale(1.05)}.search-box .search-btn i[data-v-0d2aa209]{font-size:16px}.tbtio[data-v-0d2aa209]{width:1200px;height:auto;margin:auto;padding:20px 0}.course-page-container[data-v-0d2aa209]{width:100%;max-width:1200px;margin:20px auto;padding:20px}.filter-bar[data-v-0d2aa209]{align-items:center;gap:10px;margin-bottom:20px;display:flex}select[data-v-0d2aa209]{border:1px solid #ccc;border-radius:10px;padding:15px 10px}.clear-filter[data-v-0d2aa209]{color:#333;text-decoration:none}.course-grid[data-v-0d2aa209]{flex-wrap:wrap;gap:20px;display:flex}.course-item[data-v-0d2aa209]{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-0d2aa209]:hover{cursor:pointer}.course-item:hover h3[data-v-0d2aa209]{color:#f34}.course-item img[data-v-0d2aa209]{width:100%;height:225px;display:block}.course-info[data-v-0d2aa209]{padding:15px}.course-price[data-v-0d2aa209]{color:#fff;border-radius:20px;padding:5px 10px;font-weight:700;position:absolute;top:10px;right:10px}.free[data-v-0d2aa209]{background-color:#4caf50}.paid[data-v-0d2aa209]{background-color:#ff9800}h3[data-v-0d2aa209]{font-size:16px}h3[data-v-0d2aa209],p[data-v-0d2aa209]{margin-bottom:5px}p[data-v-0d2aa209]{color:#666;font-size:14px}.el-icon-s-custom[data-v-0d2aa209]{vertical-align:middle;width:16px;height:16px;margin-right:5px;display:inline-block}.load-more-button[data-v-0d2aa209]{color:#fff;text-align:center;background-color:#2196f3;border-radius:3px;text-decoration:none}.load-more-button[data-v-0d2aa209],.load-more-buttons[data-v-0d2aa209]{width:150px;margin:20px auto 0;padding:10px 20px;display:block}.load-more-buttons[data-v-0d2aa209]{color:gray}