#header .logo-dark {
  display: block !important;
}
#header .logo-light {
  display: none !important;
}
#header.header-scrolled .logo-light {
  display: block !important;
}
#header .navbar a {
  color: #000000;
}
#header.header-scrolled .navbar a {
  color: #FFFFFF !important;
}
#header.header-scrolled .dropdown-box-content-about li > a {
  color: #0D0B33 !important;
}
#header .downloads-btn .language .icon-language .lang-show,
#header .downloads-btn .language .icon-language .bi,
#header .downloads-btn .language .icon-language .icon .icon-path {
  color: #000000;
  stroke: #000000;
}
#header.header-scrolled .downloads-btn .language .icon-language .lang-show,
#header.header-scrolled .downloads-btn .language .icon-language .bi,
#header.header-scrolled .downloads-btn .language .icon-language .icon .icon-path {
  color: #FFFFFF !important;
  stroke: #FFFFFF !important;
}

#main {
  --swiper-theme-color: #18d26e !important;
  --swiper-pagination-color: #18d26e !important;
  --swiper-pagination-bullet-inactive-color: #A09EBA !important;
  --swiper-pagination-bullet-inactive-opacity: 1 !important;
}
.always {
  margin-top: 108px;
}
.always .list-item .text-show .title {
  margin-bottom: 30px;
}
.always .list-item .text-show .title h3 {
  color: #000000;
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  text-align: left;
  letter-spacing: -2%;
}
.always .list-item .text-show .describe .describe-item {
  font-weight: 400;
  font-size: 18px;
  line-height: 140%;
  letter-spacing: -2%;
  color: #000000;
  margin-bottom: 20px;
}
.always .list-item .text-show .describe .describe-item:last-child {
  margin-bottom: 0;
}
.always .list-item .text-show .describe .describe-item .describe-item-point {
  margin: 0px 8px;
}

/* 通用图文左右布局 */
.always .list-item {
  gap: var(--section-gap, 40px);
}
/* 文字区：按内容自适应，空间不足时可收缩 */
.always .list-item .text-show {
  flex: 0 1 auto;
  min-width: 0;
}
/* 图片区：尽量撑开，受 max-width 上限约束 */
.always .list-item .image-show {
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: var(--image-max-width, 100%);
}
.always .list-item .image-show img {
  width: 100%;
  height: auto;
}

/* 各 section 仅声明图片上限与间距 */
#security {
  --image-max-width: 592px;
  --section-gap: 42px;
  margin-top: 108px;
}
#waterproof {
  --image-max-width: 780px;
  --section-gap: 76px;
}
#antiCollision {
  --image-max-width: 675px;
  --section-gap: 38px;
}
#corrosion {
  --image-max-width: 573px;
  --section-gap: 140px;
}
#fireproof {
  --image-max-width: 584px;
  --section-gap: 40px;
}
#reliableSimple {
  --section-gap: 32px;
}
#reliableSimple .reliableSimple-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
#reliableSimple .list-item {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
#reliableSimple .image-show {
  flex: none;
  width: 100%;
  max-width: none;
  min-width: 0;
  overflow: hidden;
}
#reliableSimple .image-show img {
  width: 100%;
  max-width: none;
  height: auto;
  display: block;
}
#reliableSimple .list-item:last-child .image-show {
  margin-left: -2px;
}
#reliableSimple .text-show {
  margin: 0 30px;
  text-align: center;
}
#reliableSimple .text-show .title h3 {
  text-align: center;
}
#reliableSimple .text-show .describe .describe-item {
  align-items: center;
  justify-content: center;
}
@media (min-width: 992px) {
  /* 按图片原始宽高比分配列宽，左右图同行等高、无缝并排 */
  #reliableSimple .reliableSimple-container {
    display: grid;
    grid-template-columns: minmax(0, 534fr) minmax(0, 665fr);
    gap: 0;
    row-gap: 24px;
  }
  #reliableSimple .list-item {
    /* display: contents; */
  }
  #reliableSimple .list-item:first-child .image-show {
    grid-column: 1;
    grid-row: 1;
  }
  #reliableSimple .list-item:first-child .text-show {
    grid-column: 1;
    grid-row: 2;
  }
  #reliableSimple .list-item:last-child .image-show {
    grid-column: 2;
    grid-row: 1;
  }
  #reliableSimple .list-item:last-child .text-show {
    grid-column: 2;
    grid-row: 2;
  }
}
#storeup {
  --image-max-width: 615px;
  --section-gap: 40px;
}
#intuitiveDesign {
  --image-max-width: 700px;
  --section-gap: 40px;
}
#specifications {
  --image-max-width: 657px;
  --section-gap: 40px;
}
#fireproof {
  --image-max-width: 584px;
  --section-gap: 32px;
}
#fireproof .fireproof-container .text-show{
  max-width: 585px;
  width: 100%;
}
#storeup {
  --image-max-width: 615px;
  --section-gap: 58px;
}
#intuitiveDesign{
  --image-max-width: 700px;
  --section-gap: 46px;
}
#intuitiveDesign .intuitiveDesign-container .text-show{
  max-width: 454px;
  width: 100%;
}
#specifications {
  --image-max-width: 657px;
  --section-gap: 94px;
}
@media (max-width: 991px) {
  .always {
    margin-top: 64px;
  }
  .always .list-item {
    padding: 0px 16px;
  }
  .always .list-item .text-show .title {
    margin-bottom: 16px;
  }
  .always .list-item .text-show .title h3 {
    font-size: 30px !important;
  }
  .always .list-item .text-show .describe .describe-item {
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }
  .always .list-item .text-show .describe .describe-item:last-child {
    margin-bottom: 0 !important;
  }
  .always .list-item .text-show .describe .describe-item .describe-item-point {
    margin: 0px 4px;
  }
  .always .list-item .text-show{
    width: 100%;
  }
  #header.header-scrolled .navbar a {
    color: #000000 !important;
  }
  #header.header-scrolled .downloads-btn .language .icon-language .lang-show,
  #header.header-scrolled .downloads-btn .language .icon-language .bi,
  #header.header-scrolled .downloads-btn .language .icon-language .icon .icon-path {
    color: #000000 !important;
    stroke: #ffffff !important;
  }
  /* 各 section 仅声明图片上限与间距 */
  #security {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 0px;
  }
  #waterproof {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #waterproof .list-item .text-show .title{
    margin-bottom: 20px !important;
  }
  #antiCollision {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #corrosion {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #fireproof {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #reliableSimple {
    --section-gap: 20px;
    margin-top: 80px;
  }
  #reliableSimple .list-item{
    margin-bottom: 80px;
  }
  #reliableSimple .list-item:last-child{
    margin-bottom: 0px;
  }
  #reliableSimple .text-show{
    margin: 0px;
    text-align: left;
  }
  #storeup {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #intuitiveDesign {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
  }
  #specifications {
    --image-max-width: 100%;
    --section-gap: 30px;
    margin-top: 80px;
    margin-bottom: 80px;
  }
  #fireproof .fireproof-container .text-show{
    max-width: 100%;
    width: 100%;
  }
  #intuitiveDesign .intuitiveDesign-container .text-show{
    max-width: 100%;
    width: 100%;
  }
  #reliableSimple .text-show .describe .describe-item {
    justify-content: flex-start;
  }
  #reliableSimple .text-show .title h3 {
    text-align: left;
  }
}


.one-wallet-footer {
  background: linear-gradient(
    109.75deg,
    rgba(117, 84, 252, 0) 35.1%,
    rgba(117, 84, 252, 0.2) 99.39%
  ),
  linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
  #4a21ef;
  background-position: center;
}
.one-wallet-footer-main {
  background: url("/assets/img/crypto-stripe1.svg") no-repeat,
    url("../img/one-wallet-footer-bg.svg") no-repeat,
    url("../img/crypto-stripe1.svg") no-repeat;
  background-position: top left, bottom, bottom right -26%;
  background-size: auto;
  animation: starFooter 5s ease-in infinite;
}
@media (min-width: 991px){
  @keyframes starFooter {
    0% {
      background: 
        url("../img/one-wallet-footer-bg.svg") no-repeat,
        url("/assets/img/crypto-stripe1.svg") no-repeat,
        url("../img/crypto-stripe1.svg") no-repeat;
      background-position: bottom, top left, bottom right -26%, center;
      background-size: auto;
    }
    50% {
      background: 
        url("../img/one-wallet-footer-bg2.svg") no-repeat,
        url("/assets/img/crypto-stripe1.svg") no-repeat,
        url("../img/crypto-stripe1.svg") no-repeat;
      background-position: bottom, top left, bottom right -26%, center;
      background-size: auto;
    }
    100% {
      background: 
        url("../img/one-wallet-footer-bg.svg") no-repeat,
        url("/assets/img/crypto-stripe1.svg") no-repeat,
        url("../img/crypto-stripe1.svg") no-repeat;
        background-position: bottom, top left,  bottom right -26%, center;
        background-size: auto;
    }
  } 
}
/* ----one-wallet---- */
#one-wallet .one-wallet {
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  padding: 48px 0px;
}
#one-wallet .one-wallet .sfp-logo .logo-box {
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
#one-wallet .one-wallet .title {
  margin-bottom: 48px;
}
#one-wallet .one-wallet .title h3 {
  color: #ffffff;
  font-weight: 1000;
  font-size: 80px;
  line-height: 1;
  text-align: center;
}
#one-wallet .one-wallet .download .set-off-btn {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  background: linear-gradient(
    183.08deg,
    rgba(191, 255, 228, 0.2) 43.82%,
    rgba(191, 255, 228, 0) 111.17%
  );
  border-radius: 100px;
  padding: 10px;
}
#one-wallet .one-wallet .download .downloads-btn {
  animation-duration: 4s;
  animation-iteration-count: infinite;
  color: #0d0b33;
  font-size: 18px;
  padding: 16px 24px;
  border-radius: 100px;
  background-color: #79efbd;
  line-height: 1.6;
  border: none;
}
@media (max-width: 991px) {
  .one-wallet-footer {
    background: 
      linear-gradient(
        109.75deg,
        rgba(117, 84, 252, 0) 35.1%,
        rgba(117, 84, 252, 0.2) 99.39%
      ),
      linear-gradient(162.15deg, rgba(13, 11, 51, 0) 1.61%, #0d0b33 71.13%),
      #4a21ef;
  }
  .one-wallet-footer-main {
    background: 
    url("/assets/img/crypto-stripe1.svg") no-repeat,
    url("../img/one-wallet-footer-bg-m.svg") no-repeat,
    url("../img/crypto-stripe1.svg") no-repeat;
    background-position: top left, bottom, bottom right 320%, center;
    background-size: auto;
  }
  #one-wallet .one-wallet {
    max-width: 100%;
    padding: 48px 16px;
  }
  #one-wallet .one-wallet .title h3 {
    font-size: 48px;
  }
  #one-wallet .one-wallet .download .downloads-btn {
    font-weight: 500;
  }
  #tokens .textBox{
    margin-left:0 !important;
  }
}