.course-grid{display:grid;grid-template-columns:1fr;gap:12px}
.course-card{background:var(--card-bg);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .2s}
.course-card:hover{transform:translateY(-2px)}
.course-cover{font-size:2.5rem;margin-bottom:8px}
.recommend-bar{margin-bottom:12px}
.course-grid-title{font-size:.85rem;font-weight:600;margin:12px 0 8px;color:var(--text-muted)}
.rec-title{font-size:.8rem;font-weight:600;margin-bottom:8px}
.rec-scroll{display:flex;gap:8px;overflow-x:auto}
.rec-card{flex-shrink:0;padding:10px;background:var(--card-bg);border-radius:var(--radius-md);min-width:120px;cursor:pointer;font-size:.75rem;box-shadow:var(--shadow-sm)}
.detail-cover{font-size:4rem;text-align:center;padding:16px}
.detail-section{margin:16px 0}
.teacher-mini{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--radius-sm);cursor:pointer;background:var(--bg);margin-bottom:8px}
.detail-actions{display:flex;gap:8px;margin-top:16px}
.outline-item{margin-bottom:8px}