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