#front-container{padding:0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);max-width:842px;margin:0 auto}.video-list-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:6px;padding:6px}.video-card{display:block;text-decoration:none;color:#fff;border-radius:6px;overflow:hidden;position:relative}.video-card-poster{position:relative;width:100%;padding-bottom:177.78%;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#e5e5e5}.video-card-meta{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;padding:6px 8px;font-size:12px;color:rgba(255,255,255,0.9);background:linear-gradient(to top, rgba(0,0,0,0.55), transparent)}.video-card-play{display:inline-flex;align-items:center}.play-icon{display:inline-block;width:0;height:0;margin-right:4px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(255,255,255,0.9)}.load-more-wrap{padding:6px;text-align:center}.load-more-btn{display:none;padding:10px 0;font-size:14px;color:#999}