.vp-page-wrapper{padding:16px 200px;box-sizing:border-box;width:100%}@media (max-width:1280px){.vp-page-wrapper{padding:16px 120px}}@media (max-width:1024px){.vp-page-wrapper{padding:16px 60px}}@media (max-width:768px){.vp-page-wrapper{padding:12px 16px}}@media (max-width:480px){.vp-page-wrapper{padding:10px}}.vp-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.vp-header-title-wrap{padding-bottom:12px;border-bottom:2px solid #e5e7eb;position:relative}.vp-header-title{font-size:clamp(20px,3vw,28px);font-weight:500;color:#111;margin:0;position:relative;display:inline-block}.vp-header-underline{position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#000,transparent)}.vp-grid{display:grid;gap:14px;padding-top:10px;grid-template-columns:repeat(5,1fr)}@media (max-width:1024px){.vp-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (max-width:768px){.vp-grid{grid-template-columns:repeat(3,1fr);gap:10px}}@media (max-width:480px){.vp-grid{grid-template-columns:repeat(2,1fr);gap:8px}}.vp-card{position:relative;overflow:hidden;background:#000;cursor:pointer;border-radius:8px}.vp-card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .3s ease}.vp-card:hover .vp-card-img{transform:scale(1.05)}.vp-dark-overlay{position:absolute;inset:0;background:rgba(0,0,0,.2);z-index:1;transition:background .3s ease}.vp-card:hover .vp-dark-overlay{background:rgba(0,0,0,.38)}.vp-bottom-gradient{position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent);z-index:2;pointer-events:none}.vp-play{position:absolute;inset:0;pointer-events:none;z-index:3}.vp-play,.vp-play-circle{display:flex;align-items:center;justify-content:center}.vp-play-circle{width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.88);transition:transform .2s ease,background .2s ease;box-shadow:0 2px 12px rgba(0,0,0,.35)}@media (max-width:480px){.vp-play-circle{width:34px;height:34px}}.vp-card:hover .vp-play-circle{transform:scale(1.12);background:#fff}.vp-play-triangle{width:0;height:0;border-color:transparent transparent transparent #111;border-style:solid;border-width:7px 0 7px 13px;margin-left:3px}@media (max-width:480px){.vp-play-triangle{border-width:5px 0 5px 10px;margin-left:2px}}.vp-loader{display:flex;align-items:center;justify-content:center;height:40px;margin-top:16px;gap:6px}.vp-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:vp-bounce .6s infinite alternate}.vp-dot:nth-child(2){animation-delay:.15s}.vp-dot:nth-child(3){animation-delay:.3s}@keyframes vp-bounce{0%{transform:translateY(0);opacity:.6}to{transform:translateY(-8px);opacity:1}}.vp-empty{display:flex;align-items:center;justify-content:center;padding:80px 0;color:#9ca3af;font-size:14px}