.vgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.vstrip{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.vcard{flex-direction:column;min-width:0;display:flex}.vframe{aspect-ratio:16/9;background:var(--soft);border:1px solid var(--border);border-radius:6px;position:relative;overflow:hidden}.vframe iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.vthumb{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.vthumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s var(--ease);display:block}.vthumb:hover img{transform:scale(1.03)}.vplay{pointer-events:none;width:62px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vplay svg{width:100%;height:100%;display:block}.vplay-bg{fill:var(--ink-d);opacity:.78;transition:opacity .2s var(--ease), fill .2s var(--ease)}.vplay-tri{fill:#fff}.vthumb:hover .vplay-bg,.vthumb:focus-visible .vplay-bg{fill:var(--orange-d);opacity:1}.vthumb:focus-visible{outline:2px solid var(--orange);outline-offset:2px}.vmeta{padding:10px 2px 0}.vtitle{font-family:var(--serif);color:var(--ink);transition:color .15s var(--ease);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.vtitle:hover{color:var(--orange-d)}.vsub{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-top:6px;font-size:11px;display:flex}.vsub .vdt{color:var(--faint)}.vsec-more{font-family:var(--mono);color:var(--muted);font-size:11px}.vsec-more:hover{color:var(--orange-d)}@media (max-width:900px){.vgrid{grid-template-columns:1fr;gap:18px}.vstrip{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;grid-template-columns:none;grid-auto-columns:74%;grid-auto-flow:column;gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.vstrip .vcard{scroll-snap-align:start}.vplay{width:52px;height:37px}}