.link {
  fill: none;
  stroke: #666;
  stroke-width: 1.5px;
}

.link.wife {
  stroke: green;
}

#boy {
  fill: #fff;
}

.link.boy {
  stroke: gray;
}

.link.resolved {
  stroke-dasharray: 0,2 1;
}

#girl {
  fill: red;
}
.link.girl {
  stroke: red;
}

#hand {
  fill: lightgray;
}
.link.hand {
  stroke: lightgray;
}

#head1 {
  fill: darkgray;
}
.link.head1 {
  stroke: darkgray;
}

#role1 {
  fill: red;
}
.link.role1 {
  stroke: red;
}

#dy_to_dy {
  fill: gray;
}
.link.dy_to_dy {
  stroke: gray;
}
#dy_to_dl {
  fill: blue;
}
.link.dy_to_dl {
  stroke: blue;
}
#gl_to_gl {
  fill: gray;
}
.link.gl_to_gl {
  stroke: gray;
}
#dl_to_q {
  fill: red;
}
.link.dl_to_q {
  stroke: red;
}
#dy_to_q {
  fill: gray;
}
.link.dy_to_q {
  stroke: gray;
}
#gl_to_q {
  fill: gray;
}
.link.gl_to_q {
  stroke: gray;
}
#out1 {
  fill: blue;
}
.link.out1 {
  stroke: blue;
}
#leaf1 {
  fill: lightgray;
}
.link.leaf1 {
  stroke: lightgray;
}

#act1 {
  fill: yellow;
}
.link.act1 {
  stroke: yellow;
}

#env1 {
  fill: green;
}
.link.env1 {
  stroke: green;
}

#weather1 {
  fill: cyan;
}
.link.weather1 {
  stroke: cyan;
}

#inner1 {
  fill: brown;
}
.link.inner1 {
  stroke: brown;
}


circle {
  fill: #ccc;
  stroke: #333;
  stroke-width: 1.5px;
}

text {
  font: 10px 宋体;
  pointer-events: none;
  text-shadow: 0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff;
}