.left,
.fold-container,
.left-container,
.main-header,
.more-content,
.delete-btn button,
.main,
html,
body,
#app,
.h-full {
  background: var(--bg-black);
  /* color: var(--text-black); */
}
.container{
  border-color: transparent;
}
.add-chat span {
  color: #36ad6a;
  border: 1px dashed #36ad6a;
}
.chat-container,
.menu-item,
.fold-i,
.head-message,
.user-login span {
  color: var(--text-white);
}
.new-chat:hover,
.menu-item:hover,
.res-code {
  background: #333;
}
.new-chat-selected:hover {
  background-color: #f5f5f5 !important;
}
.content {
  background: #101014;
}
svg {
  color: #989898;
}
.bg-answer,
.vip-main-right {
  color: #adbac7;
  background: var(--bg-black);
}
.select-button span:hover {
  background: #3c3c3c;
}
.download {
  color: #969393;
}
textarea {
  color: #adbac7;
  background: #1d1d1d;
}
.vip-item {
  background: #121212;
}
.pay-for-vip {
  background: #0d0a02;
}
.pay-type-item span {
  color: var(--text-white);
}
.login-title {
  color: #d7d0d0;
}
.login-tips {
  color: #cbcbcb;
}
.login-bg {
  background: url(../img/vip-bg5.png);
}
.scrollbar::-webkit-scrollbar-track {
  background-color: #97999d;
}

.scrollbar::-webkit-scrollbar-thumb {
  background: #dbdbdb;
}

.scrollbar::-webkit-scrollbar {
  background: transparent;
}
.left-mask {
  background: rgb(0 0 0 / 80%);
}
.header-menu i {
  color: var(--text-white);
}

@media screen and (max-width: 640px) {
  .login-tips {
    color: #bababa;
  }
  .vip-info {
    color: #f2a12b;
  }
  .vip-title {
    margin: 22px 0;
  }
  .vip-content{
    background: url(../img/vip-bg5.png) center top no-repeat;
  }
  .vip-header,.vip-main-left{
    color: #dc952b;
  }
}