*{box-sizing:border-box}html,body,#root{margin:0;min-width:0;width:100%}body{font-family:Arial,Microsoft YaHei,sans-serif;color:#214563;background:#f0f5f9;font-size:14px;line-height:1.6}button,input,select{font:inherit}button,select,input[type=range]{cursor:pointer}button{transition:background .18s,color .18s,border-color .18s}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3ba6f0;outline-offset:3px}button:disabled{opacity:.35;cursor:not-allowed}button{border:1px solid #c7d8e5;background:#fff;color:#174567}button:hover:not(:disabled){border-color:#0877c9}h1,h2,p{margin:0}button,select{border-radius:4px}input{accent-color:#0067b9}small{font-weight:400}.experience{padding:26px 30px 18px;max-width:1440px;margin:auto}.experience-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:14px}.brand img{width:91px;height:50px;object-fit:contain}.brand>span{border-left:1px solid #c9d8e3;padding-left:15px;font-size:18px;font-weight:600}.brand small{display:block;font-size:9px;letter-spacing:1.6px;color:#6d8da5;margin-top:3px}.session-actions{display:flex;align-items:center;gap:8px}.session-actions button{padding:6px 11px;font-size:12px;background:transparent}.simulation-badge{font-size:11px;color:#118477;margin-right:12px}.experience-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:42px;align-items:start}.controller{color:#c9dfec;border:8px solid #12354e;border-radius:13px;overflow:hidden;background:#0d253a;box-shadow:0 18px 40px #133b5724;min-width:0}.device-title{height:54px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#12354e;font-size:12px;letter-spacing:1px}.device-title strong{font-weight:400;font-size:12px;letter-spacing:0;margin-left:9px}.device-title>span{font-size:10px;opacity:.6}.led{display:inline-block;width:6px;height:6px;background:#56d6b5;border-radius:50%;margin-right:9px;box-shadow:0 0 9px #56d6b555}.screen-tabs{display:flex;background:#173d56;border-bottom:1px solid #31546c}.screen-tabs button{background:transparent;border:0;border-radius:0;color:#8eafc4;flex:1;padding:13px 4px;font-size:12px;border-bottom:2px solid transparent;position:relative}.screen-tabs button[aria-pressed=true]{color:#72dcf2;background:#1c475f;border-bottom-color:#4ed0e9}.screen-tabs i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#ffa470;margin-left:4px}.screen-content{min-height:570px}.system-status{display:flex;justify-content:space-between;gap:12px;font-size:10px;padding:15px 17px;color:#5cd8be}.system-status>span+span{color:#8bb0c6}.system-status .warning{color:#ffb17b}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#30506a;border:1px solid #30506a;margin:0 15px}.metrics>div{background:#15364e;padding:11px 14px}.metrics span{display:block;color:#88b0c7;font-size:11px}.metrics strong{display:block;font-size:30px;line-height:1.35;font-weight:400;letter-spacing:-1px;color:#ecf8ff;font-variant-numeric:tabular-nums}.metrics small{font-size:11px;letter-spacing:0;color:#8daabe;margin-left:7px}.mode-bar{display:flex;align-items:center;gap:12px;font-size:11px;padding:15px}.mode-bar>b{margin-left:auto;font-weight:400;color:#86a9c0}.segments{display:flex;border:1px solid #355b73;border-radius:4px;overflow:hidden}.segments button{border:0;background:transparent;color:#8cabc1;border-radius:0;padding:5px 14px;font-size:12px}.segments button[aria-pressed=true]{background:#126f93;color:#e6fbff}.process-diagram{width:100%;height:auto;display:block}.process-diagram button{font:13px Arial,Microsoft YaHei,sans-serif;width:64px;height:29px;padding:0;border-radius:3px}.pump-start{color:#66e2c6;background:#174a4e;border-color:#277d76}.pump-stop{color:#eeaf9a;background:#49333a;border-color:#845258}.diagram-caption{display:flex;justify-content:space-between;padding:5px 17px 14px;color:#6d9eb9;font-size:10px}.screen-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #29495f;margin:0 16px;padding:13px 0 17px;gap:10px}.screen-stats span{display:block;font-size:10px;color:#789ab1}.screen-stats b{display:block;font-size:19px;color:#cfe7f5;font-weight:400;font-variant-numeric:tabular-nums}.screen-stats small{font-size:10px;color:#81a8be}.device-footer{padding:12px 13px 7px;background:#12354e;display:flex;justify-content:space-between;color:#789bb4;font-size:9px;letter-spacing:.5px}.interaction-heading>p{font-size:10px;letter-spacing:1.7px;color:#0070bb;margin:2px 0 12px}.interaction-heading h1{font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.8px;margin-bottom:12px;color:#173f60}.interaction-heading>span{font-size:12px;color:#7090a6}.scenario-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:23px 0 13px}.scenario-grid button{text-align:left;padding:13px 15px;background:#fff;border-color:#d0dfe9;border-radius:5px}.scenario-grid button>span{display:flex;justify-content:space-between;color:#90a9bc;font-size:9px;letter-spacing:1px;margin-bottom:5px}.scenario-grid i{font-style:normal;font-size:13px}.scenario-grid strong{display:block;font-weight:500;font-size:16px}.scenario-grid small{display:block;color:#7593a9;font-size:10px;margin-top:3px}.scenario-grid button[aria-pressed=true]{background:#075ca1;border-color:#075ca1;color:#fff;box-shadow:0 4px 10px #005fa21a}.scenario-grid button[aria-pressed=true] span,.scenario-grid button[aria-pressed=true] small{color:#b6d6f1}.scenario-tip{padding:11px 13px;background:#e3edf5;color:#53758f;font-size:11px;min-height:56px;border-left:2px solid #a7c6dd;line-height:1.8}.controls{margin-top:20px}.slider-label{display:block;color:#456984;font-size:12px;margin-bottom:17px}.slider-label b{float:right;font-weight:500;color:#0066ac}.slider-label input{display:block;width:100%;margin:11px 0 6px;height:18px}.slider-label>span{display:flex;justify-content:space-between;color:#8ca3b3;font-size:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5e2eb;padding:12px 0;font-size:12px}.setting-row select{padding:6px 10px;background:#fff;color:#145483;border:1px solid #c4d8e7}.count-buttons{display:flex;gap:6px}.count-buttons button{padding:5px 13px;font-size:12px;background:transparent}.count-buttons button[aria-pressed=true]{background:#dcebf6;border-color:#82b2d3;color:#005b9f}.controls details{border-top:1px solid #d5e2eb;font-size:12px}.controls summary{cursor:pointer;list-style:none;padding:13px 0;color:#628198}.controls summary::-webkit-details-marker{display:none}.controls summary span{float:right}.controls details[open] summary span{transform:rotate(45deg)}.select-label{display:block;margin-bottom:16px}.select-label select{display:block;width:100%;padding:8px;margin-top:8px;background:#fff;color:#315971;border:1px solid #c6d9e7}.restore-button{padding:7px 12px;margin-bottom:12px;background:transparent;font-size:11px}.experience-note{color:#8196a6;font-size:10px;text-align:center;margin-top:24px;line-height:1.8}.screen-page{padding:26px 21px;min-height:570px}.screen-eyebrow{color:#6e9cb6;font-size:10px;letter-spacing:1px;margin-bottom:13px}.screen-page h2{color:#d6eaf7;font-size:20px;font-weight:400}.pressure-value{font-size:48px;line-height:1.5;color:#d5f1ff;margin:18px 0;font-variant-numeric:tabular-nums}.pressure-value small{font-size:13px;color:#6c9ab3}.trend{width:100%;height:auto}.trend text{font:11px Arial,sans-serif;fill:#789db6}.chart-key{font-size:11px;color:#66d1ff;margin-top:14px}.chart-key span{color:#5ac9b0}.screen-help{font-size:11px;color:#789ab0;line-height:1.9;margin-top:20px}.events{margin-top:22px;max-height:415px;overflow:auto}.events>div{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #294c64;font-size:12px}.events time{color:#6d98b3;font-variant-numeric:tabular-nums}.alarm-status{color:#f5c496;font-size:12px;margin-top:20px}.events>p{font-size:12px;color:#769db5}.parameter-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:28px}.parameter-grid label{color:#86a7bd;font-size:11px}.parameter-grid label>span{display:flex;align-items:center;gap:5px;margin-top:7px}.parameter-grid input{min-width:0;width:100%;border:1px solid #376179;background:#173c54;color:#e3f5ff;padding:9px 8px;border-radius:3px;font-size:18px}.parameter-grid small{font-size:10px}.error{background:#fff0e8;border:1px solid #ecc9b5;color:#ab4f2b;padding:10px;font-size:12px;margin-top:10px}.paused .process-diagram{opacity:.75}.experience:has(.paused) .simulation-badge{color:#a77a3a}@media(min-width:1250px){.experience{padding:34px 42px 22px}.experience-grid{gap:60px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.interaction-heading h1{font-size:34px}.scenario-grid button{padding:17px 19px}.scenario-grid small{font-size:11px}}@media(max-width:760px){.experience{padding:18px 16px 14px}.experience-header{margin-bottom:19px}.brand img{width:67px;height:37px}.brand>span{font-size:15px;padding-left:10px}.brand{gap:9px}.brand small{font-size:7px;letter-spacing:.7px}.simulation-badge{display:none}.session-actions{gap:5px}.session-actions button{font-size:10px;padding:5px 7px}.experience-grid{grid-template-columns:minmax(0,1fr);gap:28px}.controller{max-width:560px;width:100%;margin:auto;border-width:6px}.screen-content{min-height:0}.screen-page{min-height:520px}.interaction-heading h1{font-size:26px}.interaction-heading h1 br{display:none}.interaction-panel{max-width:560px;width:100%;margin:auto}.scenario-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:18px}.scenario-grid button{padding:11px 10px}.scenario-grid strong{font-size:14px}.scenario-grid small{font-size:9px}.interaction-heading>span{font-size:11px}.experience-note{text-align:left;margin-top:18px}.system-status{font-size:9px;gap:8px}.device-title{height:42px}.screen-tabs button{font-size:11px;padding:11px 2px}}@media(max-width:400px){.experience{padding:14px 10px}.brand>span{font-size:12px}.brand small{font-size:6px}.brand img{width:55px}.session-actions button{font-size:9px}.metrics{margin:0 10px}.metrics>div{padding:10px}.metrics strong{font-size:26px}.mode-bar{padding:12px 10px;gap:7px}.system-status{padding:12px 10px}.scenario-grid{grid-template-columns:1fr 1fr}.diagram-caption{padding:5px 10px 12px;font-size:8px}.screen-stats{margin:0 10px}.device-title{padding:0 10px}}@media(prefers-reduced-motion:reduce){button{transition:none}}