body {
  margin: 0;
}

/* 右侧滚动滑块 */

::-webkit-scrollbar {
  width: 0.6rem;
  height: 0.6rem;
}

/* 滚动条轨道 */

::-webkit-scrollbar-track {
  background: #14171B;
}

/* 滚动条滑块 */

::-webkit-scrollbar-thumb {
  background: #FFA500;
  border-radius: 0.3rem;
  transition: background-color 0.2s ease;
}

/* 悬停时的滑块颜色 */

::-webkit-scrollbar-thumb:hover {
  background: #FFB326;
}

.nss-navbar-button {
  color: white;
  transition: color 0.1s ease-in-out;
}

.nss-navbar-button:hover {
  color: #ff9800;
}

nss-navbar-dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.nss-navbar-dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
}

.nss-navbar-dropdown:hover nss-navbar-dropdown-content {
  display: block;
}

.nss-navbar-dropdown-icon {
  transition: transform 0.15s;
}

.nss-navbar-dropdown:hover .nss-navbar-dropdown-icon {
  transform: rotate(180deg);
}

nav {
  position: fixed;
  top: 0;
  z-index: 100;
  transition: background-color 0.1s ease;
  justify-content: space-between;
  display: flex;
}

.nss-faq-text-0 {
  color: rgb(255,255,255);
}

.nss-faq-text-1 {
  color: #eea929;
}

.nss-faq-text {
  transition: color 0.1s ease-in-out;
}

.container1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.container4 {
  display: flex;
  /*justify-content: center;*/
  align-items: center;
}

.container3 {
  display: flex;
  justify-content: center;
}

.container2 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.position-absolute2 {
  position: absolute;
}

.nss-log-textarea {
  overflow-x: auto;
  white-space: nowrap;
  resize: none;
  border: none;
  outline: none;
  /*width: 31rem;*/
  /*min-width: 7rem;*/
  /*width: auto;*/
}

.nss-link-text:hover {
  transition: color 0.1s ease-in-out;
  color: #eea929;
}

.inactive {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transition: opacity 1s ease-in-out;
}

.active {
  opacity: 1;
  transition: opacity 1s ease-in-out;
}

.nss-eula-unexpand {
  /*height: 10rem;*/
  overflow: hidden;
  /*transition: height 0.3s;*/
}

nss-eula-expand {
  height: 100%;
  display: none;
  /*transition: height 0.3s;*/
}

.nss-fade-in {
  position: absolute;
  pointer-events: none;
  transition: opacity 0.3s;
}

#expandBtn {
  content: "展开内容";
}

.nss-elua-btn {
  cursor: pointer;
  display: inline-block;
}

#nss-eula {
  /*transition: height 0.3s ease;*/
  height: 10rem;
}

#nss-eula-icon {
  transform: rotate(0deg);
  transition: transform 0.15s;
}

.comment {
  position: absolute;
  opacity: 0;
  /*display: none;*/
  transition: opacity 0.25s ease;
}

.comment.active {
  opacity: 1;
  /*display: block;*/
}

#commentContainer {
  overflow: hidden;
  position: relative;
}

#cookies-window {
  display: inline-block;
  position: fixed;
  z-index: 999;
  bottom: 1rem;
  right: 1rem;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s linear 0.2s;
}

#cookies-window.cokkies-show {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.2s ease;
}

.hero_background {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
  filter: blur(1rem) brightness(45%);
  opacity: 0;
}

.hero_background_active {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
  transition: opacity 0.6s cubic-bezier(.88,.32,.83,.88), filter 0.7s cubic-bezier(.61,.28,.69,.85);
  filter: blur(0rem) brightness(100%);
  opacity: 1;
}

.section_hero {
  z-index: -2;
  min-height: 100svh;
  position: sticky;
  top: 0;
}

.hero_front {
  width: 100%;
  opacity: 0;
}

.hero_front_active {
  width: 100%;
  transition: all 0.4s ease-in;
  opacity: 1;
}

.hero_inner {
  opacity: 0;
}

.hero_inner_active {
  opacity: 1;
  transition: all 0.4s ease-in;
}

.hero_mask {
  position: absolute;
  pointer-events: none;
  /*-webkit-mask-size: 100% calc(50% - 1rem), 100% calc(50% - 1rem), calc(50% - 2rem) 100%, calc(50% - 2rem) 100%;*/
  background: rgba(0, 0, 0, 0.5),linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)) center/80% 60% no-repeat;
  background-blend-mode: difference;
}

.in-emailadress {
  width: 100%;
  height: 2.75rem;
  border-radius: 0.75rem;
  padding-top: 0.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  resize: none;
  overflow-x: auto;
  white-space: pre;
  font-size: 1rem;
  box-shadow: 0px 0px 19px rgba(0,0,0,0.34);
}

.in-emailadress::-webkit-scrollbar {
  display: none;
}

.in-language {
  font-size: 1rem;
  width: 100%;
  height: 2.75rem;
  border-radius: 0.75rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  cursor: pointer;
  box-shadow: 0px 0px 19px rgba(0,0,0,0.34);
}

.in-result-msg {
  font-size: 1rem;
  color: #DB4249;
  transition: 0.1s ease;
  opacity: 0;
}