/* ===== PC端样式（1920px基准vw） ===== */
.warranty-container {
  padding-top: 1.5625vw;
  padding-bottom: 4.1667vw;
  margin-top: 4.375vw !important;
}

/* 语言选择区域 */
.warranty-container .language-right {
  text-align: right;
}

.warranty-container .language-right .label-title {
  font-size: 0.9375vw;
  color: #231815;
  padding-right: 0.4167vw;
  vertical-align: middle;
  font-family: "Montserrat-SemiBold";
}

/* 语言选择 - bootstrap-select 自定义下拉 */
.warranty-container .customer-select {
  display: inline-block;
  vertical-align: middle;
  min-width: 10.4167vw;
}

.warranty-container .customer-select .dropdown {
  width: 100% !important;
}

.warranty-container .bootstrap-select {
  position: relative;
}

.warranty-container .bootstrap-select .btn {
  height: 2.0833vw;
  background-color: #fff;
  border: 0.0521vw solid #DCDFE6;
  border-radius: 0.2083vw;
  font-size: 0.8333vw;
  color: #231815;
  outline: none !important;
  padding: 0 0.8333vw;
  line-height: 150%;
}

.warranty-container .bootstrap-select .btn:hover {
  background-color: #fafafa;
}

.warranty-container .bootstrap-select .dropdown-toggle:focus,
.warranty-container .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}

.warranty-container .btn-light:not(:disabled):not(.disabled).active,
.warranty-container .btn-light:not(:disabled):not(.disabled):active,
.warranty-container .show > .btn-light.dropdown-toggle {
  background-color: #fff !important;
  box-shadow: none !important;
}

.warranty-container .btn-light.focus,
.warranty-container .btn-light:focus {
  color: #231815;
  background-color: #fff !important;
  box-shadow: none !important;
}

.warranty-container .dropdown-toggle::after {
  content: "\e61e" !important;
  font-family: "iconfont";
  vertical-align: middle;
  font-weight: normal;
  border-top: 0;
  border-bottom: 0;
  font-size: 0.8333vw;
  color: #231815;
}

.warranty-container .bootstrap-select .dropdown-toggle .filter-option {
  font-size: 0.8333vw;
  height: auto;
}

.warranty-container .bootstrap-select .dropdown-menu {
  top: 100% !important;
  margin-top: 0.4167vw !important;
  transform: none !important;
  padding: 0;
  overscroll-behavior: contain;
}

.warranty-container .bootstrap-select .dropdown-menu .inner {
  overscroll-behavior: contain;
}

.warranty-container .bootstrap-select .dropdown-menu .show {
  margin: 0 !important;
}

.warranty-container .bootstrap-select .dropdown-menu li a {
  height: 1.7708vw;
  line-height: 1.7708vw;
  padding: 0 0.8333vw;
  font-size: 0.8333vw;
}

.warranty-container .bootstrap-select .dropdown-menu li a:hover {
  background-color: #fafafa !important;
  color: inherit !important;
}

.warranty-container .bootstrap-select .dropdown-menu li.selected a {
  color: #3A66FB !important;
  background-color: rgba(58, 102, 251, 0.06) !important;
  font-family: "Montserrat-SemiBold" !important;
}

.warranty-container .dropdown-menu.inner.show {
  padding-top: 0.4167vw;
}

/* 内容展示区域 */
.warranty-container .warranty-content {
  background: #fff;
  margin-top: 1.875vw;
  min-height: 20.8333vw;
  border-radius: 0.4167vw;
}

.warranty-container .warranty-content .content-box {
  position: relative;
  max-width: 54.1667vw;
  margin: 0 auto;
  padding: 2.0833vw 1.0417vw;
}

/* Loading 指示器 */
.warranty-container .warranty-content .content-box .loading-indicator {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  transform: none;
}

.warranty-container .warranty-content .content-box .loading-indicator .spinner {
  border: 0.2083vw solid rgba(0, 0, 0, 0.1);
  border-top: 0.2083vw solid #3A66FB;
  border-radius: 50%;
  width: 2.0833vw;
  height: 2.0833vw;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.warranty-container .warranty-content .content-box .title {
  font-size: 1.0417vw;
  padding-bottom: 0.8333vw;
  text-align: center;
  color: #333;
  line-height: 150%;
}

.warranty-container .warranty-content .content-box .desc {
  font-size: 0.8333vw;
  color: #333;
  line-height: 180%;
}

.warranty-container .warranty-content .content-box .desc p {
  margin-bottom: 0.625vw;
}

/* ===== 移动端样式（375px基准vw） ===== */
@media (max-width: 768px) {
  .warranty-container {
    padding: 8vw 4vw;
    margin-top: 12.8vw !important;
    overflow-x: hidden;
  }


  .warranty-container .language-right .label-title {
    font-size: 4.2667vw;
    padding-right: 2.1333vw;
  }

  /* 语言选择区域 - bootstrap-select 移动端 */
  .warranty-container .customer-select {
    min-width: 42.6667vw;
  }

  .warranty-container .bootstrap-select .btn {
    height: 10.6667vw;
    font-size: 3.7333vw;
    border-radius: 1.0667vw;
    border: 0.2667vw solid #DCDFE6;
    padding: 0 2.6667vw;
    line-height: 150%;
  }

  .warranty-container .dropdown-toggle::after {
    font-size: 3.7333vw;
  }

  .warranty-container .bootstrap-select .dropdown-toggle .filter-option {
    font-size: 3.7333vw;
  }

  .warranty-container .bootstrap-select .dropdown-menu {
    margin-top: 1.0667vw !important;
  }

  .warranty-container .bootstrap-select .dropdown-menu li a {
    line-height: 8vw;
    font-size: 3.7333vw;
    white-space: normal !important;
    height: 100%;
    padding: 0 2.6667vw;
  }

  .warranty-container .dropdown-menu.inner.show {
    padding-top: 1.0667vw;
  }

  /* 内容展示区域 */
  .warranty-container .warranty-content {
    margin-top: 8vw;
    min-height: 53.3333vw;
    border-radius: 2.1333vw;
  }

  .warranty-container .warranty-content .content-box {
    max-width: 100%;
    padding: 0;
  }

  .warranty-container .warranty-content .content-box .title {
    font-size: 5.3333vw;
    padding-bottom: 4vw;
  }

  .warranty-container .warranty-content .content-box .desc {
    font-size: 4vw;
    line-height: 150%;
    overflow-x: auto;
    word-break: break-word;
  }

  .warranty-container .warranty-content .content-box .desc img {
    max-width: 100%;
    height: auto;
  }

  .warranty-container .warranty-content .content-box .desc table {
    max-width: 100%;
    display: block;
    overflow-x: auto;
  }

  .warranty-container .warranty-content .content-box .desc p {
    margin-bottom: 2.6667vw;
  }

  /* Loading 指示器 */
  .warranty-container .warranty-content .content-box .loading-indicator .spinner {
    border: 1.0667vw solid rgba(0, 0, 0, 0.1);
    border-top: 1.0667vw solid #3A66FB;
    width: 10.6667vw;
    height: 10.6667vw;
  }
}