@font-face{font-family:Brush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;overflow:hidden;background:#183a30;color:#284b3c;font:20px/1.5 'PingFang SC',sans-serif}button,input,a{font:inherit}button,a,label.import{cursor:pointer}button{border:1px solid #b2ae8d;background:#efebd9;color:#31513f;min-height:36px;padding:6px 13px}button:hover{background:#d8dcc4}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b18b45;outline-offset:3px}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;border:12px double #aa9968;background:radial-gradient(ellipse at 20% 90%,#bfccb984,transparent 65%),linear-gradient(120deg,#ece7d8,#e1e6d5)}header{position:absolute;left:52px;right:52px;top:30px;height:105px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #aaa782}.brand{font-size:23px;letter-spacing:3px}.brand small{display:block;font:10px/2 sans-serif;color:#868167;letter-spacing:3px}h1{font:60px Brush;letter-spacing:5px;margin:0}header p{font:23px Brush;color:#8b7747}header a{margin-left:auto;text-decoration:none;color:inherit;padding:10px 17px;border:1px solid #b3aa83;font-size:16px}.intro{position:absolute;left:52px;top:165px}.intro>span{font-size:13px;letter-spacing:3px;color:#957d4e}.intro h2{font:36px Brush;margin:10px 0}.intro p{font-size:19px;margin:0;color:#6d7d66}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:21px;letter-spacing:2px}.section-title small{font-size:13px;letter-spacing:0;color:#858365}.scene-wrap{position:absolute;left:52px;top:309px;width:1030px}#scene{position:relative;height:620px;background:radial-gradient(ellipse at 50% 55%,#263b36,#10271f);border:1px solid #a48f5f;box-shadow:0 12px 36px #17352930;overflow:hidden}#scene canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;left:25px;top:22px;font-size:19px;color:#e4d5ac;pointer-events:none}.scene-label small{display:block;font-size:11px;color:#9db2a0;letter-spacing:1px;margin-top:5px}.scene-legend{position:absolute;bottom:19px;left:24px;right:24px;display:flex;justify-content:center;gap:38px;color:#c3ccac;font-size:13px;pointer-events:none}.scene-legend i{display:inline-block;width:6px;height:6px;background:#c7b57c;margin-right:7px}.scene-status{display:flex;justify-content:space-between;font-size:13px;margin-top:13px;color:#6e816c}.terminal-area{position:absolute;right:52px;top:356px;width:740px}.terminal{width:740px;aspect-ratio:16/9;padding:12px;background:#26332c;border-radius:14px;border:2px solid #7a826d;box-shadow:6px 16px 30px #29443830}.terminal-ui{height:100%;display:flex;flex-direction:column;background:#e7e8d8;border-radius:5px;overflow:hidden;font:13px/1.4 'PingFang SC'}.touch-header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#285541;color:#eee2b9;font-size:19px}.touch-header small{font-size:11px;color:#b8c7a7;margin-left:13px}.touch-header em{font:11px 'PingFang SC';color:#becfae}nav{display:flex;align-items:center;border-bottom:1px solid #b9c0a2;padding:0 16px;background:#d7dfca}nav button{min-height:34px;border:0;background:transparent;font-size:13px;padding:6px 20px}nav button.active{box-shadow:inset 0 -3px #92793e;background:#e7e8d8}nav span{margin-left:auto;font-size:11px;color:#7c896d}.panel{padding:12px 18px;flex:1;min-height:0}.film-top{display:flex;gap:17px}.film-top video{width:203px;height:114px;object-fit:contain;background:#10251d}.film-top>div{flex:1}.film-top small{font-size:10px;color:#809073}.film-top h3{font-size:17px;margin:5px 0}.film-top p{font-size:11px;color:#647c60;margin:5px 0}.film-top span{font-size:10px;color:#8b835f}.import{display:block;font-size:11px;color:#627b57;margin-top:8px;text-decoration:underline}.timeline{display:flex;gap:14px;align-items:center;margin:8px 0}.timeline span{font:11px sans-serif;width:90px}input[type=range]{accent-color:#3e6c50;flex:1;min-width:0;height:16px}.transport{display:flex;gap:9px}.transport button{flex:1;font-size:13px;min-height:35px}.primary{background:#315e47;color:#f0e4be}.volume{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:11px}.volume button{border:0;background:transparent;font-size:11px;padding:4px 0}.volume input{max-width:260px}.volume output{width:36px}.volume>span{margin-left:auto;color:#789069}#feedback{font-size:10px;color:#7b876d;padding:6px 16px;border-top:1px solid #bac4a4;min-height:27px}.terminal-neck{width:75px;height:64px;background:linear-gradient(90deg,#45574c,#a2aa96,#536757);margin:auto;transform:skew(-7deg)}.terminal-base{height:12px;width:220px;margin:auto;background:linear-gradient(#a4ae98,#455c4c);border-radius:50%;box-shadow:0 9px 15px #314a3c30}.explanation{display:flex;gap:20px;margin-top:27px;padding:19px 5px;border-top:1px solid #b8b795;color:#6b7d64;font-size:15px}.explanation span{white-space:nowrap;color:#927d50}.explanation p{margin:0;line-height:1.9}.device-intro{display:flex;justify-content:space-between;margin-bottom:6px;font-size:14px}.device-intro small{font-size:10px;color:#7d8a6b}.device-row{display:flex;align-items:center;border-bottom:1px solid #c7cbb3;padding:6px 0;gap:9px;font-size:13px}.device-row>span{flex:1}.device-row em{font:11px 'PingFang SC';color:#72916a;margin-left:16px}.device-row button{font-size:11px;min-height:27px;padding:3px 16px}.batch{display:flex;gap:10px;align-items:center;margin-top:10px}.batch button{font-size:12px;background:#315e47;color:#f0e4be;min-height:33px}.batch span{font-size:10px;color:#7d886b}footer{position:absolute;bottom:17px;left:52px;right:52px;display:flex;justify-content:space-between;border-top:1px solid #aaa782;padding-top:13px;font-size:14px;color:#617b5d}footer b{font-size:13px;font-weight:400;margin-left:17px;color:#7f876e}footer small{font-size:11px}dialog{width:min(540px,90vw);border:2px solid #af9966;background:#e9e5d2;color:#294c3d;padding:30px}dialog::backdrop{background:#10251ecc}dialog h2{font:33px Brush}dialog p{font-size:17px;line-height:1.8}dialog>div{display:flex;justify-content:flex-end;gap:14px}#execute{background:#315e47;color:#eee2bb}#fallback{position:absolute;inset:0;padding:220px 50px;color:#d9d9b6;text-align:center}

/* Low horizontal control console instead of an upright monitor stand. */
.terminal{transform:perspective(1600px) rotateX(9deg);transform-origin:50% 100%;border-radius:10px}.terminal-neck{width:390px;height:48px;transform:none;background:linear-gradient(90deg,#516957,#9da78e,#4b6352);clip-path:polygon(7% 0,93% 0,100% 100%,0 100%)}.terminal-base{width:450px;height:10px;border-radius:3px}.explanation{margin-top:25px}