.logout-btn[data-v-94df754f]{z-index:30;position:fixed;bottom:24px;right:24px}.group-control-3d[data-v-a5517678]{--bottom-panel-height:146px;--content-min-height:680px;--header-min-height:58px;background:#111827;grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.header-bar[data-v-a5517678]{min-height:var(--header-min-height);box-sizing:border-box;z-index:10;background:linear-gradient(#233044 0%,#1a2333 100%);border-bottom:2px solid #1e3a5f;justify-content:space-between;align-items:center;padding:8px 24px;display:flex}.content-area[data-v-a5517678]{min-height:min(var(--content-min-height), 100%);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.header-left[data-v-a5517678]{align-items:center;gap:12px;display:flex}.icon-circle[data-v-a5517678]{background:linear-gradient(135deg,#1e3a5f,#0f172a);border:1px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-text[data-v-a5517678]{flex-direction:column;gap:1px;display:flex}.header-title[data-v-a5517678]{color:#e2e8f0;letter-spacing:3px;font-size:20px;font-weight:700}.header-subtitle[data-v-a5517678]{color:#64748b;letter-spacing:1px;font-size:11px}.header-center[data-v-a5517678]{align-items:center;display:flex}.status-indicators[data-v-a5517678]{color:#94a3b8;background:#1e293bad;border:1px solid #1e293b;border-radius:20px;align-items:center;gap:10px;padding:6px 16px;font-size:12px;display:flex}.status-dot[data-v-a5517678]{border-radius:50%;width:8px;height:8px}.status-dot.online[data-v-a5517678]{background:#22c55e;animation:2s ease-in-out infinite pulse-a5517678;box-shadow:0 0 8px #22c55e}@keyframes pulse-a5517678{0%,to{opacity:1}50%{opacity:.4}}.status-divider[data-v-a5517678]{background:#334155;width:1px;height:14px}.status-indicators strong[data-v-a5517678]{color:#e2e8f0}.header-right[data-v-a5517678]{align-items:center;display:flex}.header-hint[data-v-a5517678]{color:#475569;font-size:11px}.canvas-container[data-v-a5517678]{min-height:min(calc(var(--content-min-height) - var(--bottom-panel-height)), 100%);flex:auto;position:relative;overflow:hidden}@keyframes label-alert-blink-a5517678{0%,to{opacity:1;filter:saturate();transform:scale(1)}50%{opacity:.22;filter:saturate(1.4);transform:scale(.72)}}.info-panel[data-v-a5517678]{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151f30e0;border:1px solid #1e293b;border-radius:10px;width:210px;padding:14px 16px;position:absolute;top:16px;left:20px}.panel-title[data-v-a5517678]{letter-spacing:1px;color:#64748b;margin-bottom:10px;font-size:11px}.metric-row[data-v-a5517678]{color:#94a3b8;justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.metric-row strong[data-v-a5517678]{color:#e2e8f0;font-family:JetBrains Mono,Cascadia Code,Courier New,monospace}.metric-sep[data-v-a5517678]{background:#94a3b826;height:1px;margin:10px 0}.legend-bar[data-v-a5517678]{bottom:calc(var(--bottom-panel-height) + 4px);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151f30d6;border:1px solid #1e293b;border-radius:8px;gap:18px;padding:6px 14px;display:flex;position:absolute;left:20px}.legend-item[data-v-a5517678]{color:#94a3b8;align-items:center;gap:6px;font-size:11px;display:flex}.legend-item .dot[data-v-a5517678]{border-radius:50%;width:10px;height:10px;display:inline-block}.valve-legend[data-v-a5517678]{bottom:calc(var(--bottom-panel-height) + 4px);color:#64748b;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151f30d6;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:11px;display:flex;position:absolute;right:20px}.valve-icon[data-v-a5517678]{font-size:14px}.control-bar[data-v-a5517678]{left:50%;bottom:calc(var(--bottom-panel-height) + 6px);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#151f30e0;border:1px solid #1e293b;border-radius:12px;gap:6px;padding:8px 10px;display:flex;position:absolute;transform:translate(-50%)}.control-btn[data-v-a5517678]{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #94a3b82e;border-radius:8px;padding:6px 12px;font-size:11px;transition:all .18s}.control-btn[data-v-a5517678]:hover{color:#dbeafe;background:#3b82f614;border-color:#60a5fa73}.control-btn.active[data-v-a5517678]{color:#dbeafe;background:#3b82f62e;border-color:#60a5fa8c}.device-tooltip[data-v-a5517678]{z-index:30;pointer-events:none;background:#151f30f5;border:1px solid #60a5fa59;border-radius:10px;max-width:240px;padding:10px 12px;position:absolute;box-shadow:0 10px 32px #02081780}.device-tooltip-title[data-v-a5517678]{color:#e2e8f0;border-bottom:1px solid #94a3b824;margin-bottom:6px;padding-bottom:6px;font-size:12px;font-weight:700}.device-tooltip-body[data-v-a5517678]{color:#94a3b8;font-size:11px;line-height:1.65}.bottom-panel[data-v-a5517678]{height:var(--bottom-panel-height);z-index:10;background:#182131;border-top:2px solid #1e3a5f;flex:none;overflow:hidden}.panel-scroll[data-v-a5517678]{scrollbar-width:thin;scrollbar-color:#475569 #182131;align-items:stretch;gap:8px;height:100%;padding:10px 14px 12px;display:flex;overflow-x:auto}.panel-scroll[data-v-a5517678]::-webkit-scrollbar{height:5px}.panel-scroll[data-v-a5517678]::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.panel-scroll[data-v-a5517678]::-webkit-scrollbar-track{background:#182131}.data-card[data-v-a5517678]{background:#223047;border:1px solid #1e3a5f;border-radius:8px;flex-direction:column;flex-shrink:0;gap:5px;min-width:156px;max-width:172px;min-height:112px;padding:10px 12px;transition:all .2s;display:flex;position:relative}.data-card[data-v-a5517678]:hover{background:#2a3952;border-color:#3b82f6}.data-card.stopped[data-v-a5517678]{opacity:.45;border-color:#374151}.data-card-header[data-v-a5517678]{color:#94a3b8;letter-spacing:.5px;padding-right:44px;font-size:12px;font-weight:600}.data-card-body[data-v-a5517678]{flex-direction:column;flex:1;gap:4px;display:flex}.data-row[data-v-a5517678]{color:#64748b;justify-content:space-between;gap:10px;font-size:11px;display:flex}.data-row span[data-v-a5517678]:first-child{flex-shrink:0}.data-row span[data-v-a5517678]:last-child{color:#cbd5e1;text-align:right;word-break:break-word;font-family:JetBrains Mono,Cascadia Code,Courier New,monospace;font-weight:600}.data-badge[data-v-a5517678]{letter-spacing:.5px;border-radius:4px;padding:2px 7px;font-size:9px;font-weight:700;position:absolute;top:6px;right:8px}.data-badge.running[data-v-a5517678]{color:#34d399;background:#064e3b;border:1px solid #065f46}.data-badge.warning[data-v-a5517678]{color:#fbbf24;background:#451a03;border:1px solid #92400e}.data-badge.stopped[data-v-a5517678]{color:#fca5a5;background:#450a0a;border:1px solid #7f1d1d}.group-control-screen-widget[data-v-b275e037]{width:100%;min-width:0;min-height:720px}.group-control-screen-widget.is-full-height[data-v-b275e037]{height:100%;min-height:0}.group-control-page[data-v-9c29c757]{gap:12px}.group-overview-strip[data-v-9c29c757]{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:0;display:grid}.metric.compact[data-v-9c29c757]{padding:12px 14px}.metric.compact[data-v-9c29c757] .metric-value,.metric.compact .metric-value[data-v-9c29c757]{font-size:24px;line-height:30px}.metric.compact[data-v-9c29c757] .metric-foot,.metric.compact .metric-foot[data-v-9c29c757]{margin-top:4px;font-size:12px;line-height:18px}.group-3d-panel[data-v-9c29c757]{overflow:hidden}.group-3d-head[data-v-9c29c757]{padding-top:14px;padding-bottom:14px}.group-3d-body[data-v-9c29c757]{padding:12px}.group-3d-card-gap[data-v-9c29c757]{border-radius:10px;overflow:hidden}.group-bottom-panels[data-v-9c29c757]{gap:12px;margin-top:0}.slim-panel[data-v-9c29c757] .panel-body,.slim-panel .panel-body[data-v-9c29c757]{padding-top:12px;padding-bottom:12px}.compact-timeline[data-v-9c29c757] .timeline-item,.compact-timeline .timeline-item[data-v-9c29c757]{min-height:auto}.compact-timeline[data-v-9c29c757] .step-desc,.compact-timeline .step-desc[data-v-9c29c757]{line-height:18px}.group-3d-body[data-v-9c29c757] .group-control-screen-widget{height:860px;min-height:860px}@media (width<=1200px){.group-overview-strip[data-v-9c29c757]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.group-overview-strip[data-v-9c29c757]{grid-template-columns:1fr}.group-3d-body[data-v-9c29c757] .group-control-screen-widget{height:680px;min-height:680px}}.login-screen[data-v-bfda4cfb]{background:var(--page);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.login-card[data-v-bfda4cfb]{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(420px,100%);padding:30px}.login-card img[data-v-bfda4cfb]{width:154px;height:auto;margin-bottom:24px;display:block}.login-card h1[data-v-bfda4cfb]{color:var(--text-1);margin:0;font-size:22px;font-weight:700;line-height:30px}.login-card p[data-v-bfda4cfb]{color:var(--text-3);margin:6px 0 24px;font-size:13px;line-height:20px}.login-form[data-v-bfda4cfb]{gap:14px;display:grid}.form-row label[data-v-bfda4cfb]{color:var(--text-2);margin-bottom:6px;font-size:13px;display:block}.input[data-v-bfda4cfb]{border:1px solid var(--line);width:100%;height:40px;color:var(--text-1);background:#fff;border-radius:6px;outline:none;padding:0 12px;font-size:14px}.input[data-v-bfda4cfb]:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.login-error[data-v-bfda4cfb]{color:var(--red);background:#f53f3f0f;border:1px solid #f53f3f4d;border-radius:6px;padding:10px 14px;font-size:13px;line-height:20px}.login-btn[data-v-bfda4cfb]{width:100%;height:40px;font-size:14px;font-weight:500}.login-btn[data-v-bfda4cfb]:disabled{opacity:.6}:root{--arco-theme-id:"7639";--primary-1:#e8f3ff;--primary-2:#bedaff;--primary-3:#94bfff;--primary-4:#6aa1ff;--primary-5:#4080ff;--primary-6:#165dff;--primary-7:#0e42d2;--primary-8:#072ca6;--primary-9:#031a79;--primary-10:#000d4d;--link-1:#e8f8ff;--link-2:#aad5ea;--link-3:#74b2d5;--link-4:#468fc0;--link-5:#1f6eab;--link-6:#005096;--link-7:#004284;--link-8:#003571;--link-9:#00295f;--link-10:#001f4d;--dark-primary-1:#000d4d;--dark-primary-2:#041b79;--dark-primary-3:#0e32a6;--dark-primary-4:#1d4dd2;--dark-primary-5:#306fff;--dark-primary-6:#3c7eff;--dark-primary-7:#689fff;--dark-primary-8:#93beff;--dark-primary-9:#bedaff;--dark-primary-10:#eaf4ff;--menu-collapse-width:60px;--menu-collapse-padding-horizontal:10px;--color-success-1:#e8ffea;--color-success-6:#00b42a;--color-warning-1:#fff7e8;--color-warning-6:#ff7d00;--color-danger-1:#ffece8;--color-danger-6:#f53f3f;--color-text-1:#1d2129;--color-text-2:#4e5969;--color-text-3:#86909c;--color-text-4:#c9cdd4;--color-bg-1:#fff;--color-bg-2:#fff;--color-bg-3:#fff;--color-bg-4:#fff;--color-bg-5:#fff;--color-fill-1:#f7f8fa;--color-fill-2:#f2f3f5;--color-fill-3:#e5e6eb;--color-border-1:#f2f3f5;--color-border-2:#e5e6eb;--color-border-3:#c9cdd4;--color-border-4:#a9aeb8;--radius-small:4px;--radius-medium:8px;--radius-large:12px;--shadow1-down:0 4px 12px #1d212914;--shadow2-down:0 8px 24px #1d21291f;--shadow3-down:0 16px 40px #1d212929;--brand-logo-blue:#0072bc;--brand-logo-cyan:#5bc3cf;--brand-logo-orange:#f58a00;--brand-logo-ink:#333;--brand-primary:var(--primary-6);--brand-primary-hover:var(--primary-5);--brand-primary-active:var(--primary-7);--brand-link:var(--link-6);--brand-data:var(--brand-logo-cyan);--brand-energy:var(--brand-logo-orange)}*{box-sizing:border-box}:root{--font:Inter, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--page:#f6f7fb;--panel:#fff;--line:var(--color-border-2,#e5e6eb);--line-soft:var(--color-border-1,#f2f3f5);--text-1:var(--color-text-1,#1d2129);--text-2:var(--color-text-2,#4e5969);--text-3:var(--color-text-3,#86909c);--primary:var(--primary-6,#165dff);--primary-soft:var(--primary-1,#e8f3ff);--green:var(--color-success-6,#00b42a);--green-soft:#e8ffea;--orange:var(--color-warning-6,#ff7d00);--orange-soft:#fff7e8;--red:var(--color-danger-6,#f53f3f);--red-soft:#ffece8;--cyan:#14c9c9;--cyan-soft:#e8fffb;--violet:#7c3aed;--violet-soft:#f5f0ff;--sidebar-w:260px}html{height:100%;overflow:hidden}body{min-width:320px;height:100%;color:var(--text-1);background:var(--page);font-family:var(--font);letter-spacing:0;margin:0;font-size:14px;line-height:22px;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.auth-locked .app-shell{display:none}body.sidebar-open{overflow:hidden}.login-screen{background:var(--page);justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:none}.auth-locked .login-screen{display:flex;overflow:auto}.login-card{border:1px solid var(--line);background:var(--panel);border-radius:8px;width:min(420px,100%);padding:30px}.login-card img{width:156px;height:auto;margin-bottom:24px;display:block}.login-card h1{margin:0;font-size:22px;line-height:30px}.login-card p{color:var(--text-3);margin:6px 0 24px;font-size:13px}.login-form{gap:14px;display:grid}.form-row label{color:var(--text-2);margin-bottom:6px;font-size:13px;display:block}.input,.select,.textarea{border:1px solid var(--line);width:100%;color:var(--text-1);background:#fff;border-radius:6px;outline:none}.input,.select{height:40px;padding:0 12px}.textarea{resize:vertical;min-height:92px;padding:10px 12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.login-hint{color:var(--text-3);font-size:12px}.app-shell{height:100vh;min-height:0;display:block;overflow:hidden}.app-shell.collapsed{--sidebar-w:84px}.mobile-sidebar-mask{z-index:19;background:#1d212952;display:none;position:fixed;inset:0}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--line);background:var(--panel);z-index:20;flex-direction:column;height:100vh;min-height:0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{border-bottom:1px solid var(--line-soft);padding:22px 18px 18px}.brand img{width:148px;height:auto;display:block}.brand-title{margin-top:16px}.brand-title strong{font-size:20px;line-height:28px;display:block}.brand-title span{color:var(--text-3);margin-top:3px;font-size:13px;display:block}.collapsed .brand img{width:46px}.collapsed .brand-title,.collapsed .nav-text,.collapsed .nav-group-title,.collapsed .sidebar-foot{display:none}.nav{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:12px;overflow:auto}.nav::-webkit-scrollbar{width:8px;height:8px}.page::-webkit-scrollbar{width:8px;height:8px}.table-wrap::-webkit-scrollbar{width:8px;height:8px}.nav::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:999px}.page::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:#c9cdd4;border-radius:999px}.nav::-webkit-scrollbar-track{background:0 0}.page::-webkit-scrollbar-track{background:0 0}.table-wrap::-webkit-scrollbar-track{background:0 0}.nav-section{--section-color:var(--primary);--section-bg:#fff;border:1px solid var(--line);border-left:3px solid var(--section-color);background:var(--section-bg);border-radius:8px;margin-top:12px;margin-bottom:0;padding:8px}.nav-section:first-child{margin-top:0}.nav-section.home{--section-color:var(--primary);--section-bg:#f7fbff}.nav-section.model{--section-color:var(--orange);--section-bg:#fff7ed}.nav-section.strategy{--section-color:#0e9f8f;--section-bg:#f2fffc}.nav-section.energy{--section-color:var(--orange);--section-bg:#fff7ed}.nav-section.safety{--section-color:var(--primary);--section-bg:#f7fbff}.nav-section.ops{--section-color:#0e9f8f;--section-bg:#f2fffc}.nav-section.manage{--section-color:var(--violet);--section-bg:#fbf8ff}.nav-group-title{color:var(--text-3);padding:2px 6px 8px;font-size:12px;line-height:18px}.nav-group-title strong{color:var(--section-color);font-size:13px;font-weight:700;line-height:20px;display:block}.nav-btn{width:100%;min-height:42px;color:var(--text-2);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;margin-top:4px;padding:0 10px;display:flex}.nav-btn.nav-main,.nav-btn.nav-sub{min-height:42px;padding:0 10px;font-size:14px}.nav-btn:hover{color:var(--section-color);background:#ffffffdb}.nav-btn.module-active{color:var(--text-2);background:0 0}.nav-btn.active{color:var(--section-color);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--section-color) 22%, transparent);background:#fff;font-weight:600}.nav-icon,.icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.sidebar-foot{border:1px solid var(--line);color:var(--text-3);background:#fafbfc;border-radius:8px;margin:0 12px 12px;padding:12px;font-size:12px;line-height:18px}.footer-meta{gap:8px;display:grid}.footer-meta div{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex}.collapsed .nav{padding:12px 10px}.collapsed .nav-section{padding:8px}.collapsed .nav-btn.nav-main{justify-content:center;padding:0}.connection-name{min-width:0;color:var(--text-1);align-items:center;gap:6px;display:inline-flex}.connection-name i{border-radius:999px;flex:none;width:8px;height:8px}.connection-row.is-connected .connection-name i{background:var(--green);box-shadow:0 0 0 3px #00b42a1f}.connection-row.is-disconnected .connection-name i{background:var(--red);box-shadow:0 0 0 3px #f53f3f1f}.connection-state{color:var(--text-1);font-weight:600}.sidebar-copyright{border-top:1px solid var(--line-soft);margin-top:10px;padding-top:10px}.topbar-statuses{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.topbar-platforms{white-space:nowrap;background:#ffffffe6;border:1px solid #165dff14;border-radius:14px;align-items:center;gap:8px;min-height:38px;padding:4px 10px;display:inline-flex;box-shadow:0 8px 20px #0f235f0f}.topbar-platforms-title{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.topbar-platforms-title i{background:var(--primary-soft);width:18px;height:18px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-style:normal;line-height:1;display:inline-flex}.topbar-status-item{border:1px solid var(--line-soft);min-height:26px;color:var(--text-2);white-space:nowrap;background:#f7f8fa;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:11px;line-height:16px;display:inline-flex}.topbar-status-item .connection-name,.topbar-status-item .connection-state{color:inherit;font-weight:500}.topbar-status-item .connection-name i{box-shadow:none;background:currentColor}.topbar-status-item.is-connected{color:#087443;background:#00b42a0f;border-color:#00b42a1a}.topbar-status-item.is-disconnected{color:#b83232;background:#f53f3f0f;border-color:#f53f3f1a}.topbar-duty{min-height:40px;color:var(--text-1);white-space:nowrap;background:linear-gradient(135deg,#165dff1f,#14c9c914);border:1px solid #165dff1f;border-radius:16px;align-items:center;gap:10px;padding:6px 12px;display:inline-flex;box-shadow:0 10px 24px #165dff1f}.topbar-duty-badge{width:28px;height:28px;color:var(--primary);background:#165dff1f;border-radius:10px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.topbar-duty-meta{gap:2px;line-height:1.2;display:grid}.topbar-duty-label{color:var(--text-3);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.topbar-duty-name{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.topbar-duty-shift{color:var(--primary);background:#165dff1a;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.topbar-duty-state{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.main-shell{min-width:0;height:100vh;min-height:0;margin-left:var(--sidebar-w);flex-direction:column;display:flex;overflow:hidden}.topbar{z-index:18;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;flex:none;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:12px;min-width:0;display:flex}.topbar-right{flex-wrap:nowrap;justify-content:flex-end;gap:10px}.icon-btn,.menu-toggle{border:1px solid var(--line);width:34px;height:34px;color:var(--text-2);background:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{color:var(--primary);border-color:var(--primary)}.menu-toggle{display:none}.topbar-context{min-width:0}.topbar-context span{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;font-size:13px;line-height:18px;display:block;overflow:hidden}.page{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-gutter:stable;flex:auto;min-height:0;padding:24px;overflow:hidden auto}.workspace{gap:24px;display:grid}.module-section{display:none}.module-section.active{display:block}.module-shell{background:0 0;border:0;border-radius:0;gap:18px;padding:0;display:grid}.module-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:0;display:flex}.module-kicker{color:var(--text-3);align-items:center;margin-bottom:6px;font-size:12px;line-height:18px;display:inline-flex}.module-title{margin:0;font-size:24px;line-height:32px}.subsection{background:0 0;border:0;margin-top:0;padding:0;display:none}.subsection.active{display:block}.subsection+.subsection{border-top:0;margin-top:0;padding-top:0}.subsection-head{justify-content:flex-end;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.subsection-head>div{display:none}.subsection-title{margin:0;font-size:18px;line-height:26px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.page-title{margin:0;font-size:24px;line-height:32px}.page-subtitle{color:var(--text-3);margin:4px 0 0}.head-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.btn{border:1px solid var(--line);min-height:34px;color:var(--text-2);white-space:nowrap;background:#fff;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn.primary{color:#fff;border-color:var(--primary);background:var(--primary)}.edit-action-btn{color:#fff;background:#0e42d2;border-color:#0e42d2;border-radius:6px;min-width:72px;height:34px;min-height:34px;padding:0 14px;font-size:14px;font-weight:600}.edit-action-btn:hover{color:#fff;background:#072ca6;border-color:#072ca6}.edit-confirm-btn{border-color:var(--primary);color:#fff;background:var(--primary);border-radius:6px;min-width:72px;height:34px;min-height:34px;padding:0 14px;font-size:14px;font-weight:600}.edit-cancel-btn{min-width:72px;height:34px;min-height:34px;color:var(--red);background:var(--red-soft);border-color:#f53f3f57;border-radius:6px;padding:0 14px;font-size:14px;font-weight:600}.edit-cancel-btn:hover{border-color:var(--red);color:var(--red);background:#fff1f0}.btn.danger{color:var(--red);background:#fff;border-color:#ffccc7}.btn:disabled{color:var(--text-3);background:#f2f3f5}.filter-bar,.tabs{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.tab-btn,.chip{border:1px solid var(--line);min-height:32px;color:var(--text-2);background:#fff;border-radius:6px;padding:0 12px}.tab-btn.active,.chip.active{color:var(--primary);border-color:var(--primary);background:var(--primary-soft);font-weight:600}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel,.metric,.status-card{border:1px solid var(--line);background:var(--panel);border-radius:8px}.panel{margin-bottom:16px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 16px;display:flex}.panel-title{margin:0;font-size:15px;line-height:22px}.panel-sub{color:var(--text-3);font-size:12px}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px;display:inline-block}.panel-body,.metric{padding:16px}.metric-label{color:var(--text-3);font-size:13px}.metric-value{margin-top:8px;font-size:26px;font-weight:700;line-height:34px}.metric-value small{color:var(--text-3);font-size:13px;font-weight:500}.metric-foot{color:var(--text-3);margin-top:8px;font-size:12px}.tag{white-space:nowrap;border-radius:4px;align-items:center;gap:4px;min-height:24px;padding:0 8px;font-size:12px;line-height:20px;display:inline-flex}.tag.green{color:var(--green);background:var(--green-soft)}.tag.blue{color:var(--primary);background:var(--primary-soft)}.tag.orange{color:var(--orange);background:var(--orange-soft)}.tag.red{color:var(--red);background:var(--red-soft)}.tag.gray{color:var(--text-2);background:#f2f3f5}.tag.violet{color:var(--violet);background:var(--violet-soft)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:middle;white-space:nowrap;padding:11px 12px}th{color:var(--text-3);background:#fafbfc;font-size:12px;font-weight:500}tr:last-child td{border-bottom:0}.link-btn{color:var(--primary);background:0 0;border:0;padding:0}.split{grid-template-columns:minmax(0,1.3fr) minmax(360px,.7fr);gap:16px;display:grid}.topology{background-color:#0000;background-image:linear-gradient(#eef2f7 1px,#0000 1px),linear-gradient(90deg,#eef2f7 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;grid-template-columns:repeat(5,minmax(120px,1fr));align-items:center;gap:14px;min-height:350px;padding:12px;display:grid;position:relative}.plant-node{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:92px;padding:14px}.plant-node strong{margin-bottom:6px;display:block}.plant-node span{color:var(--text-3);font-size:12px;display:block}.flow-arrow{background:var(--primary);height:1px}.scene-hero{border:1px solid var(--line);background:radial-gradient(circle at 20% 20%,#165dff24,#0000 28%),radial-gradient(circle at 78% 18%,#00b42a1f,#0000 22%),linear-gradient(#f8fbff 0%,#eef5ff 100%);border-radius:10px;min-height:340px;padding:18px;position:relative;overflow:hidden}.scene-hero:after{content:"";filter:blur(16px);background:#165dff0f;border-radius:50%;height:220px;position:absolute;inset:auto -10% -26%}.scene-grid{z-index:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid;position:relative}.scene-card{background:#ffffffd6;border:1px solid #165dff1f;border-radius:10px;min-height:120px;padding:14px;box-shadow:0 8px 24px #1118270f}.scene-card strong{margin-bottom:6px;display:block}.scene-card span{color:var(--text-3);font-size:12px;line-height:18px;display:block}.scene-card.is-highlight{transform:translateY(18px)}.pipeline-board{gap:14px;display:grid}.pipeline-lane{grid-template-columns:140px repeat(3,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.pipeline-label{border:1px solid var(--line);color:var(--text-2);background:#f7fbff;border-radius:8px;justify-content:center;align-items:center;padding:12px;font-weight:600;display:flex}.pipeline-step{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.pipeline-step strong{margin-bottom:4px;display:block}.pipeline-step span{color:var(--text-3);font-size:12px;line-height:18px;display:block}.hmi-layout{grid-template-columns:150px minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.hmi-rail{background:#f2fffc;border:1px solid #14c9c92e;border-radius:8px;flex-direction:column;gap:10px;padding:12px;display:flex}.hmi-rail-title{color:#0f766e;gap:4px;font-weight:700;line-height:20px;display:grid}.hmi-menu{gap:6px;display:grid}.hmi-menu span{min-height:30px;color:var(--text-2);background:#fff;border:1px solid #0e9f8f29;border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.hmi-menu span.active{color:#fff;background:var(--primary);border-color:var(--primary)}.hmi-weather{gap:8px;margin-top:auto;display:grid}.hmi-weather .setpoint{background:#fff}.hmi-screen{gap:12px;min-width:0;display:grid}.hmi-status-line{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.hmi-status-line .setpoint{background:#fafbfc;min-height:62px}.plant-schematic{border:1px solid var(--line);background:linear-gradient(#fbfdff 0%,#f4f8ff 100%);border-radius:8px;min-height:450px;padding:14px;position:relative;overflow:auto}.plant-title{text-align:center;margin:0 0 12px;font-size:26px;font-weight:700;line-height:34px}.tower-row{grid-template-columns:repeat(5,minmax(84px,1fr));gap:10px;max-width:620px;margin-bottom:10px;display:grid}.tower-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;min-height:114px;padding:8px}.tower-card .fan{width:54px;height:48px;color:var(--text-1);background:#f2f3f5;border:1px solid #c9cdd4;border-radius:8px;place-items:center;margin:4px auto 6px;font-size:24px;font-weight:700;display:grid}.tower-card span{color:var(--text-3);font-size:11px;line-height:16px;display:block}.tower-card strong{color:var(--green);background:#00b42a1a;border-radius:999px;margin-top:4px;padding:1px 6px;font-size:11px;display:inline-flex}.plant-svg{width:100%;min-width:920px;height:310px;display:block}.pipe-cw{stroke:#13a8ff}.pipe-chw{stroke:#8f4bd8}.pipe-cond{stroke:#d2a100}.pipe-return{stroke:#1f9d55}.pipe-cw,.pipe-chw,.pipe-cond,.pipe-return{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.svg-device{fill:#fff;stroke:#86909c;stroke-width:1.6px}.svg-label{fill:var(--text-2);font-size:13px;font-weight:600}.svg-value{fill:var(--primary);font-size:12px;font-weight:700}.svg-status{fill:var(--green);font-size:12px;font-weight:700}.topology-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.topology-node{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:96px;padding:12px}.topology-node strong,.control-card strong{margin-bottom:6px;display:block}.topology-node span,.control-card span{color:var(--text-3);font-size:12px;line-height:18px;display:block}.control-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.control-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.compact-data-table table{min-width:980px}.data-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.decision-chain,.timeline{gap:12px;display:grid}.chain-step,.timeline-item{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.step-no{color:#fff;background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.step-title{font-weight:600}.step-desc{color:var(--text-3);margin-top:3px;font-size:13px}.recommend-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) 240px;gap:16px;padding:16px;display:grid}.setpoint-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.setpoint{border:1px solid var(--line-soft);background:#fafbfc;border-radius:6px;padding:10px}.setpoint span{color:var(--text-3);font-size:12px;display:block}.setpoint strong{margin-top:4px;display:block}.bars{gap:10px;display:grid}.bar-row{grid-template-columns:96px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:13px;display:grid}.bar{background:#f2f3f5;border-radius:99px;height:8px;overflow:hidden}.bar span{border-radius:inherit;background:var(--primary);height:100%;display:block}.safety-matrix{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.matrix-item{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:124px;padding:14px}.matrix-item h4{margin:10px 0 6px;font-size:14px}.matrix-item p{color:var(--text-3);margin:0;font-size:12px;line-height:18px}.workbench{grid-template-columns:330px minmax(0,1fr);gap:16px;display:grid}.device-list{gap:8px;display:grid}.device-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;width:100%;padding:12px}.device-item.active{border-color:var(--primary);background:var(--primary-soft)}.schedule-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:110px repeat(2,minmax(180px,1fr));display:grid;overflow:hidden}.schedule-cell{border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:#fff;min-height:76px;padding:12px}.schedule-cell:nth-child(3n){border-right:0}.schedule-cell.head{color:var(--text-3);background:#fafbfc;min-height:auto;font-size:12px}.avatar{color:#fff;background:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-right:8px;font-size:12px;display:inline-flex}.bar-chart{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:16px;height:250px;padding:16px 8px 8px;display:grid}.bar-group{grid-template-columns:1fr 1fr;align-items:end;gap:5px;height:190px;display:grid;position:relative}.bar-col{background:var(--primary);border-radius:4px 4px 0 0}.bar-col.actual{background:var(--cyan)}.bar-label{color:var(--text-3);text-align:center;font-size:12px;position:absolute;bottom:-26px;left:0;right:0}.drawer-mask,.modal-mask{z-index:50;background:#1d212959;display:none;position:fixed;inset:0}.drawer-mask.open,.modal-mask.open{display:block}.drawer{z-index:60;background:#fff;flex-direction:column;width:min(520px,100vw);height:100vh;transition:transform .18s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-head,.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:16px 18px;display:flex}.drawer-title,.modal-title{margin:0;font-size:16px}.drawer-body,.modal-body{flex:1;padding:18px;overflow:auto}.drawer-foot,.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.modal{z-index:70;background:#fff;border-radius:8px;flex-direction:column;width:min(680px,100vw - 32px);max-height:calc(100vh - 64px);display:none;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.modal.open{display:flex}.hidden{display:none!important}@media (width<=1180px){.app-shell,.app-shell.collapsed{display:block}.sidebar{width:260px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%);box-shadow:18px 0 40px #1d212929}.main-shell{margin-left:0}.sidebar.open{transform:translate(0)}.mobile-sidebar-mask.open{display:block}.grid.cols-4,.grid.cols-3,.grid.cols-2,.split,.workbench,.recommend-card,.hmi-layout{grid-template-columns:1fr}.safety-matrix,.topology-grid,.control-grid,.hmi-status-line{grid-template-columns:repeat(2,minmax(0,1fr))}.hmi-rail{grid-template-columns:180px minmax(0,1fr) 180px;align-items:stretch;display:grid}.hmi-menu{grid-template-columns:repeat(5,minmax(0,1fr))}.topology{grid-template-columns:1fr}.flow-arrow{display:none}.topbar{align-items:flex-start;padding:12px 24px}.menu-toggle{display:inline-flex}.topbar-right{flex-wrap:wrap;justify-content:flex-end}}@media (width<=760px){.topbar{flex-direction:column;align-items:stretch;min-height:auto;padding:0 14px}.topbar-left,.topbar-right{width:100%}.topbar-right{flex-wrap:wrap;gap:10px;padding-bottom:14px;display:flex}.topbar-platforms{flex-direction:column;align-items:flex-start;width:100%}.page{padding:16px}.page-head{flex-direction:column}.head-actions{justify-content:flex-start}.grid.cols-4,.grid.cols-3,.grid.cols-2,.safety-matrix,.setpoint-grid,.topology-grid,.control-grid,.hmi-status-line,.hmi-rail{grid-template-columns:1fr}.hmi-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.tower-row{grid-template-columns:repeat(2,minmax(90px,1fr))}.topbar-duty{justify-content:space-between;width:100%}.schedule-grid{grid-template-columns:1fr}.schedule-cell,.schedule-cell:nth-child(3n){border-right:0}}