.oyc{position:relative;--oyc-pv:3;--oyc-gap:20px;padding:0 0 8px}
.oyc-viewport{overflow:hidden}
.oyc-track{display:flex;gap:var(--oyc-gap);transition:transform .45s ease;will-change:transform;touch-action:pan-y}
.oyc-slide{flex:0 0 calc((100% - (var(--oyc-pv) - 1) * var(--oyc-gap)) / var(--oyc-pv));min-width:0}
.oyc-card{background:#fff;border-radius:10px;overflow:hidden;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.08);display:flex;flex-direction:column}
.oyc-thumb{position:relative;display:block;aspect-ratio:16/9;background:#000;overflow:hidden}
.oyc-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}
.oyc-thumb:hover img{transform:scale(1.04)}
.oyc-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.oyc-play{position:absolute;left:50%;top:50%;width:64px;transform:translate(-50%,-50%);transition:opacity .2s}
.oyc-play svg{width:100%;height:auto;display:block}
.oyc-play-bg{fill:#212121;fill-opacity:.85;transition:fill .2s}
.oyc-thumb:hover .oyc-play-bg{fill:#f00;fill-opacity:1}
.oyc-meta{padding:12px 14px 14px}
.oyc-title{font-size:15px;line-height:1.35;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oyc-date{font-size:12px;color:#777}
.oyc-arrow{position:absolute;top:calc(50% - 30px);transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:16px;line-height:40px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}
.oyc-arrow:hover{opacity:.85}
.oyc-arrow[disabled]{opacity:.3;cursor:default}
.oyc-prev{left:8px}.oyc-next{right:8px}
.oyc-dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.oyc-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;background:#ccc;cursor:pointer}
.oyc-dot.is-active{background:#333}
.oyc-error{padding:12px;border:1px dashed #d63638;color:#d63638;font-size:14px}
.oyc-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;padding:20px}
.oyc-lb-box{position:relative;width:min(960px,100%);aspect-ratio:16/9}
.oyc-lb-box iframe{width:100%;height:100%;border:0}
.oyc-lb-close{position:absolute;top:-44px;right:0;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer}