.vgf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.vgf-item{position:relative}
.vgf-thumb{position:relative;cursor:pointer;overflow:hidden;}
.vgf-thumb img{width:100%;height:350px;display:block}
.vgf-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#f5f5f5;padding:10px 14px;border-radius:50%;font-size:22px;    border: 5px solid #f5f5f5;}
#vgf-loadmore{display:block;margin:10px auto;padding:10px 18px;background:#00000000;color:#000;border:1px solid #000;cursor:pointer;line-height:1.5rem;font-size:1rem;transition: all .3s;}
#vgf-loadmore:hover{background:#000000;color:#fff;}
.vgf-popup{position:fixed;inset:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:99999}
.vgf-popup .vgf-close{position:absolute;top:16px;right:20px;color:#fff;font-size:28px;cursor:pointer}
.vgf-popup .vgf-content{width:80%;max-width:1100px}
.vgf-popup iframe{width:100%;height:600px;border:0}
.vgf-popup video{width:100%;height:600px}
.vgf-title {text-align: center;margin-top: 15px;font-size: 18px;color: #333;font-weight: 500;margin-bottom: 15px;}
@media(max-width:900px){.vgf-grid{grid-template-columns:repeat(2,1fr)} .vgf-popup iframe,.vgf-popup video{height:400px}}
@media(max-width:480px){.vgf-grid{grid-template-columns:repeat(1,1fr)} .vgf-popup iframe,.vgf-popup video{height:260px}}