.hg-page .hg-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.hg-page .hg-video-card,.hg-page .hg-local-button{display:block;width:100%;padding:0;text-align:left;color:var(--ink,#fff);background:var(--surface);border:1px solid var(--line);border-radius:20px;cursor:pointer;overflow:hidden;}
.hg-page .hg-video-card:hover{border-color:#428dff;}
.hg-page .hg-thumb{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;}
.hg-page .hg-thumb img{width:100%;height:100%;object-fit:cover;}
.hg-page .hg-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#ffda00;color:#111;font-size:22px;box-shadow:0 4px 24px #0008;z-index:2;}
.hg-page .hg-label{display:block;padding:14px 16px;font-size:14px;line-height:1.45;font-weight:600;}
.hg-page .hg-label small{display:block;margin-top:6px;font-size:14px;font-weight:400;}
.hg-page .hg-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:28px;}
.hg-page .hg-gallery>figure,.hg-page .hg-gallery>.hg-local{flex:0 0 var(--hg-width,280px);width:var(--hg-width,280px);max-width:100%;margin:0;box-sizing:border-box;}
.hg-page .hg-gallery>figure>img,.hg-page .hg-local-media>img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:contain;padding:0;border-radius:18px 18px 0 0;}
.hg-page .hg-gallery figcaption{position:relative;color:#f5f7fb;font-size:14px;line-height:1.45;}
html[data-theme="light"] .hg-page .hg-gallery figcaption{color:#152030;}
.hg-page .hg-local-media{display:block;position:relative;}
.hg-page .hg-local-button{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s;}
.hg-page .hg-shine{position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 10%,#48d7ff77 30%,#9d00ff88 48%,#ffdd0088 65%,transparent 85%);background-size:240% 100%;background-position:var(--shine-x,50%) 50%;mix-blend-mode:screen;transition:opacity .2s;}
.hg-page .hg-local-button:hover .hg-shine{opacity:.6;}
.hg-page button:focus-visible{outline:3px solid #428dff;outline-offset:4px;}
@media(max-width:860px){.hg-page .hg-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:540px){.hg-page .hg-video-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.hg-page .hg-local-button{transform:none;transition:none;}}
.hv-video-dialog{position:fixed;inset:0;margin:auto;width:min(1240px,96vw);max-width:96vw;max-height:94dvh;padding:48px 16px 16px;border:1px solid #ffffff40;border-radius:20px;background:#080d16;color:#fff;overflow:auto;overscroll-behavior:contain;}
.hv-video-dialog::backdrop{background:#000d;backdrop-filter:blur(6px);}
.hv-video-dialog .hv-player{width:100%;height:min(68dvh,680px);min-height:200px;}
.hv-video-dialog .hv-player iframe,.hv-video-dialog .hv-player video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000;}
.hv-video-dialog .hv-close{position:absolute;right:12px;top:8px;width:36px;height:36px;background:#26334a;color:#fff;border:0;border-radius:50%;font:26px Arial;cursor:pointer;}
.hv-video-dialog .hv-status{color:#fff;font:14px/1.4 Arial;}
.hv-video-dialog .hv-external{color:#a8ceff;text-decoration:underline;font:14px Arial;}