.syzb-course-live-bridge { margin: 20px 0 0; padding: 16px; border: 1px solid #dce7f2; border-radius: 18px; background: #f6faff; }
.syzb-course-live-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.syzb-course-live-head small { color: #3978e9; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.syzb-course-live-head h2 { margin: 4px 0 0; color: #17375f; font-size: 16px; }
.syzb-course-live-head > span { color: #7186a2; font-size: 11px; }
.syzb-course-live-list { display: grid; gap: 8px; }
.syzb-course-live-row { display: grid; grid-template-columns: 64px minmax(0, 1fr) auto; align-items: center; gap: 10px; min-width: 0; padding: 8px; border: 1px solid #e1eaf3; border-radius: 12px; background: #fff; color: #183154; text-decoration: none; }
.syzb-course-live-row:active { background: #f0f6ff; }
.syzb-course-live-row.is-disabled { color: #7d8b9f; background: #f8fafc; }
.syzb-course-live-cover { position: relative; width: 64px; height: 42px; overflow: hidden; border-radius: 8px; background: #dce8f8; }
.syzb-course-live-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }
.syzb-course-live-cover b { position: absolute; right: 4px; bottom: 4px; padding: 2px 4px; border-radius: 4px; background: rgba(15, 42, 77, .82); color: #fff; font-size: 8px; }
.syzb-course-live-copy { min-width: 0; }
.syzb-course-live-copy strong, .syzb-course-live-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.syzb-course-live-copy strong { font-size: 12px; }
.syzb-course-live-copy small { margin-top: 4px; color: #7c8da5; font-size: 10px; }
.syzb-course-live-action { color: #1768e8; font-size: 10px; font-weight: 800; }
.syzb-course-live-row.is-disabled .syzb-course-live-action { color: #99a6b7; }