/* Reference frame: source pixels (36,36)-(2954,1678), scaled to 2000 units. */
:root { color-scheme: dark; --navy: #001f39; --station: #001e3c; --system: #1c2c49; --cyan: #00cbe3; }
* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; background: #000; }
body { display: grid; place-items: center; }
.screen { position: absolute; width: 2000px; height: 1125.43px; overflow: hidden; border-radius: 24px; transform-origin: center; color: #fff; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; letter-spacing: 0; }
.view { position: absolute; inset: 0; overflow: hidden; }
.view > * { position: absolute; margin: 0; }
.reference { left: -24.674px; top: -24.674px; width: 2049.349px; max-width: none; pointer-events: none; }
.dashboard-reference { height: 1177.52px; }
.cooperation-reference { height: 1181.63px; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
button:focus-visible, a:focus-visible, .map-viewport:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.launch-mask { left: 921px; top: 114px; width: 150px; height: 90px; background: var(--navy); }
.start-cooperation { left: 918px; top: 114px; width: 155px; height: 124px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.start-symbol { position: absolute; left: 29px; top: 11px; width: 97px; height: 72px; border-radius: 50%; background-image: url("assets/dashboard-reference.png"); background-size: 2049.349px 1177.52px; background-position: -971.674px -149.674px; }
.start-cooperation:active .start-symbol { filter: brightness(1.15); }
.launch-note-mask { left: 568px; top: 236px; width: 862px; height: 48px; background: var(--navy); }
.launch-note-mask::after { content: ""; position: absolute; left: 0; right: 0; top: 21px; height: 3px; background: #245fae; }
.station-info { left: 1445px; top: 529px; width: 520px; height: 188px; background: var(--station); }
.station-info h2 { margin: 0; height: 40px; width: 345px; padding: 1px 14px; font-family: SimSun, "Songti SC", serif; font-size: 30px; font-weight: 400; background: linear-gradient(90deg,#2d78d5,#205795 70%,var(--station)); }
.station-info p { margin: 0; height: 52px; padding: 8px 14px; font-size: 27px; line-height: 35px; }
.map { left: 588px; top: 286px; width: 822px; height: 438px; overflow: hidden; border: 1px solid #a0bbc9; background: #e8f0f2; }
.map-viewport { position: absolute; inset: 0; overflow: hidden; touch-action: none; cursor: grab; }
.map-viewport.dragging { cursor: grabbing; }
#map-image { display: block; width: 100%; height: 100%; user-select: none; transform-origin: center; }
.map-tools { position: absolute; right: 12px; top: 12px; display: flex; flex-direction: column; box-shadow: 0 1px 5px #60778255; }
.map-tools button { width: 36px; height: 36px; border: 1px solid #bacbd1; border-bottom: 0; background: #fff; color: #29475c; font: 26px/1 Arial,sans-serif; cursor: pointer; }
.map-tools button:last-child { border-bottom: 1px solid #bacbd1; }
.map-tools button:disabled { opacity: .5; cursor: default; }
.map-source { position: absolute; right: 4px; bottom: 2px; padding: 2px 4px; font-size: 11px; color: #44616b; background: #ffffffb8; text-decoration: none; }
.light-value { left: 1705px; width: 149px; height: 41px; background: #2155a7; text-align: center; font: 700 33px/41px Arial,sans-serif; }
.green-value { top: 348px; }.red-value { top: 412px; }.yellow-value { top: 478px; }
.hit { border: 0; background: transparent; padding: 0; cursor: pointer; width: 74px; height: 42px; }
.green-minus,.red-minus,.yellow-minus { left: 1630px; }
.green-plus,.red-plus,.yellow-plus { left: 1854px; }
.green-minus,.green-plus { top: 348px; }.red-minus,.red-plus { top: 412px; }.yellow-minus,.yellow-plus { top: 478px; }
.status { top: 186px; width: 122px; height: 45px; cursor: default; opacity: 1; }
.status-one { left: 594px; }.status-two { left: 752px; }.status-three { left: 1133px; }.status-four { left: 1288px; }
.timer-mask { left: 1567px; top: 266px; width: 289px; height: 288px; background: var(--system); }
.timer-note-mask { left: 1682px; top: 539px; width: 276px; height: 142px; background: var(--system); }
.timer-ring { left: 1586px; top: 286px; width: 260px; height: 254px; border: 2px solid #008ba9; border-top-color: #123d58; border-radius: 50%; padding: 15px; background: linear-gradient(180deg,#1c2c49 0%,#1c2c49 8%,#078b9c 64%,#00d7c0 100%) content-box; }
.timer-face { position: absolute; inset: 51px; border-radius: 50%; background: var(--system); display: grid; place-items: center; text-align: center; }
#elapsed { color: #fff; font: 700 32px/1.25 "Microsoft YaHei", "PingFang SC", sans-serif; }
.simulation-note-mask { left: 1150px; top: 832px; width: 232px; height: 92px; background: var(--system); }
.simulation-circle-mask { left: 1350px; top: 830px; width: 481px; height: 233px; background: var(--system); }
.simulation-circle-mask::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 7px; border-top: 3px solid #00182c; background: var(--navy); }
.simulation { left: 1382px; top: 908px; width: 400px; height: 83px; border: 0; border-radius: 14px; background: #787273; color: white; opacity: 1; font-family: SimSun,"Songti SC",serif; font-size: 39px; box-shadow: 3px 7px 5px #101e35; }
.return-dashboard { left: 702px; top: 0; width: 590px; height: 115px; }
.home { position: absolute; left: 24px; top: 8px; width: 190px; height: 45px; }
[hidden] { display: none; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.native-text-layer { position: absolute; inset: 0; pointer-events: none; }
.native-text { position: absolute; display: flex; align-items: center; padding: 0 3px; white-space: nowrap; background: var(--station); font-weight: 500; line-height: 1.1; }
.native-text.center { justify-content: center; }
.native-text.title-text { justify-content: center; background: #001d33; font-weight: 600; }
.native-text.ribbon { background: linear-gradient(90deg,#2b70c7,#1c4e86); }
.native-text.status-label { justify-content: center; background: #092677; }
.native-text.yellow-text { justify-content: center; color: #ffff00; background: #0b2377; font-weight: 700; }
.native-text.badge-green { justify-content: center; color: white; background: #00bc42; }
.native-text.badge-yellow { justify-content: center; color: white; background: #ffbe00; }
.native-text.input-text { background: #2155a7; }
.native-text.device-text { background: #10192d; }
.native-text.system-text { background: var(--system); }
.native-text.vertical { writing-mode: vertical-rl; justify-content: center; }
.native-text.speed-text { background: var(--system); }
.native-title { position: absolute; z-index: 1; left: 760px; top: 31px; width: 480px; height: 54px; display: flex; align-items: center; justify-content: center; margin: 0; background: #001d33; font-size: 38px; font-weight: 600; pointer-events: none; }