.main[data-v-9ca423dd]{display:flex;flex-direction:column;align-items:center}.title[data-v-9ca423dd]{margin:0 4.23rem;color:#e8edf3;font-size:2.5rem;text-transform:uppercase;text-align:center}html[lang=zh] .title[data-v-9ca423dd]{font-family:maoken,sans-serif}.video-grid[data-v-9ca423dd]{display:grid;grid-template-columns:repeat(4,1fr);gap:2.88rem 2.33rem;margin-top:3rem;margin-bottom:24rem;width:100%;padding:0 4.23rem;box-sizing:border-box}.video-item[data-v-9ca423dd]{display:flex;flex-direction:column;align-items:flex-start}.video-thumb[data-v-9ca423dd]{position:relative;width:100%;aspect-ratio:16 / 9;background:#101010;border-radius:.75rem;overflow:hidden;cursor:pointer;color:#555;display:flex;justify-content:center;align-items:center;font-size:1.75rem}.video-thumb.placeholder[data-v-9ca423dd]{cursor:default}.video-thumb img[data-v-9ca423dd]{width:100%;height:100%;object-fit:cover}.video-title[data-v-9ca423dd]{margin-top:.9rem;color:#fff;font-size:1.5rem;line-height:1.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.overlay[data-v-9ca423dd]{position:absolute;inset:0;background:#002b6dcc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.video-thumb:not(.placeholder):hover .overlay[data-v-9ca423dd]{opacity:1}.view-btn[data-v-9ca423dd]{padding:.5rem 2rem;border-radius:5rem;background:#fff;color:#002b6d;font-size:1.25rem;transition:transform .25s ease}.view-btn[data-v-9ca423dd]:hover{transform:scale(1.08)}