@charset "utf-8";
.wi[data-v-7ee439b2] {
  cursor: pointer;
  margin-top: 2rem;
  width: auto
}

.wi .sc[data-v-7ee439b2] {
  padding: 1rem;
  margin: 0 auto
}

.wi[data-v-7ee439b2]:hover {
  background-color: var(--black)
}
a[data-v-ff457b46] {
  display: block;
  margin: 0 1rem;
  color: var(--grey);
  white-space: nowrap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 18px
}

.router-active[data-v-ff457b46],
.router-link-exact-active[data-v-ff457b46],
a[data-v-ff457b46]:hover {
  position: relative;
  color: var(--white)
}
.model-overlay[data-v-07c1aa0e] {
  width: 100%;
  top: 0;
  background: rgba(0, 0, 0, .5)
}

.model-overlay[data-v-07c1aa0e],
.proper-content[data-v-07c1aa0e] {
  visibility: hidden;
  position: fixed;
  height: 100%;
  right: 0
}

.proper-content[data-v-07c1aa0e] {
  width: 100%;
  bottom: 0;
  width: 80%;
  overflow: hidden;
  z-index: 1000;
  opacity: 0;
  background-color: var(--black1)
}

.overlay-effect[data-v-07c1aa0e] {
  opacity: 1;
  visibility: visible
}

.slide-fade-enter-active[data-v-07c1aa0e],
.slide-fade-leave-active[data-v-07c1aa0e] {
  transition: all .3s linear;
  transform: translateX(0)
}

.slide-fade-enter[data-v-07c1aa0e],
.slide-fade-leave[data-v-07c1aa0e],
.slide-fade-leave-to[data-v-07c1aa0e] {
  transform: translateX(100%)
}
.header[data-v-0beef178] {
  height: var(--bar-height);
  z-index: 9999
}
a[data-v-7ea32b52] {
  display: block;
  color: var(--balck);
  white-space: nowrap;
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  line-height: 18px
}

.router-active[data-v-7ea32b52],
.router-link-exact-active[data-v-7ea32b52],
a[data-v-7ea32b52]:hover {
  color: var(--white)
}
.message-tip[data-v-6de21ef4] {
  position: fixed;
  z-index: 1000000;
  min-width: 100px;
  max-width: 200px;
  width: auto;
  height: auto;
  background-color: var(--black);
  border-radius: 10px;
  padding: 10px 15px;
  left: 50%;
  top: 50%;
  white-space: nowrap;
  word-break: break-all;
  word-wrap: break-word;
  font-size: .8em;
  transform: translate(-50%, -50%);
  -webkit-animation: name 2s ease-in;
  animation: name 2s ease-in;
  text-indent: 30px
}

.message-tip img[data-v-6de21ef4] {
  width: 25px;
  height: 25px
}

#tips-success[data-v-6de21ef4] {
  background-image: url(data:image/png;base64,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);
  background-position-x: 10px;
  background-position-y: center;
  background-size: 25px 25px;
  background-repeat: no-repeat
}

#tips-success[data-v-6de21ef4],
#tips-warn[data-v-6de21ef4] {
  width: auto;
  max-width: 100%;
  min-height: 18px;
  color: #fff
}

#tips-warn[data-v-6de21ef4] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACwUlEQVRYhbVXQWsTQRh9s12wVbBbwZtNK+YiCiY/QKjXguDFm6g59lR79KQ9ebJSKXioYAQRb7Z/wPYfuEXi1aiQ9CAYrEKl7HwyM8nu7OxusjOJgWGZj828973vzew3DCV/1NmoARQAkZhBPkk8OZIYB0jMeY9deBKWWbmQAHW3FgG+CtASiNcUkDbImOfH2iC+D/BNNr+ZSyhDgLpbAYBHAD1Qi2oZp7O0JbQD8Aabf9ErJNAH3wP6GbsB5cdkuaIewG+wysswQ0CB0x5A5cHdyAgSdVZptgWup+X/TGUeaX+IEJdhMuBiBCD+PqUAdZ8vyewnKXkie+Kd1M7hDbbwttlXgN+bPLimoHxGWkyO1USBzsbP9B7X3T8JAxa9Qxd96jytybrYLjoVAOdXlIA/toGTb8Y7Iw8rMWreSHAqiE1fAabOqTFzNYe0KfkgFumxmg/wRcmMDLPI2BAlvGn9BHH0CkERcKotGQTMb0Sh+/W1Zv2xzJangNV5QbIEWkYW7jcVcNwhvu0fNPYavun0HMkL1vdtXi72ANecbndS+v0Dobz7C01oC66eXgKsfXhgjLzY8WdNgD/GvtdARpwrvnOjcdwCDh+q+d8vTgYEqOfHcrqc6acuA94McHII8CMXDxx4smczJaYc2c35mevA3F1g9jZwdtnRA5FRApsF5Bh44EjzgE0pZAkodGL/+4MC9U4Dv3YdP8sUqn7g+8pH+9Z7rA4Z8u5wKZxTHRHx16XYp2IF27N0TLTpcVPKm/ISMWzvumU5rBtajwmwynYPiNZGs58YoTVW/dTOXky+3rkP8Ff/JfPEO01WbTUGmJ5OgC28EaVoyMvDOEDF4Os6eIaAIvGuCeJ15YvB98EWKBPbAajOqq3HGTwzkCpJ+2YAoluqb+TX4gY2uTmJuLjShTnXrwMQCWPvD+qd+QH4BwZCekpgXFWFAAAAAElFTkSuQmCC);
  background-position-x: 10px;
  background-position-y: center;
  background-size: 25px 25px;
  background-repeat: no-repeat
}

#tips-error[data-v-6de21ef4] {
  width: auto;
  max-width: 100%;
  min-height: 18px;
  color: #fff;
  background-image: url(data:image/png;base64,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);
  background-position-x: 10px;
  background-position-y: center;
  background-size: 25px 25px;
  background-repeat: no-repeat
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");
  unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLBT5Z11lFc-K.woff2) format("woff2");
  unicode-range: U+0900-097f, U+1cd0-1cf6, U+1cf8-1cf9, U+200c-200d, U+20a8, U+20b9, U+25cc, U+a830-a839, U+a8e0-a8fb
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2");
  unicode-range: U+0100-024f, U+0259, U+1e??, U+2020, U+20a0-20ab, U+20ad-20cf, U+2113, U+2c60-2c7f, U+a720-a7ff
}

@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 900;
  src: url(https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2");
  unicode-range: U+00??, U+0131, U+0152-0153, U+02bb-02bc, U+02c6, U+02da, U+02dc, U+2000-206f, U+2074, U+20ac, U+2122, U+2191, U+2193, U+2212, U+2215, U+feff, U+fffd
}

.pop400 {
  font-weight: 400
}

.pop400,
.pop500 {
  font-family: Poppins
}

.pop500 {
  font-weight: 500
}

.pop600 {
  font-weight: 600
}

.pop600,
.pop700 {
  font-family: Poppins
}

.pop700 {
  font-weight: 700
}

.pop900 {
  font-family: Poppins;
  font-weight: 900
}
:root {
  --base-size: 10px
}

.text-80 {
  font-size: 8rem
}

.text-70 {
  font-size: 7rem
}

.text-64 {
  font-size: 6.4rem
}

.text-54 {
  font-size: 5.4rem
}

.text-50 {
  font-size: 5rem
}

.text-48 {
  font-size: 4.8rem
}

.text-46 {
  font-size: 4.6rem
}

.text-44 {
  font-size: 4.4rem
}

.text-42 {
  font-size: 4.2rem
}

.text-40 {
  font-size: 4rem
}

.text-36,
.text-36-pt {
  font-size: 3.6rem
}

.text-32 {
  font-size: 3.2rem
}

.text-30 {
  font-size: 3rem
}

.text-28 {
  font-size: 2.8rem
}

.text-26 {
  font-size: 2.6rem
}

.text-24 {
  font-size: 2.4rem
}

.text-22 {
  font-size: 2.2rem
}

.text-20 {
  font-size: 2rem
}

.text-18 {
  font-size: 1.8rem
}

.text-16 {
  font-size: 1.6rem
}

.text-15 {
  font-size: 1.5rem
}

.text-14 {
  font-size: 1.4rem
}

.text-12 {
  font-size: 1.2rem
}



  .text-80 {
    font-size: 5rem
  }

  .text-70 {
    font-size: 4.6rem
  }

  .text-64 {
    font-size: 4.4rem
  }

  .text-54 {
    font-size: 4rem
  }

  .text-50 {
    font-size: 3.6rem
  }

  .text-48 {
    font-size: 3rem
  }

  .text-46 {
    font-size: 2.3rem
  }

  .text-40,
  .text-42,
  .text-44 {
    font-size: 2.2rem
  }

  .text-36 {
    font-size: 2rem
  }

  .text-36-pt {
    font-size: 2.2rem
  }

  .text-32 {
    font-size: 2rem
  }

  .text-30 {
    font-size: 1.9rem
  }

  .text-24,
  .text-26 {
    font-size: 1.8rem
  }

  .text-22 {
    font-size: 1.7rem
  }

  .text-18,
  .text-20 {
    font-size: 1.6rem
  }

  .text-16 {
    font-size: 1.4rem
  }

  .text-14 {
    font-size: 1.2rem
  }

  :root {
    --main: #121619;
    --white: #fff;
    --black: #040c15;
    --black1: #131a21;
    --black2: #33172b;
    --black-dark1: #070d25;
    --black-dark2: #00072d;
    --black-dark3: #0e295d;
    --black-light: #572f01;
    --green: #2de370;
    --red: #f7301b;
    --pink: #f94e56;
    --yellow: #f4d257;
    --pink: #fc44db;
    --light-white: #f8f8f8;
    --blue-white: #ebf6ff;
    --white-grey: #e5e5e5;
    --light-grey: #c7ccd1;
    --grey: #8992a1;
    --dark-grey: #707a8a;
    --light-deep-grey: #2b3137;
    --deep-grey: #21262a;
    --blue: #006cff;
    --light-blue: #4e98f9;
    --dark-blue: #0c1c48;
    --purple: #a56efd
  }

  .border-black {
    border: solid 2px var(--black)
  }

  .border-green-1 {
    border: solid 1px var(--green)
  }

  .border-green-2 {
    border: solid 2px var(--green)
  }

  .border-blue-1 {
    border: solid 1px var(--blue)
  }

  .border-deep-grey-1 {
    border: solid 1px var(--deep-grey)
  }

  .border-white-grey-1 {
    border: solid 1px var(--white-grey)
  }

  .border-t-light-deep-grey-1 {
    border-top: solid 1px var(--light-deep-grey)
  }

  .border-t-white-grey-1 {
    border-top: solid 1px var(--white-grey)
  }

  .border-l-deep-grey-2 {
    border-left: solid 2px var(--deep-grey)
  }

  .border-b-grey-1 {
    border-bottom: solid 1px var(--grey)
  }

  .border-b-deep-grey-2 {
    border-bottom: solid 2px var(--deep-grey)
  }

  .border-b-green-1 {
    border-bottom: solid 1px var(--green)
  }

  .border-b-white-grey-1 {
    border-bottom: solid 1px var(--white-grey)
  }

  .border-r-white-grey-1 {
    border-right: solid 1px var(--white-grey)
  }

  .border-grey-1-opacity-3 {
    border: 1px solid rgba(17, 17, 17, .3)
  }

  .border-black-1 {
    border: 1px solid hsla(0, 0%, 100%, .1)
  }

  .border-black-2 {
    border: 2px solid hsla(0, 0%, 100%, .1)
  }

  .border-r-black-1,
  .border-r-black-1-pt {
    border-right: 1px solid hsla(0, 0%, 100%, .1)
  }

  .border-b-black-1 {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1)
  }

  .border-b-black-2 {
    border-bottom: 2px solid hsla(0, 0%, 100%, .1)
  }

  .border-b-main-d08 {
    border-bottom: 1px solid hsla(0, 0%, 100%, .08)
  }

  .border-main-1 {
    border: 1px solid var(--main)
  }

  .border-b-main-1 {
    border-bottom: 1px solid var(--main)
  }

  .border-main-1-d08 {
    border: 1px solid hsla(0, 0%, 100%, .08)
  }

  .border-main-2-d08 {
    border: 2px solid hsla(0, 0%, 100%, .08)
  }

  .bg-none {
    background: none
  }

  .bg-main {
    background-color: var(--main)
  }

  .bg-green {
    background: var(--green)
  }

  .bg-light-blue {
    background-color: var(--light-blue)
  }

  .bg-grey {
    background-color: var(--grey)
  }

  .bg-light-deep-grey {
    background-color: var(--light-deep-grey)
  }

  .bg-deep-grey {
    background-color: var(--deep-grey)
  }

  .bg-purple {
    background-color: var(--purple)
  }

  .bg-yellow {
    background-color: var(--yellow)
  }

  .bg-blue {
    background-color: var(--blue)
  }

  .bg-red {
    background-color: var(--red)
  }

  .bg-dark-blue {
    background-color: var(--dark-blue)
  }

  .bg-white-grey {
    background-color: var(--white-grey)
  }

  .bg-blue-white {
    background-color: var(--blue-white)
  }

  .bg-light-white {
    background-color: var(--light-white)
  }

  .bg-light-grey {
    background-color: var(--light-grey)
  }

  .bg-white {
    background-color: var(--white)
  }

  .bg-pink {
    background-color: var(--pink)
  }

  .bg-dark1 {
    background-color: var(--black-dark1)
  }

  .bg-dark2 {
    background-color: var(--black-dark2)
  }

  .bg-black {
    background-color: var(--black)
  }

  .bg-black1 {
    background-color: var(--black1)
  }

  .bg-black2 {
    background-color: var(--black2)
  }

  .bg-main-opacity-d6 {
    background: rgba(19, 26, 33, .6)
  }

  .bg-main-opacity-d75 {
    background: rgba(19, 26, 33, .75)
  }

  .bg-black-opacity-d1 {
    background-color: hsla(0, 0%, 100%, .1)
  }

  .bg-black-opacity-d2 {
    background-color: hsla(0, 0%, 100%, .2)
  }

  .bg-black-opacity-d3 {
    background-color: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border-radius: .5rem
  }

  .bg-gradient-dark {
    background: linear-gradient(180deg, #00357b, #00072d)
  }

  .bg-gradient-red {
    background: linear-gradient(326.41deg, #f7301b 36.59%, #fff 150.03%)
  }

  .bg-gradient-pink {
    background: linear-gradient(326.41deg, #fc44db 36.59%, #fff 150.03%)
  }

  .text-green {
    color: var(--green)
  }

  .text-grey {
    color: var(--grey)
  }

  .text-light-grey {
    color: var(--light-grey)
  }

  .text-dark-grey {
    color: var(--dark-grey)
  }

  .text-pink {
    color: var(--pink)
  }

  .text-blue {
    color: var(--blue)
  }

  .text-black {
    color: var(--black)
  }

  .text-white {
    color: var(--white)
  }

  .text-red {
    color: var(--red)
  }

  .text-white-bg-blue {
    color: var(--white);
    background-color: var(--blue)
  }

  .text-blue-bg-white {
    color: var(--blue);
    background-color: var(--white)
  }

  .text-grey-bg-white {
    color: var(--grey);
    background-color: var(--white)
  }

  .text-blue-bg-blue-white {
    color: var(--blue);
    background-color: var(--blue-white)
  }

  .text-blue-bg-white-grey {
    color: var(--blue);
    background-color: var(--white-grey)
  }

  .text-black-bg-green {
    color: var(--black);
    background: linear-gradient(104.85deg, #a5ff3f 47.46%, #a5fe3f 47.47%, #7ea739 116.98%)
  }

  @media only screen and (max-width:750px) {
    .border-r-black-1-pt {
      border-right: none
    }
  }
  .col-1 {
    width: 8.33%
  }

  .col-1_2 {
    width: 14%
  }

  .col-2 {
    width: 16.66%
  }

  .col-2_15 {
    width: 15%
  }

  .col-20 {
    width: 20%
  }

  .col-3 {
    width: 24.5%
  }

  .col-4 {
    width: 31.33%
  }

  .col-5 {
    width: 41.66%
  }

  .col-5-p {
    width: 43%
  }

  .col-51 {
    width: 48%
  }

  .col-6,
  .col-6-p {
    width: 50%
  }

  .col-7 {
    width: 56.66%
  }

  .col-8 {
    width: 66.66%
  }

  .col-9 {
    width: 75%
  }

  .col-10 {
    width: 83.33%
  }

  .col-11 {
    width: 91.66%
  }

  .col-12 {
    width: 100%
  }

  .width-p-10 {
    width: 10%
  }

  .width-p-15 {
    width: 15%
  }

  .width-p-16 {
    width: 16%
  }

  .width-p-20 {
    width: 20%
  }

  .width-p-25 {
    width: 25%
  }

  .width-p-30 {
    width: 30%
  }

  .width-p-32 {
    width: 32%
  }

  .width-p-33 {
    width: 33%
  }

  .width-p-35 {
    width: 35%
  }

  .width-p-40 {
    width: 40%
  }

  .width-p-45 {
    width: 45%
  }

  .width-p-48 {
    width: 48%
  }

  .width-p-50 {
    width: 50%
  }

  .width-p-60 {
    width: 60%
  }

  .width-p-70 {
    width: 70%
  }

  .width-p-80 {
    width: 80%
  }

  .width-p-90 {
    width: 90%
  }

  .width-p-95 {
    width: 95%
  }

  .max-width-p-17 {
    max-width: 17%
  }

  .max-width-p-45 {
    max-width: 45%
  }

  .max-width-p-50 {
    max-width: 50%
  }

  .max-width-p-60 {
    max-width: 60%
  }

  .max-width-p-70 {
    max-width: 70%
  }

  .max-width-p-80 {
    max-width: 80%
  }

  .max-width-p-90 {
    max-width: 90%
  }

  .max-width-p-95 {
    max-width: 95%
  }

  .max-width-p-100 {
    max-width: 100%
  }

  .width-1 {
    width: .1rem
  }

  .width-2 {
    width: .2rem
  }

  .width-4 {
    width: .4rem
  }

  .width-20 {
    width: 2rem
  }

  .width-30 {
    width: 3rem
  }

  .width-40 {
    width: 4rem
  }

  .width-50-ptm {
    width: 5rem
  }

  .width-40-ptm {
    width: 4rem
  }

  .width-60-ptm {
    width: 6rem
  }

  .width-90-ptm {
    width: 9rem
  }

  .width-360-ptm {
    width: 36rem
  }

  .width-150-ptm {
    width: 15rem
  }

  .width-100 {
    width: 10rem
  }

  .min-width-80 {
    min-width: 8rem
  }

  .min-width-100 {
    min-width: 10rem
  }

  .min-width-120 {
    min-width: 12rem
  }

  .min-width-140 {
    min-width: 14rem
  }

  .min-width-150 {
    min-width: 15rem
  }

  .min-width-200 {
    min-width: 20rem
  }

  .min-width-230 {
    min-width: 23rem
  }

  .min-width-300 {
    min-width: 30rem
  }

  .min-width-800 {
    min-width: 80rem
  }

  .min-width-1052 {
    min-width: 111rem
  }

  .max-width-80 {
    max-width: 8rem
  }

  .max-width-300 {
    max-width: 30rem
  }

  .max-width-440 {
    max-width: 44rem
  }

  .max-width-1110 {
    max-width: 111rem
  }

  .max-width-1400 {
    max-width: 140rem
  }

  .max-width-1440 {
    max-width: 142rem
  }

  .max-width-1660 {
    max-width: 166rem
  }

  .container {
    max-width: 140rem;
    margin: auto
  }

  .fit-width {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
  }

  .width-p-p24-t33-m48 {
    width: 24%
  }

  .width-p-p18-t33-m48 {
    width: 18%
  }

  .width-p-pt33-m48 {
    width: 33%
  }

  .width-p-pt67-m48 {
    width: 67%
  }

  .width-p-p45-tm100 {
    width: 45%
  }

  .width-pt-100-m-70 {
    width: 100%
  }

  .p-20-m-70 {
    width: 20%
  }

  @media only screen and (max-width:1200px) {
    .width-90-ptm {
      width: 8rem
    }

    .width-60-ptm {
      width: 5.6rem
    }

    .width-50-ptm {
      width: 4.8rem
    }
  }

  @media only screen and (max-width:1160px) {
    .width-90-ptm {
      width: 7.4rem
    }

    .width-60-ptm {
      width: 5.4rem
    }
  }

  @media only screen and (max-width:992px) {
    .width-90-ptm {
      width: 78rem
    }

    .width-50-ptm {
      width: 4rem
    }

    .width-40-ptm {
      width: 3.5rem
    }

    .width-60-ptm {
      width: 5rem
    }
  }

  @media only screen and (max-width:887px) {

    .col-4,
    .col-5-p,
    .col-6-p {
      width: 100%
    }

    .width-90-ptm {
      width: 6.4rem
    }

    .width-60-ptm {
      width: 4.5rem
    }

    .width-p-p18-t33-m48,
    .width-p-p24-t33-m48,
    .width-p-pt33-m48 {
      width: 33%
    }

    .width-p-pt67-m48 {
      width: 67%
    }

    .width-p-p45-tm100 {
      width: 100%
    }

    .width-t-p-90 {
      width: 90%
    }

    .width-t-p-50 {
      width: 50%
    }

    .width-pt-100-m-70 {
      width: 80%
    }
  }

  @media only screen and (max-width:750px) {
    [class*=col-] {
      width: 100%
    }

    .container {
      width: 100%;
      min-width: 28rem;
      margin: auto
    }

    .width-150-ptm {
      width: 13rem
    }

    .width-p-100-m {
      width: 100%
    }

    .width-350-m {
      width: 35rem
    }

    .margin-t20-t {
      margin-top: 0
    }

    .margin-t-p-60-tm-20 {
      margin-top: 2rem
    }

    .margin-tb80-ptm {
      margin: 4rem 0
    }

    .width-40-ptm {
      width: 3rem
    }

    .width-50-ptm {
      width: 3.5rem
    }

    .width-60-ptm {
      width: 4rem
    }

    .width-90-ptm {
      width: 6rem
    }

    .width-p-p18-t33-m48,
    .width-p-p24-t33-m48 {
      width: 49%
    }

    .width-p-pt33-m48,
    .width-p-pt67-m48 {
      width: 48%
    }

    .width-p-p45-tm100 {
      width: 100%
    }

    .width-t-p-50 {
      width: 90%
    }

    .width-pt-100-m-70 {
      width: 70%
    }
  }

  @media only screen and (max-width:350px) {
    .width-90-ptm {
      width: 4.5rem
    }

    .width-50-ptm {
      width: 3.2rem
    }

    .width-60-ptm {
      width: 3.5rem
    }
  }
  :root {
    --bar-height: 80px
  }

  .line-height-60-ptm {
    line-height: 6rem
  }

  .height-p-10 {
    height: 10%
  }

  .height-p-20 {
    height: 20%
  }

  .height-p-30 {
    height: 30%
  }

  .height-p-40 {
    height: 40%
  }

  .height-p-50 {
    height: 50%
  }

  .height-p-60 {
    height: 60%
  }

  .height-p-70 {
    height: 70%
  }

  .height-p-80 {
    height: 80%
  }

  .height-p-90 {
    height: 90%
  }

  .height-p-100 {
    height: 100%
  }

  .height-1 {
    height: .1rem
  }

  .height-4 {
    height: .4rem
  }

  .height-8 {
    height: .8rem
  }

  .height-12 {
    height: 1.2rem
  }

  .height-18 {
    height: 1.8rem
  }

  .height-20 {
    height: 2rem
  }

  .height-21 {
    height: 2.1rem
  }

  .height-22 {
    height: 2.2rem
  }

  .height-24 {
    height: 2.4rem
  }

  .height-25 {
    height: 2.5rem
  }

  .height-26 {
    height: 2.6rem
  }

  .height-27 {
    height: 2.7rem
  }

  .height-28 {
    height: 2.8rem
  }

  .height-29 {
    height: 2.9rem
  }

  .height-30 {
    height: 3rem
  }

  .height-35 {
    height: 3.5rem
  }

  .height-40,
  .height-40-ptm {
    height: 4rem
  }

  .height-45 {
    height: 4.5rem
  }

  .height-60,
  .height-60-ptm {
    height: 6rem
  }

  .height-50,
  .height-50-ptm {
    height: 5rem
  }

  .height-80,
  .height-80-ptm {
    height: 8rem
  }

  .height-90-ptm {
    height: 9rem
  }

  .height-92 {
    height: 9.2rem
  }

  .height-200-ptm {
    height: 20rem
  }

  .height-230-ptm {
    height: 23rem
  }

  .height-400-ptm {
    height: 40rem
  }

  .height-250-ptm {
    height: 25rem
  }

  .height-560-ptm {
    height: 56rem
  }

  .min-height-538 {
    min-height: 53.8rem
  }

  .min-height-400 {
    min-height: 40rem
  }

  .min-height-115 {
    min-height: 11.5rem
  }

  .max-height-200 {
    max-height: 10rem
  }

  @media only screen and (max-width:1400px) {
    .min-height-538 {
      min-height: 53rem
    }

    .height-230-ptm {
      height: 30rem
    }
  }

  @media only screen and (max-width:1200px) {
    .min-height-538 {
      min-height: 50rem
    }

    .height-230-ptm {
      height: 28rem
    }

    .height-90-ptm {
      height: 8rem
    }

    .height-80-ptm {
      height: 7rem
    }

    .height-60-ptm {
      height: 5.6rem
    }

    .height-50-ptm {
      height: 4.8rem
    }
  }

  @media only screen and (max-width:1160px) {
    .min-height-538 {
      min-height: 45rem
    }

    .height-230-ptm {
      height: 34rem
    }

    .height-90-ptm {
      height: 7.4rem
    }

    .height-80-ptm {
      height: 6.4rem
    }

    .height-60-ptm {
      height: 5.4rem
    }

    .height-200-ptm {
      height: 18rem
    }
  }

  @media only screen and (max-width:992px) {
    .min-height-538 {
      min-height: 40rem
    }

    .height-90-ptm {
      height: 7rem
    }

    .height-80-ptm {
      height: 6rem
    }

    .height-60-ptm {
      height: 5rem
    }

    .height-50-ptm {
      height: 4rem
    }

    .height-40-ptm {
      height: 3.5rem
    }
  }

  @media only screen and (max-width:887px) {
    .min-height-538 {
      min-height: 38rem
    }

    .height-90-ptm {
      height: 6.4rem
    }

    .height-80-ptm {
      height: 5.4rem
    }

    .height-60-ptm {
      height: 4.5rem
    }
  }

  @media only screen and (max-width:750px) {
    :root {
      --bar-height: 70px
    }

    .line-height-60-ptm {
      line-height: 3rem
    }

    .min-height-538 {
      min-height: 35rem
    }

    .min-height-400 {
      min-height: 20rem
    }

    .height-230-ptm {
      height: auto
    }

    .height-90-ptm {
      height: 6rem
    }

    .height-80-ptm {
      height: 5rem
    }

    .height-60-ptm {
      height: 4rem
    }

    .height-50-ptm {
      height: 3.5rem
    }

    .height-35,
    .height-40-ptm {
      height: 3rem
    }

    .height-250-ptm {
      height: 18rem
    }

    .height-200-ptm {
      height: 16rem
    }
  }

  @media only screen and (max-width:350px) {
    .min-height-538 {
      min-height: 30rem
    }

    .height-90-ptm {
      height: 4.5rem
    }

    .height-60-ptm {
      height: 3.5rem
    }

    .height-50-ptm {
      height: 3.2rem
    }

    .height-35 {
      height: 2.8rem
    }
  }
  .padding-3 {
    padding: .3rem
  }

  .padding-5 {
    padding: .5rem
  }

  .padding-10 {
    padding: 1rem
  }

  .padding-15 {
    padding: 1.5rem
  }

  .padding-20 {
    padding: 2rem
  }

  .padding-30,
  .padding-30-ptm {
    padding: 3rem
  }

  .padding-40 {
    padding: 4rem
  }

  .padding-80 {
    padding: 8rem
  }

  .padding-t10 {
    padding-top: 1rem
  }

  .padding-t15 {
    padding-top: 1.5rem
  }

  .padding-t20 {
    padding-top: 2rem
  }

  .padding-t30 {
    padding-top: 3rem
  }

  .padding-t40 {
    padding-top: 4rem
  }

  .padding-t80 {
    padding-top: 8rem
  }

  .padding-b5 {
    padding-bottom: .5rem
  }

  .padding-b15 {
    padding-bottom: 1.5rem
  }

  .padding-b20 {
    padding-bottom: 2rem
  }

  .padding-b30 {
    padding-bottom: 3rem
  }

  .padding-b40 {
    padding-bottom: 4rem
  }

  .padding-b60 {
    padding-bottom: 6rem
  }

  .padding-b80 {
    padding-bottom: 8rem
  }

  .padding-t60 {
    padding-top: 6rem
  }

  .padding-l5 {
    padding-left: .5rem
  }

  .padding-l10 {
    padding-left: 1rem
  }

  .padding-l30 {
    padding-left: 3rem
  }

  .padding-l20 {
    padding-left: 2rem
  }

  .padding-r30 {
    padding-right: 3rem
  }

  .padding-r20 {
    padding-right: 2rem
  }

  .padding-lr5 {
    padding: 0 .5rem
  }

  .padding-lr10,
  .padding-lr10-pt {
    padding: 0 1rem
  }

  .padding-lr30 {
    padding: 0 3rem
  }

  .padding-tb5 {
    padding: .5rem 0
  }

  .padding-tb10 {
    padding: 1rem 0
  }

  .padding-tb13 {
    padding: 1.3rem 0
  }

  .padding-tb15 {
    padding: 1.5rem 0
  }

  .padding-tb20,
  .padding-tb20-ptm {
    padding: 2rem 0
  }

  .padding-tb25 {
    padding: 2.5rem 0
  }

  .padding-tb30 {
    padding: 3rem 0
  }

  .padding-tb40 {
    padding: 4rem 0
  }

  .padding-tb2_5-lr12 {
    padding: .25rem 1.2rem
  }

  .padding-tb2_5-lr10 {
    padding: .25rem 1rem
  }

  .padding-tb2_5-lr5 {
    padding: .25rem .5rem
  }

  .padding-tb5-lr10 {
    padding: .5rem 1rem
  }

  .padding-tb5-lr20 {
    padding: .5rem 2rem
  }

  .padding-tb10-lr20 {
    padding: 1rem 2rem
  }

  .padding-tb15-lr30 {
    padding: 1.5rem 3rem
  }

  .padding-tb20-lr40 {
    padding: 2rem 4rem
  }

  .padding-tb20-lr10 {
    padding: 2rem 1rem
  }

  .padding-tb7-lr20 {
    padding: .7rem 2rem
  }

  .padding-tb80 {
    padding: 8rem 0
  }

  .padding-tb60 {
    padding: 6rem 0
  }

  .padding-tb-tbase {
    padding: var(--bar-height) 0
  }

  .padding-t-tbase {
    padding-top: var(--bar-height)
  }

  .padding-b-tbase {
    padding-bottom: var(--bar-height)
  }

  .padding-tb140-ptm {
    padding: 14rem 0
  }

  .padding-40-pm {
    padding: 4rem
  }

  .padding-20-ptm {
    padding: 2rem
  }

  .padding-25-ptm {
    padding: 2.5rem
  }

  .padding-lr20-ptm {
    padding: 0 2rem
  }

  .padding-tbase {
    padding-top: var(--bar-height)
  }

  @media only screen and (max-width:1160px) {
    .padding-20-ptm {
      padding: 1.8rem
    }

    .padding-25-ptm {
      padding: 2.3rem
    }

    .padding-30-ptm {
      padding: 2.5rem
    }

    .padding-lr20-ptm,
    .padding-lr20-tm {
      padding: 0 2rem
    }

    .padding-l-20-ptm {
      padding-left: 2rem
    }

    .padding-r-20-ptm {
      padding-right: 2rem
    }

    .padding-20-tm {
      padding: 2rem
    }

    .padding-tb20-lr40 {
      padding: 1.8rem 3.6rem
    }
  }

  @media only screen and (max-width:887px) {
    .padding-20-ptm {
      padding: 1.5rem
    }

    .padding-25-ptm,
    .padding-40-pm {
      padding: 2rem
    }

    .padding-30-ptm {
      padding: 1.8rem
    }

    .padding-t20-tm {
      padding-top: 2rem
    }

    .padding-t40-tm {
      padding-top: 4rem
    }

    .padding-tb40-tm {
      padding: 4rem 0
    }

    .padding-lr20-t {
      padding: 0 4rem
    }

    .padding-tb140-ptm {
      padding: 10rem 0
    }

    .padding-lr20-ptm,
    .padding-lr20-tm {
      padding: 0 1.5rem
    }

    .padding-b40 {
      padding-bottom: 3rem
    }

    .padding-tb20-lr40 {
      padding: 1.5rem 3rem
    }
  }

  @media only screen and (max-width:750px) {
    .padding-25-ptm {
      padding: 1.8rem
    }

    .padding-lr10-pt {
      padding: 0
    }

    .padding-lr10-m,
    .padding-lr20-tm {
      padding: 0 1rem
    }

    .padding-tb40-tm {
      padding: 0 0 4rem 0
    }

    .padding-tb10-m {
      padding: 1rem 0
    }

    .padding-lr20-m,
    .padding-lr20-t {
      padding: 0 2rem
    }

    .padding-lr20-ptm {
      padding: 0 1rem
    }

    .padding-b40 {
      padding-bottom: 2rem
    }

    .padding-tb5-lr20 {
      padding: .5rem 1.5rem
    }

    .padding-tb10-lr20 {
      padding: .5rem 1rem
    }

    .padding-tb20-lr40 {
      padding: 1rem 2rem
    }

    .padding-tb20-lr10 {
      padding: 1rem .5rem
    }

    .padding-tb140-ptm {
      padding: 8rem 0
    }

    .padding-tb20-ptm {
      padding: 1rem 0
    }

    .padding-tb60 {
      padding: 3rem 0
    }

    .padding-tb80 {
      padding: 6rem 0
    }

    .padding-40-pm {
      padding: 2rem
    }

    .padding-30-ptm {
      padding: 1.5rem
    }

    .padding-10-m,
    .padding-20-ptm {
      padding: 1rem
    }

    .padding-20-m {
      padding: 2rem
    }
  }

  @media only screen and (max-width:350px) {
    .padding-25-ptm {
      padding: 1.5rem
    }

    .padding-20 {
      padding: 1rem
    }

    .padding-tb20-ptm {
      padding: 1rem 0
    }

    .padding-tb5-lr20 {
      padding: .5rem .8rem
    }

    .padding-tb20-lr40 {
      padding: .8rem 1.5rem
    }
  }
  .margin-5 {
    margin: .5rem
  }

  .margin-20 {
    margin: 2rem
  }

  .margin-l5 {
    margin-left: .5rem
  }

  .margin-t5 {
    margin-top: .5rem
  }

  .margin-t10 {
    margin-top: 1rem
  }

  .margin-t15 {
    margin-top: 1.5rem
  }

  .margin-t20 {
    margin-top: 2rem
  }

  .margin-t30 {
    margin-top: 3rem
  }

  .margin-t-1 {
    margin-top: -.1rem
  }

  .margin-tbase {
    margin-top: calc(var(--bar-height)*1.55)
  }

  .margin-b20 {
    margin-bottom: 2rem
  }

  .margin-b40 {
    margin-bottom: 4rem
  }

  .margin-t60 {
    margin-top: 6rem
  }

  .margin-l10,
  .margin-l10-pt {
    margin-left: 1rem
  }

  .margin-l15 {
    margin-left: 1.5rem
  }

  .margin-l-20 {
    margin-left: -2rem
  }

  .margin-l-p-1 {
    margin-left: 1%
  }

  .margin-l-p-50 {
    margin-left: -50%
  }

  .margin-t-p-50 {
    margin-top: -50%
  }

  .margin-l20 {
    margin-left: 2rem
  }

  .margin-l24 {
    margin-left: 2.4rem
  }

  .margin-l40 {
    margin-left: 4rem
  }

  .margin-r10 {
    margin-right: 1rem
  }

  .margin-r20 {
    margin-right: 2rem
  }

  .margin-10 {
    margin: 1rem
  }

  .margin-lr20,
  .margin-lr20-pt {
    margin: 0 2rem
  }

  .margin-lr5 {
    margin: 0 .5rem
  }

  .margin-lr10,
  .margin-lr10-pt {
    margin: 0 1rem
  }

  .margin-tb5 {
    margin: .5rem 0
  }

  .margin-tb7 {
    margin: .7rem 0
  }

  .margin-tb10 {
    margin: 1rem 0
  }

  .margin-tb15 {
    margin: 1.5rem 0
  }

  .margin-tb20 {
    margin: 2rem 0
  }

  .margin-tb30 {
    margin: 3rem 0
  }

  .margin-tb40 {
    margin: 4rem 0
  }

  .margin-auto {
    margin: auto
  }

  .margin-t-p-60-tm-20 {
    margin-top: 6rem
  }

  .margin-t40 {
    margin-top: 4rem
  }

  .margin-t80 {
    margin-top: 8rem
  }

  .margin-tb80-ptm {
    margin: 8rem 0
  }

  .margin-r35-ptm {
    margin-right: 3.5rem
  }

  @media only screen and (max-width:1160px) {
    .margin-t-p-60-tm-20 {
      margin-top: 2rem
    }

    .margin-l-p-1-t {
      margin-left: .5%
    }
  }

  @media only screen and (max-width:887px) {
    .margin-l10-pt {
      margin-left: 0
    }

    .margin-t20-t,
    .margin-t-p-60-tm-20 {
      margin-top: 2rem
    }

    .margin-tb80-ptm {
      margin: 6rem 0
    }

    .margin-r35-ptm {
      margin-right: 3rem
    }
  }

  @media only screen and (max-width:750px) {
    .margin-20 {
      margin: 1rem
    }

    .margin-lr20-pt {
      margin: 0
    }

    .margin-l0-m {
      margin-left: 0
    }

    .margin-r10-m {
      margin-right: 1rem
    }

    .margin-tb10 {
      margin: .5rem 0
    }

    .margin-lr10 {
      margin: 0 .5rem
    }

    .margin-lr10-pt {
      margin: 0
    }

    .margin-l-p-1-m {
      margin-left: 1%
    }

    .margin-t10-m {
      margin-top: 1rem
    }

    .margin-b10-m {
      margin-bottom: 1rem
    }

    .margin-t15-m {
      margin-top: 1.5rem
    }

    .margin-t20-m {
      margin-top: 2rem
    }

    .margin-t30-m {
      margin-top: 3rem
    }

    .margin-t40-m {
      margin-top: 4rem
    }

    .margin-t40 {
      margin-top: 2rem
    }

    .margin-t80 {
      margin-top: 4rem
    }

    .margin-tb80-ptm {
      margin: 4rem 0
    }

    .margin-r35-ptm {
      margin-right: 2rem
    }

    .margin-tb20-m {
      margin: 2rem 0
    }

    .margin-auto-m {
      margin: auto
    }
  }

  @media only screen and (max-width:350px) {
    .margin-t20 {
      margin-top: 1rem
    }

    .margin-tb10 {
      margin: .5rem 0
    }
  }
  .bg-waves {
    height: 25rem;
    width: 25rem;
    background-image: url(img/waves.fd3aff75.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto
  }

  @media only screen and (max-width:1160px) {
    .bg-waves {
      height: 23rem;
      width: 23rem
    }
  }

  @media only screen and (max-width:887px) {
    .bg-waves {
      height: 20rem;
      width: 20rem
    }
  }

  @media only screen and (max-width:750px) {
    .bg-reward {
      background-size: 150%;
      background-position: right 20rem
    }
  }
  ::-webkit-scrollbar {
    width: .3rem;
    height: 100%
  }

  ::-webkit-scrollbar-thumb {
    background-color: var(--white-grey)
  }

  ::-webkit-scrollbar-thumb,
  ::-webkit-scrollbar-track {
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    border-bottom-right-radius: .3rem;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, .2)
  }

  ::-webkit-scrollbar-track {
    background-color: var(--main)
  }

  ::-webkit-scrollbar-button {
    height: 0;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem;
    background-color: var(--grey)
  }

  .marketplace::-webkit-scrollbar {
    width: 0;
    height: 100%
  }
  * {
    touch-action: auto
  }

  *,
  :after,
  :before {
    box-sizing: border-box
  }

  body,
  html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: var(--base-size);
    background-color: var(--main)
  }

  .animation-duration-1 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s
  }

  img {
    vertical-align: middle
  }

  a {
    text-decoration: none
  }

  input {
    padding: 0;
    margin: 0;
    outline: none;
    border: none
  }

  input::-webkit-input-placeholder,
  textarea::-webkit-input-placeholder {
    color: var(--light-grey);
    font-size: 1em;
    font-family: pop;
    font-weight: 400
  }

  input::-moz-placeholder,
  textarea::-moz-placeholder {
    color: var(--light-grey);
    font-size: 1em;
    font-family: pop;
    font-weight: 400
  }

  input:-ms-input-placeholder,
  textarea:-ms-input-placeholder {
    color: var(--light-grey);
    font-size: 1em;
    font-family: pop;
    font-weight: 400
  }

  button {
    cursor: pointer;
    border: none
  }

  .outline-none,
  button {
    outline: none
  }

  li,
  ul {
    list-style-type: none;
    margin: 0;
    padding: 0
  }

  #app {
    font-family: pop400, HCo Gotham SSm, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: var(--white);
    height: 100%;
    margin: auto;
    font-weight: 400
  }

  .border-collapse {
    border-collapse: collapse
  }

  .z-index-0 {
    z-index: 0
  }

  .z-index-1 {
    z-index: 1
  }

  .z-index-10 {
    z-index: 10
  }

  .z-index-100 {
    z-index: 100
  }

  .opacity-d5 {
    opacity: .5
  }

  .rv-enter {
    opacity: .2
  }

  .rv-enter-active {
    transition: opacity .3s
  }

  .rv-leave {
    opacity: 1
  }

  .rv-leave-active {
    opacity: 0;
    transition: opacity .3s
  }

  .transition-d2 {
    transition: all .2s
  }

  .white-space-pre-wrap {
    white-space: pre-wrap
  }

  .white-space-nowrap {
    white-space: nowrap
  }

  .pre-line {
    white-space: pre-line
  }

  .word-break {
    word-break: break-all;
    word-wrap: break-word
  }

  .text-wraper {
    overflow: hidden;
    white-space: nowrap
  }

  .text-overflow-ellipsis,
  .text-wraper {
    text-overflow: ellipsis
  }

  .overflow-auto {
    overflow: auto
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .overflow-x-auto {
    overflow-x: auto
  }

  .overflow-y-hidden {
    overflow-y: hidden
  }

  .underline {
    text-decoration: underline
  }

  .line-through {
    text-decoration: line-through
  }

  .pointer {
    cursor: pointer
  }

  .not-allowed {
    cursor: not-allowed
  }

  .oblique {
    font-style: oblique
  }

  .italic {
    font-style: italic
  }

  .box-shadow {
    box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    transition: all .5s
  }

  .box-shadow-green {
    box-shadow: 0 15px 30px -18px #f6be3d;
    transition: all .5s
  }

  .box-shadow-green-radius {
    box-shadow: 0 15px 30px -18px #f6be3d;
    border-radius: 4px
  }

  .box-shadow-grey {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    transition: all .5s
  }

  .box-shadow-b {
    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);
    transition: all .5s
  }

  .sider {
    width: 100%;
    height: var(--bar-height);
    z-index: 1999;
    position: fixed
  }

  .rotate-0 {
    transition: all .2s;
    transform-origin: center;
    transform: rotate(0deg)
  }

  .rotate-90 {
    transition: all .2s;
    transform-origin: center;
    transform: rotate(90deg)
  }

  .rotate-90-reverse {
    transition: all .2s;
    transform-origin: center;
    transform: rotate(-90deg)
  }

  .rotate-180 {
    transition: all .2s;
    transform-origin: center;
    transform: rotate(180deg)
  }

  .text-transform-uppercase {
    text-transform: uppercase
  }

  .font-bold {
    font-weight: 700
  }

  .font-normal {
    font-weight: 400
  }

  .border-radius-2 {
    border-radius: .2rem
  }

  .border-radius-4,
  .border-radius-4-p {
    border-radius: .4rem
  }

  .border-radius-5 {
    border-radius: .5rem
  }

  .border-radius-8 {
    border-radius: .8rem
  }

  .border-radius-10 {
    border-radius: 1rem
  }

  .border-radius-12 {
    border-radius: 1.2rem
  }

  .border-radius-15 {
    border-radius: 1.5rem
  }

  .border-radius-20 {
    border-radius: 2rem
  }

  .border-radius-30 {
    border-radius: 3rem
  }

  .border-radius-p-50 {
    border-radius: 50%
  }

  @media only screen and (max-width:750px) {
    .border-radius-4-p {
      border-radius: 0
    }
  }
  .display-p {
    display: block
  }

  .display-m,
  .display-t {
    display: none
  }

  .display-pt {
    display: block
  }

  .display-tm {
    display: inline-block
  }

  .table {
    display: table
  }

  .table-cell {
    display: table-cell
  }

  .p-rel {
    position: relative
  }

  .r-v-center {
    right: 0
  }

  .p-max,
  .r-v-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
  }

  .p-max {
    right: 1rem
  }

  .p-circle {
    position: absolute;
    top: 10%;
    right: -40%;
    z-index: 0
  }

  .p-chain {
    top: 1rem
  }

  .p-chain,
  .p-lang {
    position: absolute
  }

  .p-lang {
    top: 0
  }

  .p-beta {
    position: absolute;
    top: .8rem;
    right: -2.4rem
  }

  .p-random {
    top: -1rem
  }

  .l-v-center,
  .p-random {
    position: absolute;
    left: 0
  }

  .l-v-center {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%)
  }

  .p-center {
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
  }

  .p-center,
  .p-t-center {
    position: absolute;
    left: 50%
  }

  .p-t-center {
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%)
  }

  .draw-p-t-center {
    top: 100%
  }

  .draw-p-t-center,
  .p-b-center {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%)
  }

  .p-b-center {
    bottom: 0
  }

  .between-h-center,
  .between-h-center-pt,
  .between-v-center {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .between-v-center {
    flex-direction: column
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .flex-wrap-reverse {
    flex-wrap: wrap-reverse
  }

  .flex-start {
    justify-content: flex-start
  }

  .flex-end {
    justify-content: flex-end
  }

  .flex-center {
    justify-content: center
  }

  .align-start {
    align-items: flex-start
  }

  .flex-evenly {
    justify-content: space-evenly
  }

  .flex-around {
    justify-content: space-around
  }

  .flex-direction-column {
    flex-direction: column
  }

  .text-align-left {
    text-align: left
  }

  .text-align-center {
    text-align: center
  }

  .text-align-right {
    text-align: right
  }

  .text-align-p-l-tm-center,
  .text-align-pm-l-t-center,
  .text-align-pt-l-m-center,
  .text-align-pt-l-m-r {
    text-align: left
  }

  .text-align-pt-center-m-left {
    text-align: center
  }

  .text-align-pt-r-m-left {
    text-align: right
  }

  .info-toward {
    text-align: left
  }

  .wrap-reverse {
    flex-wrap: wrap-reverse
  }

  .left-p-center-m {
    justify-content: flex-start
  }

  .right-p-center-m {
    justify-content: flex-end
  }

  .video-wrapper {
    width: 61.8rem;
    height: 35.5rem
  }

  .video-wrapper .vjs-poster:focus {
    outline: none
  }

  .video-wrapper .vjs-big-play-button {
    border: none !important;
    background-color: rgba(43, 51, 63, 0) !important;
    border-radius: 0 !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    -moz-transform: translate(-50%, -50%) !important;
    -o-transform: translate(-50%, -50%) !important
  }

  .video-wrapper .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "" !important
  }

  @media only screen and (max-width:1160px) {
    .display-searh {
      display: none
    }
  }



    .display-p {
      display: none
    }

    .display-t {
      display: inherit
    }

    .display-m {
      display: block
    }

    .display-pt,
    .wallet-p {
      display: none
    }

    .display-tm {
      display: inline-block
    }

    .text-align-p-l-tm-center,
    .text-align-pt-l-m-center {
      text-align: center
    }

    .text-align-pm-l-t-center,
    .text-align-pt-center-m-left,
    .text-align-pt-r-m-left {
      text-align: left
    }

    .info-toward {
      text-align: center
    }

    .flex-center-m {
      justify-content: center
    }

    .flex-evenly-tm {
      justify-content: space-evenly
    }

    .left-p-center-m,
    .right-p-center-m {
      justify-content: center
    }

    .flex-start-m {
      justify-content: flex-start
    }

    .align-start-m {
      align-items: flex-start
    }

    .wrap-reverse-m {
      flex-wrap: wrap-reverse
    }

    .flex-direction-column-m {
      flex-direction: column
    }

    .between-h-center-m {
      display: flex;
      justify-content: space-between;
      align-items: center
    }

    .between-h-center-pt {
      display: block
    }
  
  .d-overlay[data-v-cfde6ca8] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .3s
  }

  .d-overlay[data-v-cfde6ca8],
  .d-overlay .d-modal[data-v-cfde6ca8] {
    overflow-y: auto;
    z-index: 3000;
    position: fixed;
    visibility: hidden
  }

  .d-overlay .d-modal[data-v-cfde6ca8] {
    max-height: 90%;
    top: 50%;
    left: 50%;
    width: 80%;
    min-width: 150px;
    max-width: 470px;
    height: auto;
    border-radius: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-50%) translateY(-50%)
  }

  .d-overlay .d-modal .d-content[data-v-cfde6ca8] {
    overflow-y: auto;
    position: relative;
    background-color: var(--black1);
    border-radius: 10px;
    margin: 0 auto
  }

  .d-overlay .d-modal .d-content .modal-header[data-v-cfde6ca8] {
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-radius: 10px 10px 0 0;
    padding: 0 10px;
    font-size: 20px
  }

  .d-overlay .d-modal .d-content .modal-header .header-close[data-v-cfde6ca8] {
    cursor: pointer;
    padding: 0 15px
  }

  .d-overlay .d-modal .d-content .place-center[data-v-cfde6ca8] {
    text-align: center
  }

  .d-overlay .d-modal .d-content .place-left[data-v-cfde6ca8] {
    text-align: left
  }

  .d-overlay .d-modal .d-content .place-right[data-v-cfde6ca8] {
    text-align: right
  }

  .d-overlay .d-modal .d-content .bottom-border[data-v-cfde6ca8] {
    border-bottom: solid 1px var(--black2)
  }

  .d-overlay .d-modal .d-content .modal-body[data-v-cfde6ca8] {
    width: 100%;
    height: auto;
    padding: 0 20px 20px 20px
  }

  .d-overlay .d-modal .d-content .modal-body .modal-btn[data-v-cfde6ca8] {
    width: 100%;
    height: 45px;
    margin-top: 20px
  }

  .d-overlay .d-modal .d-content .modal-body .modal-btn button[data-v-cfde6ca8] {
    width: 46%;
    min-width: 80px;
    padding: 10px;
    font-weight: 700;
    border-radius: 10px;
    overflow: hidden
  }

  .d-overlay .d-effect .d-content[data-v-cfde6ca8] {
    opacity: 0;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transition: all .3s
  }

  .d-overlay .d-show[data-v-cfde6ca8] {
    visibility: visible
  }

  .d-overlay .d-show .d-content[data-v-cfde6ca8] {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
  }

  .overlay-effect[data-v-cfde6ca8] {
    opacity: 1;
    visibility: visible
  }
  .l-overlay[data-v-da10a612] {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .3s
  }

  .l-overlay[data-v-da10a612],
  .l-overlay .l-modal[data-v-da10a612] {
    z-index: 10000;
    position: fixed;
    visibility: hidden
  }

  .l-overlay .l-modal[data-v-da10a612] {
    top: 50%;
    left: 50%;
    width: 80%;
    min-width: 150px;
    max-width: 350px;
    height: auto;
    border-radius: 10px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateX(-50%) translateY(-50%)
  }

  .l-overlay .l-modal .d-content[data-v-da10a612] {
    position: relative;
    background-color: var(--black1);
    margin: 0 auto
  }

  .l-overlay .l-modal .d-content .modal-header[data-v-da10a612] {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 15px
  }

  .l-overlay .l-modal .d-content .place-center[data-v-da10a612] {
    text-align: center
  }

  .l-overlay .l-modal .d-content .place-left[data-v-da10a612] {
    text-align: left
  }

  .l-overlay .l-modal .d-content .place-right[data-v-da10a612] {
    text-align: right
  }

  .l-overlay .l-modal .d-content .bottom-border[data-v-da10a612] {
    border-bottom: solid 1px var(--black2)
  }

  .l-overlay .l-modal .d-content .modal-body[data-v-da10a612] {
    width: 100%;
    height: auto;
    padding: 20px 15px;
    color: #b6c2c9
  }

  .l-overlay .l-modal .d-content .modal-body .loading-cover[data-v-da10a612] {
    margin: auto;
    padding: 5px;
    width: 70px;
    height: 70px;
    border-radius: 50%
  }

  .l-overlay .l-modal .d-content .modal-body .loading-cover .loading-css[data-v-da10a612] {
    width: 60px;
    height: 60px;
    margin-bottom: 20px;
    display: inline-block;
    border: 3px solid var(--white);
    border-top: 3px solid var(--green);
    border-radius: 50%
  }

  .l-overlay .l-modal .d-content .modal-body .loading-cover .loading-stop[data-v-da10a612] {
    border: none
  }

  @-webkit-keyframes loading-360-data-v-da10a612 {
    0% {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(1turn)
    }
  }

  @keyframes loading-360-data-v-da10a612 {
    0% {
      transform: rotate(0deg)
    }

    to {
      transform: rotate(1turn)
    }
  }

  .l-overlay .l-modal .d-content .modal-body .loading-cover .loading[data-v-da10a612] {
    -webkit-animation: loading-360-data-v-da10a612 .8s linear infinite;
    animation: loading-360-data-v-da10a612 .8s linear infinite
  }

  .l-overlay .l-modal .d-content .modal-body .loading-text[data-v-da10a612] {
    padding-top: 25px;
    word-break: break-all;
    word-wrap: break-word
  }

  .l-overlay .l-effect .d-content[data-v-da10a612] {
    opacity: 0;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    transition: all .3s
  }

  .l-overlay .d-show[data-v-da10a612] {
    visibility: visible
  }

  .l-overlay .d-show .d-content[data-v-da10a612] {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
  }

  .overlay-effect[data-v-da10a612] {
    opacity: 1;
    visibility: visible
  }
  .cursor--loading {
    cursor: wait !important;
  }
  .jj-flash-note__popper[data-v-44225974] {
    position: absolute;
    border: none;
    outline: 0;
    text-align: center;
    width: 28px;
    height: 28px;
    background: #f7f8fa;
    border: 1px solid #e5e6eb;
    border-radius: 2px;
    padding: 4px
  }

  .jj-flash-note__popper .icon[data-v-44225974] {
    pointer-events: none
  }

  .jj-flash-note__frame[data-v-dd761a64] {
    max-width: 50%;
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: #fff;
    z-index: 9999
  }

  .slide-left-enter-active[data-v-dd761a64],
  .slide-left-leave-active[data-v-dd761a64] {
    transition: transform .15s linear
  }

  .slide-left-enter-from[data-v-dd761a64],
  .slide-left-leave-to[data-v-dd761a64] {
    transform: translateX(100%)
  }

  .jj-flash-note__app[data-v-ed443a7e] {
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0
  }

  .jj-flash-note__app .mask[data-v-ed443a7e] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9000;
    background-color: rgba(0, 0, 0, .4);
    opacity: 1
  }

  .jj-flash-note__app .fade-enter-active[data-v-ed443a7e],
  .jj-flash-note__app .fade-leave-active[data-v-ed443a7e] {
    transition: opacity .15s ease
  }

  .jj-flash-note__app .fade-enter-from[data-v-ed443a7e],
  .jj-flash-note__app .fade-leave-to[data-v-ed443a7e] {
    opacity: 0
  }

  [data-v-41285de6]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-41285de6] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .juejin-search[data-v-41285de6] {
    display: flex;
    width: 682px;
    height: 46px;
    border-radius: 2px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative
  }

  .juejin-search .search-anim[data-v-41285de6] {
    position: absolute;
    left: 8px;
    width: 28px;
    height: 28px;
    object-fit: contain;
    animation-play-state: paused
  }

  .juejin-search .search-anim.slide-right-enter-active[data-v-41285de6],
  .juejin-search .search-anim.slide-right-leave-active[data-v-41285de6] {
    transition: width .3s linear
  }

  .juejin-search .search-anim.slide-right-enter-from[data-v-41285de6],
  .juejin-search .search-anim.slide-right-leave-to[data-v-41285de6] {
    width: 0
  }

  .juejin-search .juejin-search-logo[data-v-41285de6] {
    right: 16px;
    position: absolute;
    width: 23px;
    height: 18px;
    object-fit: contain
  }

  .juejin-search .juejin-search-logo path[data-v-41285de6] {
    transition: all .3s linear
  }

  .juejin-search #juejin-search-input-global[data-v-41285de6] {
    height: 100%;
    width: 100%
  }

  .juejin-search #juejin-search-input-global .input[data-v-41285de6] {
    padding: 0 39px 0 33px;
    width: 100%;
    height: 100%;
    outline: 0;
    border: none;
    border-radius: 2px;
    color: var(--jjext-color-font-1);
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    caret-color: transparent;
    box-sizing: border-box;
    background-color: var(--jjext-color-layer-4-plugin)
  }

  .juejin-search #juejin-search-input-global .input.active[data-v-41285de6] {
    border: 2px solid var(--jjext-color-font-brand-4)
  }

  .juejin-search #juejin-search-input-global .input.animation-stopped[data-v-41285de6] {
    caret-color: #1e80ff;
    padding-left: 16px
  }

  .juejin-search #juejin-search-input-global .input[data-v-41285de6]::placeholder {
    font-weight: 400;
    color: #86909c
  }

  .calculator[data-v-4faf9c0e] {
    display: flex;
    align-items: center;
    height: 36px;
    padding: 0 16px;
    cursor: pointer
  }

  .calculator .result[data-v-4faf9c0e] {
    font-size: 14px;
    text-align: start;
    font-weight: 500;
    line-height: 22px;
    color: #1d2129;
    margin: 0 12px;
    text-overflow: ellipsis;
    flex: 1 0 auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 494px
  }

  .calculator .hint[data-v-4faf9c0e] {
    font-size: 14px;
    line-height: 22px;
    color: #8a919f
  }

  [data-v-d8e306de]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-d8e306de] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .search-action[data-v-d8e306de] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    user-select: none;
    cursor: pointer;
    height: 36px;
    border-left: 4px solid transparent;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: all .15s linear;
    padding: 0 16px 0 12px
  }

  .search-action.active[data-v-d8e306de] {
    border-left-color: var(--jjext-color-font-brand-1);
    background-color: #f4f5f5
  }

  .search-action .search-content[data-v-d8e306de] {
    display: flex;
    align-items: center;
    flex: 1 0 auto;
    margin-right: 16px
  }

  .search-action .search-content .search-content__logo[data-v-d8e306de] {
    width: 28px;
    height: 28px
  }

  .search-action .search-content .search-content__engine[data-v-d8e306de],
  .search-action .search-content .search-content__keyword[data-v-d8e306de] {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px
  }

  .search-action .search-content .search-content__keyword[data-v-d8e306de] {
    color: var(--jjext-color-font-1);
    margin: 0 4px 0 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 396px
  }

  .search-action .search-content .search-content__engine[data-v-d8e306de] {
    color: var(--jjext-color-font-brand-1)
  }

  .search-action .hint[data-v-d8e306de] {
    font-size: 14px;
    line-height: 22px;
    color: var(--jjext-color-font-brand-1)
  }

  em[data-v-b1604592] {
    font-style: normal;
    color: #f53f3f
  }

  [data-v-434372b6]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-434372b6] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .search-suggest[data-v-434372b6] {
    background: var(--jjext-color-layer-4);
    padding: 0 4px 8px 4px
  }

  .search-suggest .calculator.active[data-v-434372b6],
  .search-suggest .search-action.active[data-v-434372b6] {
    background: var(--jjext-color-layer-2-1)
  }

  .search-suggest .calculator[data-v-434372b6] {
    transition: background-color .15s linear
  }

  .search-suggest .list[data-v-434372b6] {
    display: flex;
    border-top: 1px solid var(--jjext-color-layer-gray-1-2);
    flex-direction: column;
    padding-top: 4px
  }

  .search-suggest .list .item[data-v-434372b6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 36px;
    cursor: pointer
  }

  .search-suggest .list .item .content[data-v-434372b6] {
    color: var(--jjext-color-font-1);
    font-size: 14px
  }

  .search-suggest .list .item.active[data-v-434372b6] {
    background: var(--jjext-color-layer-2-1)
  }

  .search-suggest .list .tool-item[data-v-434372b6] {
    position: relative;
    padding: 0 9px 0 4px
  }

  .search-suggest .list .tool-item .tool-icon[data-v-434372b6] {
    width: 24px;
    height: 24px;
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat
  }

  .search-suggest .list .tool-item .content[data-v-434372b6] {
    margin-left: 8px
  }

  .search-suggest .list .tool-item .icon-tool-arrow[data-v-434372b6] {
    opacity: 0;
    transition: all .15s linear;
    position: absolute;
    stroke: var(--jjext-color-font-brand-1);
    top: 50%;
    transform: translateY(-50%);
    right: 9px
  }

  .search-suggest .list .tool-item.active .icon-tool-arrow[data-v-434372b6] {
    opacity: 1
  }

  .search-suggest .list .suggest-item[data-v-434372b6] {
    padding: 0 7px;
    transition: background-color .15s linear
  }

  .search-suggest .list .suggest-item .icon-search[data-v-434372b6] {
    stroke: var(--jjext-color-font-4)
  }

  .search-suggest .list .suggest-item .content[data-v-434372b6] {
    margin-left: 12px
  }

  .search-suggest .list .suggest-item[data-v-434372b6] .highlight-keyword {
    color: var(--jjext-color-font-3)
  }

  .search-suggest .setting-hint[data-v-434372b6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 8px 16px 0 16px
  }

  .search-suggest .setting-hint .text[data-v-434372b6] {
    color: #8a919f;
    line-height: 22px;
    cursor: pointer;
    user-select: none
  }

  .search-suggest .setting-hint .text[data-v-434372b6]:hover:not(.disabled) {
    color: #1e80ff;
    transition: all .15s linear
  }

  .search-suggest .setting-hint .text.disabled[data-v-434372b6] {
    cursor: initial
  }

  :root {
    --jjext-color-input-bg: #f4f5f5;
    --jjext-color-input-error-bg: #ffece8;
    --jjext-color-input-placeholder: #86909c;
    --jjext-color-input-text: #4e5969;
    --jjext-color-input-icon: #f53f3f
  }

  :root .dark {
    --jjext-color-input-bg: rgba(255, 255, 255, 0.12);
    --jjext-color-input-error-bg: rgba(255, 81, 50, 0.15);
    --jjext-color-input-placeholder: #e3e3e3;
    --jjext-color-input-text: #e3e3e3;
    --jjext-color-input-icon: #ff6247
  }

  [data-v-341e7439]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-341e7439] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .input-option[data-v-341e7439] {
    display: flex;
    flex-direction: column
  }

  .input-option span.error[data-v-341e7439] {
    margin-left: 6.6666666667rem;
    font-size: 1rem;
    line-height: 20px;
    display: inline-block;
    height: 20px;
    color: var(--jjext-color-tips)
  }

  .input-wrapper[data-v-341e7439] {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%
  }

  .input-wrapper label[data-v-341e7439] {
    width: 4em;
    font-size: 1.1666666667rem;
    line-height: 1.8333333333rem;
    color: var(--jjext-color-thirdly);
    margin-right: 1rem
  }

  .input-wrapper .input[data-v-341e7439] {
    flex: 1 0 auto;
    position: relative
  }

  .input-wrapper .input.error .input-inner[data-v-341e7439] {
    background-color: var(--jjext-color-input-error-bg)
  }

  .input-wrapper .input.error .btn-clear[data-v-341e7439] {
    color: var(--jjext-color-input-icon)
  }

  .input-wrapper .input .input-inner[data-v-341e7439] {
    background: var(--jjext-color-input-bg);
    border-radius: 2px;
    color: var(--jjext-color-input-text);
    font-size: 1.0833333333rem;
    line-height: 1.8333333333rem;
    height: 2.3333333333rem;
    padding: 0 8px;
    outline: 0;
    border: none;
    width: 100%
  }

  .input-wrapper .input .input-inner[data-v-341e7439]::placeholder {
    color: var(--jjext-color-input-placeholder)
  }

  .input-wrapper .btn-clear[data-v-341e7439] {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: 0 0;
    border: none;
    outline: 0;
    color: var(--jjext-color-fourthly)
  }

  .input-wrapper .btn-clear[data-v-341e7439]::before {
    font-size: 10px;
    line-height: 10px
  }

  [data-v-5a92de1e]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-5a92de1e] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  [data-v-5a92de1e] {
    box-sizing: border-box
  }

  .color-tool[data-v-5a92de1e] {
    padding: 0 16px !important
  }

  .color-tool .row[data-v-5a92de1e] {
    display: flex;
    align-items: center
  }

  .color-tool .color-picker[data-v-5a92de1e] {
    cursor: pointer;
    outline: 0;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 2px;
    background-color: transparent;
    width: 92px;
    height: 40px
  }

  .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper {
    padding: 3px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all .15s linear
  }

  .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch-wrapper:hover {
    border: 1px solid #bedaff
  }

  .color-tool .color-picker[data-v-5a92de1e]::-webkit-color-swatch {
    border-radius: 2px;
    border: none
  }

  .color-tool .input[data-v-5a92de1e] {
    transform: translateY(10px);
    flex: 1 1 auto;
    margin: 0 12px
  }

  .color-tool .input[data-v-5a92de1e] input.input-inner {
    height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: var(--jjext-color-primary);
    box-sizing: border-box;
    background: var(--jjext-color-main-bg)
  }

  .color-tool .input[data-v-5a92de1e] label {
    display: none
  }

  .color-tool .input[data-v-5a92de1e] span.error {
    margin-left: 16px
  }

  .color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear {
    right: 8px
  }

  .color-tool .input[data-v-5a92de1e] .input-wrapper .btn-clear::before {
    font-size: 14px;
    color: #c9cdd4
  }

  .color-tool button[data-v-5a92de1e] {
    outline: 0;
    border: none;
    background-color: unset;
    width: 93px;
    height: 40px;
    font-size: 14px
  }

  .color-tool .btn-convert[data-v-5a92de1e] {
    background: var(--jjext-color-brand);
    border-radius: 2px;
    color: #fff;
    transition: all .15s linear
  }

  .color-tool .btn-convert[data-v-5a92de1e]:hover {
    background: #5399ff
  }

  .color-tool .btn-convert[data-v-5a92de1e]:active {
    background: #0060dd
  }

  .color-tool .btn-copy[data-v-5a92de1e] {
    background: rgba(30, 128, 255, .05);
    border: 1px solid rgba(30, 128, 255, .3);
    border-radius: 2px;
    color: var(--jjext-color-brand);
    transition: all .15s linear
  }

  .color-tool .btn-copy[data-v-5a92de1e]:hover {
    background: rgba(30, 128, 255, .1);
    border-color: rgba(30, 128, 255, .45)
  }

  .color-tool .btn-copy[data-v-5a92de1e]:active {
    background: rgba(30, 128, 255, .2);
    border-color: rgba(30, 128, 255, .6)
  }

  .color-tool .display[data-v-5a92de1e] {
    flex: 1;
    text-align: start;
    background-color: var(--jjext-color-main-bg);
    height: 40px;
    margin: 0 12px;
    border-radius: 2px;
    line-height: 40px;
    padding-left: 16px;
    font-size: 14px;
    color: var(--jjext-color-primary)
  }

  .color-tool .label[data-v-5a92de1e] {
    width: 92px;
    font-size: 16px;
    font-weight: 500;
    color: var(--jjext-color-primary);
    text-align: end
  }

  .color-tool .row[data-v-5a92de1e]:not(:first-of-type) {
    margin-top: 16px
  }

  [data-v-71426c7e]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-71426c7e] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .quick-tool-drawer[data-v-71426c7e] {
    z-index: 750;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 60%;
    background: var(--jjext-color-thirdly-bg)
  }

  .quick-tool-drawer.dark .header .title[data-v-71426c7e] {
    color: #e3e3e3
  }

  .quick-tool-drawer .quick-tool-drawer__header__[data-v-71426c7e] {
    position: relative;
    height: 64px;
    padding: 0 16px;
    display: flex;
    flex-direction: row;
    align-items: center
  }

  .quick-tool-drawer .quick-tool-drawer__header__ .icon[data-v-71426c7e] {
    width: 40px;
    height: 40px
  }

  .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__title__[data-v-71426c7e] {
    margin: 0 0 0 9px;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: var(--jjext-color-brand)
  }

  .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-71426c7e] {
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 18px;
    transform: translateY(-50%)
  }

  .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__[data-v-71426c7e]::after {
    display: block;
    content: " ";
    position: absolute;
    padding: 10px;
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%
  }

  .quick-tool-drawer .quick-tool-drawer__header__ .quick-tool-drawer__btn-close__ svg[data-v-71426c7e] {
    fill: var(--jjext-color-thirdly)
  }

  .quick-tool-drawer .quick-tool-drawer__tool__[data-v-71426c7e] {
    width: 100%;
    height: 100%;
    box-sizing: border-box
  }

  [data-v-19f1e2c8]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-19f1e2c8] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .mask[data-v-19f1e2c8] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 600;
    background-color: var(--jjext-color-mask)
  }

  .slide-left-enter-active,
  .slide-left-leave-active {
    transition: transform .3s linear
  }

  .slide-left-enter-from,
  .slide-left-leave-to {
    transform: translateX(100%)
  }

  [data-v-6414b4fe]:root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark[data-v-6414b4fe] {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }

  .search-app[data-v-6414b4fe] {
    z-index: 9999;
    padding-top: 160px;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center
  }

  .search-app.extension[data-v-6414b4fe] {
    z-index: 500
  }

  @media (max-height:720px) {
    .search-app.tool-active[data-v-6414b4fe] {
      padding-top: 80px
    }
  }

  @media (max-height:640px) {
    .search-app.tool-active[data-v-6414b4fe] {
      padding-top: 30px
    }
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] {
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--jjext-color-font-brand-1);
    background: var(--jjext-color-layer-4);
    box-shadow: 0 0 0 4px rgba(30, 128, 255, .2), 0 0 20px rgba(0, 0, 0, .15);
    backdrop-filter: blur(15px)
  }

  .search-app .search-app__wrapper__ .search-result[data-v-6414b4fe] {
    margin-top: 8px
  }

  .search-app .search-app__wrapper__ .search-result .tool[data-v-6414b4fe] {
    padding: 0 8px
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest {
    padding: 0 0 8px 0
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list {
    border-top: none;
    padding-left: 8px;
    padding-right: 8px
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item {
    padding: 0 13px
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .suggest-item .content {
    margin-left: 17px
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item {
    padding: 0 9px 0 10px
  }

  .search-app .search-app__wrapper__[data-v-6414b4fe] .search-suggest .list .tool-item .content {
    margin-left: 12px
  }

  .search-app .juejin-search[data-v-6414b4fe] {
    margin: 8px
  }

  :root {
    --jjext-color-brand: #1E80FF;
    --jjext-color-brand-light: #E8F3FF;
    --jjext-color-nav-title: #86909C;
    --jjext-color-nav-popup-bg: #FFFFFF;
    --jjext-color-primary: #1D2129;
    --jjext-color-secondary-app: #4E5969;
    --jjext-color-thirdly: #86909C;
    --jjext-color-hover: #1e80ff;
    --jjext-color-hover-thirdly: #86909c;
    --jjext-color-dropdown-text: #1E80FF;
    --jjext-color-divider: #E5E6EB;
    --jjext-color-main-bg: #f4f5f5;
    --jjext-color-secondary-bg: #FFFFFF;
    --jjext-color-thirdly-bg: #f4f5f5;
    --jjext-color-hover-bg: #E8F3FF;
    --jjext-color-comment-bg: rgba(244, 245, 245, 0.5);
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(232, 243, 255, 0) 0%,
        rgba(232, 243, 255, 0.8) 25.09%,
        #e8f3ff 50.16%,
        rgba(232, 243, 255, 0.8) 75.47%,
        rgba(232, 243, 255, 0) 100%);
    --jjext-color-font-2: #1171EE;
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #ffffff;
    --jjext-color-nav-bg: rgba(255, 255, 255, 0.13);
    --jjext-color-nav-selected-border: rgba(229, 230, 235, 0.3);
    --jjext-color-tips: #F53F3F;
    --jjext-color-fourthly: #C9CDD4;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #e5e6eb;
    --jjext-color-icon-search: #ffffff;
    --jjext-color-navbar-icon: #1e80ff;
    --jjext-color-layout-dropdown-bg: rgba(232, 243, 255, 0.8);
    --jjext-color-layout-title: #4E5969;
    --jjext-color-layout-title-active: #1E80FF;
    --jjext-color-layout-icon-outline: rgba(30, 128, 255, 0.5);
    --jjext-color-layout-icon-fill: #ffffff;
    --jjext-color-layer-gray-1-2: rgba(228, 230, 235, 0.5);
    --jjext-color-layer-2-1: #F7F8FA;
    --jjext-color-layer-4: #ffffff;
    --jjext-color-font-brand-1: #1e80ff;
    --jjext-color-font-brand-4: #abcdff;
    --jjext-color-font-1: #252933;
    --jjext-color-font-3: #8A919F;
    --jjext-color-font-4: #C2C8D1;
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.05)
  }

  :root .dark {
    --jjext-color-brand: #1352a3;
    --jjext-color-nav-title: #e3e3e3;
    --jjext-color-nav-popup-bg: #1352A3;
    --jjext-color-primary: #e3e3e3;
    --jjext-color-secondary-app: #a9a9a9;
    --jjext-color-thirdly: #7d7d7f;
    --jjext-color-hover: #eeeeee;
    --jjext-color-hover-thirdly: #878789;
    --jjext-color-dropdown-text: #878789;
    --jjext-color-divider: #4a4a4a;
    --jjext-color-main-bg: #121212;
    --jjext-color-secondary-bg: #272727;
    --jjext-color-thirdly-bg: #3a3a3a;
    --jjext-color-hover-bg: #3a3a3a;
    --jjext-color-comment-bg: #313131;
    --jjext-hover-bg: linear-gradient(90deg,
        rgba(58, 58, 58, 0) 0%,
        rgba(58, 58, 58, 0.8) 25.09%,
        #3a3a3a 50.16%,
        rgba(58, 58, 58, 0.8) 75.47%,
        rgba(58, 58, 58, 0) 100%);
    --jjext-color-font-2: rgba(238, 238, 238, 0.8);
    --jjext-color-mask: rgba(0, 0, 0, 0.4);
    --jjext-color-quick-nav-text: #e3e3e3;
    --jjext-color-nav-bg: rgb(30, 30, 30);
    --jjext-color-nav-selected-border: #4a4a4a;
    --jjext-color-tips: #bc3030;
    --jjext-color-fourthly: #878789;
    --jjext-color-shadow: rgba(0, 0, 0, 0.16);
    --jjext-color-grey-triangle: #3a3a3a;
    --jjext-color-icon-search: #e3e3e3;
    --jjext-color-navbar-icon: #e3e3e3;
    --jjext-color-layout-dropdown-bg: rgba(125, 125, 127, 0.8);
    --jjext-color-layout-title: #eeeeee;
    --jjext-color-layout-title-active: #eeeeee;
    --jjext-color-layout-icon-outline: #131313;
    --jjext-color-layout-icon-fill: #e3e3e3;
    --jjext-color-layer-gray-1-2: rgba(255, 255, 255, 0.1);
    --jjext-color-layer-2-1: rgba(255, 255, 255, 0.08);
    --jjext-color-layer-4: #2f2f2f;
    --jjext-color-font-brand-1: #4495FF;
    --jjext-color-font-brand-4: rgba(19, 113, 236, 0.2);
    --jjext-color-font-1: rgba(255, 255, 255, 0.9);
    --jjext-color-font-3: rgba(255, 255, 255, 0.55);
    --jjext-color-font-4: rgba(255, 255, 255, 0.45);
    --jjext-color-layer-4-plugin: rgba(30, 128, 255, 0.1)
  }