.video-detail-layout{grid-template-columns:minmax(0,1fr) 420px}.video-detail__content{white-space:normal;display:flex;justify-content:center;align-items:center}.video-detail__video{width:min(100%,1080px);aspect-ratio:16/9;border-radius:4px;background:#000;border:0;max-height:62vh;display:block;margin:0 auto;-o-object-fit:contain;object-fit:contain}.video-recommend-panel{border-radius:8px}.video-recommend-item{grid-template-columns:116px minmax(0,1fr)}.video-recommend-thumb{position:relative;width:116px;aspect-ratio:16/9;display:block;overflow:hidden;background:#e8eef6}.video-recommend-thumb:after{left:50%;width:32px;height:32px;border-radius:50%;background:rgba(31,78,142,.82);box-shadow:0 8px 18px rgba(15,23,42,.22)}.video-recommend-thumb:after,.video-recommend-thumb:before{content:"";position:absolute;top:50%;transform:translate(-50%,-50%)}.video-recommend-thumb:before{z-index:1;left:calc(50% + 2px);border-left:9px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}.video-recommend-item .video-recommend-thumb{min-width:116px;display:block}.video-recommend-item .video-recommend-thumb img{width:100%;height:100%;border-radius:0;-o-object-fit:cover;object-fit:cover;display:block}:root[data-theme=light] .video-detail__video{border-color:var(--current-border,#D1D5DB)}:root[data-theme=dark] .video-recommend-thumb{background:#202838}@media (max-width:1280px){.video-detail-layout{grid-template-columns:minmax(0,1fr) 340px}.video-detail__video{width:min(100%,980px);max-height:58vh}.video-recommend-item{grid-template-columns:96px minmax(0,1fr)}.video-recommend-item .video-recommend-thumb,.video-recommend-thumb{width:96px;min-width:96px}}@media (max-width:980px){.video-detail-layout{grid-template-columns:1fr}.video-detail__video{width:100%;max-height:none}}@media (max-width:640px){.video-recommend-item{grid-template-columns:92px minmax(0,1fr)}.video-recommend-item .video-recommend-thumb,.video-recommend-thumb{width:92px;min-width:92px}}