.home-online-courses{box-sizing:border-box;width:calc(100% - 48px);max-width:1500px;margin:36px auto 56px;text-align:left;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.home-online-courses h2{margin:0 0 22px;font-size:26px;font-weight:700;line-height:1.4;color:#171717}
.home-online-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
.home-online-course{display:block;min-width:0;overflow:hidden;border-radius:16px;background:#fff;color:#222;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:box-shadow .2s,transform .2s}
.home-online-course:hover{color:#222;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.14);transform:translateY(-2px)}
.home-online-course:focus-visible{outline:3px solid #ff8500;outline-offset:4px}
.home-online-course-cover{position:relative;width:100%;aspect-ratio:358/180;overflow:hidden}
.home-online-course-cover img{display:block;width:100%;height:100%;object-fit:contain}
.home-online-course-hot{position:absolute;top:12px;left:12px;border-radius:18px;padding:3px 10px;background:#fa6962;color:white;font-size:14px;line-height:1.4}
.home-online-course-info{padding:18px 16px 24px}
.home-online-course-info h3{margin:0 0 16px;font-size:19px;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#222}
.home-online-course-meta{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:16px;line-height:1.5}
.home-online-course-price{color:#ff3030}.home-online-course-people{color:#2cc65c}.home-online-course-hint{font-size:15px;line-height:1.6;color:#777}
@media(max-width:767px){.home-online-courses{width:calc(100% - 32px);margin:26px auto 36px}.home-online-courses h2{font-size:22px;margin-bottom:16px}.home-online-course-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.home-online-course{border-radius:14px}.home-online-course-info{padding:14px 12px 18px}.home-online-course-info h3{font-size:16px;margin-bottom:12px}.home-online-course-meta{font-size:14px}.home-online-course-hot{top:8px;left:8px;font-size:12px;padding:2px 8px}}