:root{--hmi-bg:#f2f4f7;--hmi-surface:#fff;--hmi-navy:#09284e;--hmi-navy-deep:#061f3e;--hmi-blue:#1677ff;--hmi-blue-soft:#eaf2ff;--hmi-teal:#11a992;--hmi-green:#19b889;--hmi-red:#ef3b36;--hmi-orange:#f59a23;--hmi-text:#15233b;--hmi-muted:#66758e;--hmi-line:#dce3ec}#app,body,html{width:100%;height:100%;margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box;background:#dfe5ec}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{min-width:760px;overflow:hidden;color:var(--hmi-text);background:#dfe5ec;font-family:Microsoft YaHei,PingFang SC,Noto Sans CJK SC,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{color:inherit}.hmi-shell{position:relative;width:min(100vw,1080px);height:100vh;min-height:800px;margin:0 auto;overflow:hidden;background:var(--hmi-bg);-webkit-box-shadow:0 0 36px rgba(5,25,49,.18);box-shadow:0 0 36px rgba(5,25,49,.18)}.hmi-topbar{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;display:grid;grid-template-columns:270px minmax(280px,1fr) 235px;gap:16px;padding:0 24px;color:#fff;background:var(--hmi-navy-deep)}.hmi-title-wrap,.hmi-topbar{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hmi-title-wrap{min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;gap:18px}.hmi-title-wrap h1{margin:0;overflow:hidden;font-size:28px;font-weight:700;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.icon-button{width:58px;height:58px;padding:0;border:1px solid var(--hmi-line);border-radius:10px;background:#fff;cursor:pointer}.icon-button--back{width:46px;height:54px;border:0;color:#fff;background:transparent;font-size:34px}.machine-status{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;font-size:21px;white-space:nowrap}.machine-status,.status-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.status-item{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;gap:10px}.status-dot{width:15px;height:15px;border-radius:50%;background:#38ca64;-webkit-box-shadow:0 0 0 4px rgba(56,202,100,.12);box-shadow:0 0 0 4px rgba(56,202,100,.12)}.machine-time{justify-self:end;font-size:20px;white-space:nowrap}.hmi-main{position:absolute;top:92px;bottom:128px;left:0;right:0;overflow:hidden}.hmi-main--scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bac5d3 transparent}.hmi-bottom-nav{position:absolute;z-index:20;left:0;right:0;bottom:0;height:128px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--hmi-navy-deep)}.nav-item{position:relative;min-width:0;border:0;color:hsla(0,0%,100%,.82);background:transparent;cursor:pointer;-webkit-transition:color .16s ease,background-color .16s ease;transition:color .16s ease,background-color .16s ease}.nav-item:before{content:"";position:absolute;top:0;left:50%;width:0;height:6px;border-radius:0 0 6px 6px;background:var(--hmi-blue);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:width .16s ease;transition:width .16s ease}.nav-item i{display:block;margin-bottom:8px;font-size:44px}.nav-item span{font-size:22px}.nav-item.is-active{color:#2f8cff;background:rgba(22,119,255,.08)}.nav-item.is-active:before{width:132px}.icon-button:focus-visible,.nav-item:focus-visible,.touch-button:focus-visible{outline:4px solid rgba(22,119,255,.32);outline-offset:-4px}.page{min-height:100%;padding:28px 28px 34px}.surface{border:1px solid var(--hmi-line);border-radius:12px;background:var(--hmi-surface)}.section-title{margin:0;font-size:27px;font-weight:700;color:var(--hmi-text)}.muted{color:var(--hmi-muted)}.touch-button{min-height:58px;padding:0 22px;border:1px solid #cdd7e4;border-radius:10px;background:#fff;font-size:20px;cursor:pointer}.touch-button--primary{border-color:var(--hmi-blue);color:#fff;background:var(--hmi-blue)}.touch-button--text{border-color:transparent;color:var(--hmi-blue);background:transparent}.tag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:7px;font-size:18px;font-weight:700}.tag--a{color:#0a8d76;background:#dff5ef}.tag--b{color:#e93131;background:#ffe1e1}.tag--invalid{color:#6f7785;background:#eceff3}.number-danger{color:var(--hmi-red)}.number-success{color:var(--hmi-teal)}.number-warning{color:var(--hmi-orange)}.el-message-box{width:520px}.el-message-box__title{font-size:24px}.el-button,.el-message-box__message{font-size:18px}.el-button{min-height:52px}@media(max-width:900px){body{min-width:0}.hmi-topbar{grid-template-columns:1fr auto;padding:0 20px}.machine-status{gap:16px;font-size:18px}.machine-time{display:none}}@media(max-height:1200px){.hmi-main{overflow-y:auto}}.svg-icon[data-v-f9f7fefc]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.svg-external-icon[data-v-f9f7fefc]{background-color:currentColor;-webkit-mask-size:cover!important;mask-size:cover!important;display:inline-block}