.cvg{--cvg-gap:16px;--cvg-radius:14px;--cvg-accent:#F06733;--cvg-main-bg:#111827;--cvg-item-bg:#fff;--cvg-item-active-bg:#fff2ec;--cvg-list-w:300px;--cvg-cols:3;max-width:100%;direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) var(--cvg-list-w);gap:var(--cvg-gap);align-items:stretch}.cvg *{box-sizing:border-box}.cvg button{font:inherit;margin:0}.cvg-main{background:var(--cvg-main-bg);border-radius:var(--cvg-radius);overflow:hidden;display:flex;flex-direction:column}.cvg--rtl .cvg-main,.cvg--rtl .cvg-item{direction:rtl}.cvg-stage{position:relative;aspect-ratio:16/9;background:#000;flex:none}.cvg-stage video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.cvg-poster{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;border-radius:0;cursor:pointer;background:#000 center/cover no-repeat}.cvg-poster::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .45),transparent 50%)}.cvg-play{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:var(--cvg-accent);display:grid;place-items:center;transition:transform .2s;box-shadow:0 8px 24px rgb(0 0 0 / .4)}.cvg-poster:hover .cvg-play{transform:translate(-50%,-50%) scale(1.1)}.cvg-play svg{width:30px;height:30px;fill:#fff;margin-left:4px}.cvg-info{padding:16px 20px;color:#fff;flex:1}.cvg-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#fff}.cvg-desc{margin:0;font-size:14px;line-height:1.7;color:#b6bac2}.cvg-desc:empty{display:none}.cvg-list{position:relative;min-height:0;min-width:0}.cvg-scroll{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;direction:ltr;padding:2px 6px 2px 2px;scrollbar-width:thin}.cvg-item{display:flex;gap:12px;align-items:center;width:100%;flex:none;text-align:start;background:var(--cvg-item-bg);border:2px solid #fff0;border-radius:12px;padding:8px;cursor:pointer;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.cvg-item:hover{box-shadow:0 4px 14px rgb(0 0 0 / .1);transform:translateY(-1px);background:var(--cvg-item-bg)}.cvg-item:focus-visible{outline:2px solid var(--cvg-accent);outline-offset:2px}.cvg-item.is-active,.cvg-item.is-active:hover{border-color:var(--cvg-accent);background:var(--cvg-item-active-bg)}.cvg-thumb{position:relative;flex:0 0 112px;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#222}.cvg-thumb video,.cvg-thumb img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.cvg-dur{position:absolute;bottom:4px;right:4px;background:rgb(0 0 0 / .8);color:#fff;font-size:11px;padding:1px 6px;border-radius:4px;direction:ltr}.cvg-dur:empty{display:none}.cvg-now{position:absolute;inset:0;display:none;place-items:center;background:rgb(240 103 51 / .8);color:#fff;font-size:12px;font-weight:700}.cvg-item.is-active .cvg-now{display:grid}.cvg-item.is-active .cvg-dur{display:none}.cvg-item-title{font-size:13px;font-weight:600;color:#111827;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:900px){.cvg{grid-template-columns:minmax(0,1fr)}.cvg-list{position:static;min-width:0}.cvg-scroll{position:static;flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px}.cvg--rtl .cvg-scroll{direction:rtl}.cvg-item{flex:0 0 calc((100% - (var(--cvg-cols) - 1) * 10px) / var(--cvg-cols));flex-direction:column;align-items:stretch;gap:6px;padding:5px;border-radius:10px}.cvg-thumb{flex:none;width:100%;border-radius:6px}.cvg-item-title{font-size:12px;line-height:1.5;-webkit-line-clamp:2}.cvg-dur{font-size:10px;padding:0 4px;bottom:3px;right:3px}.cvg-now{font-size:10px}}.cvg-thumb--empty{background:linear-gradient(135deg,#1f2937,#374151)}.cvg-thumb--empty::before{content:"";position:absolute;top:50%;left:50%;width:28px;height:28px;transform:translate(-50%,-50%);border-radius:50%;background:rgb(255 255 255 / .18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M9 6v12l9-6z'/%3E%3C/svg%3E") center/16px no-repeat}