*{box-sizing:border-box}html,body{margin:0;background:#f4f6f8;color:#18212b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.page{max-width:720px;margin:0 auto;padding-bottom:30px}.banner{position:relative;width:100%;aspect-ratio:2.8;overflow:hidden;background:#dfe7ed}.banner-item{display:none;width:100%;height:100%}.banner-item.active{display:block}.banner-item img{width:100%;height:100%;object-fit:cover}.banner-empty{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:#207d78;text-decoration:none;font-size:18px}.video-list{padding:12px}.video-card{display:grid;grid-template-columns:42% 1fr;gap:12px;padding:12px 0;border-bottom:1px solid #dfe4e8}.cover{position:relative;display:block;aspect-ratio:16/10;background:#dce3e8;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.play{position:absolute;left:10px;bottom:10px;padding:5px 10px;color:#fff;background:rgba(0,0,0,.65);font-size:13px;border-radius:4px}.teacher{display:flex;gap:9px;min-width:0}.teacher h2{margin:0 0 3px;font-size:16px}.teacher p{margin:3px 0;color:#65717b;font-size:12px;line-height:1.45;word-break:break-all}.teacher b{color:#34434d}.loading{text-align:center;color:#78838b;font-size:13px;padding:18px}
.banner{margin-top:12px;aspect-ratio:3.6;max-height:190px}.banner img{display:block}@media(max-width:600px){.banner{margin-top:8px;aspect-ratio:3.45;max-height:125px}}
.banner{height:auto;aspect-ratio:auto;max-height:none;overflow:hidden}.banner-item{height:auto}.banner-item img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}