*{box-sizing:border-box}html{color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:radial-gradient(ellipse at 50% 0,#283e30 0,#14231c 50%,#0e1915 100%);color:#f5f0df;font-family:"Microsoft YaHei",system-ui,sans-serif;min-height:100vh}
main{width:100%;max-width:min(1680px,calc((100dvh - 144px) * 1.6 + 24px));margin:0 auto;padding:12px 12px 6px}header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px}h1{font-family:"Songti SC","SimSun",serif;font-weight:500;letter-spacing:.04em;font-size:clamp(19px,2.2vw,27px);line-height:1.4;margin:0}.subtitle{font-size:11px;color:#bac4b4;margin:0;white-space:nowrap}.subtitle span{margin:0 5px}
.screen{display:flex;justify-content:center;background:transparent;border:0;border-radius:0;overflow:hidden;box-shadow:none}video{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:8/5;object-fit:contain;background:transparent}
.screen:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100dvh;background:#14231c}.screen:fullscreen video{width:min(100vw,calc(100dvh * 1.6));height:auto;max-width:100vw;max-height:100dvh;aspect-ratio:8/5;object-fit:contain;background:transparent}video:fullscreen{width:100%;height:100%;object-fit:contain;background:#14231c}
.tools{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 0 0}.play-tools,.settings{display:flex;align-items:center;gap:8px;flex-wrap:wrap}button,select{font:inherit;font-size:12px;color:#e6e9dc;border:1px solid #82937b70;border-radius:5px;padding:8px 11px;min-height:40px;background:#22372a}button{cursor:pointer}.primary{background:#e3dec2;color:#203a2b;border-color:#e3dec2;padding-inline:18px}button:hover{filter:brightness(1.12)}button:focus-visible,select:focus-visible{outline:2px solid #e3d79c;outline-offset:3px}label{font-size:11px;color:#b8c3b0}#status{font-size:11px;line-height:1.6;min-height:18px;color:#bdc8b3;margin:5px 0 0}[hidden]{display:none!important}
@media(max-width:600px){main{max-width:100%;padding:8px 0 6px}header{padding:0 10px;margin-bottom:8px;gap:8px}h1{font-size:19px;letter-spacing:0;white-space:nowrap}.subtitle{font-size:10px}.subtitle span{margin:0 3px}.tools{padding:8px 8px 0;gap:8px}.play-tools,.settings{gap:6px}.settings{margin-left:auto}button,select{font-size:11px;padding:8px;min-height:44px}label{display:none}#status{padding:0 10px}}
@media(orientation:landscape) and (max-height:550px){main{max-width:none;padding:0}header,#status{display:none}.tools{padding:5px 8px 0}.screen video{width:min(100vw,calc((100dvh - 50px) * 1.6));height:auto;max-width:100%}button,select{min-height:36px;padding:6px 10px}.screen:fullscreen video{width:min(100vw,calc(100dvh * 1.6))}}