.ytvg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:12px;box-sizing:border-box;}
@media(max-width:900px){.ytvg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.ytvg-grid{grid-template-columns:repeat(1,1fr);}}
.ytvg-item{background:#fff;padding:8px;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,0.06);}
.ytvg-thumb{width:100%;padding-top:56.25%;background-size:cover;background-position:center;border:6px solid #bf5fff;border-radius:6px;position:relative;transition:transform .18s ease, box-shadow .18s ease;}
.ytvg-item:hover .ytvg-thumb{transform:translateY(-6px);box-shadow:0 8px 20px rgba(191,95,255,0.14);}
.ytvg-title{margin-top:8px;font-weight:600;font-size:15px;color:#222;text-align:center;padding:0 6px;}
.ytvg-modal{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);display:flex;align-items:center;justify-content:center;z-index:99999;}
.ytvg-modal-inner{width:90%;max-width:900px;background:#000;padding:12px;position:relative;border-radius:6px;}
.ytvg-frame iframe{width:100%;height:480px;border:0;}
.ytvg-close{position:absolute;right:8px;top:6px;background:transparent;color:#fff;border:0;font-size:28px;cursor:pointer;}