/* purgecss start ignore */

:root {
  --search-bg-color: #ffffff;
  --search-accent-color: #3eaf7c;
  --search-text-color: #2c3e50;
  --search-border-color: #eaecef;
  --search-item-text-color: #5d81a5;
  --search-item-focus-bg-color: #f3f4f5;
  --search-input-width: 8rem;
  --search-result-width: 20rem;
}

/* purgecss end ignore */

/* purgecss start ignore */

.search-box {
  display: inline-block;
  position: relative;
  margin-left: 1rem;
}

.search-box input {
  cursor: text;
  width: var(--search-input-width);
  height: 2rem;
  color: var(--search-text-color);
  display: inline-block;
  border: 1px solid var(--search-border-color);
  border-radius: 2rem;
  font-size: 0.9rem;
  line-height: 2rem;
  padding: 0 0.5rem 0 2rem;
  outline: none;
  transition: all ease 0.3s;
  background: var(--search-bg-color) url(/assets/img/search.b017a09f.svg) 0.6rem 0.5rem no-repeat;
  background-size: 1rem;
}

.search-box input:focus {
  cursor: auto;
  border-color: var(--search-accent-color);
}

.search-box .suggestions {
  background: var(--search-bg-color);
  width: var(--search-result-width);
  position: absolute;
  top: 2rem;
  right: 0;
  border: 1px solid var(--search-border-color);
  border-radius: 6px;
  padding: 0.4rem;
  list-style-type: none;
}

.search-box .suggestion {
  line-height: 1.4;
  padding: 0.4rem 0.6rem;
  border-radius: 4px;
  cursor: pointer;
}

.search-box .suggestion.focus {
  background-color: var(--search-item-focus-bg-color);
}

.search-box .suggestion.focus a {
  color: var(--search-accent-color);
}

.search-box .suggestion a {
  white-space: normal;
  color: var(--search-item-text-color);
}

.search-box .suggestion .page-title {
  font-weight: 600;
}

.search-box .suggestion .page-header {
  font-size: 0.9em;
  margin-left: 0.25em;
}

@media (max-width: 720px) {
  .search-box input {
    cursor: pointer;
    width: 0;
    border-color: transparent;
    position: relative;
  }

  .search-box input:focus {
    cursor: text;
    left: 0;
    width: 10rem;
  }
}

@media (max-width: 420px) {
  .search-box input:focus {
    width: 8rem;
  }

  .search-box .suggestions {
    width: calc(100vw - 4rem);
    right: -0.5rem;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --external-link-icon-color: #aaa;
}

/* purgecss end ignore */

/* purgecss start ignore */

.external-link-icon {
  position: relative;
  display: inline-block;
  color: var(--external-link-icon-color);
  vertical-align: middle;
  top: -1px;
}

/* purgecss end ignore */

/* purgecss start ignore */

.reco-valine-wrapper #valine.v .vbtn{
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(73, 84, 230, var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgba(73, 84, 230, var(--tw-text-opacity));
  }

.reco-valine-wrapper #valine.v .vbtn:hover {
      --tw-bg-opacity: 1;
      background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

.reco-valine-wrapper #valine.v .vwrap {
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
  }

.reco-valine-wrapper #valine.v .dark .vwrap {
    --tw-border-opacity: 1;
    border-color: rgba(62, 76, 90, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(54, 59, 70, var(--tw-bg-opacity));
  }

.reco-valine-wrapper #valine.v .vwrap .vheader .vinput {
      border-radius: 0px;
      border-width: 0px;
      border-bottom-width: 1px;
      border-style: dashed;
      --tw-border-opacity: 1;
      border-color: rgba(234, 236, 239, var(--tw-border-opacity))
    }

.reco-valine-wrapper #valine.v .vwrap .dark .vheader .vinput {
      --tw-border-opacity: 1;
      border-color: rgba(62, 76, 90, var(--tw-border-opacity));
    }

.reco-valine-wrapper #valine.v .vwrap .vheader .vinput:focus {
        --tw-border-opacity: 1;
        border-color: rgba(73, 84, 230, var(--tw-border-opacity));
      }

.reco-valine-wrapper #valine.v .vwrap .vheader .vinput:-internal-autofill-selected {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 245, var(--tw-bg-opacity));
      }

.dark .reco-valine-wrapper #valine.v .vwrap .vheader .vinput:-internal-autofill-selected {
        --tw-bg-opacity: 1;
        background-color: rgba(43, 49, 58, var(--tw-bg-opacity));
      }

.reco-valine-wrapper #valine.v .vicon.actived {
    fill: currentColor;
    --tw-text-opacity: 1;
    color: rgba(73, 84, 230, var(--tw-text-opacity));
  }

.reco-valine-wrapper #valine.v .vinfo {
    padding-left: 0.5rem;
  }

.reco-valine-wrapper #valine.v .vcard .vquote {
      margin-left: 0px;
      border-left-width: 0px;
    }

.reco-valine-wrapper #valine.v .vcard .vimg {
      height: 2.75rem;
      width: 2.75rem;
      border-radius: 0.25rem;
      border-width: 2px;
      --tw-border-opacity: 1;
      border-color: rgba(97, 106, 229, var(--tw-border-opacity));
      padding: 0px;
    }

.reco-valine-wrapper #valine.v .vcard .vhead .vnick {
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.reco-valine-wrapper #valine.v .vcard .vhead .vnick::before {
        --tw-bg-opacity: 1;
        background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
      }

.reco-valine-wrapper #valine.v .vh {
    border-bottom-width: 0px;
  }

.reco-valine-wrapper #valine.v .vh .vhead .vsys {
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgba(97, 106, 229, var(--tw-text-opacity));
    }

.reco-valine-wrapper #valine.v .vh .dark .vhead .vsys {
      --tw-bg-opacity: 1;
      background-color: rgba(54, 59, 70, var(--tw-bg-opacity));
    }

.reco-valine-wrapper #valine.v .vh .vmeta {
      margin-bottom: 1rem;
    }

.reco-valine-wrapper #valine.v .vh .vmeta .vat {
        margin-right: 0.375rem;
        border-radius: 0.25rem;
        border-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgba(73, 84, 230, var(--tw-border-opacity));
        padding-left: 0.375rem;
        padding-right: 0.375rem;
        padding-top: 0px;
        padding-bottom: 0px;
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.reco-valine-wrapper #valine.v .vh .vmeta .vat:hover {
          --tw-bg-opacity: 1;
          background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, var(--tw-text-opacity));
        }

.reco-valine-wrapper #valine.v .vh .vcontent {
      margin-left: 0.375rem;
      margin-right: 0.375rem;
      margin-top: 0px;
      margin-bottom: 0px;
      border-radius: 0.25rem;
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
      padding-left: 0.625rem;
      padding-right: 0.625rem;
      padding-top: 0.125rem;
      padding-bottom: 0.125rem
    }

.reco-valine-wrapper #valine.v .vh .dark .vcontent {
      --tw-bg-opacity: 1;
      background-color: rgba(54, 59, 70, var(--tw-bg-opacity));
    }

.reco-valine-wrapper #valine.v .vh .vcontent p .at {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.reco-valine-wrapper #valine.v .vh .vcontent.expand::before {
        z-index: 10;
        /* background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff); */
      }

.reco-valine-wrapper #valine.v .vh .vcontent.expand::after {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.reco-valine-wrapper #valine.v .info {
    padding-right: 0.625rem;
  }

.reco-valine-wrapper #valine.v code, .reco-valine-wrapper #valine.v pre, .reco-valine-wrapper #valine.v .vbtn {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(44, 62, 80, var(--tw-text-opacity));
  }

.reco-valine-wrapper #valine.v .dark code, .reco-valine-wrapper #valine.v .dark pre, .reco-valine-wrapper #valine.v .dark .vbtn {
    --tw-bg-opacity: 1;
    background-color: rgba(34, 39, 46, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(173, 186, 199, var(--tw-text-opacity));
  }

.reco-valine-wrapper #valine.v a {
    --tw-text-opacity: 1;
    color: rgba(73, 84, 230, var(--tw-text-opacity));
  }

.reco-valine-wrapper #valine.v a::before {
      --tw-bg-opacity: 1;
      background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
    }

/* purgecss end ignore */

/* purgecss start ignore */
.badge {
  display: inline-block;
  font-size: 14px;
  height: 18px;
  line-height: 18px;
  border-radius: 3px;
  padding: 0 6px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.badge.tip {
    --tw-bg-opacity: 1;
    background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
}
.badge.warning {
    --tw-bg-opacity: 1;
    background-color: rgba(251, 155, 95, var(--tw-bg-opacity));
}
.badge.danger {
    --tw-bg-opacity: 1;
    background-color: rgba(242, 109, 109, var(--tw-bg-opacity));
}
.badge + .badge {
    margin-left: 5px;
}

/* purgecss end ignore */

/* purgecss start ignore */
.icon-container {
  display: inline-flex;
}
.icon-container.left {
    flex-direction: row;
    align-items: center;
}
.icon-container.left > svg {
      margin-right: 0.375rem;
}
.icon-container.right {
    flex-direction: row-reverse;
    align-items: center;
}
.icon-container.right > span {
      margin-right: 0.375rem;
}
.icon-container.top {
    flex-direction: column;
    align-items: center;
}
.icon-container.top > span {
      margin-top: 0.375rem;
}
.icon-container.bottom {
    flex-direction: column-reverse;
    align-items: center;
}
.icon-container.bottom > span {
      margin-bottom: 0.375rem;
}

/* purgecss end ignore */

/* purgecss start ignore */
.code-group {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}
.dark .code-group {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity))
}
.code-group .code-group__nav .code-group__ul {
      margin-top: 0px;
      margin-bottom: 0px;
      list-style-type: none;
      padding-left: 0px;
}
.code-group .code-group__nav .code-group__ul .code-group__li {
        display: inline-block;
}
.code-group .code-group__nav .code-group__ul .code-group__li button {
          cursor: pointer;
          border-bottom-width: 2px;
          border-style: solid;
          border-color: transparent;
          padding-left: 0.875rem;
          padding-right: 0.875rem;
          padding-top: 0.625rem;
          padding-bottom: 0.625rem;
          font-size: 0.875rem;
          line-height: 1.25rem;
          --tw-text-opacity: 1;
          color: rgba(44, 62, 80, var(--tw-text-opacity));
}
.code-group .code-group__nav .code-group__ul .code-group__li button .icon-container {
            vertical-align: middle;
            --tw-text-opacity: 1;
            color: rgba(44, 62, 80, var(--tw-text-opacity));
}
.code-group .code-group__nav .code-group__ul .code-group__li button.code-group__nav-tab-active {
            --tw-border-opacity: 1 !important;
            border-color: rgba(73, 84, 230, var(--tw-border-opacity)) !important;
}

/* 兼容 */
.dark .code-group .code-group__nav .code-group__ul .code-group__li button .icon-container {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity))
}

/* purgecss end ignore */


/* purgecss start ignore */
.vue-preview-container {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}
.dark .vue-preview-container {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity))
}
.vue-preview-container .preview-container {
    border-bottom-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.vue-preview-container .preview-container > * {
      margin-left: auto;
      margin-right: auto;
}
.vue-preview-container .code-group {
    margin-top: 0px;
    margin-bottom: 0px;
    border-style: none;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}
.vue-preview-container .code-group::after {
      display: none;
}
.dark .vue-preview-container .preview-container {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}

/* purgecss end ignore */

/* purgecss start ignore */
.code-group-item {
  display: none;
  border-top-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity))
}
.dark .code-group-item {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}
.code-group-item {
  margin-top: -1px;
}
.code-group-item.code-group-item__active {
    display: block;
}
.code-group-item div[class*="language-"] {
    border-style: none;
}
.code-group-item div[class*="language-"]::after {
      display: none;
}
.code-group-item div[class*="language-"] pre[class*="language-"] {
      margin-bottom: 0px !important;
      border-top-width: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 1rem !important;
}
.code-group-item .line-numbers {
    padding-bottom: 1rem !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.arrow {
  display: inline-block;
  height: 0px;
  width: 0px;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  vertical-align: middle;
}

.arrow.up {
    border-top-width: 0px;
    border-bottom-width: 6px;
    border-bottom-color: #ccc;
  }

.arrow.down {
    border-top-width: 6px;
    border-bottom-width: 0px;
    border-top-color: #ccc;
  }

.arrow.right {
    border-right-width: 0px;
    border-left-width: 6px;
    border-left-color: #ccc;
  }

.arrow.left {
    border-right-width: 6px;
    border-left-width: 0px;
    border-right-color: #ccc;
  }

/* purgecss end ignore */

/* purgecss start ignore */

.back-to-top {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(73, 84, 230, var(--tw-bg-opacity)) !important;
}

.back-to-top:hover {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(97, 106, 229, var(--tw-bg-opacity)) !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.categories-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  padding-top: 6rem;
  padding-bottom: 6rem
}

@media (min-width: 1024px) {
  .categories-container {
    max-width: 768px
  }
}

@media (min-width: 1280px) {
  .categories-container {
    max-width: 1024px
  }
}

.categories-container .category-list {
    list-style-type: none;
    padding-left: 0px;
  }

.categories-container .category-list .category-item {
      margin-right: 1rem;
      margin-bottom: 1rem;
      display: inline-block;
      cursor: pointer;
      border-radius: 0.25rem;
      border-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgba(73, 84, 230, var(--tw-border-opacity))
    }

.categories-container .category-list .dark .category-item {
      --tw-bg-opacity: 1;
      background-color: rgba(34, 39, 46, var(--tw-bg-opacity))
    }

.categories-container .category-list .category-item .category-link {
        display: inline-block;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.375rem;
        padding-bottom: 0.375rem;
      }

.categories-container .category-list .category-item .category-link .text {
          margin-right: 0.25rem;
          font-size: 0.75rem;
          line-height: 1rem;
          line-height: 1.25rem;
          --tw-text-opacity: 1;
          color: rgba(44, 62, 80, var(--tw-text-opacity));
        }

.categories-container .category-list .category-item .category-link .num {
          display: inline-block;
          height: 1.25rem;
          border-radius: 0.25rem;
          --tw-bg-opacity: 1;
          background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          font-size: 0.75rem;
          line-height: 1rem;
          line-height: 1.25rem;
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, var(--tw-text-opacity));
        }

.categories-container .category-list .category-item.active, .categories-container .category-list .category-item:hover {
        --tw-bg-opacity: 1;
        background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
      }

.categories-container .category-list .category-item.active .category-link .text, .categories-container .category-list .category-item:hover .category-link .text {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
          }

.categories-container .category-list .category-item.active .category-link .num, .categories-container .category-list .category-item:hover .category-link .num {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
          }

/* 兼容 */

.dark .categories-container .category-list .category-item .category-link .text {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity))
}

/* purgecss end ignore */

/*purgecss start ignore
 */

/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */

/* Code blocks */

div[class*="language-"] {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity))
}

.dark div[class*="language-"] {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity))
}

div[class*="language-"]::before {
    position: absolute;
    top: 0.625rem;
    right: 0.75rem;
    z-index: 10;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
  }

div[class*="language-"]::after {
    position: absolute;
    top: 0.875rem;
    left: 1rem;
    height: 0.625rem;
    width: 0.625rem;
    border-radius: 9999px;
    content: "";
    /* background: #f95c5b; */
    /* box-shadow: 0 0 0 1px #da3d42, 22px 0 0 0 #fabe3b, 22px 0 0 1px #ecb03e, 44px 0 0 0 #38cd46, 44px 0 0 1px #2eae32; */
    background: #858DE6;
    box-shadow: 22px 0 0 0 #858DE6, 44px 0 0 0 #858DE6;
  }

div[class*="language-"] pre[class*="language-"] {
    position: relative;
    margin-top: 2.25rem;
    overflow-x: auto;
    border-top-width: 1px;
    border-style: dashed;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    padding-top: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 4rem;
    line-height: 1.75rem;
  }

div[class*="language-"]:not(.line-numbers-mode) .line-numbers {
      display: none;
    }

div[class*="language-"].line-numbers-mode {
    position: relative;
  }

div[class*="language-"].line-numbers-mode .line-numbers {
      position: absolute;
      bottom: 0px;
      width: 4rem;
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
      padding-top: 0.5rem;
      padding-bottom: 1.5rem;
      text-align: center;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      line-height: 1.75rem;
      --tw-text-opacity: 1;
      color: rgba(156, 163, 175, var(--tw-text-opacity));
    }

div[class*="language-"].line-numbers-mode .line-numbers br {
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
      }

div[class*="language-"].line-numbers-mode .line-numbers .line-number {
        position: relative;
        z-index: 3;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
      }

div[class*="language-"] pre code {
    background-color: transparent !important;
    padding: 0px !important;
    line-height: 1.5rem !important;
  }

code[class*="language-"],
pre[class*="language-"] {
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}

code[class*="language-"], pre[class*="language-"] {
  white-space: pre;
  text-align: left;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgba(6, 78, 59, var(--tw-text-opacity))
}

.dark code[class*="language-"], .dark pre[class*="language-"] {
  --tw-text-opacity: 1;
  color: rgba(255, 251, 235, var(--tw-text-opacity))
}

.token.comment,
 .token.block-comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
  color: #999;
}

.token.punctuation {
  color: #ccc;
}

.token.tag,
 .token.namespace,
 .token.deleted {
  color: #e2777a;
}

.token.attr-name {
  /* color: #e2777a; */
  color: #cc99cd;
}

.token.function-name {
  color: #6196cc;
}

.token.boolean,
 .token.number,
 .token.function {
  color: #f08d49;
}

.token.property,
 .token.value,
 .token.class-name,
 .token.constant,
 .token.symbol {
  /* color: #f8c555; */
  color: #8F95DA;
}

.token.selector,
 .token.important,
 .token.atrule,
 .token.keyword,
 .token.builtin {
  /* color: #cc99cd; */
  color: #e2777a;
}

.token.string,
 .token.char,
 .token.attr-value,
 .token.regex,
 .token.variable {
  color: #7ec699;
}

.token.operator,
 .token.entity,
 .token.url {
  color: #67cdcc;
}

.token.important, .token.bold {
  font-weight: 600
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.inserted {
  color: green;
}

/* code-other */

div.language-javascript::before {
    content: 'javascript';
  }

div.language-yaml::before {
    content: 'yaml';
  }

div.language-bash::before {
    content: 'bash';
  }

div.language-cpp::before {
    content: 'cpp';
  }

div.language-cs::before {
    content: 'cs';
  }

div.language-css::before {
    content: 'css';
  }

div.language-dart::before {
    content: 'dart';
  }

div.language-docker::before {
    content: 'docker';
  }

div.language-fs::before {
    content: 'fs';
  }

div.language-go::before {
    content: 'go';
  }

div.language-html::before {
    content: 'html';
  }

div.language-java::before {
    content: 'java';
  }

div.language-js::before {
    content: 'js';
  }

div.language-json::before {
    content: 'json';
  }

div.language-kt::before {
    content: 'kt';
  }

div.language-less::before {
    content: 'less';
  }

div.language-makefile::before {
    content: 'makefile';
  }

div.language-md::before {
    content: 'md';
  }

div.language-php::before {
    content: 'php';
  }

div.language-py::before {
    content: 'py';
  }

div.language-rb::before {
    content: 'rb';
  }

div.language-rs::before {
    content: 'rs';
  }

div.language-sass::before {
    content: 'sass';
  }

div.language-scss::before {
    content: 'scss';
  }

div.language-sh::before {
    content: 'sh';
  }

div.language-styl::before {
    content: 'styl';
  }

div.language-ts::before {
    content: 'ts';
  }

div.language-toml::before {
    content: 'toml';
  }

div.language-vue::before {
    content: 'vue';
  }

div.language-yml::before {
    content: 'yml';
  }

/* 兼容 */

.dark div[class*="language-"] pre[class*="language-"] {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}

.dark div[class*="language-"].line-numbers-mode .line-numbers {
  --tw-bg-opacity: 1;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity))
}

/*purgecss end ignore
 */

/* purgecss start ignore */

.custom-container {
  position: relative;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  word-break: break-all;
  padding-right: 1rem;
  padding-left: 3rem;
}

.custom-container > svg {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 1.75rem;
    font-weight: 700;
  }

.custom-container .custom-container-title {
    margin-top: 0.875rem;
    margin-bottom: 0px;
    font-weight: 700;
  }

.custom-container.tip {
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(97, 106, 229, var(--tw-border-opacity));
    background-color: rgba(97, 106, 229, 0.1);
  }

.custom-container.tip .custom-container-title, .custom-container.tip svg {
      --tw-text-opacity: 1;
      color: rgba(97, 106, 229, var(--tw-text-opacity));
    }

.custom-container.info {
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(97, 106, 229, var(--tw-border-opacity));
    background-color: rgba(97, 106, 229, 0.1);
  }

.custom-container.info .custom-container-title, .custom-container.info svg {
      --tw-text-opacity: 1;
      color: rgba(97, 106, 229, var(--tw-text-opacity));
    }

.custom-container.warning {
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(251, 155, 95, var(--tw-border-opacity));
    background-color: rgba(251, 155, 95, 0.1);
  }

.custom-container.warning .custom-container-title, .custom-container.warning svg {
      --tw-text-opacity: 1;
      color: rgba(251, 155, 95, var(--tw-text-opacity));
    }

.custom-container.danger {
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(242, 109, 109, var(--tw-border-opacity));
    background-color: rgba(242, 109, 109, 0.1);
  }

.custom-container.danger .custom-container-title, .custom-container.danger svg {
      --tw-text-opacity: 1;
      color: rgba(242, 109, 109, var(--tw-text-opacity));
    }

.custom-container.details {
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem
  }

.dark .custom-container.details {
    --tw-border-opacity: 1;
    border-color: rgba(62, 76, 90, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(54, 59, 70, var(--tw-bg-opacity));
  }

.custom-container.details .custom-container-title {
      margin-top: 0px;
      cursor: pointer;
    }

/* purgecss end ignore */

/* purgecss start ignore */

.banner-wrapper {
  display: flex;
  height: 60vh;
  width: 100vw;
  align-items: center;
  justify-content: center
}

@media (min-width: 768px) {
  .banner-wrapper {
    height: 100vh
  }
}

.banner-wrapper .hero-content img {
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 4rem;
      display: block;
      width: 8rem;
    }

@media (min-width: 640px) {
      .banner-wrapper .hero-content img {
        width: 10rem
      }
    }

@media (min-width: 768px) {
      .banner-wrapper .hero-content img {
        width: 15rem
      }
    }

.banner-wrapper .hero-content h1 {
      margin-bottom: 1.5rem;
      text-align: center;
    }

.banner-wrapper .hero-content p {
      text-align: center;
    }

/* purgecss end ignore */

/* purgecss start ignore */

.banner-brand-wrapper {
  display: flex;
  width: 100vw;
  align-items: center;
  justify-content: center
}

@media (min-width: 768px) {
  .banner-brand-wrapper {
    height: 100vh
  }
}

.banner-brand-wrapper .hero-content {
    display: block
  }

@media (min-width: 768px) {
    .banner-brand-wrapper .hero-content {
      display: flex;
      max-width: 48rem;
      flex-direction: row-reverse;
      align-items: flex-start
    }
  }

.banner-brand-wrapper .hero-content .hero-text {
      margin-bottom: 4rem;
      box-sizing: border-box;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

.banner-brand-wrapper .hero-content .hero-text h1 {
        margin-bottom: 1.5rem;
        text-align: center;
        font-size: 2.25rem;
        line-height: 2.5rem;
      }

@media (min-width: 768px) {
        .banner-brand-wrapper .hero-content .hero-text h1 {
          text-align: left;
          font-size: 3.75rem;
          line-height: 1
        }
      }

.banner-brand-wrapper .hero-content .hero-text .btn-group {
        margin-top: 2rem;
        list-style-type: none;
        padding-left: 0px;
        text-align: center
      }

@media (min-width: 768px) {
        .banner-brand-wrapper .hero-content .hero-text .btn-group {
          text-align: left
        }
      }

.banner-brand-wrapper .hero-content .hero-text .btn-group li {
          display: inline-block;
        }

.banner-brand-wrapper .hero-content .hero-text .btn-group li > a {
            display: inline-block;
            cursor: pointer;
            border-radius: 0.375rem;
            border-width: 2px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgba(73, 84, 230, var(--tw-border-opacity));
            --tw-bg-opacity: 1;
            background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            font-weight: 600
          }

.banner-brand-wrapper .hero-content .hero-text .btn-group li .dark > a {
            --tw-text-opacity: 1;
            color: rgba(173, 186, 199, var(--tw-text-opacity))
          }

.banner-brand-wrapper .hero-content .hero-text .btn-group li > a .icon-container {
              --tw-text-opacity: 1;
              color: rgba(255, 255, 255, var(--tw-text-opacity));
            }

.banner-brand-wrapper .hero-content .hero-text .btn-group li:hover {
          --tw-border-opacity: 1;
          border-color: rgba(73, 84, 230, var(--tw-border-opacity))
        }

.banner-brand-wrapper .hero-content .hero-text .btn-group li.plain > a {
            --tw-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
          }

.dark .banner-brand-wrapper .hero-content .hero-text .btn-group li.plain > a {
            --tw-bg-opacity: 1;
            background-color: rgba(34, 39, 46, var(--tw-bg-opacity));
            --tw-text-opacity: 1;
            color: rgba(173, 186, 199, var(--tw-text-opacity))
          }

.banner-brand-wrapper .hero-content .hero-text .btn-group li.plain > a .icon-container {
              --tw-text-opacity: 1;
              color: rgba(44, 62, 80, var(--tw-text-opacity));
            }

.banner-brand-wrapper .hero-content .hero-text .btn-group li:not(:first-child) {
            margin-left: 1rem;
          }

.banner-brand-wrapper .hero-content img {
      margin-left: auto;
      margin-right: auto;
      margin-top: 8rem;
      margin-bottom: 4rem;
      display: block;
      width: 10rem;
    }

@media (min-width: 640px) {
      .banner-brand-wrapper .hero-content img {
        width: 10rem
      }
    }

@media (min-width: 768px) {
      .banner-brand-wrapper .hero-content img {
        margin-top: 0px;
        margin-left: 4rem;
        width: 15rem
      }
    }

/* 兼容 */

.banner-brand-wrapper .hero-content .hero-text .btn-group li > a .icon-container {
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.dark .banner-brand-wrapper .hero-content .hero-text .btn-group li > a .icon-container {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity))
}

/* purgecss end ignore */

/* purgecss start ignore */

.home-blog-content {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 4rem;
  display: block;
  max-width: 1024px;
  align-items: flex-start;
  padding-left: 1rem;
  padding-right: 1rem
}

@media (min-width: 768px) {
  .home-blog-content {
    display: flex
  }
}

.home-blog-content .blog-list {
    flex: 1 1 auto;
  }

.home-blog-content .info-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    margin-bottom: 2rem;
    border-radius: 0.25rem;
    padding: 1.5rem;
    --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }

@media (min-width: 768px) {
    .home-blog-content .info-wrapper {
      margin-left: 1rem
    }
  }

.home-blog-content .info-wrapper:hover {
    --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }

.home-blog-content .dark .info-wrapper:hover {
    --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, .7);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
  }

.home-blog-content .info-wrapper {
    flex: 0 0 300px;
  }

.home-blog-content .info-wrapper .module-title {
      margin-top: 1rem;
      margin-bottom: 0.5rem;
      padding-top: 0px;
    }

.home-blog-content .info-wrapper .category-wrapper {
      list-style-type: none;
      padding-left: 0px;
    }

.home-blog-content .info-wrapper .category-wrapper .category-item {
        margin-bottom: 1rem;
        cursor: pointer;
        border-radius: 0.25rem;
        border-width: 2px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgba(73, 84, 230, var(--tw-border-opacity));
      }

.home-blog-content .info-wrapper .category-wrapper .category-item .category-link {
          display: flex;
          justify-content: space-between;
          padding-left: 1rem;
          padding-right: 1rem;
          padding-top: 0.375rem;
          padding-bottom: 0.375rem;
        }

.home-blog-content .info-wrapper .category-wrapper .category-item .category-link .text {
            margin-right: 0.25rem;
            font-size: 0.75rem;
            line-height: 1rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgba(44, 62, 80, var(--tw-text-opacity));
          }

.home-blog-content .info-wrapper .category-wrapper .category-item .category-link .num {
            display: inline-block;
            height: 1.25rem;
            border-radius: 0.25rem;
            --tw-bg-opacity: 1;
            background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            font-size: 0.75rem;
            line-height: 1rem;
            line-height: 1.25rem;
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
          }

.home-blog-content .info-wrapper .category-wrapper .category-item:hover {
          --tw-bg-opacity: 1;
          background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
        }

.home-blog-content .info-wrapper .category-wrapper .category-item:hover .category-link .text {
              --tw-text-opacity: 1;
              color: rgba(255, 255, 255, var(--tw-text-opacity));
            }

.home-blog-content .info-wrapper .category-wrapper .category-item:hover .category-link .num {
              --tw-text-opacity: 1;
              color: rgba(255, 255, 255, var(--tw-text-opacity));
            }

.home-blog-content .info-wrapper .tag-wrapper {
      list-style-type: none;
      padding-left: 0px;
    }

.home-blog-content .info-wrapper .tag-wrapper .tag-item {
        margin-right: 0.5rem;
        margin-bottom: 0.5rem;
        display: inline-block;
        cursor: pointer;
        border-radius: 0.25rem;
        border-width: 2px;
        border-style: solid;
      }

.home-blog-content .info-wrapper .tag-wrapper .tag-item .tag-link {
          display: flex;
          justify-content: space-between;
          padding-left: 0.5rem;
          padding-right: 0.5rem;
          padding-top: 0.125rem;
          padding-bottom: 0.125rem;
          font-size: 0.75rem;
          line-height: 1rem;
          line-height: 1;
        }

.home-blog-content .info-wrapper .tag-wrapper .tag-item:hover {
          --tw-bg-opacity: 1;
          background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
          --tw-text-opacity: 1;
          color: rgba(255, 255, 255, var(--tw-text-opacity));
        }

.home-blog-content .info-wrapper .tag-wrapper .tag-item:hover .tag-link {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
          }

.home-blog-content .pagation-container {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

/* 兼容 */

.dark .home-blog-content .info-wrapper {
  --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, .6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .home-blog-content .info-wrapper .category-wrapper .category-item .category-link .text {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity))
}

/* purgecss end ignore */

/* purgecss start ignore */

.footer-wrapper {
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  padding: 1.5rem;
  text-align: center;
  font-weight: 500
}

.dark .footer-wrapper {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}

.footer-wrapper > span {
    margin-left: 1rem;
    display: block;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    text-align: left;
  }

@media (min-width: 768px) {
    .footer-wrapper > span {
      display: inline-block
    }
  }

.footer-wrapper .cyber-security {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: left
  }

@media (min-width: 768px) {
    .footer-wrapper .cyber-security {
      text-align: center
    }
  }

.footer-wrapper .cyber-security img {
      margin-right: 0.5rem;
      height: 1rem;
      width: 1rem;
      vertical-align: middle;
    }

.footer-wrapper .cyber-security a {
      vertical-align: middle;
    }

/* purgecss end ignore */

/* purgecss start ignore */

/* purgecss end ignore */

/* purgecss start ignore */

.navbar-container {
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 30;
  height: 3.5rem;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-bg-opacity: .98;
  padding-left: 2rem;
  padding-right: 2rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.5rem;
  --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .navbar-container {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 39, 46, var(--tw-bg-opacity));
  --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, .6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

/* backdrop-filter: saturate(180%) blur(20px);
  background-color: hsla(0,0%,100%,.8);
  box-shadow: 0 6px 24px rgb(31 35 41 / 8%); */

.navbar-container .toggle-sidebar-button {
    vertical-align: middle;
  }

.navbar-container .site-brand {
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
  }

.navbar-container .site-brand .logo {
      margin-right: 1rem;
      display: inline-block;
      height: 2rem;
      width: 2rem;
      border-radius: 0.375rem;
      vertical-align: middle;
    }

.navbar-container .site-brand .site-name {
      vertical-align: middle;
    }

.navbar-container .navbar-links-wrapper {
    position: absolute;
    top: 0.75rem;
    right: 1rem;
    white-space: nowrap;
  }

.navbar-container .navbar-links-wrapper .navbar-links {
      display: none;
      vertical-align: middle;
    }

@media (min-width: 768px) {
      .navbar-container .navbar-links-wrapper .navbar-links {
        display: inline-block
      }
    }

.navbar-container .toggle-sidebar-button {
    display: inline-block;
  }

@media (min-width: 768px) {
    .navbar-container .toggle-sidebar-button {
      display: none
    }
  }

.navbar-container .search-box, .navbar-container .docsearch-container {
    vertical-align: middle;
  }

.navbar-container .btn-toggle-dark-mode {
    margin-left: 1rem;
    display: inline-block;
    vertical-align: middle;
    height: 20px;
  }

/* purgecss end ignore */

/* purgecss start ignore */

@media (min-width: 768px) {
  .navbar-links {
    margin-left: 1.5rem;
  }
}

.navbar-links .icon-container {
    vertical-align: middle;
  }

.navbar-links .navbar-links-item {
    display: block;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    vertical-align: middle
  }

@media (min-width: 768px) {
    .navbar-links .navbar-links-item {
      display: inline-block;
    }
  }

@media (min-width: 768px) {
    .navbar-links .navbar-links-item {
      padding-top: 0px;
      padding-bottom: 0px;
    }
  }

.navbar-links .navbar-links-item:not(:first-child) {
      margin-left: 0px;
    }

@media (min-width: 768px) {
      .navbar-links .navbar-links-item:not(:first-child) {
        margin-left: 1.5rem;
      }
    }

.navbar-links .navbar-links-item > a.nav-link a {
      font-size: 1rem;
      line-height: 1.5rem;
      font-weight: 600;
    }

@media (min-width: 768px) {
      .navbar-links .navbar-links-item > a.nav-link a {
        font-size: 1rem;
        line-height: 1.5rem;
      }
    }

.navbar-links .navbar-links-item .arrow {
      margin-left: 0.25rem;
    }

.navbar-links .navbar-links-item .dropdown-wrapper {
      position: relative;
      height: 24px;
    }

.navbar-links .navbar-links-item .dropdown-wrapper button {
        height: 24px;
      }

.navbar-links .navbar-links-item .dropdown-wrapper .dropdown-title {
        display: none;
        --tw-text-opacity: 1;
        color: rgba(44, 62, 80, var(--tw-text-opacity))
      }

@media (min-width: 768px) {
        .navbar-links .navbar-links-item .dropdown-wrapper .dropdown-title {
          display: block;
        }
      }

.navbar-links .navbar-links-item .dropdown-wrapper .dropdown-title .title {
          font-weight: 600;
        }

.navbar-links .navbar-links-item .dropdown-wrapper .mobile-dropdown-title {
        display: block;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
        --tw-text-opacity: 1;
        color: rgba(44, 62, 80, var(--tw-text-opacity));
      }

@media (min-width: 768px) {
        .navbar-links .navbar-links-item .dropdown-wrapper .mobile-dropdown-title {
          display: none;
        }
      }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown {
        margin-top: 0px;
        margin-bottom: 0px;
        list-style-type: none;
        border-radius: 0.375rem;
        --tw-bg-opacity: 1;
        background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.75rem
      }

@media (min-width: 768px) {
        .navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown {
          position: absolute;
          top: 0.5rem;
          margin-top: 0.75rem;
          margin-bottom: 0.75rem;
          display: none;
          padding-left: 0.75rem;
          padding-right: 0.75rem;
          padding-top: 0.5rem;
          padding-bottom: 0.5rem;
          --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        }
      }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item {
          position: relative;
        }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type)::before {
            position: absolute;
            top: 0px;
            right: -0.75rem;
            left: -0.75rem;
            display: block;
            border-top-width: 0px;
            border-style: solid;
            --tw-border-opacity: 1;
            border-color: rgba(234, 236, 239, var(--tw-border-opacity));
            /* 待确定 */
            /* @apply md:border-t; */
          }

.dark .navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type)::before {
            --tw-border-opacity: 1;
            border-color: rgba(62, 76, 90, var(--tw-border-opacity));
          }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type)::before {
            content: '';
          }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type) .dropdown-subtitle {
              position: relative;
              z-index: 40;
              margin-top: 2rem;
            }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type) .dropdown-subtitle::before {
                position: absolute;
                top: -1rem;
                left: 0px;
                display: block;
                width: 100%;
                border-top-width: 1px;
                border-style: solid;
                --tw-border-opacity: 1;
                border-color: rgba(234, 236, 239, var(--tw-border-opacity));
              }

.dark .navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type) .dropdown-subtitle::before {
                --tw-border-opacity: 1;
                border-color: rgba(62, 76, 90, var(--tw-border-opacity));
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item:not(:first-of-type) .dropdown-subtitle::before {
                content: '';
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subtitle {
            margin-top: 0.25rem;
            margin-bottom: 0.25rem;
            padding-top: 0px;
            padding-bottom: 0px;
            font-size: 0.875rem;
            line-height: 1.25rem;
          }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper {
            list-style-type: none;
            padding-left: 0.75rem
          }

@media (min-width: 768px) {
            .navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper {
              padding-left: 0px;
            }
          }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link {
              position: relative;
              transition-property: all;
              transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
              transition-duration: 150ms;
            }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link::before {
                position: absolute;
                top: 0px;
                bottom: 0px;
                top: 0px;
                bottom: 0px;
                left: 0px;
                margin: auto;
                display: block;
                height: 0px;
                width: 0px;
                border-radius: 50%;
                transition-property: all;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
                --tw-bg-opacity: 1;
                background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
                content: '';
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link:hover {
                --tw-text-opacity: 1;
                color: rgba(73, 84, 230, var(--tw-text-opacity));
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link.active {
                padding-left: 0.5rem;
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link.active a {
                  --tw-text-opacity: 1;
                  color: rgba(73, 84, 230, var(--tw-text-opacity));
                }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link.active::before {
                  height: 0.25rem;
                  width: 0.25rem;
                  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link.router-link-active {
                padding-left: 0.5rem;
              }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item .dropdown-subitem-wrapper .dropdown-subitem .nav-link.router-link-active::before {
                  height: 0.25rem;
                  width: 0.25rem;
                  -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                          animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                }

.navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown .dropdown-item a.nav-link {
            font-size: 0.875rem;
            line-height: 1.25rem;
          }

.navbar-links .navbar-links-item .dropdown-wrapper.open {
        height: auto;
      }

.navbar-links .navbar-links-item .dropdown-wrapper.open .nav-dropdown {
        display: block !important;
      }

@media (min-width: 768px) {
        .navbar-links .navbar-links-item .dropdown-wrapper:hover .nav-dropdown {
          display: block !important;
        }
      }

/* 选中高亮，不可以移动 */

.navbar-links .navbar-links-item .router-link-active {
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

/* 兼容 */

.dark .navbar-links .navbar-links-item .dropdown-wrapper .dropdown-title {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

.dark .navbar-links .navbar-links-item .dropdown-wrapper .nav-dropdown {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 39, 46, var(--tw-bg-opacity));
}

.dark .navbar-links .navbar-links-item .dropdown-wrapper .mobile-dropdown-title {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

#nprogress .bar {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(73, 84, 230, var(--tw-bg-opacity)) !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.pagation-container {
  text-align: center;
}

.pagation-container .jump, .pagation-container .jumpinput {
    margin-right: 0.5rem;
    display: inline-block;
    max-width: 20rem;
    cursor: pointer;
    border-radius: 0.25rem;
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(73, 84, 230, var(--tw-border-opacity));
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgba(44, 62, 80, var(--tw-text-opacity));
  }

.pagation-container .jump:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.pagation-container .jump.active {
      --tw-bg-opacity: 1;
      background-color: rgba(97, 106, 229, var(--tw-bg-opacity));
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

.pagation-container .jump .icon-container {
      vertical-align: middle;
    }

.pagation-container .jumpinput {
    width: 4rem;
  }

.pagation-container .jumpinput input {
      width: 100%;
      --tw-text-opacity: 1;
      color: rgba(44, 62, 80, var(--tw-text-opacity));
      outline: 2px solid transparent;
      outline-offset: 2px;
    }

/* 兼容 */

.dark .pagation-container .jump, .dark .pagation-container .jumpinput {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

.dark .pagation-container .jumpinput input {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

.page-container {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.page-container .page-info {
    margin-bottom: 1rem;
  }

.page-container.show-sidebar {
    padding-left: 0px;
  }

@media (min-width: 768px) {
    .page-container.show-sidebar {
      padding-left: 18rem;
    }
  }

.page-container.show-page-headers {
    padding-right: 0px;
  }

@media (min-width: 1024px) {
    .page-container.show-page-headers {
      padding-right: 14rem;
    }
  }

/* purgecss end ignore */

/* purgecss start ignore */

.page-header-container {
  position: fixed;
  top: 8rem;
  right: 0px;
  bottom: 2rem;
  z-index: 10;
  margin-left: 2.5rem;
  display: none;
  width: 14rem;
  overflow-y: auto;
  padding-top: 1rem;
  padding-right: 2.5rem;
  padding-left: 1.5rem
}

@media (min-width: 1024px) {
  .page-header-container {
    display: block
  }
}

.page-header-container .tip {
    font-weight: 800;
  }

.page-header-container ul {
    list-style-type: none;
    padding-left: 0px;
  }

.page-header-container ul .page-header-menu-depth_2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      font-size: 0.875rem;
      line-height: 1.25rem;
      font-weight: 600;
      border-top-width: 1px;
      border-style: dashed;
      --tw-border-opacity: 1;
      border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    }

.page-header-container ul .page-header-menu-depth_2.active a {
          --tw-text-opacity: 1;
          color: rgba(73, 84, 230, var(--tw-text-opacity));
        }

.page-header-container ul .page-header-menu-depth_3 {
      position: relative;
      padding-top: 0.375rem;
      padding-bottom: 0.375rem;
      padding-left: 0.25rem;
      font-size: 0.75rem;
      line-height: 1rem;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.page-header-container ul .page-header-menu-depth_3::before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        margin: auto;
        display: block;
        height: 0px;
        width: 0px;
        border-radius: 50%;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
        --tw-bg-opacity: 1;
        background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
        content: '';
      }

.page-header-container ul .page-header-menu-depth_3:hover {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.page-header-container ul .page-header-menu-depth_3.active {
        padding-left: 0.5rem;
      }

.page-header-container ul .page-header-menu-depth_3.active a {
          --tw-text-opacity: 1;
          color: rgba(73, 84, 230, var(--tw-text-opacity));
        }

.page-header-container ul .page-header-menu-depth_3.active::before {
          height: 0.25rem;
          width: 0.25rem;
          -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
        }

/* 兼容 */

.dark .page-header-container ul .page-header-menu-depth_2 {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}

/* purgecss end ignore */

/* purgecss start ignore */

.page-info {
  display: flex;
  flex-wrap: wrap;
}

.page-info .icon-container a {
      color: inherit;
    }

.page-info .icon-container a:hover {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.page-info .icon-container a:not(:last-child) {
      margin-right: 0.5rem;
    }

.page-info .icon-container:not(:last-child) {
      margin-right: 1.25rem;
    }

/* purgecss end ignore */

/* purgecss start ignore */

.page-meta {
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: auto;
}

.page-meta .meta-item {
    cursor: default;
    margin-top: 0.8rem;
  }

.page-meta .meta-item .meta-item-label {
      font-weight: 500;
      --tw-text-opacity: 1;
      color: rgba(44, 62, 80, var(--tw-text-opacity));
    }

.page-meta .edit-link {
    display: inline-block;
    margin-right: 0.25rem;
  }

.page-meta .last-updated {
    float: right;
  }

/* 兼容 */

.dark .page-meta .meta-item .meta-item-label {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

.page-nav {
  padding-top: 1rem;
  padding-bottom: 0px;
}

.page-nav .inner {
    margin-top: 0px;
    overflow: hidden;
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    padding-top: 1rem;
  }

.page-nav a {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgba(73, 84, 230, var(--tw-text-opacity));
  }

.page-nav .next {
    float: right;
  }

/* 兼容 */

.dark .page-nav .inner {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

.personal-info-wrapper .personal-img {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: block;
    height: 6rem;
    width: 6rem;
    border-radius: 50%;
  }

.personal-info-wrapper .name {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
  }

.personal-info-wrapper .social-links {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
  }

.personal-info-wrapper .social-links .social-item {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      list-style-type: none;
      text-align: center;
      transition-property: transform;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
    }

.personal-info-wrapper .social-links .social-item:hover {
      --tw-scale-x: 1.1;
      --tw-scale-y: 1.1;
    }

.personal-info-wrapper .social-links .social-item {
      width: 39px;
      height: 36px;
      line-height: 36px;
    }

/* purgecss end ignore */

/* purgecss start ignore */

.post-item-container {
  margin-bottom: 2rem;
  border-radius: 0.25rem;
  padding: 1.5rem;
  --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .post-item-container {
  --tw-shadow: 0 1px 8px 0 rgba(0, 0, 0, .6);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.post-item-container:hover {
  --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.dark .post-item-container:hover {
  --tw-shadow: 0 2px 16px 0 rgba(0, 0, 0, .7);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.post-item-container .title {
    position: relative;
    margin-bottom: 0.5rem;
    display: inline-block;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 500;
  }

.post-item-container .title:after {
      position: absolute;
      bottom: -0.5rem;
      left: 0px;
      width: 100%;
      content: "";
      height: 2px;
      visibility: hidden;
      transform: scaleX(0);
      transition: 0.3s ease-in-out;
      --tw-bg-opacity: 1;
      background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
    }

.post-item-container .title:hover a {
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.post-item-container .title:hover:after {
      visibility: visible;
      transform: scaleX(1);
    }

.post-item-container .page-info {
    margin-top: 0.5rem;
  }

/* purgecss end ignore */

/* purgecss start ignore */

* {
  margin: 0px;
  padding: 0px;
}

*, ::before, ::after {
  box-sizing: border-box;
  border-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}

html {
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 640px) {
  html {
    font-size: 14px !important;
  }
}

body {
  /* antialiased 字体平滑 */
  margin: 0px;
  width: 100%;
  overflow-x: hidden;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgba(44, 62, 80, var(--tw-text-opacity));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.dark body {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 39, 46, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

body {
  min-width: 320px;
  direction: ltr;
  /* 像素较小时字体会拼接在一起 */
  text-rendering: optimizeLegibility;
  transition: background-color 0.3s ease;
}

main {
  display: block;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-top-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity));
}

.dark hr {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
}

h1 {
  z-index: -10;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -3rem;
  margin-bottom: 2rem;
  padding-top: 5rem;
  line-height: 1.25rem;
}

h2, h3, h4, h5, h6 {
  z-index: -10;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: -2rem;
  margin-bottom: 2rem;
  padding-top: 3rem;
  line-height: 1.25rem;
}

h1, h2, h3, h4, h5, h6, strong, b {
  font-weight: 600;
}

h1:hover .header-anchor, h1:focus .header-anchor, h2:hover .header-anchor, h2:focus .header-anchor, h3:hover .header-anchor, h3:focus .header-anchor, h4:hover .header-anchor, h4:focus .header-anchor, h5:hover .header-anchor, h5:focus .header-anchor, h6:hover .header-anchor, h6:focus .header-anchor {
  --tw-text-opacity: 1;
  color: rgba(73, 84, 230, var(--tw-text-opacity));
  opacity: 1;
}

h1 {
  margin-top: -5rem;
  font-size: 1.875rem;
  line-height: 2.25rem;
}

h2 {
  font-size: 1.5rem;
  line-height: 2rem;
  line-height: 1.25;
}

/* @apply -mt-4 relative; */

h2::before {
    margin-bottom: 1.5rem;
    display: block;
    width: 100%;
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  }

.dark h2::before {
    --tw-border-opacity: 1;
    border-color: rgba(62, 76, 90, var(--tw-border-opacity));
  }

h2::before {
    content: ' ';
  }

h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}

h6 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

p, ol, ul {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  line-height: 2rem;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

a, area, button, [role="button"], input, label, select, summary, textarea {
  background-color: transparent;
  text-decoration: none;
}

button {
  font-size: 1rem;
  line-height: 1.5rem;
}

a:active, a:link, a:focus, a:visited {
  --tw-text-opacity: 1;
  color: rgba(44, 62, 80, var(--tw-text-opacity));
}

.dark a:active, .dark a:link, .dark a:focus, .dark a:visited {
  --tw-text-opacity: 1;
  color: rgba(173, 186, 199, var(--tw-text-opacity));
}

a.header-anchor {
  float: left;
  margin-top: 0.125rem;
  margin-right: 0.25rem;
  margin-left: -0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  opacity: 0;
}

a.header-anchor:hover, a.header-anchor:focus {
    text-decoration: none;
  }

figure {
  margin: 0px;
}

img {
  max-width: 100%;
}

ul, ol {
  padding-left: 1.25rem;
}

li > ul, li > ol {
  margin: 0px;
}

table {
  width: 100%;
  overflow-x: auto;
  border-radius: 0.375rem;
  border-collapse: collapse;
}

table tr {
    border-width: 2px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity));
  }

table th {
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 245, var(--tw-bg-opacity));
    text-align: left;
    font-weight: 600;
  }

table td, table th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

table td:not(:last-child), table th:not(:last-child) {
      border-right-width: 2px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    }

.dark table td:not(:last-child), .dark table th:not(:last-child) {
      --tw-border-opacity: 1;
      border-color: rgba(62, 76, 90, var(--tw-border-opacity));
    }

blockquote {
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border-left-width: 4px;
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem
}

.dark blockquote {
  --tw-bg-opacity: 1;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity));
}

blockquote > p {
    margin: 0px;
  }

kbd {
  border-radius: 0.25rem;
  border-width: 1px;
  border-bottom-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgba(156, 163, 175, var(--tw-border-opacity));
  --tw-border-opacity: 0.2;
  --tw-bg-opacity: 1;
  background-color: rgba(156, 163, 175, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.05;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  text-align: center;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

form {
  margin: 0px;
}

.theme.no-navbar > h1, .theme.no-navbar > h2, .theme.no-navbar > h3, .theme.no-navbar > h4, .theme.no-navbar > h5, .theme.no-navbar > h6 {
  margin-top: 1.5rem;
  padding-top: 0px;
}

.theme.no-navbar aside {
  top: 0px;
}

@media screen and (min-width: 720px) {
  .theme.no-sidebar aside {
    display: none;
  }

  .theme.no-sidebar main {
    margin-left: 0px;
  }
}

/* .icon-btn {
  @apply inline-block cursor-pointer select-none;
  @apply opacity-75 transition duration-200 ease-in-out align-middle rounded p-2;
  @apply hover:(opacity-100 bg-gray-400 bg-opacity-10);
} */

.icon-btn.disabled {
  pointer-events: none;
  opacity: 0.25;
}

/* .inline-icon-btn {
  @apply text-primary-deep;
  @apply inline-block rounded p-0.5 text-2xl align-middle;
  @apply border border-primary border-opacity-20;
} */

p > img {
  border-radius: 1rem;
}

li svg {
  vertical-align: middle;
  transform: translateY(-10%);
}

/************** 滚动条 **************/

/* ::-webkit-scrollbar {
  width: 5px;
  height: 5px;
} */

/* ::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0.2);
} */

::-webkit-scrollbar-thumb:vertical {
  height: 5px;
  --tw-bg-opacity: 1;
  background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
}

::-webkit-scrollbar-thumb:horizontal {
  width: 5px;
  --tw-bg-opacity: 1;
  background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
}

/* 兼容 */

.dark table tr {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity));
}

.dark table th {
  --tw-bg-opacity: 1;
  background-color: rgba(43, 49, 58, var(--tw-bg-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

.search-box input {
    border-width: 2px !important;
    border-style: solid !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(249, 250, 251, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(44, 62, 80, var(--tw-text-opacity)) !important;
  }

.search-box input:focus {
    --tw-border-opacity: 1 !important;
    border-color: rgba(73, 84, 230, var(--tw-border-opacity)) !important;
  }

.search-box input {
    --tw-border-opacity: 1 !important;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity)) !important;
  }

/* @media (prefers-color-scheme: dark) {
    input {
      border-color: #3e4c5a !important;
    }
  } */

.search-box .suggestions {
    border-width: 2px !important;
    border-style: solid !important;
    --tw-border-opacity: 1 !important;
    border-color: rgba(234, 236, 239, var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(44, 62, 80, var(--tw-text-opacity)) !important
  }

/* dark:border-reco-border-dark !important 会解析异常 */

.search-box .dark .suggestions {
    --tw-border-opacity: 1 !important;
    border-color: rgba(62, 76, 90, var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgba(34, 39, 46, var(--tw-bg-opacity)) !important;
    --tw-text-opacity: 1 !important;
    color: rgba(173, 186, 199, var(--tw-text-opacity)) !important;
  }

.search-box .suggestions .suggestion a {
        --tw-text-opacity: 1;
        color: rgba(44, 62, 80, var(--tw-text-opacity));
      }

.search-box .suggestions .suggestion .dark a {
        --tw-text-opacity: 1;
        color: rgba(173, 186, 199, var(--tw-text-opacity));
      }

.search-box .suggestions .suggestion.focus {
        --tw-bg-opacity: 1;
        background-color: rgba(243, 244, 245, var(--tw-bg-opacity))
      }

.dark .search-box .suggestions .suggestion.focus {
        --tw-bg-opacity: 1;
        background-color: rgba(43, 49, 58, var(--tw-bg-opacity));
      }

.search-box .suggestions .suggestion.focus a {
          --tw-text-opacity: 1;
          color: rgba(73, 84, 230, var(--tw-text-opacity));
        }

#docsearch-container {
  display: inline-block;
  vertical-align: middle;
}

#docsearch-container button {
    height: 2rem;
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }

/* 兼容 */

.dark .search-box input {
  --tw-border-opacity: 1 !important;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity)) !important;
}

.dark .search-box input:focus {
  --tw-border-opacity: 1 !important;
  border-color: rgba(73, 84, 230, var(--tw-border-opacity)) !important;
}

.dark .search-box input {
  --tw-bg-opacity: 1 !important;
  background-color: rgba(54, 59, 70, var(--tw-bg-opacity)) !important;
  --tw-text-opacity: 1 !important;
  color: rgba(173, 186, 199, var(--tw-text-opacity)) !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.series-container {
  position: fixed;
  top: 3.5rem;
  bottom: 0px;
  left: 0px;
  z-index: 20;
  width: 16rem;
  overflow-y: auto;
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top: 1rem;
  padding-right: 1.5rem;
  padding-left: 2.5rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

.dark .series-container {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 39, 46, var(--tw-bg-opacity))
}

.series-container {
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-translate-x: -100%
}

@media (min-width: 768px) {
  .series-container {
    --tw-translate-x: 0 !important;
    --tw-translate-y: 0 !important;
    --tw-rotate: 0 !important;
    --tw-skew-x: 0 !important;
    --tw-skew-y: 0 !important;
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    --tw-translate-x: 0px !important
  }
}

.series-container {
  border-right-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(234, 236, 239, var(--tw-border-opacity))
}

.dark .series-container {
  --tw-border-opacity: 1;
  border-color: rgba(62, 76, 90, var(--tw-border-opacity))
}

.series-container .series-group:not(:first-of-type) h5.series-heading {
      position: relative;
      margin-top: 0.75rem;
    }

.series-container .series-group:not(:first-of-type) h5.series-heading::before {
        position: absolute;
        bottom: 3.5rem;
        left: 0px;
        display: block;
        width: 100%;
        border-top-width: 1px;
        border-style: solid;
        --tw-border-opacity: 1;
        border-color: rgba(234, 236, 239, var(--tw-border-opacity));
      }

.dark .series-container .series-group:not(:first-of-type) h5.series-heading::before {
        --tw-border-opacity: 1;
        border-color: rgba(62, 76, 90, var(--tw-border-opacity))
      }

.series-container .series-group:not(:first-of-type) h5.series-heading::before {
        content: ''
      }

.series-container .series-group .series-heading {
      margin-bottom: 1rem;
      font-weight: 800;
    }

.series-container .series-group .series-heading + ul {
        margin: 0px;
        list-style-type: none;
        padding-left: 0px;
      }

.series-container .series-group .series-heading.active {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.series-container .series-group ul {
      list-style-type: none;
      padding-left: 1rem;
    }

.series-container a.series-item {
    position: relative;
    display: block;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
    line-height: 1.75rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }

.series-container a.series-item::before {
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 0px;
      margin: auto;
      display: block;
      height: 0px;
      width: 0px;
      border-radius: 50%;
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      --tw-bg-opacity: 1;
      background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
      content: '';
    }

.series-container a.series-item:hover {
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.series-container a.series-item.router-link-active {
      padding-left: 1rem;
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.series-container a.series-item.router-link-active::before {
        height: 0.375rem;
        width: 0.375rem;
        -webkit-animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
                animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
      }

.series-container .navbar-links {
    position: relative;
    margin-bottom: 2rem;
    display: block
  }

@media (min-width: 768px) {
    .series-container .navbar-links {
      display: none
    }
  }

.series-container .navbar-links::after {
      position: absolute;
      bottom: -1rem;
      left: 0px;
      display: block;
      width: 100%;
      border-top-width: 1px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgba(234, 236, 239, var(--tw-border-opacity));
    }

@media (min-width: 768px) {
      .series-container .navbar-links::after {
        border-top-width: 0px
      }
    }

.dark .series-container .navbar-links::after {
      --tw-border-opacity: 1;
      border-color: rgba(62, 76, 90, var(--tw-border-opacity))
    }

.series-container .navbar-links::after {
      content: ''
    }

.sidebar-mask {
  position: fixed;
  z-index: 10;
  display: none;
  height: 100vh;
  width: 100vw;
  --tw-bg-opacity: 1;
  background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
  --tw-bg-opacity: 0.2;
}

.sidebar-open .series-container {
    --tw-translate-x: 0 !important;
    --tw-translate-y: 0 !important;
    --tw-rotate: 0 !important;
    --tw-skew-x: 0 !important;
    --tw-skew-y: 0 !important;
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    --tw-translate-x: 0px !important;
  }

.sidebar-open .sidebar-mask {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 10;
    display: block;
  }

.sidebar-open .toggle-sidebar-button .icon span:nth-of-type(1) {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-rotate: 45deg;
    }

.sidebar-open .toggle-sidebar-button .icon span:nth-of-type(2) {
      width: 0px;
    }

.sidebar-open .toggle-sidebar-button .icon span:nth-of-type(3) {
      transform-origin: top left;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-rotate: 0;
      --tw-skew-x: 0;
      --tw-skew-y: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
      --tw-rotate: -45deg;
    }

@media (min-width: 768px) {
    .no-sidebar .series-container {
      display: none
    }
  }

/* purgecss end ignore */

/* purgecss start ignore */

.sidebar-container {
  position: fixed;
  top: 3.5rem;
  bottom: 0px;
  z-index: 10;
  width: 16rem;
  padding-top: 1rem;
}

.sidebar-container .sidebar-item a {
      display: block;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 1rem;
    }

.sidebar-container .sidebar-item a + ul {
        list-style-type: none;
        padding-left: 1rem;
      }

.sidebar-container .sidebar-item a.router-link-active {
        position: relative;
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.sidebar-container .sidebar-item a.router-link-active::before {
          position: absolute;
          top: 0px;
          bottom: 0px;
          left: 0.375rem;
          margin: auto;
          display: block;
          height: 0.25rem;
          width: 0.25rem;
          border-radius: 50%;
          content: '';
          --tw-bg-opacity: 1;
          background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
        }

.sidebar-container .sidebar-item p.sidebar-heading {
      margin: 0px;
      display: block;
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      padding-left: 0.5rem;
    }

.sidebar-container .sidebar-item p.sidebar-heading + ul {
        margin: 0px;
        list-style-type: none;
        padding-left: 1rem;
      }

.sidebar-container .sidebar-item p.sidebar-heading.active {
        --tw-text-opacity: 1;
        color: rgba(73, 84, 230, var(--tw-text-opacity));
      }

.sidebar-container .sidebar-item > a.router-link-active::before {
      left: 0.25rem;
      height: 0.375rem;
      width: 0.375rem;
    }

.sidebar-container > a.sidebar-item {
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2.25rem;
  }

.sidebar-container > a.sidebar-item.router-link-active {
      position: relative;
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.sidebar-container > a.sidebar-item.router-link-active::before {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 1.5rem;
        margin: auto;
        display: block;
        height: 0.375rem;
        width: 0.375rem;
        border-radius: 50%;
        --tw-bg-opacity: 1;
        background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
        content: '';
      }

.sidebar-container > .sidebar-item {
    padding-left: 1.25rem;
  }

.sidebar-container > .sidebar-item > p.sidebar-heading {
      font-weight: 600;
    }

/* purgecss end ignore */

/* purgecss start ignore */

.theme-container .theme-reco-default-content, .theme-container .page-title, .theme-container .page-container .page-info, .theme-container .page-meta, .theme-container .page-nav, .theme-container .reco-valine-wrapper, .theme-container reco-vssue-wrapper {
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
  }

@media (min-width: 1024px) {
    .theme-container .theme-reco-default-content, .theme-container .page-title, .theme-container .page-container .page-info, .theme-container .page-meta, .theme-container .page-nav, .theme-container .reco-valine-wrapper, .theme-container reco-vssue-wrapper {
      max-width: 768px
    }
  }

@media (min-width: 1280px) {
    .theme-container .theme-reco-default-content, .theme-container .page-title, .theme-container .page-container .page-info, .theme-container .page-meta, .theme-container .page-nav, .theme-container .reco-valine-wrapper, .theme-container reco-vssue-wrapper {
      max-width: 1024px
    }
  }

@media (min-width: 768px) {
    .theme-container .theme-reco-default-content, .theme-container .page-title, .theme-container .page-container .page-info, .theme-container .page-meta, .theme-container .page-nav, .theme-container .reco-valine-wrapper, .theme-container reco-vssue-wrapper {
      padding-left: 2.5rem;
      padding-right: 2.5rem
    }
  }

.theme-container .theme-reco-default-content, .theme-container .page-title, .theme-container .page-container .page-info, .theme-container .page-meta, .theme-container .page-nav, .theme-container .reco-valine-wrapper, .theme-container reco-vssue-wrapper {
    border-top: 1px solid transparent;
  }

.theme-container .theme-reco-default-content.theme-reco-default-content code, .theme-container .page-title.theme-reco-default-content code, .theme-container .page-container .page-info.theme-reco-default-content code, .theme-container .page-meta.theme-reco-default-content code, .theme-container .page-nav.theme-reco-default-content code, .theme-container .reco-valine-wrapper.theme-reco-default-content code, .theme-container reco-vssue-wrapper.theme-reco-default-content code {
      border-radius: 0.375rem;
      --tw-bg-opacity: 1;
      background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
      padding-left: 0.5rem;
      padding-right: 0.5rem;
      padding-top: 0.125rem;
      padding-bottom: 0.125rem;
    }

.dark .theme-container .theme-reco-default-content.theme-reco-default-content code, .dark .theme-container .page-title.theme-reco-default-content code, .dark .theme-container .page-container .page-info.theme-reco-default-content code, .dark .theme-container .page-meta.theme-reco-default-content code, .dark .theme-container .page-nav.theme-reco-default-content code, .dark .theme-container .reco-valine-wrapper.theme-reco-default-content code, .dark .theme-container reco-vssue-wrapper.theme-reco-default-content code {
      --tw-bg-opacity: 1;
      background-color: rgba(54, 59, 70, var(--tw-bg-opacity))
    }

.theme-container .theme-reco-default-content.theme-reco-default-content code, .theme-container .page-title.theme-reco-default-content code, .theme-container .page-container .page-info.theme-reco-default-content code, .theme-container .page-meta.theme-reco-default-content code, .theme-container .page-nav.theme-reco-default-content code, .theme-container .reco-valine-wrapper.theme-reco-default-content code, .theme-container reco-vssue-wrapper.theme-reco-default-content code {
      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace
    }

.theme-container .theme-reco-default-content {
    margin-bottom: 4rem;
  }

.theme-container .theme-reco-default-content h1 {
      /* @apply -mt-8; */
      display: none;
    }

.theme-container .theme-reco-default-content a {
      --tw-text-opacity: 1;
      color: rgba(73, 84, 230, var(--tw-text-opacity));
    }

.theme-container .fade-slide-y-enter-active {
    transition: all 0.3s ease;
  }

.theme-container .fade-slide-y-leave-active {
    transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
  }

.theme-container .fade-slide-y-enter-from,
  .theme-container .fade-slide-y-leave-to {
    transform: translateY(10px);
    opacity: 0;
  }

/* purgecss end ignore */

/* purgecss start ignore */

.toggle-sidebar-button {
  margin-right: 0.5rem;
  display: inline-block;
  width: 2rem;
  cursor: pointer;
}

.toggle-sidebar-button .icon {
    width: 100%;
  }

.toggle-sidebar-button .icon span {
      margin-left: auto;
      margin-right: auto;
      margin-top: 0.375rem;
      margin-bottom: 0.375rem;
      display: block;
      width: 1.5rem;
      transform-origin: top left;
      --tw-bg-opacity: 1;
      background-color: rgba(44, 62, 80, var(--tw-bg-opacity));
    }

.toggle-sidebar-button .icon .dark span {
      --tw-bg-opacity: 1;
      background-color: rgba(173, 186, 199, var(--tw-bg-opacity));
    }

.toggle-sidebar-button .icon span {
      transition-property: all;
      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
      transition-duration: 150ms;
      transition-duration: 300ms;
      height: 2px;
      border-radius: 2px;
    }

/* 兼容 */

.dark .toggle-sidebar-button .icon span {
  --tw-bg-opacity: 1;
  background-color: rgba(173, 186, 199, var(--tw-bg-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

/* @import '@vuepress/plugin-palette/style'; */

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --back-to-top-z-index: 5;
  --back-to-top-color: #3eaf7c;
  --back-to-top-color-hover: #71cda3;
}

/* purgecss end ignore */

/* purgecss start ignore */

.back-to-top {
  cursor: pointer;
  position: fixed;
  bottom: 2rem;
  right: 2.5rem;
  width: 2rem;
  height: 1.2rem;
  background-color: var(--back-to-top-color);
  -webkit-mask: url(/assets/img/back-to-top.8b37f773.svg) no-repeat;
          mask: url(/assets/img/back-to-top.8b37f773.svg) no-repeat;
  z-index: var(--back-to-top-z-index);
}

.back-to-top:hover {
  background-color: var(--back-to-top-color-hover);
}

@media (max-width: 959px) {
  .back-to-top {
    display: none;
  }
}

.back-to-top-enter-active,
.back-to-top-leave-active {
  transition: opacity 0.3s;
}

.back-to-top-enter-from,
.back-to-top-leave-to {
  opacity: 0;
}

/* purgecss end ignore */

/* purgecss start ignore */
.bulletin-wrapper {
  position: fixed;
  top: 5rem;
  right: 1rem;
  z-index: 10;
  box-sizing: border-box;
  border-radius: 0.375rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgba(73, 84, 230, var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  min-height: 200px;
  max-height: 660px;
  overflow-y: auto
}
.dark .bulletin-wrapper {
  --tw-bg-opacity: 1;
  background-color: rgba(34, 39, 46, var(--tw-bg-opacity))
}
.bulletin-wrapper .bulletin-title {
    position: relative;
    margin: 0px;
    box-sizing: border-box;
    --tw-bg-opacity: 1;
    background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
    padding: 0.375rem;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.bulletin-wrapper .bulletin-title .btn-close {
      position: absolute;
      top: 0px;
      right: 0.5rem;
      bottom: 0px;
      margin-top: auto;
      margin-bottom: auto;
      display: inline-block;
      height: 1rem;
      width: 1rem;
      cursor: pointer;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      width: 22px;
      height: 22px;
}
.bulletin-wrapper .bulletin-title .btn-close svg {
        fill: currentColor;
}
.bulletin-wrapper .bulletin-content {
    box-sizing: border-box;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.bulletin-wrapper .bulletin-content .btn-group {
      text-align: center;
}
.bulletin-wrapper .bulletin-content .btn {
      display: inline-block;
      height: 3.5rem;
      width: 3.5rem;
      cursor: pointer;
      border-radius: 50%;
      --tw-bg-opacity: 1;
      background-color: rgba(73, 84, 230, var(--tw-bg-opacity));
      text-align: center;
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
      line-height: 3.5rem;
}
.bulletin-wrapper .bulletin-content .btn:not(:first-child) {
        margin-left: 0.5rem;
}
.bulletin-wrapper .bulletin-content h5 {
      margin-top: 1rem;
      margin-bottom: 1rem;
      padding-top: 0px;
}
.bulletin-wrapper .bulletin-content img {
      width: 100%;
}
.bulletin-wrapper .bulletin-content hr {
      margin-top: 2rem;
      margin-bottom: 2rem;
      border-top-width: 1px;
      border-style: solid;
      --tw-border-opacity: 1;
      border-color: rgba(73, 84, 230, var(--tw-border-opacity));
}

/* purgecss end ignore */

/* purgecss start ignore */

:root {
  --nprogress-color: #29d;
  --nprogress-z-index: 1031;
}

/* purgecss end ignore */

/* purgecss start ignore */

#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: var(--nprogress-color);
  position: fixed;
  z-index: var(--nprogress-z-index);
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px var(--nprogress-color), 0 0 5px var(--nprogress-color);
  opacity: 1;
  transform: rotate(3deg) translate(0px, -4px);
}

/* purgecss end ignore */