.video-stage{position:relative;overflow:hidden;background:#020710}
.video-stage video{width:100%;height:100%;object-fit:contain;padding-bottom:48px;box-sizing:border-box}
.course-watermark{position:absolute;z-index:5;max-width:45%;pointer-events:none;user-select:none;white-space:pre-line;color:rgba(255,255,255,.55);text-shadow:0 1px 3px #000;font:12px/1.6 sans-serif;transition:left 1s,top 1s}
.course-trace{position:absolute;right:12px;bottom:60px;z-index:5;color:rgba(255,255,255,.36);font-size:10px;pointer-events:none;user-select:none}
.course-controls{position:absolute;bottom:0;left:0;right:0;z-index:8;display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:44px;box-sizing:border-box;background:#091323;color:#fff;font-size:12px}
.course-controls button,.course-controls select{background:#16263b;color:#fff;border:1px solid #2c4058;border-radius:6px;min-height:32px;padding:4px 8px;font-size:12px;white-space:nowrap;cursor:pointer}
.course-controls .course-seek{flex:1;min-width:45px;accent-color:#22c8e8}
.course-time{white-space:nowrap;font-variant-numeric:tabular-nums}
.video-stage:fullscreen,.video-stage.course-expanded{width:100vw!important;height:100dvh!important;max-height:none!important;aspect-ratio:auto!important}
.video-stage.course-expanded{position:fixed!important;inset:0;z-index:99999}
.video-stage video::-webkit-media-controls-fullscreen-button{display:none}
@media(max-width:540px){.course-controls{gap:5px;padding:6px;font-size:10px;flex-wrap:wrap}.course-controls button,.course-controls select{padding:3px 6px;font-size:11px}.course-time{font-size:10px}.course-watermark{font-size:10px}.course-seek{order:-1;flex-basis:100%!important;width:100%}.video-stage video{padding-bottom:70px}.course-trace{bottom:76px}}