.course-page{max-width:1280px;margin:0 auto;padding:20px;min-height:calc(100vh - 180px)}.course-hero{text-align:center;padding:30px 0 20px}.course-hero-title{font-size:28px;font-weight:700;color:var(--color-brand-500);margin-bottom:8px}.course-hero-desc{font-size:15px}.course-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.course-search{display:flex;gap:8px}.course-search input{width:240px}.course-filter{display:flex;gap:6px;flex-wrap:wrap}.course-filter-item{padding:6px 16px;border-radius:20px;font-size:13px;color:var(--color-gray-600);background:var(--color-gray-100);text-decoration:none;transition:all .2s}.course-filter-item.active,.course-filter-item:hover{background:var(--color-brand-500);color:var(--color-white)}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media (max-width:1100px){.course-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.course-grid{grid-template-columns:repeat(2,1fr)}}.course-card{background:var(--color-white);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow .2s,transform .2s}.course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.course-card-cover{width:100%;height:160px;overflow:hidden;background:var(--color-gray-100)}.course-card-cover img{width:100%;height:100%;object-fit:cover}.course-card-body{padding:14px}.course-card-title{font-size:15px;font-weight:600;color:var(--color-gray-800);line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{font-size:12px;color:var(--color-gray-400);margin-bottom:10px}.course-card-bottom{display:flex;justify-content:space-between;align-items:center}.course-free-tag{color:var(--color-green,#18c06e);font-weight:600;font-size:14px}.course-price-tag{color:var(--color-brand-500);font-weight:700;font-size:16px}