.system-graph[data-v-63c2fb07]{width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;align-items:center}.system-list[data-v-63c2fb07]{width:100%;padding:24px;display:flex;gap:16px;justify-content:flex-start;flex-wrap:wrap;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;margin:16px;box-shadow:inset 0 2px 4px #0000000d}.system-item[data-v-63c2fb07]{padding:12px 16px;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:10px;min-width:140px;justify-content:center;border:1px solid rgba(255,255,255,.2)}.system-icon[data-v-63c2fb07]{width:22px;height:22px;filter:brightness(0) invert(1);opacity:.9;transition:all .3s ease;flex-shrink:0}.system-item:hover .system-icon[data-v-63c2fb07]{opacity:1;transform:scale(1.1) rotate(5deg)}.system-item[data-v-63c2fb07]:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003;opacity:.95;border-color:#fff6}.system-item-label[data-v-63c2fb07]{color:#fff;font-size:15px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.2);text-align:center;letter-spacing:.5px;white-space:nowrap}#container[data-v-63c2fb07]{width:900px;height:100vh;border:1px solid #eee;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.control-panel[data-v-63c2fb07]{width:100%;display:flex;justify-content:center;padding:10px}.control-panel button[data-v-63c2fb07]{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .3s}.control-panel button[data-v-63c2fb07]:hover{background:#40a9ff}.control-panel button[data-v-63c2fb07]:active{background:#096dd9}
