/* PC端竖屏播放页：居中显示手机宽度，两边黑边 */ @media (min-width: 768px) { #view-vertical.active { background: #000; } #view-vertical.active #vplayer-container { width: 420px; left: 50%; transform: translateX(-50%); } #view-vertical.active #vside-actions { right: calc(50% - 210px + 16px); } #view-vertical.active #vside-trigger { right: calc(50% - 210px); } #view-vertical.active #vbottom-nav, #view-vertical.active #vep-panel, #view-vertical.active #vrp-panel, #view-vertical.active #vcp-panel { width: 420px; left: 50%; transform: translateX(-50%); } #view-vertical.active #vvod-info { left: calc(50% - 210px); right: auto; width: 420px; } #view-vertical.active #vprogress { left: calc(50% - 210px); right: auto; width: 388px; } #view-vertical.active #vtime { left: auto; right: calc(50% - 210px + 16px); } } #vplayer-container .art-video-player .art-controls, #vplayer-container .art-video-player .art-bottom, #vplayer-container .art-video-player .art-progress, #vplayer-container .art-video-player .art-header, #vplayer-container .art-video-player .art-tip { display:none !important; } /* 播放器16:9居中，不拉伸，视频contain不变形 */ #vplayer-container{width:100%!important;height:auto!important;aspect-ratio:16/9!important;top:calc(50% - 35px)!important;transform:translateY(-50%)!important} #vplayer-container video { width:100% !important; height:100% !important; object-fit:contain !important; background:#000; } /* 强制所有圆形按钮保持圆形，不被全站去圆角规则影响 */ .vside-btn,.circle-44,.vbottom-nav,.vep-panel,.vrp-panel{border-radius:50%!important} .vbottom-nav{border-radius:16px!important} .circle-44{width:44px!important;height:44px!important}