.header-bar[data-v-fb2baf5d]{height:60px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,transparent 0%,rgba(0,100,200,.3) 20%,rgba(0,150,255,.4) 50%,rgba(0,100,200,.3) 80%,transparent 100%);border-bottom:2px solid;border-image:linear-gradient(90deg,transparent,#00aaff,#00d4ff,#00aaff,transparent) 1;position:relative}.header-bar[data-v-fb2baf5d]:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,#00ffff,transparent);filter:blur(1px)}.header-left[data-v-fb2baf5d],.header-right[data-v-fb2baf5d]{flex:1;display:flex;align-items:center}.header-right[data-v-fb2baf5d]{justify-content:flex-end;align-items:center;gap:16px;padding-right:20px}.nav-link[data-v-fb2baf5d]{color:#00d4ff;text-decoration:none;font-size:14px;padding:6px 12px;border:1px solid rgba(0,212,255,.5);border-radius:4px}.nav-link[data-v-fb2baf5d]:hover{color:#0fa;border-color:#0fa;background:#00ffaa1a}.header-center[data-v-fb2baf5d]{display:flex;justify-content:center;align-items:center}.title[data-v-fb2baf5d]{font-size:32px;font-weight:700;background:linear-gradient(180deg,#fff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(0,200,255,.5);letter-spacing:8px}.update-time[data-v-fb2baf5d]{display:flex;align-items:center;gap:5px;font-size:14px}.update-time .label[data-v-fb2baf5d]{color:#fff9}.update-time .time[data-v-fb2baf5d]{color:#0fa;font-weight:700}.decoration[data-v-fb2baf5d]{width:150px;height:2px;background:linear-gradient(90deg,transparent,#00aaff)}.decoration.right[data-v-fb2baf5d]{background:linear-gradient(90deg,#00aaff,transparent);margin-left:20px}.decoration.left[data-v-fb2baf5d]{margin-left:20px}.machine-status[data-v-f0286f5b]{flex:1;min-height:0}.info-text[data-v-f0286f5b]{font-size:12px;color:#ffffff80;margin-bottom:15px;line-height:1.5}.status-grid[data-v-f0286f5b]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.status-item[data-v-f0286f5b]{display:flex;align-items:center;gap:10px;padding:10px;background:#0032644d;border-radius:4px;border:1px solid rgba(0,150,255,.2)}.status-icon[data-v-f0286f5b]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon.running[data-v-f0286f5b]{background:#0fa3;border:2px solid #00ffaa}.status-icon.standby[data-v-f0286f5b]{background:#0af3;border:2px solid #00aaff}.status-icon.offline[data-v-f0286f5b]{background:#fa03;border:2px solid #ffaa00}.status-icon.alarm[data-v-f0286f5b]{background:#f463;border:2px solid #ff4466}.icon-inner[data-v-f0286f5b]{width:12px;height:12px;border-radius:50%}.status-icon.running .icon-inner[data-v-f0286f5b]{background:#0fa;box-shadow:0 0 10px #0fa}.status-icon.standby .icon-inner[data-v-f0286f5b]{background:#0af;box-shadow:0 0 10px #0af}.status-icon.offline .icon-inner[data-v-f0286f5b]{background:#fa0;box-shadow:0 0 10px #fa0}.status-icon.alarm .icon-inner[data-v-f0286f5b]{background:#f46;box-shadow:0 0 10px #f46}.status-info[data-v-f0286f5b]{display:flex;flex-direction:column}.status-label[data-v-f0286f5b]{font-size:12px;color:#fff9}.status-value[data-v-f0286f5b]{font-size:20px;font-weight:700;color:#fff}.status-value.highlight[data-v-f0286f5b]{color:#0fa}.status-value.warning[data-v-f0286f5b]{color:#fa0}.status-value.danger[data-v-f0286f5b]{color:#f46}.machine-table[data-v-f0286f5b]{background:#001e3c80;border-radius:4px;overflow:hidden}.table-header[data-v-f0286f5b]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:10px 12px;background:#0064c84d;font-size:12px;color:#ffffffb3}.table-body[data-v-f0286f5b]{max-height:100px;overflow-y:auto}.table-row[data-v-f0286f5b]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:8px 12px;font-size:12px;border-bottom:1px solid rgba(0,150,255,.1)}.table-row[data-v-f0286f5b]:last-child{border-bottom:none}.table-row .name[data-v-f0286f5b]{color:#00d4ff}.table-row .running[data-v-f0286f5b]{color:#0fa}.table-row .standby[data-v-f0286f5b]{color:#0af}.table-row .alarm[data-v-f0286f5b]{color:#f46}.efficiency-chart[data-v-7db28cad]{flex:1;min-height:0;display:flex;flex-direction:column}.panel-content[data-v-7db28cad]{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.legend[data-v-7db28cad]{display:flex;justify-content:flex-end;gap:15px;font-size:12px;margin-bottom:10px}.legend-item[data-v-7db28cad]{display:flex;align-items:center;gap:5px;color:#ffffffb3}.dot[data-v-7db28cad]{width:8px;height:8px;border-radius:50%}.dot.green[data-v-7db28cad]{background:#0fa}.dot.blue[data-v-7db28cad]{background:#0af}.dot.yellow[data-v-7db28cad]{background:#fa0}.chart-container[data-v-7db28cad]{flex:1;width:100%;min-height:100px}.material-pie-chart[data-v-390ef803]{flex:1;min-height:0;display:flex;flex-direction:column}.panel-content[data-v-390ef803]{flex:1;min-height:0}.chart-wrapper[data-v-390ef803]{display:flex;height:100%;gap:10px}.chart-container[data-v-390ef803]{flex:1;min-width:120px;min-height:150px}.legend-list[data-v-390ef803]{display:flex;flex-direction:column;justify-content:center;gap:8px;padding-right:5px}.legend-item[data-v-390ef803]{display:flex;align-items:center;gap:8px;font-size:11px}.color-dot[data-v-390ef803]{width:10px;height:10px;border-radius:2px;flex-shrink:0}.name[data-v-390ef803]{color:#ffffffb3;white-space:nowrap}.value[data-v-390ef803]{color:#00d4ff;font-weight:700;margin-left:auto}.data-table[data-v-9d556835],.panel-content[data-v-9d556835]{flex:1;display:flex;flex-direction:column;overflow:hidden}.table-wrapper[data-v-9d556835]{flex:1;overflow:auto}table[data-v-9d556835]{width:100%;border-collapse:collapse;font-size:12px}thead[data-v-9d556835]{position:sticky;top:0;z-index:1}th[data-v-9d556835]{background:#00509680;color:#ffffffe6;padding:12px 8px;text-align:center;white-space:nowrap;border-bottom:2px solid rgba(0,150,255,.3)}td[data-v-9d556835]{padding:10px 8px;text-align:center;border-bottom:1px solid rgba(0,150,255,.15);color:#fffc}tr:hover td[data-v-9d556835]{background:#0064c833}.device-name[data-v-9d556835]{color:#00d4ff;text-align:left;white-space:nowrap}.number[data-v-9d556835]{color:#fff;font-weight:500}.percent[data-v-9d556835]{font-weight:700}.percent.high[data-v-9d556835]{color:#0fa}.percent.medium[data-v-9d556835]{color:#00d4ff}.percent.low[data-v-9d556835]{color:#fa0}.time[data-v-9d556835]{color:#ffffffb3}.area[data-v-9d556835]{color:#0af}.summary-row[data-v-9d556835]{display:flex;justify-content:space-around;padding:15px;background:linear-gradient(90deg,#0050964d,#0064c866,#0050964d);border-top:1px solid rgba(0,150,255,.3);margin-top:auto}.summary-item[data-v-9d556835]{display:flex;align-items:center;gap:8px}.summary-item .label[data-v-9d556835]{font-size:12px;color:#fff9}.summary-item .value[data-v-9d556835]{font-size:16px;font-weight:700}.summary-item .value.highlight[data-v-9d556835],.summary-item .value.high[data-v-9d556835]{color:#0fa}.summary-item .value.medium[data-v-9d556835]{color:#00d4ff}.summary-item .value.low[data-v-9d556835]{color:#fa0}.recent-tasks[data-v-c7cbc4d1]{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-header[data-v-c7cbc4d1]{padding:12px 15px;border-bottom:1px solid rgba(0,150,255,.2);display:flex;justify-content:space-between;align-items:center}.panel-title[data-v-c7cbc4d1]{font-size:16px;font-weight:700;color:#00d4ff;display:flex;align-items:center;gap:8px}.panel-title[data-v-c7cbc4d1]:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#0af,#06c);border-radius:2px}.header-info[data-v-c7cbc4d1]{display:flex;align-items:center;gap:8px;font-size:12px}.update-label[data-v-c7cbc4d1]{color:#ffffff80}.update-time[data-v-c7cbc4d1]{color:#0fa;font-weight:700}.duration[data-v-c7cbc4d1]{color:#00d4ff;padding-left:15px;border-left:1px solid rgba(0,150,255,.3)}.panel-content[data-v-c7cbc4d1]{flex:1;overflow:hidden;padding:12px 15px}.task-list[data-v-c7cbc4d1]{display:flex;flex-direction:column;gap:12px}.task-card[data-v-c7cbc4d1]{display:flex;background:#00285080;border:1px solid rgba(0,150,255,.25);border-radius:6px;overflow:hidden;transition:all .3s}.task-card[data-v-c7cbc4d1]:hover{border-color:#0096ff80;box-shadow:0 0 15px #0096ff33}.task-left[data-v-c7cbc4d1]{flex:1;display:flex;padding:12px;gap:12px;border-right:1px solid rgba(0,150,255,.15)}.task-icon[data-v-c7cbc4d1]{width:40px;height:40px;background:#0064c84d;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-inner[data-v-c7cbc4d1]{width:24px;height:24px;background:linear-gradient(135deg,#0af,#06c);border-radius:4px;position:relative}.icon-inner[data-v-c7cbc4d1]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid rgba(255,255,255,.8);border-radius:2px}.task-info[data-v-c7cbc4d1]{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.info-row[data-v-c7cbc4d1]{display:flex;align-items:center;gap:8px;font-size:12px}.info-row .label[data-v-c7cbc4d1]{color:#ffffff80;flex-shrink:0;width:55px}.info-row .value[data-v-c7cbc4d1]{color:#ffffffd9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row .value.name[data-v-c7cbc4d1]{color:#00d4ff}.info-row .value.time[data-v-c7cbc4d1]{color:#0fa}.divider[data-v-c7cbc4d1]{height:1px;background:linear-gradient(90deg,rgba(0,150,255,.3),transparent);margin:6px 0}.task-right[data-v-c7cbc4d1]{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:12px;background:#001e3c80}.stat-item[data-v-c7cbc4d1]{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label[data-v-c7cbc4d1]{font-size:11px;color:#ffffff80}.stat-value[data-v-c7cbc4d1]{font-size:18px;font-weight:700;color:#0af}.stat-value.time[data-v-c7cbc4d1]{font-size:12px;color:#0fa}.dashboard[data-v-2085ca02]{width:100vw;height:100vh;display:flex;flex-direction:column;padding:10px;background:radial-gradient(ellipse at center,#0d2a4a,#0a1628)}.main-content[data-v-2085ca02]{flex:1;display:flex;gap:15px;margin-top:10px;overflow:hidden}.left-panel[data-v-2085ca02]{width:25%;display:flex;flex-direction:column;gap:15px}.center-panel[data-v-2085ca02]{flex:1;display:flex;flex-direction:column;gap:15px}.center-panel[data-v-2085ca02] .data-table{flex:1;min-height:0}.center-panel[data-v-2085ca02] .efficiency-chart{height:200px;flex-shrink:0}.right-panel[data-v-2085ca02]{width:28%;display:flex;flex-direction:column}.production-line-page[data-v-9c8b8a3a]{width:100vw;height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#0d2a4a,#0a1628);overflow:hidden}.page-header[data-v-9c8b8a3a]{flex-shrink:0;height:56px;display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(90deg,transparent 0%,rgba(0,100,200,.25) 50%,transparent 100%);border-bottom:1px solid rgba(0,150,255,.3)}.back-link[data-v-9c8b8a3a]{position:absolute;left:20px;color:#00d4ff;text-decoration:none;font-size:14px}.back-link[data-v-9c8b8a3a]:hover{color:#0fa;text-decoration:underline}.page-title[data-v-9c8b8a3a]{font-size:20px;font-weight:700;color:#00d4ff;letter-spacing:4px}.canvas-wrap[data-v-9c8b8a3a]{flex:1;min-height:0;width:100%;display:flex;justify-content:center;align-items:center}.production-canvas[data-v-9c8b8a3a]{display:block;width:100%;height:100%;object-fit:contain}.zone-tooltip[data-v-9c8b8a3a]{position:fixed;z-index:100;min-width:220px;padding:12px 14px;background:linear-gradient(180deg,#0a233cfa,#051428fa);border:1px solid rgba(0,212,255,.5);border-radius:6px;box-shadow:0 4px 20px #0006;pointer-events:none}.zone-tooltip[data-v-9c8b8a3a]:before{content:"";position:absolute;left:-6px;top:12px;width:0;height:0;border:6px solid transparent;border-right-color:#00d4ff80}.tooltip-title[data-v-9c8b8a3a]{font-size:14px;font-weight:700;color:#00d4ff;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(0,150,255,.3)}.tooltip-row[data-v-9c8b8a3a]{font-size:13px;margin-bottom:4px}.tooltip-row[data-v-9c8b8a3a]:last-child{margin-bottom:0}.tooltip-divider[data-v-9c8b8a3a]{height:1px;background:#0096ff40;margin:8px 0 6px}.tooltip-section[data-v-9c8b8a3a]{font-size:12px;color:#00d4ffe6;margin-bottom:6px;font-weight:700}.tooltip-label[data-v-9c8b8a3a]{color:#ffffffb3;margin-right:6px}.tooltip-value[data-v-9c8b8a3a]{color:#fff}.tooltip-value.status-running[data-v-9c8b8a3a]{color:#0fa}.tooltip-value.status-waiting[data-v-9c8b8a3a]{color:#fa0}.tooltip-value.status-maintain[data-v-9c8b8a3a]{color:#f86}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(180deg,#0a1628,#0d2246,#0a1628);color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0064c81a;border-radius:3px}::-webkit-scrollbar-thumb{background:#0096ff66;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0096ff99}.panel{background:linear-gradient(180deg,#00326499,#001e3c66);border:1px solid rgba(0,150,255,.3);border-radius:4px;position:relative}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#00aaff,transparent)}.panel-title{font-size:16px;font-weight:700;color:#00d4ff;padding:12px 15px;border-bottom:1px solid rgba(0,150,255,.2);display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#0af,#06c);border-radius:2px}.panel-content{padding:15px}.highlight-number{color:#0fa;font-weight:700}.warning-number{color:#fa0;font-weight:700}.danger-number{color:#f46;font-weight:700}