@charset "UTF-8";.container{display:flex;padding-top:20px}.container .video-container{flex:2;margin-right:32px}.container .video-container .video .video-iframe{width:100%}.container .video-container .video .video-iframe iframe{width:100%;aspect-ratio:16/9;height:auto}.container .video-container .video-title{margin:8px 0 4px}.container .video-container .video-title h2{font-size:20px}.container .video-container .video-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:4px}.container .video-container .video-tags__tag{font-size:13px;color:#606060;transition:opacity .3s ease}.container .video-container .video-meta__views,.container .video-container .video-meta__pubDate{font-size:13px;color:#666}.container .related-videos-container{flex:1;width:30%}.container .related-videos-container h3.related-title{font-size:18px;justify-content:space-between;align-items:center;margin-bottom:12px;border-bottom:1px solid rgba(0,0,0,.1)}.container .related-videos-container .related-video{margin-left:8px;margin-bottom:18px;width:300px}.container .related-videos-container .related-video__thumbnail{position:relative;width:250px;margin-bottom:6px}.container .related-videos-container .related-video__thumbnail img{width:100%;object-fit:cover;border-radius:6px;display:block}.container .related-videos-container .related-video__thumbnail .video-duration{position:absolute;bottom:3px;right:3px;background-color:#000c;color:#fff;padding:2px 4px;border-radius:4px;font-size:1.2rem}.container .related-videos-container .related-video__info .related-video__title{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#0f0f0f}.container .related-videos-container .related-video__info .search-video-tags{list-style:none;display:flex;flex-wrap:wrap;margin-bottom:2px}.container .related-videos-container .related-video__info .search-video-tags .search-video-tag{margin-right:8px;font-size:12px;color:#606060}.container .related-videos-container .related-video__info .related-video__meta{font-size:12px;color:#666}.video-actions{margin-top:15px;display:flex;gap:10px}.video-actions button{background:#f1f1f1;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.related-videos h3{margin-bottom:10px}.related-item{display:flex;gap:10px;margin-bottom:12px;cursor:pointer}.related-item img{width:80px;height:45px;object-fit:cover;border-radius:4px}.related-info .title{font-size:14px;margin:0}.related-info .meta{font-size:12px;color:#666}