.container {
  max-width: 960px;
}

.mainNav {
  transition: background-color 0.3s ease;
}

.main-navbar.navbar-scrolled {
  background-color: rgba(var(--bs-dark-rgb), 0.75) !important;
}

.About_Colum {
  background: #fe6028;
}

#About {
  --cut: 240px;
}

#About .about-left-panel, #About .about-right-panel {
  position: relative;
  overflow: hidden;
  min-height: 520px;
}

@media (min-width: 992px) {
  #About .about-left-col, #About .about-right-col {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  #About .about-left-panel {
    width: calc(100% + var(--cut) / 2);
    clip-path: polygon( 0 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100% );
    z-index: 2;
  }
}

@media (min-width: 992px) {
  #About .about-right-panel {
    width: calc(100% + var(--cut) / 2);
    margin-left: calc(var(--cut) / -2);
    clip-path: polygon( var(--cut) 0, 100% 0, 100% 100%, 0 100% );
  }
}

@media (min-width: 992px) {
  #About .about-left-inner {
    padding: 32px 120px 32px 32px;
    height: 100%;
  }
}

@media (min-width: 992px) {
  #About .about-right-inner {
    padding: 32px 32px 32px 120px;
    height: 100%;
  }
}

@media (max-width: 991.98px) {
  #About .about-left-panel, #About .about-right-panel {
    clip-path: none;
    width: 100%;
    margin-left: 0;
  }
}

@media (max-width: 991.98px) {
  #About .about-left-inner, #About .about-right-inner {
    padding: 24px;
  }
}

.about-left-panel {
  background-blend-mode: multiply;
}

.about-right-panel {
  background-blend-mode: multiply;
  background: url("../../assets/img/store_page_background.webp") center / cover;
}

@media (max-width: 991.98px) {
  #About .about-left-panel {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

#About .about-left-panel {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #ff824d;
  background-blend-mode: multiply;
}

@media (min-width: 1400px) {
  .site-scale {
    zoom: calc(100vw / 1400px);
  }
}

.Svg_Icon {
  display: inline-block;
  -webkit-mask: url("../../assets/img/icons8-bilibili.svg") center / contain no-repeat;
  mask: url("../../assets/img/icons8-bilibili.svg") center / contain no-repeat;
}

.Xiaohongshu_Icon {
  display: inline-block;
  -webkit-mask: url("../../assets/img/Xiaohongshu_transparent_text.svg") center / contain no-repeat;
  mask: url("../../assets/img/Xiaohongshu_transparent_text.svg") center / contain no-repeat;
}

.Xiaoheihe_Icon {
  display: inline-block;
  -webkit-mask: url("../../assets/img/Xiaoheihe_app_icon_transparent_centered.svg") center / contain no-repeat;
  mask: url("../../assets/img/Xiaoheihe_app_icon_transparent_centered.svg") center / contain no-repeat;
}