*,body,html{margin:0;padding:0}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.video_cls{height:300px}.absolute_btn{position:absolute;z-index:999}@media only screen and (min-width:0px){.absolute_btn{top:250px}}@media only screen and (min-width:560px){.video_cls{height:400px}.absolute_btn{top:350px}}@media only screen and (min-width:768px){.video_cls{height:500px}.absolute_btn{top:450px}}@media only screen and (min-width:1080px){.video_cls{height:600px}.absolute_btn{top:550px}}@media only screen and (min-width:1400px){.video_cls{height:700px}.absolute_btn{top:650px}}@media only screen and (min-width:1800px){.video_cls{height:800px}.absolute_btn{top:750px}}.click_btn{font-size:16px;font-weight:600;letter-spacing:1px;padding:7px 10px 7px;border-radius:0 5px 5px 0;outline:0;border:0 solid #000;cursor:pointer;position:relative;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;background-color:rgba(255,228,76,.4235294117647059);color:#ffe44c}.click_btn:active{transform:scale(1.1)}@media (min-width:768px){.click_btn{padding:7px 25px 7px}}

/* --- PC 端强制按“移动端画布”居中显示（覆盖上面的宽屏自适应规则） --- */
:root{--app-max-width:420px}
html,body{height:100%}
body{display:flex;justify-content:center;align-items:flex-start;background:#fff}
#app{width:100%;max-width:var(--app-max-width);margin:0 auto;position:relative}
.video_cls{width:100%!important;height:auto!important;aspect-ratio:16/9;display:block;background:#000;margin-top:10px!important}
.absolute_btn{display:none!important}

/* 取消“近/远”切换：按钮仅作为“近”标识，不可点击 */
.click_btn{pointer-events:none;cursor:default}
.click_btn[disabled]{opacity:1;filter:none}
.click_btn:active{transform:none!important}

/* 广告图片：与视频保持一致的比例（默认按 16:9），避免拉伸变形 */
#app img[alt=""]{width:100%!important;height:auto!important;aspect-ratio:16/9;object-fit:cover;display:block;margin:10px 0 0}