ForcePilot/web/src/assets/css/sigma.css

/* Sigma.js 基础样式 */
.sigma-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.sigma-container canvas {
  outline: none;
}

/* 节点标签样式 */
.sigma-labels {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 高亮样式 */
.node-highlighted {
  stroke: var(--color-error-500);
  stroke-width: 3px;
}

.edge-highlighted {
  stroke: var(--color-error-500);
  stroke-width: 3px;
}

/* 选中样式 */
.node-selected {
  stroke: var(--color-info-500);
  stroke-width: 4px;
}

.edge-selected {
  stroke: var(--color-info-500);
  stroke-width: 4px;
}

/* 悬停样式 */
.node-focused {
  stroke: var(--color-success-500);
  stroke-width: 2px;
}

.edge-focused {
  stroke: var(--color-success-500);
  stroke-width: 2px;
}

/* 加载动画 */
.sigma-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
}

/* 工具提示 */
.sigma-tooltip {
  position: absolute;
  background: var(--shadow-5);
  color: var(--gray-0);
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  pointer-events: none;
  z-index: 1000;
  white-space: nowrap;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .sigma-container {
    font-size: 10px;
  }

  .sigma-tooltip {
    font-size: 10px;
    padding: 6px 8px;
  }
}