/* 产品详情页底色：与静态 details.aspx 一致（避免透明透出深色） */
body.pro_dets,
body.pro_dets .main {
  background: #fff;
}

.product_tabs {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  top: 90rem;
  z-index: 998;
  padding: 0 75rem;
  transition:
    box-shadow 0.3s ease,
    background 0.3s ease,
    width 0.3s ease;
}

.product_tabs.is-sticky {
  position: fixed;
  z-index: 9;
  top: 90rem;
  left: 0;
  right: 0;
  width: 100%;
  padding: 0 75rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background: #fff;
}

.product_tabs::after {
  content: "";
  position: absolute;
  left: 75rem;
  right: 75rem;
  bottom: -1rem;
  width: calc(100% - 150rem);
  height: 1rem;
  background: #b4b4b4;
}

.tabs_nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: center;
  gap: 0;
}

.tabs_nav li {
  position: relative;
  padding: 0 50rem;
}

.tabs_nav li a {
  padding: 25rem 0 30rem;
  display: block;
  color: #9b9b9b;
  font-weight: bold;
  transition: all 0.3s ease;
}

.tabs_nav li.active a {
  color: #000 !important;
}

.tabs_nav li.active::after {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0;
  right: 0;
  height: 2rem;
  background: #000;
}

.product_section {
  padding: 50rem 0;
  scroll-margin-top: 100rem;
}

.section_title {
  color: #000;
  margin-bottom: 20rem;
  font-weight: bold;
}

.section_desc {
  color: #000000;
  line-height: 1.8;
  margin-bottom: 40rem;
}

.product_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30rem;
}

.product_card {
  background: #fff;
  border: 1rem solid #e0e6ea;
  overflow: hidden;
  transition: all 0.3s ease;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  text-decoration: none;
  color: inherit;
}

.product_img {
  width: 37%;
  max-width: 190rem;
  margin: 20rem;
  margin-right: 0;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.product_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.product_info {
  padding: 25rem 30rem;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.product_name {
  color: #000000;
  margin-bottom: 15rem;
  line-height: 1.4;
}

.product_desc {
  color: #000000;
  line-height: 1.8;
}
#control-components {
  margin-bottom: 40rem;
}

@media (max-width: 1024px) {
  .product_tabs {
    padding: 0;
    top: 50px;
  }
  .product_tabs.is-sticky {
    top: 50px;
    padding: 0 15px;
  }
  .product_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 25rem;
  }
  .tabs_nav li {
    padding: 0 20rem;
  }
  .product_section {
    padding: 35rem 0;
  }
}

@media (max-width: 767px) {
  .product_grid {
    grid-template-columns: 1fr;
    gap: 20rem;
  }

  .product_tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .product_tabs::-webkit-scrollbar {
    display: none;
  }

  .tabs_nav {
    flex-wrap: nowrap;
    min-width: min-content;
  }

  .tabs_nav li {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .product_card {
    flex-direction: column;
  }

  .product_img {
    width: 100%;
    margin: 0;
    max-width: 100%;
  }
}

/* ========== 筛选框样式（自定义下拉选择器） ========== */

.filter_section {
  max-width: 1148rem;
  padding: 40rem 0 0;
  width: 94%;
  margin: 0 auto;
  position: relative;
  z-index: 998;
  background: #fff;
  transition:
    box-shadow 0.3s ease,
    background 0.3s ease,
    width 0.3s ease,
    padding 0.3s ease;
}

.filter_section.is-sticky {
  position: fixed;
  top: 90rem;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100% !important;
  margin: 0;
  padding: 15rem 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background: #fff;
}

.filter_section.is-sticky .filter_container {
  max-width: 1148rem;
  width: 94%;
  margin: 0 auto;
  padding: 0;
}
.industry_cont .filter_section.is-sticky .filter_container {
  max-width: 1440rem;
}
.document_cont .filter_section.is-sticky .filter_container {
  max-width: 1440rem;
}

.filter_container {
  display: flex;
  gap: 20rem;
  flex-wrap: wrap;
}

.custom_select {
  flex: 1;
  min-width: 200rem;
  position: relative;
}

.select_header {
  background: #fff;
  border: 1rem solid #b2b2b2;
  padding: 15rem 20rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all 0.3s ease;
  user-select: none;
  position: relative;
  z-index: 10;
}

.custom_select.active .select_header {
  border-color: #000;
  box-shadow: 0 4rem 12rem rgba(26, 95, 168, 0.15);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.selected_text {
  color: #000;
}

.arrow_icon {
  color: #000;
  transition: transform 0.3s ease;
  font-weight: bold;
  transform: scale(1.2);
  display: inline-block;
  width: 24rem;
  height: 24rem;
  line-height: 24rem;
  text-align: center;
}

.custom_select.active .arrow_icon {
  transform: rotate(180deg) scale(1.2);
  background: #e1e7ef;
}
.custom_select.active .arrow_icon:before {
  transform: rotate(180deg);
}

.select_options {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1rem solid #000;
  border-top: none;
  border-bottom-left-radius: 4rem;
  border-bottom-right-radius: 4rem;
  list-style: none;
  margin: 0;
  padding: 10rem 0;
  max-height: 250rem;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10rem);
  transition: all 0.3s ease;
  z-index: 99999;
  box-shadow: 0 4rem 16rem rgba(0, 0, 0, 0.15);
  pointer-events: none;
}

.custom_select.active .select_options {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.select_options li {
  padding: 12rem 20rem;
  cursor: pointer;
  color: #666;
  transition: all 0.2s ease;
  position: relative;
  pointer-events: auto;
}

.select_options li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3rem;
  background: transparent;
  transition: background 0.2s ease;
}

.select_options li.active {
  background: #e8f2fc;
  color: #1a5fa8;
}

.select_options li.active::after {
  content: "✓";
  position: absolute;
  right: 20rem;
  color: #1a5fa8;
  font-weight: bold;
}

.filter_list {
  padding-bottom: 75rem;
}
.filter_list .section_title {
  margin-bottom: 35rem;
}

/* 筛选框响应式 */
@media (max-width: 1024px) {
  .filter_section.is-sticky {
    top: 50px;
  }
}
@media (max-width: 767px) {
  .filter_section {
    margin: 0;
    margin-bottom: 25rem;
  }

  .filter_container {
    flex-direction: column;
    gap: 15rem;
  }

  .custom_select {
    min-width: auto;
  }

  .select_header {
    padding: 12rem 15rem;
  }

  .select_options {
    max-height: 200rem;
  }

  .select_options li {
    padding: 10rem 15rem;
  }
}

/* ========== 产品详情页样式 ========== */

/* 智能导航栏 */
.breadcrumb_wrapper {
  position: sticky;
  top: 90rem;
  background: #fff;
  border-bottom: 1rem solid #e5e7eb;
  padding: 19rem 0;
  z-index: 8;
  transition:
    transform 0.3s ease,
    opacity 0.3s ease,
    visibility 0.3s ease;
}

.breadcrumb_container {
  max-width: 1600rem;
  margin: 0 auto;
  padding: 0 20rem;
}

.breadcrumb_content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10rem;
  color: #6b7280;
}

.breadcrumb_link {
  color: #374151;
  transition: color 0.3s ease;
}
.breadcrumb_link.nolink {
  cursor: default;
}

.breadcrumb_link:hover {
  color: #2563eb;
}

.breadcrumb_separator {
  color: #9ca3af;
}

.breadcrumb_current {
  color: #3b82f6;
  font-weight: 500;
}

.sticky_product_nav {
  position: relative;
  z-index: 9;
  background: #fff;
  border-bottom: 1rem solid #e5e7eb;
  transition: all 0.3s ease;
  transform: translateY(-100%);
  opacity: 0;
  visibility: hidden;
}

.sticky_product_nav.is-visible {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

.sticky_product_nav.is-fixed {
  position: fixed;
  top: 90rem;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 998;
}

.sticky_nav_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10rem;
  max-width: 1600rem;
  margin: 0 auto;
}

.sticky_nav_scroll {
  flex: 1;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  text-align: center;
}

.sticky_nav_scroll::-webkit-scrollbar,
.cert_slider::-webkit-scrollbar,
.app_slider::-webkit-scrollbar,
.perf_slider::-webkit-scrollbar,
.related_slider::-webkit-scrollbar {
  display: none;
}

.sticky_nav_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: inline-flex;
  gap: 0;
  white-space: nowrap;
  min-width: min-content;
}

.sticky_nav_item {
  flex-shrink: 0;
  position: relative;
}

.sticky_nav_link {
  display: block;
  padding: 18rem 25rem;
  color: #999;
  text-decoration: none;
  transition: all 0.3s ease;
  border-bottom: 2rem solid transparent;
  position: relative;
}

.sticky_nav_item.active .sticky_nav_link {
  color: #000;
  font-weight: bold;
  border-bottom-color: #000;
}

.sticky_nav_arrow {
  flex-shrink: 0;
  width: 32rem;
  height: 32rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b7280;
  transition: all 0.3s ease;
}

.product_detail_wrap {
  margin-top: 90rem;
}

/* 产品详情头部 */
.product_detail_header {
  display: flex;
  gap: 80rem;
  margin: 0rem 0 90rem;
}

.detail_gallery {
  width: 45%;
  max-width: 700rem;
  flex-shrink: 0;
}

.gallery_main {
  width: 100%;
  border: 1rem solid #e2e8ec;
  overflow: hidden;
  margin-bottom: 15rem;
  position: relative;
}

.gallery_main .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.gallery_main .swiper-slide img {
  max-width: 100%;
  max-height: 100%;
  /*object-fit: contain;*/
  display: block;
}

.gallery_main .swiper-slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.gallery_main .swiper-slide-active video {
  display: block;
}

.gallery_main .swiper-slide .video-poster {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery_main .swiper-slide .video_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  z-index: 10;
  font-size: 60rem;
  cursor: pointer;
}

.gallery_thumbs_wrapper {
  position: relative;
  padding: 0 40rem;
}

.gallery_thumbs {
  overflow: hidden;
  padding: 5rem 0;
}

.gallery_thumbs .swiper-wrapper {
  display: flex;
}

/* Swiper 初始化前 slide 默认 width:100%，再被收成 1/6。thumb 上的 transition:all 会把这次变宽播成先放大再缩小。 */
.gallery_thumbs .swiper-slide {
  width: calc((100% - 50px) / 6);
  flex-shrink: 0;
  height: auto;
}

.thumbs_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 28rem;
  height: 28rem;
  border-radius: 50%;
  background: #fff;
  border: 1rem solid #e5e7eb;
  color: #6b7280;
  cursor: pointer;
  z-index: 5;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: 0 2rem 6rem rgba(0, 0, 0, 0.08);
}

.thumbs_prev {
  left: 0;
}
.thumbs_next {
  right: 0;
}

.thumbs_prev.disabled,
.thumbs_next.disabled {
  opacity: 0.5;
  cursor: default;
}

.gallery_thumbs_wrapper.has-navigation .thumbs_arrow {
  display: flex;
}

.thumb_item {
  border: 1rem solid #bdbdbd;
  border-radius: 4rem;
  cursor: pointer;
  overflow: hidden;
  transition: border-color 0.3s ease;
  position: relative;
  width: 100%;
  height: auto;
}

.thumb_item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 0.3s ease;
}

.gallery_thumbs .swiper-slide.on::before {
  opacity: 0;
}

.thumb_item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.thumb_item .video_icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  z-index: 2;
  transition: all 0.3s ease;
}

.detail_info {
  flex: 1;
}

.detail_title {
  font-weight: bold;
  color: #000;
  margin: 15rem 0;
}

.detail_desc {
  color: #000;
  line-height: 1.8;
  margin-bottom: 60rem;
}

.tech_params {
  background: #fff;
  padding: 0;
  border-radius: 8rem;
}

.params_title {
  font-weight: bold;
  color: #000;
  margin-bottom: 25rem;
}

.params_table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1rem solid #b2b2b2;
  margin-bottom: 20rem;
}

.params_table tbody tr {
  border-bottom: 1rem solid #b2b2b2;
}

.params_table tbody tr:last-child {
  border-bottom: 1rem solid #b2b2b2;
}

.param_cell {
  padding: 20rem 15rem;
  line-height: 1.5;
  vertical-align: middle;
}

.label_cell {
  background-color: #eef2f4;
  color: #374151;
  font-weight: bold;
  width: 22%;
}

.value_cell {
  background-color: #fff;
  color: #1f2937;
  width: 28%;
}

.expand_params_btn {
  color: #000;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10rem;
}

.btn_text {
  transition: all 0.3s ease;
}

.btn_icon {
  transition: transform 0.3s ease;
  display: inline-block;
}

.expand_params_btn.expanded .btn_icon {
  transform: rotate(180deg);
}

.hidden-row {
  display: none;
}

.hidden-row.show {
  display: table-row;
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 通用区块样式 */
.section_block {
  margin-bottom: 90rem;
}

.section_heading {
  font-weight: bold;
  color: #000000;
  margin-bottom: 30rem;
  position: relative;
}

/* 特点与优势 */
.features_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30rem;
}

.feature_card {
  background: #fff;
  padding: 30rem 35rem 50rem;
  border: 1rem solid #e2e8ec;
  transition: all 0.3s ease;
}

.feature_title {
  font-weight: bold;
  color: #000000;
  margin-bottom: 12rem;
}

.feature_desc {
  color: #000000;
  line-height: 1.8;
}

/* 滑块容器通用样式 */
.cert_slider_wrapper,
.app_slider_wrapper,
.perf_slider_wrapper,
.related_slider_wrapper {
  position: relative;
}

.slider_prev {
  left: 0;
}
.slider_next {
  right: 0;
}

.cert_slider,
.app_slider,
.perf_slider,
.related_slider {
  overflow-x: auto;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cert_track,
.app_track,
.perf_track,
.related_track {
  display: flex;
  gap: 30rem;
  padding: 10rem 0;
}

.app_swiper_container,
.cert_swiper_container,
.perf_swiper_container,
.related_swiper_container,
.doc_swiper_container {
  position: relative;
}

.app_swiper_container .index_btn,
.cert_swiper_container .index_btn,
.perf_swiper_container .index_btn,
.related_swiper_container .index_btn,
.doc_swiper_container .index_btn {
  display: none;
}

.app_swiper_container.has-swiper-nav .index_btn,
.cert_swiper_container.has-swiper-nav .index_btn,
.perf_swiper_container.has-swiper-nav .index_btn,
.related_swiper_container.has-swiper-nav .index_btn,
.doc_swiper_container.has-swiper-nav .index_btn {
  display: block !important;
}

.app_swiper .swiper-slide,
.perf_swiper .swiper-slide {
  height: auto;
}

.cert_swiper .swiper-slide {
  height: auto;
  width: calc((100% - 48px) / 3);
}

.cert_swiper .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}

.perf_swiper .swiper-wrapper {
  align-items: stretch;
}

.perf_swiper .swiper-slide {
  display: flex;
}

.perf_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.perf_image {
  flex-shrink: 0;
}

.perf_title {
  flex-shrink: 0;
}

.perf_desc {
  flex: 1 1 auto;
  display: flex;
}

.app_swiper .swiper-wrapper {
  align-items: stretch;
}

.app_swiper .swiper-slide {
  display: flex;
}

.app_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.app_image {
  flex-shrink: 0;
}

.app_title {
  flex-shrink: 0;
}

.app_desc {
  flex: 1 1 auto;
  display: flex;
}

.related_swiper .swiper-wrapper {
  align-items: stretch;
}

.related_swiper .swiper-slide {
  display: flex;
  height: auto;
}

.doc_swiper .swiper-wrapper {
  align-items: stretch;
  flex-direction: row !important;
}

.doc_swiper .swiper-slide {
  display: flex;
}

.doc_item {
  display: flex !important;
  flex-direction: column;
  background: #fff;
  padding: 25rem 38rem;
  border: 1rem solid #e5e7eb;
  transition: all 0.3s ease;
  height: 100%;
  width: 100%;
}

.doc_swiper .swiper-slide {
  transition: all 0.3s ease;
}

.doc_swiper .swiper-slide:not(.swiper-slide-hidden) {
  visibility: visible !important;
  pointer-events: auto !important;
}

.doc_swiper .swiper-slide.swiper-slide-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

.app_swiper .swiper-button-disabled,
.cert_swiper .swiper-button-disabled,
.perf_swiper .swiper-button-disabled,
.related_swiper .swiper-button-disabled,
.doc_swiper .swiper-button-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* 认证Swiper容器 */
.cert_swiper {
  padding: 10rem;
}

.cert_grid_container {
  position: relative;
}

.cert_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 24rem;
  transition: all 0.4s ease;
}

.cert_card[data-page]:not([data-page="0"]) {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  pointer-events: none;
}

/* 认证卡片 */
.cert_swiper .swiper-slide .cert_card {
  background: #fff;
  padding: 20rem 30rem 30rem;
  border: 1rem solid #e3e8ec;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}

.cert_header {
  display: flex;
  align-items: center;
  gap: 15rem;
  margin-bottom: 16rem;
}

.cert_dot_icon {
  width: 34rem;
  height: 34rem;
  object-fit: cover;
  border-radius: 6rem;
  flex-shrink: 0;
}

.cert_dot_icon[src=""] {
  display: none;
}

.cert_name {
  font-weight: bold;
  color: #000;
  line-height: 1.4;
}

.cert_desc {
  color: #000;
  line-height: 1.6;
}

/* 应用场景卡片 */
.app_card,
.perf_card {
  background: #eef2f5;
  transition: all 0.3s ease;
}

.app_image,
.perf_image {
  width: 100%;
  aspect-ratio: 511 / 288;
  background: #e5e7eb;
  overflow: hidden;
}

.app_image img,
.perf_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.app_title,
.perf_title {
  font-weight: bold;
  color: #000;
  padding: 20rem 30rem;
}

.app_desc,
.perf_desc {
  color: #000;
  line-height: 1.6;
  padding: 0 30rem 40rem;
}

/* 文档下载区域 */
.doc_tabs {
  display: flex;
  gap: 12rem;
  margin-bottom: 40rem;
  flex-wrap: wrap;
}

.doc_tab {
  padding: 8rem 30rem;
  background: #fff;
  border: 1rem solid #b2b2b2;
  border-radius: 25rem;
  color: #000;
  cursor: pointer;
  transition: all 0.3s ease;
}

.doc_tab.active {
  background: #23227f;
  color: #fff;
  font-weight: bold;
  border-color: #23227f;
}

.doc_list {
  display: flex;
  flex-direction: column;
}

.doc_icon {
  width: 50rem;
  height: 50rem;
  border: 1rem solid #b2b2b2;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20rem;
  flex-shrink: 0;
  color: #000;
}

.doc_info {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 20rem;
}

.doc_type {
  display: inline-block;
  color: #2694f5;
  font-weight: bold;
  margin-bottom: 10rem;
}

.doc_name {
  color: #1f2937;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 10rem;
  word-wrap: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  height: 3em;
  -webkit-box-orient: vertical;
}

.doc_lang {
  color: #000;
  line-height: 1.4;
}

.doc_meta {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20rem;
  border-top: 1rem solid #b2b2b2;
  gap: 15rem;
  flex-shrink: 0;
}

.doc_date,
.doc_size {
  color: #000;
}

.download_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* 相关产品：与静态稿 details 一致，灰底画布 + 标题叠在图底部 */
.related_product_card {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  position: relative;
  transition: all 0.3s ease;
  padding-bottom: 60rem;
}

.related_img {
  flex-shrink: 0;
  width: 100%;
  aspect-ratio: 511 / 383;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #d5dce2;
}

.related_img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.related_name {
  flex-shrink: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 25rem 20rem;
  font-weight: bold;
  color: #1f2937;
}

/* 响应式设计 */
@media (max-width: 1024px) {
  .breadcrumb_wrapper {
    top: 50px;
  }
  .product_detail_header,
  .section_block {
    margin-bottom: 40rem;
  }
  .product_detail_wrap {
    margin-top: 0;
  }
  .cert_swiper,
  .doc_swiper {
    padding: 0 1rem;
  }

  .sticky_product_nav.is-fixed {
    top: 50px;
  }

  .sticky_nav_wrapper {
    max-width: 100%;
    padding: 0 15rem;
  }

  .sticky_nav_link {
    padding: 15rem 20rem;
  }

  .product_detail_header {
    flex-direction: column;
    gap: 30rem;
  }

  .detail_gallery {
    width: 100%;
    max-width: unset;
  }

  .features_grid {
    grid-template-columns: 1fr;
  }

  .params_table {
    border-color: #e5e7eb;
  }
  .params_table tbody tr {
    display: flex;
    flex-wrap: wrap;
    border-bottom: none;
  }

  .expand_params_btn {
    display: none;
  }

  .param_cell {
    width: 50%;
    border-right: none;
    border-bottom: 1rem solid #e5e7eb;
  }

  .param_cell:nth-child(odd) {
    border-right: 1rem solid #e5e7eb;
  }

  .label_cell,
  .value_cell {
    width: 50%;
  }

  .cert_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16rem;
  }

  .cert_grid_wrapper {
    padding: 0 40rem;
  }

  .app_card,
  .perf_card {
    min-width: 300rem;
  }
}

@media (max-width: 767px) {
  .sticky_nav_wrapper {
    padding: 0 15rem;
    gap: 8rem;
  }

  .sticky_nav_link {
    padding: 12rem 15rem;
  }

  .product_detail_header {
    padding: 20rem 0 0;
  }

  .tech_params {
    padding: 0;
  }

  .thumb_item {
    width: 120rem;
    height: 90rem;
  }
  .thumbs_arrow {
    width: 30px;
    height: 30px;
  }
  .params_title {
    margin-bottom: 12rem;
  }

  /* 认证Swiper移动端样式 */
  .cert_swiper .swiper-wrapper {
    flex-wrap: unset;
  }
  .cert_swiper .swiper-slide {
    width: 100%;
  }

  .cert_swiper .swiper-slide .cert_card {
    padding: 15rem 50rem 20rem;
  }

  .cert_swiper {
    padding: 5rem;
  }

  .params_table tbody tr {
    display: flex;
    flex-direction: column;
  }

  .param_cell {
    width: 100% !important;
    border-right: none !important;
    border-bottom: 1rem solid #e5e7eb !important;
    padding: 10rem 12rem !important;
  }

  .param_cell:last-child {
    border-bottom: none !important;
  }

  .cert_grid {
    grid-template-columns: 1fr;
    gap: 12rem;
  }

  .cert_grid_wrapper {
    padding: 0 25rem;
  }

  .cert_card {
    padding: 16rem;
  }

  .cert_dot_icon {
    width: 30px;
    height: 30px;
  }

  .cert_slider_wrapper,
  .app_slider_wrapper,
  .perf_slider_wrapper,
  .related_slider_wrapper {
    padding: 0 35rem;
  }

  .doc_item {
    flex-wrap: wrap;
    gap: 12rem;
  }

  .doc_meta {
    width: 100%;
    justify-content: space-between;
    padding-top: 12rem;
    border-top: 1rem solid #f3f4f6;
  }

  .related_product_card {
    min-width: 240rem;
  }
}

/* 登录提示弹出层样式 */
.login_modal_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  justify-content: center;
  align-items: center;
}

.login_modal_overlay.active {
  display: flex;
}

.login_modal_content {
  width: 512rem;
  background-color: #fff;
  padding: 45rem 30rem 65rem;
  box-shadow: 0 10rem 40rem rgba(0, 0, 0, 0.2);
  text-align: center;
}

.login_modal_title {
  color: #1f2937;
  margin-bottom: 20rem;
}

.login_modal_message {
  color: #6b7280;
  margin-bottom: 30rem;
  line-height: 1.5;
}

.login_modal_buttons {
  display: flex;
  justify-content: center;
  gap: 15rem;
}

.login_modal_btn {
  padding: 10rem 45rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 100rem;
}

.login_modal_cancel {
  background-color: #e5e8f1;
  color: #1e2380;
}

.login_modal_login {
  background-color: #1e2380;
  color: #fff;
}

@media (max-width: 767px) {
  .login_modal_content {
    width: 80%;
  }
}

@media (min-width: 1025px) {
  .sticky_nav_link:hover {
    color: #23227f;
  }
  .tabs_nav li a:hover {
    color: #000 !important;
  }
  .product_card:hover {
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, 0.1);
    text-decoration: none;
  }
  .select_header:hover {
    border-color: #1a5fa8;
    box-shadow: 0 2rem 8rem rgba(26, 95, 168, 0.1);
  }
  .select_options li:hover {
    background: #f8f9fa;
    color: #1a5fa8;
    padding-left: 25rem;
  }

  .select_options li:hover::before {
    background: #1a5fa8;
  }
  .thumbs_arrow:hover {
    background: #1a5fa8;
    color: #fff;
    border-color: #1a5fa8;
    box-shadow: 0 4rem 12rem rgba(26, 95, 168, 0.25);
  }
  .thumb_item:hover::before {
    display: none;
  }
  .thumb_item[data-type="video"]:hover .video_icon {
    color: rgba(26, 95, 168, 1);
  }
  .expand_params_btn:hover {
    color: #1a5fa8;
  }
  .feature_card:hover {
    box-shadow: 0 0 10rem 10rem rgba(0, 0, 0, 0.05);
    transform: translateY(-4rem);
  }

  .cert_card:hover {
    /*box-shadow: 0 0 6rem 6rem rgba(0, 0, 0, 0.05);*/
  }
  .doc_tab:hover {
    background: #23227f;
    color: #fff;
    border-color: #23227f;
  }
  .doc_item:hover {
    border-color: #23227f;
  }
  .download_btn:hover {
    color: #2694f5;
  }
  .login_modal_cancel:hover {
    background-color: #d1d5db;
  }
  .login_modal_login:hover {
    background-color: #2563eb;
  }
  .sticky_nav_arrow:hover {
    background: #23227f;
    color: #fff;
    border-color: #23227f;
  }
}

/* 新增 */
.prolist_body .filter_section {
  transition: none;
}
.prolist_body .filter_section.is-sticky {
  position: static;
  box-shadow: none;
  padding: 40rem 0 0;
}
.prolist_body .filter-placeholder {
  display: none;
}
@media (max-width: 767px) {
  .prolist_body .filter_section,
  .prolist_body .filter_section.is-sticky .filter_container {
    width: 100%;
  }
}

/*2026-10-13改行间距*/
.doc_name{line-height: 1.7em;height: 3.4em}
.section_desc,.product_desc,.feature_desc, .app_desc, .perf_desc,.detail_desc{line-height: 1.7em}