.kg-node {
  stroke: rgba(255, 255,255, 0.7);
  cursor: pointer;
  transition: stroke-width 0.3s;
}

.node-image {
  cursor: pointer;
}

.node-hover {
  stroke-width: 5px;
}
@keyframes selectingFlash{
  0%{
    stroke-width: 0px;
    stroke: none;
  }
  50%{
    stroke-width: 5px;
    stroke: rgba(224, 229, 233, 0.8);
  }
  100%{
  }
}
@keyframes selectingRotate{
  0%{
    stroke-width: 3px;
    stroke-dasharray: 15;
    stroke-dashoffset: 0;
  }
  50%{
    stroke-width: 6px;
    stroke-dasharray: 15;
    stroke-dashoffset: 5;
  }
  100%{

  }
}
.selecting {
  animation: selectingFlash 1s ease-in both infinite;;
}

.menu-item {
  fill: #00b3ae;
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,150;
    stroke-dashoffset: 0;
  }

  50% {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -35;
  }
  100% {
      stroke-dasharray: 90,150;
      stroke-dashoffset: -124;
  }
}
.menu-item {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: rgba(0,0,0,0.12);
  stroke-width: 0;
  fill: #5b6ef2;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: dash 1.2s linear forwards;
  cursor: pointer;
  transition: fill 0.18s, transform 0.18s;
}
.menu-item:hover {
  fill: #8fb7ff;
  transform: scale(1.03);
}
.menu-text {
  font-size: 12px;
  font-weight: 600;
  fill: #ffffff;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.sub-menu-text {
  font-size: 11px;
  font-weight: 500;
  fill: #ffffff;
  pointer-events: none;
  text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}

.sub-menu-item {
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: #4b5458;
  stroke-width: 0;
  fill: #20bf71;
  stroke-dasharray: 500;
  stroke-dashoffset: 500;
  animation: dash 1.5s linear forwards;
  cursor: pointer;
  transition: fill 0.3s;
}

.sub-menu-item:hover {
  fill: #83fac8;
}

.dashOut {
  transition: all ease 0.3s;
  opacity: 0;
  visibility: hidden;
}

/* 移动端支持：禁止长按时的默认行为（如弹出系统菜单） */
.kg-node,
.node-image,
#kg-cavnas,
#kg-content {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: manipulation;
}

/* 禁止移动端长按弹出上下文菜单 */
#kg-cavnas,
.kg-node,
.node-image {
  -webkit-tap-highlight-color: transparent;
}