.el-app{--el-bg:#07121e;--el-panel:#0d1d2e;--el-line:#234157;--el-cyan:#56dce8;--el-text:#e9f5fa;--el-muted:#9bb4c8;background:var(--el-bg);min-height:100dvh;color:var(--el-text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:14px/1.5 Segoe UI,Microsoft YaHei,sans-serif}.el-app *,.el-app :before,.el-app :after{box-sizing:border-box}.el-app button,.el-app a{font:inherit}.el-app button{border:1px solid var(--el-line);color:var(--el-text);cursor:pointer;text-align:left;background:#102338;border-radius:5px;padding:7px 12px}.el-app button:hover:not(:disabled),.el-app a:hover,.el-app button[aria-pressed=true]{color:var(--el-cyan);background:#123145;border-color:#49aabf}.el-app button:focus-visible,.el-app a:focus-visible{outline:2px solid var(--el-cyan);outline-offset:3px}.el-app button:disabled{opacity:.52;cursor:default}.el-app a{color:var(--el-muted);text-decoration:none}.el-app h1,.el-app h2,.el-app h3,.el-app p{margin:0}.el-app p,.el-app small{color:var(--el-muted)}.el-header{border-bottom:1px solid var(--el-line);background:#0a1929;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:9px clamp(16px,4vw,60px);display:flex}.el-brand,.el-header-actions{align-items:center;gap:12px;display:flex}.el-brand{font-weight:700;line-height:1.2}.el-brand small{letter-spacing:.19em;margin-top:4px;font-size:9px;display:block}.el-brand-icon{width:35px;height:35px;color:var(--el-cyan);border:1px solid #3d8499;border-radius:7px;place-items:center;font-size:20px;display:grid}.el-header-actions{flex-wrap:wrap;justify-content:flex-end}.el-header-actions a{border:1px solid #0000;border-radius:5px;padding:7px 8px}.el-home,.el-task-page{max-width:1350px;margin:auto;padding:34px clamp(16px,5vw,74px) 42px}.el-kicker{letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--el-cyan)!important}.el-kicker i,.el-stage-bar i{background:var(--el-cyan);border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 12px #56dce881}.el-stage{isolation:isolate;border:1px solid var(--el-line);background:radial-gradient(at 54% 46%,#1d4058,#0b1a29 68%,#08121d);border-radius:10px;min-width:0;position:relative;overflow:hidden}.el-stage-bar{z-index:2;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex;position:absolute;top:0;left:0;right:0}.el-modes,.el-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.el-mode{border:1px solid var(--el-line);background:linear-gradient(130deg,#11253a,#0d1b2b);border-radius:9px;padding:15px}.el-mode-top{justify-content:space-between;align-items:center;display:flex}.el-mode-top span{color:var(--el-cyan);border:1px solid #31566c;border-radius:7px;place-items:center;width:33px;height:33px;font-size:21px;display:grid}.el-mode-top small{letter-spacing:.14em;font-size:10px}.el-mode p{margin:3px 0 11px;font-size:12px}.el-mode button{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:6px;display:flex}.el-mode button span{color:var(--el-cyan)}.el-task-page h1{margin:7px 0;font-size:38px}.el-task-page>.el-segment{margin:22px 0 14px}.el-segment,.el-teach{flex-wrap:wrap;gap:6px;display:flex}.el-task-grid{margin-bottom:22px}.el-app .el-task{align-content:start;gap:7px;min-height:144px;padding:14px;display:grid}.el-task strong{font-size:17px}.el-task span{color:var(--el-muted);font-size:12px}.el-task i{color:var(--el-cyan);font-size:12px;font-style:normal}.el-app .el-primary{color:#05222b;background:#65dce5;border-color:#65dce5;font-weight:700}.el-app .el-primary:hover:not(:disabled){color:#05222b;background:#a4f4f6}.el-work-title{justify-content:space-between;align-items:flex-end;gap:14px;padding:14px 18px 13px;display:flex}.el-work-title h1{margin-top:4px;font-size:clamp(22px,3vw,30px);line-height:1.15}.el-work-title span,.el-work-meta{color:var(--el-muted);font-size:12px}.el-work-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.el-work-meta b{color:var(--el-cyan)}.el-work{grid-template-columns:minmax(150px,198px) minmax(0,1fr) minmax(172px,226px);align-items:start;gap:11px;padding:0 14px 14px;display:grid}.el-stage{height:max(500px,100dvh - 164px)}.el-stage-bar{pointer-events:none}.el-stage-bar button{pointer-events:auto;font-size:12px}.el-stage-bottom{pointer-events:none;justify-items:center;gap:6px;padding:0 8px;display:grid;position:absolute;bottom:10px;left:0;right:0}.el-stage-bottom button{pointer-events:auto}.el-viewport,.el-tags{position:absolute;inset:0}.el-viewport canvas{touch-action:none;width:100%;height:100%;display:block}.el-tags{pointer-events:none}.el-tags span{white-space:nowrap;color:#d9fbff;background:#082637e8;border:1px solid #4da3b8;border-radius:3px;padding:3px 6px;font-size:11px;position:absolute;transform:translate(-50%,-136%)}.el-tags span:after{content:"";background:#56dce8;width:1px;height:8px;position:absolute;top:100%;left:50%}.el-webgl{color:var(--el-muted);text-align:center;pointer-events:none;padding:10px;position:absolute;inset:30% 18%}.el-panel{border:1px solid var(--el-line);background:var(--el-panel);border-radius:7px;overflow:hidden}.el-panel h2{border-bottom:1px solid var(--el-line);background:#112639;justify-content:space-between;padding:10px 12px;font-size:13px;display:flex}.el-panel h2 span{color:var(--el-cyan)}.el-panel-body{padding:11px 12px}.el-panel-body h3{margin-top:5px;font-size:17px}.el-panel-body p{margin:6px 0 9px;font-size:12px;line-height:1.65}.el-sidebar{gap:9px;display:grid}.el-stations,.el-tools,.el-options{gap:5px;display:grid}.el-tools{grid-template-columns:repeat(2,1fr)}.el-tools .el-safety{grid-column:1/-1}.el-sidebar button{font-size:12px}.el-sidebar .el-teach{margin-top:8px}.el-scroll{max-height:max(445px,100dvh - 230px);padding:6px;overflow:auto}.el-app .el-system,.el-app .el-part,.el-app .el-steps button{background:0 0;border-color:#0000;width:100%;padding:7px 6px;font-size:12px;display:block}.el-app .el-part{color:var(--el-muted);padding-left:17px}.el-app .el-steps button{align-items:baseline;gap:7px;display:flex}.el-steps button span{color:var(--el-cyan);font-variant-numeric:tabular-nums;min-width:15px}.el-app .el-steps button[aria-current=step]{opacity:1;background:#123145;border-color:#377b90}.el-status{color:var(--el-muted);background:#102234;border-left:2px solid #4c99ae;padding:7px 9px;font-size:12px}.el-question-numbers{flex-wrap:wrap;gap:5px;display:flex}.el-question-numbers span{border:1px solid var(--el-line);color:var(--el-muted);border-radius:4px;padding:3px 7px}.el-question-numbers span[data-state=current]{border-color:var(--el-cyan);color:var(--el-cyan)}.el-question-numbers span[data-state=done]{background:#17465b}.el-overlay{z-index:8;background:#020912bb;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.el-modal{background:#102135;border:1px solid #3d7d93;border-radius:10px;width:min(100%,420px);padding:23px}.el-modal h2{margin:5px 0;font-size:26px}.el-modal label{cursor:pointer;margin:11px 0;display:block}.el-modal label input{accent-color:var(--el-cyan)}.el-modal>.el-primary{margin-top:10px}.el-results{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0;display:grid}.el-results span{border:1px solid var(--el-line);color:var(--el-muted);padding:10px;display:grid}.el-results b{color:var(--el-cyan);font-size:26px}@media (width<=920px){.el-work{grid-template-columns:146px minmax(0,1fr) 158px;gap:7px;padding-inline:8px}.el-panel-body{padding:8px}}@media (width<=680px){.el-header{padding-inline:10px}.el-brand{gap:7px;font-size:12px}.el-header-actions{gap:4px;font-size:11px}.el-header-actions button,.el-header-actions a{padding:5px}.el-home,.el-task-page{padding-top:21px}.el-modes{grid-template-columns:1fr}.el-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.el-work{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.el-stage{grid-area:1/1/auto/-1;height:54dvh;min-height:285px}.el-scroll{max-height:390px}}.el-app .el-start-practice{margin-top:18px}.el-walkthrough{background:#11283a;border:1px solid #386b7e;border-radius:7px;flex-wrap:wrap;align-items:center;gap:8px 17px;margin:0 14px 11px;padding:9px 11px;display:flex}.el-walkthrough span{align-items:center;gap:6px;display:inline-flex}.el-walkthrough b{width:20px;height:20px;color:var(--el-cyan);background:#184355;border-radius:50%;place-items:center;font-size:11px;display:grid}.el-walkthrough button{margin-left:auto}.el-help{width:min(100%,540px);max-height:90dvh;overflow:auto}.el-help h3{margin-top:14px}.el-help ol{padding-left:22px;list-style:decimal}.el-help li,.el-help p{color:var(--el-muted);margin:7px 0}.el-help strong{color:var(--el-text)}.el-help .el-teach{margin-top:15px}@media (width<=680px){.el-walkthrough{margin-inline:8px;font-size:12px}}body{background:#07121e;margin:0}.el-app button,.el-app input{font-family:inherit}.el-app{--el-bg:#041326;--el-panel:#061e38;--el-line:#27618b;--el-cyan:#64efff;--el-text:#effaff;--el-muted:#abc6e3}.el-header{z-index:2;background:linear-gradient(#04152c,#0c3465);border-bottom:1px solid #2e80b0;min-height:53px;padding-inline:clamp(12px,2.8vw,44px);position:relative;box-shadow:0 5px 22px #0006,inset 0 -2px #599edf16}.el-brand-icon{background:#052041;border-color:#50caec;box-shadow:0 0 15px #3dc5ff45,inset 0 0 9px #40bfff2e}.el-header-actions button{background:#082952;border-color:#326f9e}.el-home{isolation:isolate;background:radial-gradient(at 82% 51%,#0d56816e,#0000 42%),radial-gradient(at 18% 27%,#09548342,#0000 35%),linear-gradient(145deg,#020b18,#071e38 55%,#051529);max-width:none;min-height:calc(100dvh - 53px);padding:clamp(32px,7vh,75px) 18px 30px;position:relative;overflow:hidden}.el-home-grid{z-index:-1;pointer-events:none;background:radial-gradient(at 50% 64%,#0000 31%,#020913aa 88%),repeating-linear-gradient(115deg,#0000 0 59px,#479fe71a 60px 61px),repeating-linear-gradient(12deg,#0000 0 55px,#35a9e416 56px 57px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 32% 80%,#0000);mask-image:linear-gradient(#0000,#000 32% 80%,#0000)}.el-mode-heading{text-align:center;margin-bottom:clamp(20px,4vh,40px);position:relative}.el-mode-heading h1{text-shadow:0 0 24px #41c8ff59;margin:5px 0 12px;font-size:clamp(36px,5.3vw,63px);line-height:1.2}.el-mode-heading>span{background:linear-gradient(120deg,#0b376b,#0c7091);border:1px solid #59c6ed;border-radius:4px;padding:5px 17px;display:inline-block;box-shadow:inset 0 0 12px #68efff35,0 0 22px #40c8ff45}.el-modes{gap:clamp(13px,3.6vw,52px);width:min(100%,870px);margin:auto}.el-mode{background:linear-gradient(160deg,#0d4a78d9,#071e3fd9 72%);border-color:#377dab;border-radius:9px 9px 4px 4px;min-width:0;padding:14px;position:relative;overflow:hidden;box-shadow:inset 0 1px #7be8ff49,0 12px 40px #0006}.el-mode:nth-child(2){--mode-glow:#8873ff}.el-mode:nth-child(3){--mode-glow:#f365b9}.el-mode-top{color:var(--el-cyan)}.el-mode-top span{text-shadow:0 0 9px #4ff0ff;border:0;width:auto;height:auto;font-size:10px}.el-mode h3{margin-top:4px;font-size:25px}.el-mode button{background:linear-gradient(120deg,#124a82,#126980);border-color:#45a4c9;box-shadow:inset 0 0 7px #5ddcff33}.el-mode button:hover{color:#fff;background:linear-gradient(120deg,#195b9e,#0b8fa1)}.el-mode-art{place-items:center;height:clamp(110px,19vh,170px);display:grid;position:relative}.el-mode-base,.el-mode-orbit,.el-mode-screen{position:absolute}.el-mode-orbit{background:radial-gradient(#28b6e13d,#0000 64%);border:1px dashed #61ddf2a3;border-radius:42%;width:78%;height:50%;bottom:7%;transform:rotate(-9deg)skewY(-8deg);box-shadow:0 0 15px #37ddff34}.el-mode-base{background:linear-gradient(150deg,#143576,#3e91bf 62%,#115a82);border:1px solid #67d9ff;border-radius:19%;width:64%;height:34%;bottom:18%;transform:skewY(-12deg)rotate(5deg);box-shadow:0 6px #0c3c73,0 10px #2eb5d3,0 15px 18px #060a22}.el-mode-screen{aspect-ratio:1.45;color:#f7fcff;background:linear-gradient(135deg, #123262, var(--mode-glow,#34c3fa));width:53%;box-shadow:inset 0 0 12px #cef5, -6px -5px 0 #263f7b, 0 0 22px var(--mode-glow,#34c3fa);border:1px solid #b7edff;border-radius:8px;place-items:center;display:grid;bottom:31%;transform:skewY(12deg)rotate(-4deg)}.el-mode-screen svg{filter:drop-shadow(0 0 6px #ffffffb3);width:47%}.el-home-action{text-align:center}.el-task-page{background:linear-gradient(150deg,#092744,#05172b 58%);border:1px solid #3a8eae;border-radius:7px;width:calc(100% - 34px);max-width:1120px;margin:clamp(18px,5vh,56px) auto;box-shadow:inset 0 0 35px #195b8a26}.el-task-page .el-task{background:linear-gradient(145deg,#092f54,#071c32);border-color:#397fa0}.el-task-page .el-task[aria-pressed=true]{border-color:var(--el-cyan);box-shadow:inset 0 0 18px #34b9fb3b}.el-work-title{background:linear-gradient(90deg,#081c36,#06162a)}.el-walkthrough{background:linear-gradient(90deg,#0b2845,#091f39);border-color:#347ba0}.el-panel{background:#061d36f2;border-color:#3988ab;border-radius:7px;position:relative;box-shadow:inset 0 0 17px #12396766,0 7px 22px #0004}.el-panel:after{content:"";pointer-events:none;opacity:.9;background:linear-gradient(var(--el-cyan),var(--el-cyan)) left top / 10px 1px, linear-gradient(var(--el-cyan),var(--el-cyan)) left top / 1px 10px, linear-gradient(var(--el-cyan),var(--el-cyan)) right bottom / 10px 1px, linear-gradient(var(--el-cyan),var(--el-cyan)) right bottom / 1px 10px;background-repeat:no-repeat;position:absolute;inset:0}.el-panel h2{background:linear-gradient(90deg,#0b3155,#092341)}.el-inspection .el-stage{background:radial-gradient(#101c26,#020408 65%,#010205)}.el-workshop .el-stage-bar>span,.el-workshop .el-stage-bottom>small{color:#e4f4ff;background:#071a2be8;border-radius:4px;padding:4px 8px}.el-station-map{background:repeating-linear-gradient(0deg,#183c49 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#183c49 0 1px,#0b2534 1px 10px);border:1px solid #4b8399;border-radius:3px;min-height:62px;position:relative}.el-station-map i{background:#144a61;border:1px solid #73f2ff;border-radius:3px;width:23%;height:24%;position:absolute}.el-station-map i:first-child{width:57%;top:13%;left:20%}.el-station-map i:nth-child(2){height:30%;top:50%;left:35%}.el-station-map i:last-child{top:55%;left:66%}@media (width<=680px){.el-modes{grid-template-columns:1fr;max-width:380px}.el-mode{grid-template-columns:1fr minmax(85px,29%);gap:4px 8px;display:grid}.el-mode-top,.el-mode h3,.el-mode p,.el-mode button{grid-column:1}.el-mode-art{grid-area:1/2/6;height:auto}}@media (width>=681px){.el-workshop .el-stage{height:max(485px,100dvh - 224px)}}.el-header{min-height:44px;padding-block:4px}.el-brand small{display:none}.el-brand-icon{width:27px;height:27px;font-size:15px}.el-header-actions button{padding-block:4px;font-size:12px}.el-home{min-height:calc(100dvh - 44px);padding-top:clamp(40px,12vh,105px)}.el-mode-heading h1{font-size:clamp(32px,4vw,46px);font-weight:550}.el-modes{gap:clamp(17px,7vw,80px);width:min(100%,735px)}.el-mode{padding:11px}.el-mode h3,.el-mode>p,.el-mode-top{display:none}.el-mode-art{height:clamp(115px,23vh,175px)}.el-home-action{opacity:.88}.el-task-page{max-width:1420px;box-shadow:none;background:#05192d;margin-top:clamp(46px,11vh,110px);padding:27px 16px 14px;position:relative}.el-task-page h1{text-align:center;background:linear-gradient(#163b56,#07273e);border:1px solid #50adc6;border-radius:8px;min-width:155px;margin:0;padding:4px 20px;font-size:18px;font-weight:550;position:absolute;top:-21px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 9px #59d3ed35}.el-task-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;display:flex}.el-task-toolbar .el-segment{gap:0}.el-task-toolbar .el-segment button{text-align:center;border-radius:0;min-width:58px}.el-task-search{gap:6px;display:flex}.el-task-search input{color:#f4fbff;background:#0a2747;border:1px solid #3b789a;width:min(35vw,175px);padding:5px 8px}.el-task-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;min-height:155px;max-height:57dvh;margin-bottom:13px;padding:2px 7px 2px 2px;overflow-y:auto}.el-app .el-task{grid-template-rows:auto 1fr;min-height:106px;padding:8px 9px}.el-task small{justify-content:space-between;width:100%;display:flex}.el-task small span{color:var(--el-cyan)}.el-task strong{text-align:center;align-self:center;font-size:14px}.el-task-page footer{text-align:center}.el-no-tasks{text-align:center;grid-column:1/-1;align-self:center}.el-work-title{align-items:center;padding:6px 12px}.el-work-title h1{margin-top:0;font-size:15px}.el-work-title>div:first-child{align-items:baseline;gap:8px;display:flex}.el-work-title>div:first-child>span{font-size:11px}.el-workshop .el-stage{background:#626962}.el-station-map{background:linear-gradient(90deg,#4b716a 10%,#0000 10% 90%,#4b716a 90%),repeating-linear-gradient(0deg,#658182 0 1px,#0000 1px 14px),repeating-linear-gradient(90deg,#658182 0 1px,#496267 1px 14px);height:105px;margin:8px}.el-app .el-map-pin{align-items:center;gap:3px;padding:3px 4px;font-size:10px;display:flex;position:absolute}.el-map-pin span{color:#82f4ff}.el-pin-bench{top:7%;left:27%}.el-pin-engine{top:55%;left:35%}.el-pin-tray{top:49%;right:4%}.el-app .el-map-pin[aria-pressed=true]{box-shadow:0 0 10px #5affff90}.el-tool-panel{margin-top:auto}.el-tool-panel .el-panel-body{text-align:center;min-height:112px}.el-held-tool{width:40px;height:76px;margin:5px auto;display:block}.el-tool-actions,.el-functions .el-panel-body{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.el-app .el-tool-actions button,.el-app .el-functions button{padding:5px 6px}.el-app .el-step-group-title{border-bottom-color:#1c4a69;font-weight:650}.el-app .el-steps .el-step-item{justify-content:space-between;padding-left:12px}.el-step-item span{text-align:right}.el-app .el-play{color:#04182a;background:#26dcea;border-radius:50%;padding:4px 9px}.el-teaching-aid p{text-align:center;margin-bottom:0}.el-part-menu{z-index:6;min-width:162px;position:fixed}.el-part-menu h2{align-items:center;gap:12px;padding:5px 8px}.el-part-menu h2 button{padding:0 5px}.el-app .el-part-action{text-align:center;width:calc(100% - 16px);margin:6px 8px;display:block}.el-tags button{pointer-events:auto;white-space:nowrap;color:#dcfbff;background:#061d36ef;border:1px solid #42a9ce;padding:4px 6px;font-size:11px;line-height:1.15;position:absolute;transform:translate(-50%,-150%)}.el-tags button:after{content:"";background:#5ce4f2;width:1px;height:12px;position:absolute;top:100%;left:50%;box-shadow:0 0 4px #3ce0f3}.el-tags button[hidden]{display:none}@media (width>=850px){.el-work{grid-template-columns:minmax(148px,16vw) minmax(0,1fr) minmax(148px,16vw);gap:0;min-height:0;padding:0;position:relative}.el-work .el-stage{border:0;border-radius:0;grid-area:1/1/auto/-1;height:max(510px,100dvh - 84px)}.el-directory,.el-sidebar,.el-teaching-aid{z-index:2;grid-row:1;margin:20px 8px 12px}.el-directory,.el-teaching-aid{grid-column:1}.el-directory .el-scroll{max-height:max(295px,100dvh - 284px)}.el-sidebar{grid-column:3;align-self:start}.el-workshop .el-sidebar{flex-direction:column;align-self:stretch;display:flex}.el-workshop .el-status{font-size:11px}.el-teaching-aid{align-self:end}.el-stage-bar{left:17vw;right:17vw}.el-workshop .el-stage-bottom{bottom:63px}.el-walkthrough{z-index:3;margin:0;font-size:12px;position:fixed;bottom:10px;left:17vw;right:17vw}}@media (width<=849px){.el-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.el-teaching-aid{grid-column:1}}@media (width<=550px){.el-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.el-mode{grid-template-columns:1fr 92px;display:grid}.el-mode-art{grid-row:1/3;height:auto}}.el-app .el-tags .el-unit-pin{color:#cbffe2;background:#073129ef;border-color:#5de5a6;border-radius:3px;padding:2px 5px;transform:translate(-50%,-190%)}.el-app .el-tags .el-unit-pin:after{background:#75f2aa;height:11px}
