*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{display:flex;flex-direction:column;background:#f4f2eb;color:#304b41;font-family:system-ui,"Microsoft YaHei",sans-serif}.player-bar{flex:none;display:flex;align-items:center;gap:12px;min-height:44px;padding:env(safe-area-inset-top,0px) max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));border-bottom:1px solid #cdd4c6;background:#f4f2eb}.player-bar a,.player-bar button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;color:inherit;font:inherit;font-size:13px;white-space:nowrap}.player-bar a{text-decoration:none}.player-bar a:hover{text-decoration:underline}.player-bar h1{flex:1;margin:0;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.player-bar button{border:0;background:transparent;cursor:pointer}.player-bar [hidden]{display:none}.player-bar :is(a,button):focus-visible{outline:2px solid #46684e;outline-offset:-3px}.player-stage{flex:1;min-height:0}iframe{display:block;width:100%;height:100%;border:0;background:#f4f2eb}