.v-videos{background:var(--surface)}.v-videos-white{background:#fff}.v-footer{margin-top:var(--space-5);text-align:center}.v-note{margin-top:var(--space-5);text-align:center;font-size:var(--text-xs);color:var(--ink-faint)}.v-grid{gap:var(--space-4);display:grid}.v-grid[data-cols="4"]{grid-template-columns:repeat(4,1fr)}.v-grid[data-cols="3"]{grid-template-columns:repeat(3,1fr)}.v-grid[data-cols="2"]{grid-template-columns:repeat(2,1fr);max-width:820px;margin-inline:auto}.v-card{gap:var(--space-3);text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;width:100%;padding:0;font-family:inherit;display:flex}.v-thumb{border-radius:var(--radius);box-shadow:var(--shadow-sm);aspect-ratio:16/9;background:var(--surface-2);display:block;position:relative;overflow:hidden}.v-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.v-card:hover .v-thumb img,.v-hero:hover .v-thumb img{transform:scale(1.04)}.v-thumb:after{content:"";background:linear-gradient(#0a124000 40%,#0a12408c 100%);position:absolute;inset:0}.v-play{z-index:2;width:56px;height:56px;box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.v-play svg{width:24px;height:24px;color:var(--orange);margin-left:3px}.v-card:hover .v-play,.v-hero:hover .v-play{background:#fff;transform:translate(-50%,-50%)scale(1.08)}.v-play-lg{width:64px;height:64px}.v-play-lg svg{width:28px;height:28px}.v-result{z-index:2;font-size:var(--text-xs);color:#fff;background:#ff6a00eb;border-radius:999px;max-width:calc(100% - 24px);padding:5px 10px;font-weight:700;position:absolute;bottom:10px;left:12px}.v-meta{flex-direction:column;gap:1px;padding:0 2px;display:flex}.v-meta strong{font-size:var(--text-base);color:var(--navy-900);font-weight:800;line-height:1.25}.v-meta span{font-size:var(--text-xs);color:var(--ink-soft)}.v-hero{cursor:pointer;background:0 0;border:none;width:100%;max-width:880px;margin-inline:auto;padding:0;font-family:inherit;display:block}.v-hero .v-thumb{box-shadow:var(--shadow-lg)}.vlx{z-index:95;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060c22db;justify-content:center;align-items:center;padding:24px;animation:.2s v-fade;display:flex;position:fixed;inset:0}@keyframes v-fade{0%{opacity:0}to{opacity:1}}.vlx-box{width:100%;max-width:960px;position:relative}.vlx-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:-46px;right:0}.vlx-close:hover{background:#ffffff42}.vlx-close svg{width:20px;height:20px}.vlx-frame{aspect-ratio:16/9;border-radius:var(--radius);box-shadow:var(--shadow-lg);background:#000;position:relative;overflow:hidden}.vlx-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.v-filter{gap:var(--space-2);margin:0 0 var(--space-6);flex-wrap:wrap;justify-content:center;display:flex}.v-filter button{font-family:inherit;font-size:var(--text-sm);color:var(--ink-soft);border:1px solid var(--hairline);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-weight:600;transition:color .16s,border-color .16s,background .16s}.v-filter button:hover{color:var(--navy-900);border-color:var(--navy-900)}.v-filter button[aria-pressed=true]{color:#fff;background:var(--navy-900);border-color:var(--navy-900)}@media (max-width:1020px){.v-grid[data-cols="4"],.v-grid[data-cols="3"]{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.v-grid[data-cols="4"],.v-grid[data-cols="3"],.v-grid[data-cols="2"]{grid-template-columns:1fr}.vlx{padding:12px}.vlx-close{top:-44px}}@media (prefers-reduced-motion:reduce){.v-thumb img,.v-play{transition:none}.v-card:hover .v-thumb img,.v-hero:hover .v-thumb img{transform:none}.v-card:hover .v-play,.v-hero:hover .v-play{transform:translate(-50%,-50%)}.vlx{animation:none}}.v-kind{z-index:2;font-size:var(--text-2xs);letter-spacing:.04em;text-transform:uppercase;color:var(--navy-900);background:#ffffffeb;border-radius:999px;padding:4px 9px;font-weight:700;position:absolute;top:10px;left:12px}.v-card-wrap{gap:var(--space-2);flex-direction:column;display:flex}.v-detail-link{font-size:var(--text-sm);color:var(--navy-900);padding:0 2px;font-weight:700;text-decoration:none}.v-detail-link:hover{text-decoration:underline}
