.doc-tree+.doc-tree
  margin-top: 2px

.widget-wrapper.toc.multi
  // .widget-header
  //   color: $color-theme
  //   filter: brightness(75%)
  .widget-body+.widget-header
    margin-top: 28px

// 其它分页链接
.widget-wrapper.toc.multi .doc-tree
  border-radius: $border-card
  overflow: hidden
  a.doc-tree-link
    color: var(--text-p1)
    padding: 0 16px
    display: flex
    min-height: 32px
    justify-content: space-between
    align-items: center
    font-size: $fs-14
    position: relative
    trans1 background
    .toc-text
      txt-ellipsis()
    svg,img
      flex-shrink: 0
      width: 1em
      height: 1em
      transform: scale(1.2)
    &:after
      position: absolute
      right: .5rem
    &:only-child
      &.active
        background: var(--alpha50)
      &:hover
        background: var(--alpha100)
    &:hover
      background: var(--alpha100)


// 当前分页链接
.widget-wrapper.toc.multi .doc-tree.active
  a.doc-tree-link
    background: var(--alpha100)
    font-weight: 500
    &:hover:after
      content: none
  >.toc
    padding: 4px 10px
    border: 1px solid var(--alpha50)
    background: var(--alpha20)
    border-bottom-left-radius: $border-card
    border-bottom-right-radius: $border-card
    a.toc-link:before
      left: -7px
      width: 4px
      background: var(--text-p2)
    a.toc-link:hover
      background: var(--alpha100)