.ladingBox[data-v-1e193360] {
  position: absolute;
  z-index: 101;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: var(--on_surface);
  font-size: 14px;
}
.ladingBox img[data-v-1e193360] {
  width: 36px;
  height: 36px;
  margin-bottom: 5px;
  -webkit-animation: rotate-1e193360 1.5s linear infinite;
          animation: rotate-1e193360 1.5s linear infinite;
}
@-webkit-keyframes rotate-1e193360 {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}
@keyframes rotate-1e193360 {
0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
}
100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
}
}

.button-group[data-v-76a46fce] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  position: absolute;
  right: 20px;
  top: -72px;
}
.btn-wrapper[data-v-76a46fce] {
  position: relative;
}
.btn[data-v-76a46fce] {
  width: 42px;
  height: 42px;
  cursor: pointer;
  background-size: 420px 42px;
  background-repeat: no-repeat;
}
.btn.question[data-v-76a46fce] {
  background-image: url(../static/img/questionSprite.7b8693e3.png);
  background-position: -378px 0;
}
.btn.like[data-v-76a46fce] {
  background-position: 0 0;
  background-image: url(../static/img/likeSprite.10851efa.png);
}
.btn.disLike[data-v-76a46fce] {
  background-image: url(../static/img/disLikeSprite.3f6ea6b0.png);
}
.btn.active[data-v-76a46fce] {
  background-position: 0 0;
  -webkit-animation: play-76a46fce 0.8s steps(10);
          animation: play-76a46fce 0.8s steps(10);
}
.float-effect[data-v-76a46fce] {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  -webkit-animation: floatAnimation-76a46fce 0.8s linear;
          animation: floatAnimation-76a46fce 0.8s linear;
  left: 50%;
  top: -10px;
  height: 24px;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.float-effect img[data-v-76a46fce] {
  width: 100%;
  height: 100%;
}
@-webkit-keyframes floatAnimation-76a46fce {
0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
}
50% {
    opacity: 1;
    -webkit-transform: translateY(-39px) scale(1);
            transform: translateY(-39px) scale(1);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-78px) scale(0.5);
            transform: translateY(-78px) scale(0.5);
}
}
@keyframes floatAnimation-76a46fce {
0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(0.5);
            transform: translateY(0) scale(0.5);
}
50% {
    opacity: 1;
    -webkit-transform: translateY(-39px) scale(1);
            transform: translateY(-39px) scale(1);
}
100% {
    opacity: 0;
    -webkit-transform: translateY(-78px) scale(0.5);
            transform: translateY(-78px) scale(0.5);
}
}
@-webkit-keyframes play-76a46fce {
99% {
    background-position: -420px 0;
}
100% {
    background-position: 0 0;
}
}
@keyframes play-76a46fce {
99% {
    background-position: -420px 0;
}
100% {
    background-position: 0 0;
}
}

.emojiBox{
    /* 白天主题 */
    --emjoy: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAQ5QTFRFAAAAgICAgICAaoCAcICAc3OAdXWAdnaAeHiAcHiAcXiAc3mAdHqAdHSAdXqAdXWAdnaAcnaAc3d/dHiAdHiAcXiAdXiAcXWAcnWAc3aAc3aAcXeAdHeAcneAcniAc3iAc3WAc3aAdHaAcXaAdHaAcnaAcneAc3d/c3eAdHiAcniAdHiAcnaAc3aAdHeAc3eAdHiAc3eAcneAdHeAcneAcneAc3eAc3iAdHeAc3eAc3aAc3eAc3eAcneAc3iAdHiAcniAc3eAc3aAdHiAdHeAc3aAdHeAcnaAc3eAdHeAc3eAc3iAc3eAc3eAc3eAdHeAc3eAc3eAc3eAc3eAc3iAc3eAdHeAc3eAc3eAc3eA04fmuQAAAFl0Uk5TAAQIDBAUGBwgICQoLCwwMDQ4PEBEREhITFBUWFxcYGRkaGxscHB0eHyAgISEjI+Qk5SUmJicn6Cjp6irr7Czt7e4uLu7vL/Ax8vP09fb3+Pj5+vv8/P39/sALUFHAAABx0lEQVR42s3V71fSUBzH8e8WCAiVaKlQzCAVKVdREGWZmaZLcvySsff//494gHm4R7bdPfL4erLPPed+tnv34F55cE/Wd9un3aEHjFznqFHOSYx83fG5r/d1y5QwhvWPCKMP+ZDpLgB+t723VUhP35laXbfs0xEz3zL3FuMA+Eev00tvKh66AF5VFCUPGNRTEm7zGODXYitvfJg0TIlWvAIu7mZseHCdl1imDfwIsgtOSnTqQGWWajDIiF4LrmfhEvYkgdQICtMwghVJ4jhYE2BIEk2oTZ89eCpJ/IVy8KWmJFAgWPsm+BuiZV7Az3k8h0FRO/8EJs/nOTOAm7Sm8AXYl8DaGLL6f2ovRm6iQim0YHzyepYStYUq4K8qUVdoA1SUqCvsAH5Bido92OPhjho1hSWPpNBi7lXSgsVcLmnBdAH4nnwPWcfHa5vRhf+Ql3h/YHsxuoSXmkIXnqnnAbbEysBEWeI2uIbEOYAzZWj0YT/2A2Moi6IGXszJYZ7BlSkKw4GbF5Gn6snySZQdgN9cCb8t+8DB0pXrAt75+6pl1XYV9U4P4F3Ivn4TaViSMCWHUP1GSiLkKoetTufzR4X9ds2QB3ULPIalhjUysh0AAAAASUVORK5CYII=);
}
.emojiBox[data-theme='dark']{
   /* 暗色主题 */
   --emjoy: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAARxSURBVHgB7Vp9UttGFH9vJZdO/6lvUN8g7gkKJyg5ge0TEDp82YSpMokxMc5gToB7AswJUE4Qc4K6J6g7nUwAWfvyVrY+LCQjI2E5M/nNGEmrJ+n9dt/u+1gAviNfIKSAYZwVtbVxWWj4AiSVEbFIhOXJXSqFxEf8Of7REBFGtqQbIBzYqA2M+vYQnoiFCRitVukHLFQIYB0mvwxAQ/5jSolXR42d/iJPJiKgerrwk10BCZuQmdJxmJCxSH+TZGQeJdBqd7akBINPi5GfIxgg0gAEDiTBP7a0BqrdqNeHQTnDMIqwtlbUQC+xbHFqcr+xAuW4d/Pbe48RiSXQap2VJNoX8LDHR4RgIg+3dfd/nxUbQUq8bZ2uc09sCoG/s0ql8PdYyW7jYOdN1LORBI7fdyrcs12Y7ZmRJDq37z53s1A6DooMCtxCcszVVxShf/9FqxnG9sy3HxCYmkwXlqx4GM1muwwaXs6MCJurdadtBEnMEFDsBeK130JDi8YbYXteJlgng3X602+h3uHBbs29EkFhgXAREBxat59/zVN5haP6rsEWELB/rL497njm5RFottpVf7imPb9Ek5kHhwTAuXstBGx5554Uiop3imjk3fNh2LeaAY43d7DebLcdjx80obJ7ci+tj7BiUBOXiK7ca9vWHhDwlsxV6/15CBLw7F3FO7CCYNP+xT0XOv7rHN0Gdlyme87uvgorBhUZQCAqGI/vbtTRJwDkz3Jed91JsiqQML70r6jnmrlHgJcqkw+m/wReGhPWuaN58uGC7cfrUF7iPb8w68jIqk3DWVA+oYD2JxVKQ4541+r0WKeqe62cWnCRmSFQVzcEvQR/QnMIfJsrAQ7ivImrlFdOLXhfhB843NsbTFK/lYQZbtAhAxy//3DGTqbKQz3iHjtv7O92s5BNAgEpoWIoVugVOI4QS5zUn8WtYIvIJkVqAgS4Hm5z3Xwa2aRITQCBzHCbhHszrWxSpCZwWN/rTUNdNfE5X6btuFhqEdmkyGQSHx3sKLt+lbVsEqQegbzxzRPIxISCeNc67XHYW4m7T5rYfL37xxVkhOxHQMBg3m03DM7ucxlj/EXv+QFhGH4YnBUyJ6ByV8EVDZqNW0ZcLDvnMs02ZIzM54BCfdLLG7AExIyAbwK6vvYC8gT5xQah0YMoOZIAe0tvopEll9KTUXDyYPTLPZNQfxbRI0DU9wQEVPLKyghtbzmmiFxAIZLAND/2sjLeB8vM9SeF6n0KpJJct+1FycWuQiT9gmoeVYpJFQJLU22Gjf2dv6LkYgm8bnCmRAGnJMW1s5PyzFDm2jzpXAerELx1VYuTn+sHBFgvAytSUe0dNE9OL56r3KIytsKP408QKGBNE3kz7pnHN/m4zChRv47YuzL55R8FiCGkgUY/qw0/fv8mhDb7oqoQYSTaZlUkbNCNeUFaxmDPbdeOGvv9xwQX2uh2knLeR8Dn2yteeD/uSf9qoEZkLAplNfQiUHh6CqSk/4Qu/pY23cyz9e9YVXwFCzAWK9pYvhcAAAAASUVORK5CYII=);
}
.emojiBox[data-v-be8856b4] {
  position: relative;
}
.emojiBox .emojiBtn[data-v-be8856b4] {
  width: 24px;
  height: 24px;
  background-image: var(--emjoy);
  background-size: 100%;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
}
.emojiBox .emojiBtn[data-v-be8856b4]:hover {
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAU1QTFRFAAAAAL+/AL+/AL+/EL+/AL+/AL+vDb+/Db+zAL+zC7+1AL+1Cb+2CL+3B7+4Br+5Br+zBr+5Br+0Bb+1Bb+1Bb+2BL+3BL+3BL+4B7+4B7+1BL+4BL+1B7+1Br+2A7+5BsK2Br+2Br+3Br+3BcK3Bb+3BcK4Bb+4BcK1BcK2Bb+2BcK2Bb+2BMG2B7+2BsG3BMG3BL+3BsG3Br+3BMG3Br+3BL+3BsG4BsG2BMG4BcG2Bb+2BcK4BcG2BcK4BcG3BcG3BcG3BcG1BcK3BcG3BcG2BcK3BcK3BcG2BMK3BsK4BsG3BMG3BMK4BsK4BMK4BsG2BMG3BMG2BcK4BcK3BMK4BcG2BcK4BcK3BcG2BcG3BcG3BcG4BsG4BcG4BcG2BcG3BsG3BcG3BsG3BcG3BsG3BMG3BsG3BcG3BMG3BcG4BcG3BcG3BcG3BcG3E61dSAAAAG50Uk5TAAQIDBAQEBQUFBgYHCAkKCgsLDA0ODxAREhISEhMUFBUVFhcYGBkZGhsbHBwdHR4eHh8fICAgISEhIyMj5CTlJicnJ+goKOnqKuvsLCzt7e4uLi7u7u8v7/Ax8vP09PT19vb39/j4+fr6+/z9/utU4cgAAAB0ElEQVR42s3V6VPTQBzG8V+i9WyoFQpeVLGttIAHHqj1aEFUPPHAg4hnL2w23///pdMmTleaZPOK8fOmz87sk91tZjay7w5ML669+7qrgH7L3bh5wZEEJ666Pnt1Hp2xJYpV/kKM/v1cxPQ2AP731aVz+cODZx6cmK7U3/QZepKVf+RcAH+jdGTsSYXbbQBVFc15BfSWMxLt7AuAV6OjXPJBrdgSr7ADfPo7Y0bBr5wksuvAszC3wc2IyTJQGqYa9LJi1oSfw7ANS5JCpg/5QejDcUnjZbgnwJI0GlAb/HaDlcw+wly4UkNSyBPu/TT4M2Jkf4bnQXwPvYJx/iaoySBne+AdNb8FrkhoygPH/J/eG41aqQrFyIL1UHUrWjQWqoA/oUVTYQ2gpEVTYR7wT2rReIa693tej4bCmP+k0CRwMW2hQsBJW7DbADxNfwbH9VGrdnzhB+Qk2VuYHY224ZSh8A0m9fuAuiTKgtK2OAstS5Jchy1taHXgcuICHsyJZgFUws1hf4AdWzSWC17suQ9tjt9ETg/8xrHor2UHuCF75NqA2rpbLZdri5prjzsAtyLO9ZpYu0WJUnSJ1F3JSAyndKe5vt54oKkvTFmyr/4AE2HN6Sv1UU4AAAAASUVORK5CYII=) !important;
}
.emojiBox .emojiListContent[data-v-be8856b4] {
  position: absolute;
  background: var(--bg_white);
  height: 240px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  bottom: 120px;
  left: 0;
  min-width: 350px;
  overflow: hidden;
  -webkit-box-shadow: 0 -1px 10px rgba(69, 71, 77, 0.05);
          box-shadow: 0 -1px 10px rgba(69, 71, 77, 0.05);
  scrollbar-width: none;
  /* 设置滚动条宽度 */
  scrollbar-color: transparent var(--gray_90);
  /* 滚动条背景色和滑块颜色 */
  /* 自定义整个滚动条 */
}
.emojiBox .emojiListContent .scrollbar[data-v-be8856b4] {
  width: 5px;
  background-color: var(--gray_90);
  position: absolute;
  right: 2px;
  top: 0;
  cursor: pointer;
  z-index: 10;
  height: 150px;
  border-radius: 4px;
  pointer-events: none;
}
.emojiBox .emojiListContent .scroll-content[data-v-be8856b4] {
  padding: 0 15px;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  padding-top: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scrollbar-width: none;
  /* 设置滚动条宽度 */
  scrollbar-color: transparent var(--gray_90);
  /* 滚动条背景色和滑块颜色 */
}
.emojiBox .emojiListContent .scroll-content[data-v-be8856b4]::-webkit-scrollbar {
  display: none;
}
.emojiBox .emojiListContent[data-v-be8856b4]::-webkit-scrollbar {
  display: none;
}
.emojiBox .emojiListContent .emojiTit[data-v-be8856b4] {
  color: var(--gray_50);
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 12px;
}
.emojiBox .emojiListContent .emojiList[data-v-be8856b4] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.emojiBox .emojiListContent .emojiList .emojiItem[data-v-be8856b4] {
  height: 36px;
  width: 36px;
  margin-bottom: 16px;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
}
.emojiBox .emojiListContent .emojiList .emojiItem:hover .emojiItemName[data-v-be8856b4] {
  display: block;
}
.emojiBox .emojiListContent .emojiList .emojiItem .emojiItemName[data-v-be8856b4] {
  position: absolute;
  top: -32px;
  padding: 4px 8px;
  border-radius: 4px !important;
  background: #000 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  opacity: 0.8;
  pointer-events: none;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  word-break: keep-all;
  color: var(--on_surface);
  display: none;
}
.emojiBox .emojiListContent .emojiList .emojiItem[data-v-be8856b4]:nth-child(6n) {
  margin-right: 0;
}
.emojiBox .emojiListContent .emojiList .emojiItem img[data-v-be8856b4] {
  width: 100%;
  height: 100%;
}

.textareaTxt[data-v-d7928832] {
  padding: 10px 8px;
  height: 60px;
  width: 100%;
  border-radius: 10px;
  background: #f7f8fa;
  resize: none;
  color: #2b2e33;
  font-size: 14px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  outline: none;
  overflow-y: auto;
  word-break: break-all;
  caret-color: #05C1B7;
  cursor: text;
  /* 输入框获取焦点时移除 placeholder */
}
.textareaTxt[data-v-d7928832]::-webkit-scrollbar {
  /* 滚动条整体部分 */
  width: 2px;
  /* 对于垂直滚动条，宽度为10px */
  height: 2px;
  /* 对于水平滚动条，高度为10px */
}
.textareaTxt[data-v-d7928832]::-webkit-scrollbar-thumb {
  /* 滚动条里面的小方块 */
  background-color: #E1E3E5;
}
.textareaTxt[data-v-d7928832]::-webkit-scrollbar-track {
  /* 滚动条的轨道 */
  background-color: transparent;
}
.textareaTxt[data-v-d7928832]:empty:before {
  content: attr(placeholder);
  color: var(--gray_80);
}
.textareaTxt[data-v-d7928832]:focus:before {
  line-height: 18px;
}