:root{--navy:#09232e;--deep:#06171f;--card:#10303b;--card2:#0c2731;--line:#28505a;--ink:#eff8f7;--muted:#a0bdc3;--aqua:#41e0d4;--lime:#b9ed77;--amber:#ffd166;--red:#f07b73}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 82% 8%,#145161 0,transparent 28%),var(--deep);color:var(--ink);font:15px/1.55 "Microsoft YaHei",sans-serif}main{max-width:1220px;margin:auto;padding:22px 28px 42px}nav{height:54px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.brand{font-size:22px;color:var(--ink)}.brand strong{color:var(--aqua)}nav>span{color:var(--muted)}.tabs{margin-left:auto;display:flex;gap:4px}.tab{background:transparent;border:0;color:var(--muted);padding:9px 12px;cursor:pointer}.tab.active{color:var(--aqua);border-bottom:2px solid var(--aqua)}.view{display:none}.view.active{display:block}header{display:flex;justify-content:space-between;align-items:end;padding:44px 0 26px}.eyebrow,.card>span{color:var(--aqua);font-weight:700;font-size:12px;letter-spacing:1px;margin:0}h1{font-size:38px;line-height:1.15;margin:5px 0 8px}header p:not(.eyebrow){color:var(--muted);margin:0;max-width:680px}.read-only{border:1px solid var(--line);background:rgba(16,48,59,.6);padding:10px 15px;color:var(--muted);text-align:center;font-size:12px}.read-only b{color:var(--amber);font-size:16px}.card{background:linear-gradient(145deg,rgba(17,52,63,.96),rgba(10,33,42,.96));border:1px solid var(--line);border-radius:7px;padding:18px}.dashboard{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.card-head{display:flex;align-items:start;justify-content:space-between}.card-head span{color:var(--muted);font-size:12px}.card-head h2{margin:2px 0 0;font-size:20px}.signal{font-style:normal;color:var(--lime);font-size:12px}.pipe{height:280px;margin:16px 0 0;position:relative;overflow:hidden;border-radius:5px;background:linear-gradient(180deg,#7099a0,#325b66 45%,#203f48);box-shadow:inset 0 0 80px #0d2e37}.pipe:before{content:"";position:absolute;inset:18px;border:20px solid rgba(205,225,223,.6);border-radius:50%;transform:scale(1.35,1)}.waterline{position:absolute;bottom:0;width:100%;height:36%;background:linear-gradient(#1c90a6aa,#0d6279cc)}.sediment{position:absolute;bottom:0;width:100%;height:18%;background:#7d653b;border-radius:50% 50% 0 0}.robot{position:absolute;left:38%;top:100px;background:#1c3033;border:5px solid #0c181b;border-radius:5px;padding:10px 17px;color:#dffffb;text-align:center;box-shadow:-37px 13px 0 -12px #151b1e,37px 13px 0 -12px #151b1e}.robot small{display:block;color:#94d8d2;font-size:10px}.scan{position:absolute;left:0;right:0;height:2px;background:var(--aqua);box-shadow:0 0 15px var(--aqua);top:48%;opacity:.55}.camera-foot{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:12px}.control p{color:var(--muted);min-height:70px}.mode-dot{width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 13px var(--lime)}.segmented{display:flex;border:1px solid var(--line);padding:3px;border-radius:5px}.segmented button{flex:1;background:transparent;color:var(--muted);border:0;padding:8px 3px;cursor:pointer}.segmented button.selected{color:var(--navy);background:var(--aqua);border-radius:3px;font-weight:700}.status-list{margin-top:18px}.status-list div{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--line);gap:12px}.status-list span{color:var(--muted)}.status-list b{font-size:13px;text-align:right}.process{margin-top:16px}.process>.card-head>b{color:var(--aqua)}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.steps button{padding:14px 7px;background:#0a222b;border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;border-radius:4px}.steps em{display:block;font-style:normal;color:var(--aqua);font-weight:bold;font-size:12px}.steps span{font-size:14px}.steps button.selected{background:#16505a;border-color:var(--aqua)}.process p{color:var(--muted);margin:0}.bottom-grid,.gate-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px;margin-top:16px}.action-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.action-grid button{min-height:104px;background:#0a222b;border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;padding:12px;border-radius:4px}.action-grid button b{font-size:20px;color:var(--aqua);display:block}.action-grid button span,.action-grid button small{display:block}.action-grid button small{color:var(--muted);font-size:11px;margin-top:4px}.action-grid button.selected{border-color:var(--aqua);background:#16505a}.action-grid button.stop b{color:var(--red)}.actions p{color:var(--muted);font-size:12px}.readiness{background:linear-gradient(145deg,#15515a,#113841)}.readiness h2{font-size:23px;line-height:1.3;margin:10px 0}.readiness ol{margin:14px 0 0;padding-left:20px;color:#d7ebea}.readiness li{margin:8px 0}.gate-card h2{font-size:28px;margin:4px 0 14px}.gate-card ul{margin:0;padding-left:20px;color:#d3e4e4}.gate-card li{margin:10px 0}.gate-card.pending{background:linear-gradient(145deg,#453c26,#2e2c22)}.checklist{margin-top:16px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.checks label{padding:13px;background:#0a222b;border:1px solid var(--line);display:flex;gap:9px}.checks input{accent-color:var(--aqua)}footer{color:var(--muted);font-size:12px;border-top:1px solid var(--line);margin-top:24px;padding-top:15px}@media(max-width:760px){main{padding:15px}.dashboard,.bottom-grid,.gate-grid,.checks{grid-template-columns:1fr}header{padding:29px 0 20px;align-items:start;gap:10px}h1{font-size:30px}.read-only{padding:7px}.pipe{height:220px}.steps{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:repeat(3,1fr)}nav{gap:8px}nav>span{font-size:12px}.tab{padding:8px 6px}}

.mode-table,.maintenance{margin-top:16px}.table-wrap{overflow:auto;margin:16px 0 10px}.mode-table table{border-collapse:collapse;width:100%;min-width:680px;font-size:13px}.mode-table th,.mode-table td{border:1px solid var(--line);padding:9px;text-align:center}.mode-table th{color:var(--aqua);background:#0b2630}.mode-table td:first-child{font-weight:bold}.maintenance{border:1px solid var(--line);border-radius:7px;background:#0a222b}.maintenance-title{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px}.maintenance-title>div>span{color:var(--aqua);font-weight:700;font-size:12px;letter-spacing:1px}.maintenance-title h2{margin:3px 0;font-size:22px}.maintenance-title p{margin:0;color:var(--muted);font-size:13px}.maintenance-open{border:1px solid var(--aqua);background:#123d48;color:var(--aqua);padding:10px 13px;border-radius:4px;cursor:pointer;white-space:nowrap}.maintenance-panel{border-top:1px solid var(--line);padding:18px}.maintenance-alert{background:#3b3522;border:1px solid #806c36;padding:12px;display:flex;gap:12px;color:#f6e8bd;font-size:13px}.maintenance-alert b{white-space:nowrap;color:var(--amber)}.actuator-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.actuator{border:1px solid var(--line);background:var(--card2);padding:13px;border-radius:5px}.actuator-head{display:flex;align-items:center;gap:6px}.actuator-head>b{color:var(--aqua);font-size:17px}.tag{font-size:11px;padding:2px 5px;border-radius:3px}.servo{background:#174f5d;color:#90f1e7}.motor{background:#463e25;color:#ffe39b}.actuator-head i{font-style:normal;font-size:10px;color:var(--amber);margin-left:auto}.actuator h3{font-size:15px;margin:10px 0 2px}.actuator p{font-size:12px;color:var(--muted);margin:0 0 10px}.actuator label{font-size:11px;color:var(--muted);display:grid;gap:4px}.actuator select{background:#071a21;border:1px solid var(--line);color:var(--ink);padding:7px;border-radius:3px;width:100%}.single-actions{display:flex;gap:5px;margin-top:10px}.single-actions button{flex:1;background:#15545b;color:#e9ffff;border:1px solid #276e73;padding:6px 3px;border-radius:3px;cursor:pointer;font-size:11px}.single-actions .minor{background:#102e38;color:var(--muted);border-color:var(--line)}.actuator>small{display:block;margin-top:9px;color:var(--muted);font-size:11px;min-height:30px}@media(max-width:900px){.actuator-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.maintenance-title{align-items:flex-start;flex-direction:column}.maintenance-open{width:100%}.actuator-grid{grid-template-columns:1fr}.maintenance-alert{display:block}.maintenance-alert span{display:block;margin-top:5px}}