.invite-link {
  display: none; gap: 7.7px; align-items: center; margin-top: 8.8px;
}
.invite-link.open { display: flex; }
.invite-link .input {
  font-size: 10px; letter-spacing: 0; padding: 6.6px 8.8px;
  color: var(--talisman); min-width: 0;
}
.invite-state {
  margin-top: 7.7px; min-height: 13.2px;
  font-size: 11px; letter-spacing: 1.65px; color: var(--talisman);
}
.invite-state.good { color: var(--jade-lit); }
.invite-state.warn { color: var(--talisman); }
.invite-state.bad { color: var(--seal-bad); }
.vis-link { margin-top: 7.7px; }
.vis-link .input { font-size: 11px; letter-spacing: 0; }
.vis-thumb.remote::after {
  content: '遠';
  position: absolute; left: 2.2px; bottom: 2.2px;
  font-family: var(--han); font-size: 9.9px; line-height: 1;
  padding: 1.1px 3.3px; color: var(--bone);
  background: rgba(var(--seal-bg-0-rgb), .78);
  border: 1px solid rgba(var(--seal-trim-rgb), .4);
}
.vis-thumb.borrowed { border-style: dashed; }
.borrowed-note {
  margin-top: 8.8px; padding: 6.6px 8.8px;
  border: 1px solid rgba(var(--accent-rgb), .4);
  background: rgba(var(--accent-rgb), .1);
  font-size: 10px; letter-spacing: 1.1px; color: var(--bone-dim);
  display: none;
}
.borrowed-note.open { display: block; }
@media (max-height: 800px) {
  .invite-state { margin-top: 5.5px; min-height: 11px; }
}
.foot .share { cursor: pointer; }
.foot .share .node { fill: currentColor; }
.foot .share .wire {
  fill: none; stroke: var(--vermilion); stroke-width: 1.6; stroke-linecap: round;
}
.foot .share:hover .wire { stroke: var(--talisman); }
.foot .share.done {
  color: #fff; background: var(--crimson); border-color: var(--vermilion);
}
.foot .share.done .wire { stroke: var(--talisman); }