.vg-section{background:#f7f9f8;min-height:100vh}.vg-hero{text-align:center;clip-path:ellipse(110% 100% at 50% 0);background:linear-gradient(135deg,#0d3b3e 0%,#126568 55%,#1a8a8e 100%);padding:80px 24px 72px}.vg-hero-inner{max-width:680px;margin:0 auto}.vg-badge{color:#b8f0f2;letter-spacing:.12em;text-transform:uppercase;background:#ffffff26;border:1px solid #ffffff4d;border-radius:50px;margin-bottom:18px;padding:5px 16px;font-size:.75rem;font-weight:700;display:inline-block}.vg-hero-title{color:#fff;margin-bottom:14px;font-size:2.8rem;font-weight:800;line-height:1.15}.vg-hero-sub{color:#ffffffc7;font-size:1.05rem;line-height:1.75}.vg-body{max-width:1200px;margin:0 auto;padding:56px 24px 80px}.vg-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.vg-card{cursor:pointer;background:#fff;border-radius:16px;transition:transform .25s,box-shadow .25s;overflow:hidden;box-shadow:0 4px 18px #00000012}.vg-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #12656824}.vg-thumb-wrap{aspect-ratio:16/9;background:#1a1a1a;width:100%;position:relative;overflow:hidden}.vg-thumb{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.vg-card:hover .vg-thumb{transform:scale(1.04)}.vg-play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.vg-card:hover .vg-play-overlay{opacity:1}.vg-play-btn{color:#126568;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #0000004d}.vg-play-btn svg{width:24px;height:24px;margin-left:3px}.vg-card:hover .vg-play-btn{transform:scale(1.1)}.vg-card-body{padding:14px 16px 18px}.vg-card-title{color:#1f2937;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.93rem;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.vg-loading{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.vg-skeleton{aspect-ratio:16/9;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%) 0 0/200% 100%;border-radius:16px;animation:1.4s infinite vg-shimmer}@keyframes vg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vg-empty{text-align:center;color:#9ca3af;padding:80px 20px}.vg-empty-icon{margin-bottom:12px;font-size:3rem;display:block}.vg-modal-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s vg-fade-in;display:flex;position:fixed;inset:0}@keyframes vg-fade-in{0%{opacity:0}to{opacity:1}}.vg-modal{background:#111;border-radius:16px;width:100%;max-width:860px;position:relative;overflow:hidden;box-shadow:0 24px 64px #0009}.vg-modal-close{z-index:10;color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.6rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:12px;right:14px}.vg-modal-close:hover{background:#ffffff47}.vg-iframe-wrap{aspect-ratio:16/9;width:100%;position:relative}.vg-iframe-wrap iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.vg-modal-title{color:#f9fafb;background:#111;margin:0;padding:14px 20px;font-size:.95rem;font-weight:600}@media (max-width:1024px){.vg-grid,.vg-loading{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.vg-hero{clip-path:none;padding:60px 20px 48px}.vg-hero-title{font-size:2rem}}@media (max-width:540px){.vg-grid,.vg-loading{grid-template-columns:1fr}.vg-hero-title{font-size:1.6rem}}