/* 工序工作台：原生任务分区，不搬移 DOM，不影响分装 v4。 */ html body #view#view:has(.p4-workspace){min-width:0!important;overflow:auto!important} html body #view#view .p4-workspace{--p4-bg:#fff;--p4-soft:#f6f8fb;--p4-line:#e1e7ef;--p4-ink:#213348;--p4-muted:#718094;--p4-blue:#1769bd;--p4-tint:#edf5ff;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;background:var(--p4-bg)!important;border:1px solid var(--p4-line)!important;border-radius:10px!important;overflow:visible!important;color:var(--p4-ink);font:13px/1.5 'Microsoft YaHei',sans-serif;box-shadow:none!important} #view#view .p4-workspace *{box-sizing:border-box} #view#view .p4-workspace h2,#view#view .p4-workspace h3,#view#view .p4-workspace p{margin:0;color:inherit} #view#view .p4-workspace h2{font-size:19px;font-weight:700} #view#view .p4-workspace h3{font-size:15px;font-weight:650} #view#view .p4-header{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 24px;border-bottom:1px solid var(--p4-line)} #view#view .p4-header p{margin-top:6px;font-size:12px;color:var(--p4-muted)} #view#view .p4-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap} #view#view .p4-tools #pd2Modes{display:flex;gap:5px} #view#view .p4-btn{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:5px 11px;margin:0 3px;border:1px solid var(--p4-line);border-radius:5px;background:var(--p4-bg);color:var(--p4-ink);font:12px/1.5 'Microsoft YaHei',sans-serif;white-space:nowrap;box-shadow:none;cursor:pointer} #view#view .p4-btn.primary{background:var(--p4-blue);color:#fff;border-color:var(--p4-blue)} #view#view .p4-btn.danger{background:#fff;color:var(--ui-danger-ink);border-color:rgba(220,38,38,.38)} #view#view .p4-btn.danger:not(:disabled):hover{background:rgba(220,38,38,.07);border-color:var(--ui-danger-ink)} #view#view .p4-btn:disabled{opacity:.45;cursor:default} #view#view .p4-btn:not(:disabled):hover{filter:brightness(.96);border-color:var(--p4-blue)} #view#view .p4-more{position:relative;font-size:12px} #view#view .p4-more>summary{cursor:pointer;padding:6px 10px;list-style:none;border:1px solid var(--p4-line);border-radius:5px} #view#view .p4-more>div{position:absolute;right:0;top:36px;z-index:25;width:290px;max-height:65vh;overflow:auto;padding:12px;box-shadow:0 8px 30px #15294030;background:var(--p4-bg);border:1px solid var(--p4-line);border-radius:8px;display:flex;flex-wrap:wrap;gap:6px} #view#view .p4-body{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:580px} #view#view .p4-rail{padding:18px 14px;background:var(--p4-soft);border-right:1px solid var(--p4-line);min-width:0} #view#view .p4-rail-head{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:13px} #view#view .p4-rail-head .p4-btn{font-size:10px;padding:2px 6px;min-height:24px;margin:0} #view#view .p4-rail-hint{color:var(--p4-muted)!important;font-size:10px;margin:8px 0 16px!important} #view#view .p4-workspace #pd3Rack{display:flex!important;flex-direction:column!important;gap:9px!important;max-height:none!important;padding:0!important;overflow:visible!important} #view#view .p4-workarea{min-width:0;padding:18px 22px 24px} #view#view .p4-task-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px} #view#view .p4-task{display:flex;align-items:center;gap:10px;padding:12px 17px;min-width:150px;background:var(--p4-soft);border:1px solid transparent;border-radius:7px;color:var(--p4-ink);font:13px/1.5 'Microsoft YaHei',sans-serif;cursor:pointer} #view#view .p4-task strong{font-size:22px;font-weight:650;margin-left:auto;line-height:1} #view#view .p4-task small{color:var(--p4-muted);font-size:11px} #view#view .p4-task.active{background:var(--p4-tint);border-color:#bfd7f1;color:var(--p4-blue)} #view#view .p4-workspace #pd3Main{display:block!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;border:1px solid var(--p4-line)!important;border-radius:8px;background:var(--p4-bg)!important} #view#view .p4-workhead{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 18px} #view#view .p4-workhead p{font-size:12px;color:var(--p4-muted);margin-top:5px} #view#view .p4-search{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--p4-muted);white-space:nowrap} #view#view .p4-search input{width:235px;height:32px;border:1px solid var(--p4-line);border-radius:5px;padding:5px 10px;background:var(--p4-bg);font-size:12px;color:var(--p4-ink)} #view#view .p4-submit{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--p4-soft);border-top:1px solid var(--p4-line);border-bottom:1px solid var(--p4-line);font-size:12px;flex-wrap:wrap} #view#view .p4-grow{flex:1} #view#view .p4-special,#view#view .p4-row-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:10px 18px;border-top:1px solid var(--p4-line);font-size:11px;color:var(--p4-muted)} #view#view .p4-table-wrap{overflow:auto;max-height:520px;scrollbar-width:thin} #view#view .p4-table{width:100%!important;min-width:660px!important;table-layout:auto!important;border-collapse:collapse!important;background:var(--p4-bg)!important;margin:0!important} #view#view .p4-table th{font-size:12px!important;font-weight:500!important;text-align:left!important;color:var(--p4-muted)!important;background:var(--p4-soft)!important;border:0!important;border-bottom:1px solid var(--p4-line)!important;padding:11px 14px!important;position:sticky;top:0;z-index:1;white-space:nowrap} #view#view .p4-table td{height:auto!important;min-height:60px;padding:16px 14px!important;border:0!important;border-bottom:1px solid var(--p4-line)!important;text-align:left!important;color:var(--p4-ink)!important;background:transparent!important;font-size:13px!important;white-space:normal!important;line-height:1.6!important} #view#view .p4-table tr{background:var(--p4-bg)!important} #view#view .p4-table tr.selected{background:var(--p4-tint)!important} #view#view .p4-table small{display:block;font-size:11px;color:var(--p4-muted);max-width:250px;overflow-wrap:anywhere} #view#view .p4-table .p4-check{width:35px} #view#view .p4-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--p4-blue);cursor:pointer} #view#view .p4-foot{display:flex;justify-content:space-between;padding:11px 18px;font-size:11px;color:var(--p4-muted)} #view#view .p4-empty{padding:40px 24px;text-align:center;color:var(--p4-muted);font-size:13px} #view#view .p4-empty p{margin:10px 0 18px} #view#view .p4-running-detail{margin:18px;border-top:1px solid var(--p4-line);padding-top:14px} #view#view .p4-running-detail>summary{color:var(--p4-blue);cursor:pointer;font-size:12px;margin-bottom:12px} #view#view .p4-workspace .pd3-od-notice{margin:0 0 16px!important;border-radius:6px!important;min-height:42px!important;padding:10px 14px!important;border:1px solid #f0dfbe!important;background:#fff8eb!important;gap:12px!important} #view#view .p4-workspace .pd3-fold{position:static!important;margin:0!important;border:0!important;border-top:1px solid var(--p4-line)!important;min-height:38px!important;border-radius:0 0 10px 10px!important} #view#view .p4-workspace [hidden]{display:none!important} #view#view .p4-workspace .p4-detail .mp-sub{grid-column:auto!important;display:block!important} #view#view .p4-workspace .p4-detail td{padding:8px 16px!important} html[data-theme=dark] #view#view .p4-workspace{--p4-bg:#1b2636;--p4-soft:#222f41;--p4-line:#354459;--p4-ink:#e3eaf4;--p4-muted:#a4b1c4;--p4-blue:#74b5ff;--p4-tint:#263c57} html[data-theme=dark] #view#view .p4-workspace .pd3-od-notice{background:#3b3021!important;border-color:#685237!important;color:#f2d7ad!important} html[data-theme=dark] #view#view .p4-workspace .pd3-od-notice span{color:#f2d7ad!important} html[data-theme=dark] #view#view .p4-workspace .p4-btn.primary{background:#2168a9;color:#fff;border-color:#397fc0} html[data-theme=dark] #view#view .p4-workspace .pd3-fold{background:var(--p4-soft)!important;color:var(--p4-muted)!important} @media(max-width:1450px){#view#view .p4-body{grid-template-columns:264px minmax(0,1fr)}#view#view .p4-workarea{padding:16px}#view#view .p4-header{padding:16px 20px}#view#view .p4-task{min-width:135px;padding:10px 13px}#view#view .p4-search input{width:190px}} @media(max-width:1050px){#view#view .p4-header{align-items:flex-start;flex-wrap:wrap}#view#view .p4-body{grid-template-columns:1fr}#view#view .p4-workspace #pd3Rack{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))!important}#view#view .p4-rail{border-right:0;border-bottom:1px solid var(--p4-line)}#view#view .p4-workhead{flex-wrap:wrap}} /* 2026-10-13：机台继续使用原有 mc4 卡片，不覆盖卡片视觉规则。 */ #view#view .p4-workspace .p4-rail{display:block!important;position:static!important;max-height:none!important;width:auto!important;min-width:0!important;padding:14px 10px!important} #view#view .p4-workspace #pd3Rack:not(:has(.dv-grp-b)){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important} /* 纯化工具只承载入口；生产动作留在对应任务区。 */ #view#view .p4-tool-menu>div{display:block;width:320px;padding:8px;max-height:72vh} #view#view .p4-tool-menu section+section{border-top:1px solid var(--p4-line);margin-top:7px;padding-top:7px} #view#view .p4-tool-menu h4{margin:4px 10px 6px;color:var(--p4-muted);font-size:11px;font-weight:500} #view#view .p4-tool-menu section>button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;border-radius:5px;padding:9px 10px;background:transparent;color:var(--p4-ink);text-align:left;cursor:pointer;font:12px/1.5 'Microsoft YaHei',sans-serif} #view#view .p4-tool-menu section>button:hover,#view#view .p4-tool-menu section>button:focus-visible{background:var(--p4-tint)} #view#view .p4-tool-menu b{font-weight:600} #view#view .p4-tool-menu small{display:block;color:var(--p4-muted);font-size:11px;margin-top:2px} #view#view .p4-tool-menu i{font-size:18px;font-style:normal;color:var(--p4-muted)} /* 机台明细：数据统一与表头居中对齐；按台账列定义等宽定位，长文本只截断展示、悬停仍可查看全文。 */ #view#view .pd3-live-table{table-layout:fixed} #view#view .pd3-live-table thead th, #view#view .pd3-live-table tbody td{text-align:center;vertical-align:middle} #view#view .pd3-live-table tbody td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #view#view .pd3-live-table tbody td.c-time{font-variant-numeric:tabular-nums} /* 非纯化工序的工具菜单：避免原生按钮挤成一团；作业动作只在具备对应选择上下文时出现。 */ #view#view .p4-actions-menu>div{display:block;width:340px;padding:8px;max-height:72vh} #view#view .p4-actions-menu h4{margin:3px 8px 8px;color:var(--p4-muted);font-size:11px;font-weight:500} #view#view .p4-action-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px} #view#view .p4-action-list>button{min-width:0;min-height:34px;padding:6px 9px;border:1px solid var(--p4-line);border-radius:6px;background:var(--p4-bg);color:var(--p4-ink);font:12px/1.35 'Microsoft YaHei',sans-serif;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer} #view#view .p4-action-list>button:not(:disabled):hover{border-color:var(--p4-blue);background:var(--p4-tint);color:var(--p4-blue)} #view#view .p4-action-list>button:disabled{opacity:.45;cursor:not-allowed} /* 2767 文件：参数固定在左，校验与三个互斥预览在右。 */ html body #modalBody.pi-v2{--pi-bg:#fff;--pi-soft:#f5f8fc;--pi-border:#dfe7ef;--pi-text:#223449;--pi-muted:#64768b;position:fixed!important;inset:12px!important;display:flex!important;flex-direction:column!important;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;padding:24px!important;border-radius:12px!important;background:var(--pi-bg)!important;color:var(--pi-text)!important;overflow:hidden!important} #modalBody.pi-v2 .pi-h{padding:0 36px 0 0;margin:0} #modalBody.pi-v2 .pi-h-t{font-size:22px;line-height:1.4;color:var(--pi-text)} #modalBody.pi-v2 .pi-h-s{margin-top:6px;max-width:none;font-size:12px;color:var(--pi-muted)} #modalBody.pi-v2 .pi-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0} #modalBody.pi-v2 .pi-chip{border:0;background:var(--pi-soft);color:var(--pi-muted);padding:6px 10px;border-radius:5px;font-size:12px} #modalBody.pi-v2 .pi-chip b{color:var(--pi-text);font-size:13px} #modalBody.pi-v2 .pi-body{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:20px!important;flex:1;min-height:0;margin-top:16px;overflow:hidden!important} #modalBody.pi-v2 .pi-col{padding:0;gap:12px;min-width:0;min-height:0;overflow:auto} #modalBody.pi-v2 .pi-params{display:block!important;background:var(--pi-soft);border:1px solid var(--pi-border);border-radius:8px} #modalBody.pi-v2 .pi-params>.pi-sec{border:0!important;background:transparent!important;box-shadow:none!important;padding:16px;min-height:0;height:auto} #modalBody.pi-v2 .pi-sec-h{font-size:14px;line-height:1.5;font-weight:650;color:var(--pi-text);margin:0 0 12px;padding:0} #modalBody.pi-v2 .pi-sec-h::before{display:none} #modalBody.pi-v2 .pi-grp{background:transparent;border-bottom:1px solid var(--pi-border);border-radius:0;padding:0 0 7px;margin:20px 0 10px;font-size:12px} #modalBody.pi-v2 .pi-grp span::before{display:none} #modalBody.pi-v2 .pi-grid-2{grid-template-columns:1fr 1fr!important;gap:12px!important} #modalBody.pi-v2 .pi-f{font-size:12px;gap:5px} #modalBody.pi-v2 .pi-f input,#modalBody.pi-v2 .pi-f select{min-height:36px;border:1px solid var(--pi-border);border-radius:5px;background:var(--pi-bg);color:var(--pi-text);font-size:13px} #modalBody.pi-v2 .pi-f i{font-size:11px;line-height:1.6;color:var(--pi-muted)} #modalBody.pi-v2 .pi-ro-v{background:var(--pi-bg);border-color:var(--pi-border)} #modalBody.pi-v2 .pi-opt{background:var(--pi-bg);border:1px solid var(--pi-border);border-radius:6px;min-height:0;padding:10px;align-items:flex-start} #modalBody.pi-v2 .pi-review{display:flex!important;flex-direction:column!important;overflow:hidden!important} #modalBody.pi-v2 .pi-validation{flex:none!important;display:block!important;background:var(--pi-soft)!important;border:1px solid var(--pi-border);padding:12px 16px;border-radius:8px;margin:0} #modalBody.pi-v2 .pi-validation>summary{cursor:pointer;display:list-item;list-style:disclosure-closed;margin:0} #modalBody.pi-v2 .pi-validation[open]>summary{list-style:disclosure-open;margin-bottom:10px} #modalBody.pi-v2 .pi-validation .pi-sec-h-s{font-size:11px;font-weight:400;margin-left:12px;color:var(--pi-muted)} #modalBody.pi-v2 #pdInstrChecks{max-height:155px;overflow:auto;min-height:0;flex:none} #modalBody.pi-v2 .pi-check{margin:0} #modalBody.pi-v2 .pi-checks-note{margin-top:10px;padding-top:8px;font-size:11px;line-height:1.6;color:var(--pi-muted);border-top:1px solid var(--pi-border)} #modalBody.pi-v2 .pi-tabs{display:flex;gap:22px;flex:none;border-bottom:1px solid var(--pi-border)} #modalBody.pi-v2 .pi-tabs button{padding:10px 0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--pi-muted);font-size:13px;cursor:pointer} #modalBody.pi-v2 .pi-tabs button[aria-selected=true]{color:#1769bd;border-bottom-color:#1769bd;font-weight:650} #modalBody.pi-v2 .pi-review>.pi-sec:not(.pi-validation){display:none!important;grid-area:auto!important;flex:1;min-height:0;overflow:auto;background:var(--pi-bg);border:0;border-radius:0;margin:0;padding:4px 0} #modalBody.pi-v2[data-instr-tab=list] .pi-review>.pi-sec--list,#modalBody.pi-v2[data-instr-tab=map] .pi-review>.pi-sec--map,#modalBody.pi-v2[data-instr-tab=chart] .pi-review>.pi-sec--chart{display:flex!important;flex-direction:column} #modalBody.pi-v2 .pi-sec--list>.pi-sec-h{display:none} #modalBody.pi-v2 #pdInstrTimeline{display:none} #modalBody.pi-v2 #pdInstrTable{flex:1;min-height:0;display:flex;flex-direction:column} #modalBody.pi-v2 .pi-detail{flex:1;min-height:0;max-height:none!important;overflow:auto;border:1px solid var(--pi-border);border-radius:6px} #modalBody.pi-v2 .pi-detail table{font-size:12px;width:100%;border-collapse:collapse} #modalBody.pi-v2 .pi-detail th{padding:11px 10px;background:var(--pi-soft);color:var(--pi-muted);font-weight:500} #modalBody.pi-v2 .pi-detail td{padding:11px 10px;font-size:12px} /* 2026-10-15：左侧样品板与洗针上下排列，右侧引物信息顶部对齐。 */ #modalBody.pi-v2 .pi-load{display:grid;width:100%;max-width:none;margin-inline:0;box-sizing:border-box;grid-template-columns:minmax(320px,360px) minmax(0,1fr);grid-template-rows:auto;gap:18px;align-items:start;align-content:start;flex:0 0 auto;min-height:auto} #modalBody.pi-v2 .pi-load-setup{display:flex;flex-direction:column;gap:12px;min-width:0} #modalBody.pi-v2 .pi-load-setup>.pi-plate{width:100%;max-width:none;min-width:0;box-sizing:border-box;align-self:start} #modalBody.pi-v2 .pi-load>.pi-prim{grid-column:2;width:100%;min-width:0;box-sizing:border-box;align-self:start} #modalBody.pi-v2 .pi-load .pi-wash-list{max-height:none;overflow:visible} #modalBody.pi-v2 .pi-load .pi-wash-list li{flex-wrap:wrap;row-gap:5px} #modalBody.pi-v2 .pi-load .pi-wash-list .wm{white-space:normal;overflow-wrap:anywhere} #modalBody.pi-v2 .pi-load .pi-wash-note{overflow-wrap:anywhere;line-height:1.7} #modalBody.pi-v2 .pi-load .pi-prim-list{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;flex:none;min-height:0;max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none} @media(max-width:1180px){#modalBody.pi-v2 .pi-load{grid-template-columns:minmax(0,1fr);gap:12px}#modalBody.pi-v2 .pi-load-setup{max-width:380px;width:100%}#modalBody.pi-v2 .pi-load>.pi-prim{grid-column:1}} #modalBody.pi-v2 .pi-pano{width:100%;max-width:1200px;margin:0 auto} #modalBody.pi-v2 .pi-encoding{margin-top:18px} #modalBody.pi-v2 .pi-deck-tools{display:flex;align-items:center;gap:12px;flex:none;margin-bottom:12px;font-size:12px;color:var(--pi-muted)} #modalBody.pi-v2 .pi-deck-tools>span{flex:1} #modalBody.pi-v2 .pi-deck-tools select,#modalBody.pi-v2 .pi-deck-tools button{background:var(--pi-bg);color:var(--pi-text);border:1px solid var(--pi-border);padding:6px 10px;border-radius:5px;cursor:pointer} #modalBody.pi-v2 .pi-deck-scroll{flex:1;min-height:0;overflow:auto;border:1px solid var(--pi-border);border-radius:7px;padding:14px} #modalBody.pi-v2 .pi-deck-scroll .pi-pano{display:block!important;flex:none!important;width:calc(100% * var(--deck-zoom,1))!important;min-width:1040px!important;max-width:none!important;margin:0!important;padding:0!important} #modalBody.pi-v2 .pi-pano svg{display:block!important;width:100%!important;height:auto!important;max-height:none!important;max-width:none!important;margin:0!important} #modalBody.pi-v2[data-deck-focus="1"] .pi-body{grid-template-columns:minmax(0,1fr)!important} #modalBody.pi-v2[data-deck-focus="1"] .pi-params,#modalBody.pi-v2[data-deck-focus="1"] .pi-validation,#modalBody.pi-v2[data-deck-focus="1"] .pi-chips{display:none!important} #modalBody.pi-v2 .pi-prim{max-height:none} #modalBody.pi-v2 .pi-foot{display:flex!important;align-items:center;align-self:stretch!important;gap:10px;flex:none;width:100%!important;max-width:none!important;margin-top:16px;padding-top:14px;border-top:1px solid var(--pi-border)} #modalBody.pi-v2 .pi-foot-h{flex:1;max-width:none!important;line-height:1.6;color:var(--pi-text)} #modalBody.pi-v2 .pi-foot-h small{display:block;color:var(--pi-muted);font-size:11px;margin-top:3px} #modalBody.pi-v2 .pi-foot button{min-width:100px;min-height:38px;border-radius:6px;font-size:13px} #modalBody.pi-v2 #pdInstrDownload{background:#1769bd;border-color:#1769bd;color:white} #modalBody.pi-v2 #pdInstrDownload:disabled{opacity:.45;cursor:not-allowed} html[data-theme=dark] #modalBody.pi-v2{--pi-bg:#1b2636;--pi-soft:#222f41;--pi-border:#354459;--pi-text:#e3eaf4;--pi-muted:#a4b1c4} html[data-theme=dark] #modalBody.pi-v2 .pi-detail td,html[data-theme=dark] #modalBody.pi-v2 .pi-check span{color:var(--pi-text)!important} html[data-theme=dark] #modalBody.pi-v2 .pi-check em,html[data-theme=dark] #modalBody.pi-v2 .pi-f>span{color:var(--pi-muted)!important} html[data-theme=dark] #modalBody.pi-v2 button.mbtn:not(#pdInstrDownload){background:var(--pi-bg)!important;color:var(--pi-text)!important;border-color:var(--pi-border)!important} html[data-theme=dark] #modalBody.pi-v2 .pi-tabs button[aria-selected=true]{color:#8bc1ff;border-bottom-color:#8bc1ff} @media(max-width:1450px){html body #modalBody.pi-v2{inset:8px!important;padding:18px!important}#modalBody.pi-v2 .pi-body{grid-template-columns:295px minmax(0,1fr)!important;gap:16px!important}#modalBody.pi-v2 #pdInstrChecks{max-height:112px}#modalBody.pi-v2 .pi-checks-note{display:none}} @media(max-width:950px){#modalBody.pi-v2 .pi-body{display:block!important;overflow:auto!important}#modalBody.pi-v2 .pi-params{margin-bottom:14px}#modalBody.pi-v2 .pi-review{overflow:visible!important}#modalBody.pi-v2 .pi-detail{max-height:420px!important}#modalBody.pi-v2 .pi-grid-2{grid-template-columns:1fr 1fr!important}#modalBody.pi-v2 .pi-foot-h small{display:none}} /* ★ 2026-10-14：2767 整机布局默认按可视高度完整容纳。 仅缩小 10% 仍会让 5×3 床位在常见屏幕上被图框裁掉；默认以图框高度决定 SVG 尺寸， 流程带、机器标题和全部床位一次显示。缩放控件仍通过 --deck-zoom 放大整张图。 */ #modalBody.pi-v2 .pi-deck-scroll{display:flex;align-items:flex-start;justify-content:flex-start;padding:8px} #modalBody.pi-v2 .pi-deck-tools{margin-bottom:6px} #modalBody.pi-v2 .pi-deck-scroll .pi-pano{display:flex!important;align-items:center;justify-content:center;flex:0 0 auto!important;width:calc(100% * var(--deck-zoom,1))!important;height:calc(100% * var(--deck-zoom,1))!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important} #modalBody.pi-v2 .pi-deck-scroll .pi-pano>svg{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;flex:none!important} /* 五工位串联导航：每个工位统一显示路径，当前站高亮；单支实际路径由追溯页给出。 */ #view#view .p4-header{align-items:flex-start} #view#view .p4-heading{min-width:0;flex:1} #view#view .p4-flowpath{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px;padding:8px 10px;border:1px solid var(--p4-line);border-radius:7px;background:var(--p4-soft)} #view#view .p4-flowpath-label{font-size:11px;font-weight:700;color:var(--p4-muted);white-space:nowrap} #view#view .p4-flowpath-steps{display:flex;align-items:center;gap:4px;flex-wrap:wrap} #view#view .p4-flowpath-step{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--p4-ink);font:600 12px/1.2 'Microsoft YaHei',sans-serif;white-space:nowrap;cursor:pointer} #view#view .p4-flowpath-step:hover{border-color:var(--p4-blue);background:var(--p4-bg)} #view#view .p4-flowpath-step.current{border-color:var(--p4-blue);background:var(--p4-tint);color:var(--p4-blue);font-weight:750} #view#view .p4-flowpath-dot{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid var(--p4-line);border-radius:50%;font-size:10px;color:var(--p4-muted)} #view#view .p4-flowpath-step.current .p4-flowpath-dot{border-color:var(--p4-blue);background:var(--p4-blue);color:#fff;font-size:8px} #view#view .p4-flowpath-arrow{color:#9aa8b8;font-size:15px;line-height:1} #view#view .p4-flowpath-note{font-size:11px;color:var(--p4-muted);white-space:nowrap} #view#view .p4-flowpath-trace{min-height:27px;padding:3px 9px;border:1px solid rgba(23,105,189,.35);border-radius:5px;background:var(--p4-bg);color:var(--p4-blue);font:650 11px/1.3 'Microsoft YaHei',sans-serif;white-space:nowrap;cursor:pointer} #view#view .p4-flowpath-trace:hover{background:var(--p4-tint);border-color:var(--p4-blue)} html[data-theme=dark] #view#view .p4-flowpath-trace{border-color:#5276a0;color:#9dcaff} @media(max-width:1050px){#view#view .p4-header{align-items:flex-start}#view#view .p4-heading{width:100%}#view#view .p4-flowpath{gap:5px;padding:7px}#view#view .p4-flowpath-note{white-space:normal}} /* ★ 2026-10-18：2767「整机布局」细节打磨：突出床位图、操作区和图面之间的层级。 */ #modalBody.pi-v2[data-instr-tab=chart] .pi-sec--chart>.pi-sec-h{display:flex;align-items:center;gap:12px;padding:4px 0 11px;border-bottom:1px solid var(--pi-border);font-size:16px;font-weight:750;color:var(--pi-text)} #modalBody.pi-v2[data-instr-tab=chart] .pi-sec--chart>.pi-sec-h::before{content:"";width:4px;height:19px;border-radius:4px;background:#1769bd;flex:none} #modalBody.pi-v2[data-instr-tab=chart] .pi-sec--chart>.pi-sec-h .pi-sec-h-s{padding:4px 9px;border:1px solid var(--pi-border);border-radius:999px;background:var(--pi-soft);font-size:11px;font-weight:650;color:var(--pi-muted)} #modalBody.pi-v2 .pi-deck-tools{gap:10px;margin:8px 0 10px;padding:9px 12px;border:1px solid var(--pi-border);border-radius:9px;background:linear-gradient(110deg,var(--pi-soft),var(--pi-bg));color:var(--pi-muted)} #modalBody.pi-v2 .pi-deck-tools>span{display:flex;align-items:baseline;gap:10px;min-width:0} #modalBody.pi-v2 .pi-deck-tools>span b{font-size:12px;color:var(--pi-text);white-space:nowrap} #modalBody.pi-v2 .pi-deck-tools>span i{font-size:11px;font-style:normal;color:var(--pi-muted)} #modalBody.pi-v2 .pi-deck-tools label{display:inline-flex;align-items:center;gap:7px;font-weight:650;white-space:nowrap} #modalBody.pi-v2 .pi-deck-tools select,#modalBody.pi-v2 .pi-deck-tools button{min-height:34px;padding:6px 11px;border-radius:7px;font-size:12px;font-weight:650;transition:border-color .15s,background .15s,box-shadow .15s} #modalBody.pi-v2 .pi-deck-tools select:hover,#modalBody.pi-v2 .pi-deck-tools button:hover{border-color:#8fb7e1;background:#f7fbff} #modalBody.pi-v2 .pi-deck-tools button[aria-pressed=true]{border-color:#1769bd;background:#eaf3fc;color:#155da6} #modalBody.pi-v2 .pi-deck-tools button:focus-visible,#modalBody.pi-v2 .pi-deck-tools select:focus-visible{outline:3px solid rgba(23,105,189,.2);outline-offset:1px} #modalBody.pi-v2 .pi-deck-scroll{border-color:#d9e4f0;border-radius:11px;padding:10px;background:linear-gradient(145deg,#f8fbff,#f1f6fc);box-shadow:inset 0 1px 2px rgba(31,68,109,.035)} html[data-theme=dark] #modalBody.pi-v2 .pi-deck-scroll{border-color:var(--pi-border);background:linear-gradient(145deg,#202d3e,#1b2636)} html[data-theme=dark] #modalBody.pi-v2 .pi-deck-tools select:hover,html[data-theme=dark] #modalBody.pi-v2 .pi-deck-tools button:hover{border-color:#5276a0;background:#26374c} html[data-theme=dark] #modalBody.pi-v2 .pi-deck-tools button[aria-pressed=true]{border-color:#5f91c6;background:#243a53;color:#a9d0fa} @media(max-width:760px){#modalBody.pi-v2 .pi-deck-tools{flex-wrap:wrap}#modalBody.pi-v2 .pi-deck-tools>span{flex:1 0 100%;flex-wrap:wrap;gap:3px 9px}#modalBody.pi-v2 .pi-deck-scroll{padding:6px}}