/* 基于 thumbnail.png 的头部样式：深色底、左 logo、中心导航、右侧操作按钮 */
:root {
  --primary-color: #0086e3;
  --second-color: #ff8001;
  --bg-page: rgba(13, 15, 20, 1);
  --bg-white: #fff;
  --bg-white-sec: #ededed;
  --text-color: white;
  --font-title-size: 46px;
  --font-desc-title-size: 24px;
  --font-label-size: 20px;
  --font-content-size: 16px;
  --font-small-size: 14px;
  --font-family: 'Montserrat';
  --font-style: normal;
  --font-title-weight: 800;
  --font-sub-title-weight: 600;
  --line-height: 1.5;
  --border-radius: 4px;
  --container-width: 1440px;
  --logo-size-lg: 24px;
  --logo-size-md: 16px;
  --logo-size-sm: 12px;

  --nav-height: 120px; /* 68px */
  --nav-bg: #0d0f14;

  --title-text-color: #000; /* 表单标题不显示问题*/
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  overscroll-behavior: contain;
  background-color: var(--bg-page);
}

/* WebKit 滚动条统一样式 */
.ks-goods-detail_tabs-container::-webkit-scrollbar,
.goods-filter::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display: none;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  display: block;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 4px;
  transition: background-color 0.3s;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(255, 255, 255, 0.4);
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

* {
  scroll-snap-type: none !important;
}

@media screen and (max-width: 1920px) {
  :root {
    --logo-size: var(--logo-size-lg);
  }
  .container {
    max-width: var(--container-width) !important;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --logo-size: var(--logo-size-md);
    --font-title-size: 34px;
    --font-desc-title-size: 18px;
    --font-label-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  :root {
    --logo-size: var(--logo-size-md);
    --font-title-size: 28px;
  }
}

@media screen and (max-width: 552px) {
  :root {
    --nav-height: 44px;
    --nav-bg: #fff;

    --primary-color: #0086e3;
    --second-color: #ff8001;
    --third-color: #366efd;
    --title-padding-y: 20px;
    --bg-page: rgba(45, 76, 134, 1);
    --bg-white: #fff;
    --bg-white-sec: #ededed;
    --text-color: white;
    --font-title-size: 24px;
    --font-label-size: 12px;
    --font-content-size: 14px;
    --font-small-size: 10px;
    --font-family: 'Source Han Sans CN';
    --font-style: normal;
    --font-title-weight: 700;
    --font-sub-title-weight: 600;
    --border-radius: 4px;
    --container-width: 1440px;
    --logo-size-lg: 24px;
    --logo-size-md: 16px;
    --logo-size-sm: 12px;

    --title-text-color: #000; /* 表单标题不显示问题*/

    --font-desc-title-size: 16px;
    --logo-size: var(--logo-size-md);
    --line-height: 1.2;
  }
}

#YIL1r .ne-text {
  color: #fff !important;
}