.page--product-detail {
  background-color: #0d0f0f;
  min-height: 100vh;
  height: auto ;
  /* 主内容区左右内边（与基准页绿条/规格表一致） */
  --pd-band-inset: 30px;
}

.page--product-detail .group_2,
.page--product-detail .block_2,
.page--product-detail .section_2,
.page--product-detail .box_2 {
  width: 100%;
  margin: 0 auto;
  height: auto ;
  padding-top: 16px;
}

.page--product-detail .group_3.flex-col,
.page--product-detail .group_4.flex-col,
.page--product-detail .block_3.flex-col,
.page--product-detail .box_3.flex-col,
.page--product-detail .section_3.flex-col,
.page--product-detail .section_4.flex-col {
  width: min(100%, 1340px);
  margin-left: auto ;
  margin-right: auto ;
  height: auto ;
  min-height: 0;
  padding: 0 24px 56px;
  box-sizing: border-box;
}

/* 主内容卡：与子型号 Tab 条衔接（全产品详情页共用） */
.page--product-detail .group_3.flex-col {
  background-color: rgba(26, 29, 29, 0.98);
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-top: none;
  padding-top: 30px;
}

/* 顶部分类 Tab（HTML: .es-pd-cat-tab，替代 text_8~12） */
.page--product-detail .text-wrapper_2 {
  flex-wrap: wrap ;
  gap: 12px 110px ;
  justify-content: center ;
  width: min(100%, 1340px) ;
  margin-left: auto ;
  margin-right: auto ;
  height: auto ;
  padding: 28px 16px 28px;
  box-sizing: border-box;
}

.page--product-detail .es-pd-cat-tab {
  font-family: InterLocal, system-ui, sans-serif ;
  font-weight: 700 ;
  font-size: clamp(18px, 2.2vw, 30px) ;
  line-height: 1.25 ;
  height: auto ;
  margin: 0 ;
  color: rgba(255, 255, 255, 1) ;
  white-space: nowrap ;
  cursor: pointer;
}

.page--product-detail a.es-pd-cat-tab,
.page--product-detail a.es-pd-subtab {
  text-decoration: none ;
}

.page--product-detail a.es-pd-cat-tab:link,
.page--product-detail a.es-pd-cat-tab:visited,
.page--product-detail a.es-pd-subtab:link,
.page--product-detail a.es-pd-subtab:visited {
  color: rgba(255, 255, 255, 1) ;
}

/* 子型号 Tab 行：2 个与 3 个产品时间距一致（列间距由 column-gap 统一，不用左右 margin 叠出不同视觉） */
.page--product-detail .flex-row.justify-between:has(> .text-wrapper_3.flex-col),
.page--product-detail .section_1.flex-row.justify-between {
  margin-left: auto ;
  margin-right: auto ;
  flex-wrap: wrap;
  justify-content: center ;
  align-items: flex-start;
  column-gap: 68px;
  row-gap: 20px;
  box-sizing: border-box;
}
/* 仅两枚子型号 Tab 时拉开间距（与手改 168px 一致，限定在产品详情页避免全局 .double 污染） */
.page--product-detail .section_1.flex-row.justify-between.double {
  column-gap: 168px;
}

.page--product-detail .group_2.flex-col > .section_1 [class^="text-wrapper_"].flex-col,
.page--product-detail .group_2.flex-col > .block_1 [class^="text-wrapper_"].flex-col {
  justify-content: flex-start;
}

.page--product-detail .group_2.flex-col > .section_1 .es-pd-subtab,
.page--product-detail .group_2.flex-col > .block_1 .es-pd-subtab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  /* 原先 26px / 21px 上下不对称，会看起来像文字贴底、上缘空多 */
  padding: 22px 42px;
  border-radius: 12px 12px 0 0 !important;
  background: rgba(22, 24, 24, 0.92) !important;
  border: 1px solid rgba(255, 255, 255, 0.05) !important;
  border-bottom: none !important;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 1);
  width: 340px;
  font-size: 20px;
  line-height: 1.3;
  text-align: center;
  box-sizing: border-box;
  min-height: 97px;
}

.page--product-detail .group_2.flex-col > .section_1 a.es-pd-subtab--active,
.page--product-detail .group_2.flex-col > .section_1 a.es-pd-subtab--active:link,
.page--product-detail .group_2.flex-col > .section_1 a.es-pd-subtab--active:visited,
.page--product-detail .group_2.flex-col > .block_1 a.es-pd-subtab--active,
.page--product-detail .group_2.flex-col > .block_1 a.es-pd-subtab--active:link,
.page--product-detail .group_2.flex-col > .block_1 a.es-pd-subtab--active:visited {
  background: rgba(26, 29, 29, 0.98) !important;
  color: rgba(117, 255, 158, 1) !important;
}

.page--product-detail .es-pd-cat-tab--active,
.page--product-detail .text-wrapper_3 .es-pd-subtab--active,
.page--product-detail .text-wrapper_4 .es-pd-subtab--active,
.page--product-detail .text-wrapper_5 .es-pd-subtab--active,
.page--product-detail a.es-pd-cat-tab--active:link,
.page--product-detail a.es-pd-cat-tab--active:visited,
.page--product-detail .text-wrapper_3 a.es-pd-subtab--active:link,
.page--product-detail .text-wrapper_3 a.es-pd-subtab--active:visited,
.page--product-detail .text-wrapper_4 a.es-pd-subtab--active:link,
.page--product-detail .text-wrapper_4 a.es-pd-subtab--active:visited,
.page--product-detail .text-wrapper_5 a.es-pd-subtab--active:link,
.page--product-detail .text-wrapper_5 a.es-pd-subtab--active:visited {
  color: rgba(117, 255, 158, 1) ;
}

/* 型号行 + 下载（语义：es-pd-hero-* / es-pd-datasheet-*） */
.page--product-detail .es-pd-hero-actions {
  margin: 0 var(--pd-band-inset, 30px);
  align-items: center;
}

.page--product-detail .es-pd-hero-model-line {
  line-height: 1.4 ;
  margin-top: 0 ;
  font-family: InterLocal, system-ui, sans-serif ;
  font-weight: 600 ;
  font-size: clamp(16px, 1.6vw, 20px) ;
  color: rgba(255, 255, 255, 1) ;
  letter-spacing: 0.04em;
  text-shadow:
    0 0 32px rgba(117, 255, 158, 0.18),
    0 2px 12px rgba(0, 0, 0, 0.35);
}

.page--product-detail .es-pd-datasheet-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: rgba(117, 255, 158, 1);
  border-radius: 30px;
  min-height: 58px;
  padding: 0 8px;
  box-sizing: border-box;
}

.page--product-detail a.es-pd-datasheet-wrap {
  text-decoration: none;
  color: inherit;
}

.page--product-detail .es-pd-datasheet-label {
  margin: 18px 32px ;
  font-family: InterLocal, system-ui, sans-serif ;
  font-weight: 700 ;
  font-size: 18px ;
  color: #0d0f0f ;
  cursor: pointer;
}

/* 主图 + 缩略图（语义：es-pd-hero-gallery） */
.page--product-detail .es-pd-hero-gallery {
  width: 100% ;
  max-width: 1120px;
  margin-left: auto ;
  margin-right: auto ;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: auto ;
  min-height: 500px;
}

.page--product-detail .es-pd-hero-gallery__main {
  flex: 1 1 auto;
  max-width: min(100%, 900px);
  width: auto ;
  height: auto ;
  max-height: 520px;
  object-fit: contain;
}

.page--product-detail .es-pd-hero-gallery__thumb {
  flex-shrink: 0;
  margin: 0 ;
  object-fit: contain;
  cursor: pointer;
  opacity: 0.85;
  transition: opacity 0.2s ease;
}

.page--product-detail .es-pd-hero-gallery__thumb:hover {
  opacity: 1;
}

/* 主图轮播 .es-pd-hero-gallery--carousel（与 product-detail.css 同步） */
.page--product-detail .es-pd-hero-gallery--carousel {
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  max-width: 1120px;
  margin: 50px auto;
}

.page--product-detail .es-pd-hero-carousel__main-wrap {
  position: relative;
  flex: 1 1 auto;
  max-width: min(100%, 900px);
  min-width: 0;
  isolation: isolate;
  align-self: stretch;
}

.page--product-detail
  .es-pd-hero-carousel__main-wrap
  .es-pd-hero-carousel__main {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.98);
  max-height: 520px;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 0;
  transition:
    opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0.45s;
}

.page--product-detail
  .es-pd-hero-carousel__main-wrap
  .es-pd-hero-carousel__main--active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  z-index: 1;
  transform: translate(-50%, -50%) scale(1);
  transition:
    opacity 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
    visibility 0s linear 0s;
}

@media (prefers-reduced-motion: reduce) {
  .page--product-detail
    .es-pd-hero-carousel__main-wrap
    .es-pd-hero-carousel__main,
  .page--product-detail
    .es-pd-hero-carousel__main-wrap
    .es-pd-hero-carousel__main--active {
    transition: none;
  }
}

.page--product-detail .es-pd-hero-carousel__nav {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  -webkit-tap-highlight-color: transparent;
  align-self: center;
}

.page--product-detail .es-pd-hero-carousel__nav:disabled {
  cursor: not-allowed;
}

.page--product-detail .es-pd-hero-carousel__nav-img-wrap {
  display: inline-block;
  position: relative;
}

.page--product-detail .es-pd-hero-carousel__nav-face {
  display: block;
  max-height: 140px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

.page--product-detail
  .es-pd-hero-carousel__nav--prev:disabled
  .es-pd-hero-carousel__nav-face--active {
  display: none !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--prev:disabled
  .es-pd-hero-carousel__nav-face--muted {
  display: block !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--prev:not(:disabled)
  .es-pd-hero-carousel__nav-face--active {
  display: block !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--prev:not(:disabled)
  .es-pd-hero-carousel__nav-face--muted {
  display: none !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--next:disabled
  .es-pd-hero-carousel__nav-face--active {
  display: none !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--next:disabled
  .es-pd-hero-carousel__nav-face--muted {
  display: block !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--next:not(:disabled)
  .es-pd-hero-carousel__nav-face--active {
  display: block !important;
}

.page--product-detail
  .es-pd-hero-carousel__nav--next:not(:disabled)
  .es-pd-hero-carousel__nav-face--muted {
  display: none !important;
}

/* Utility-scale ESS（LFP / Sodium-Ion）：主图下标题、双行指标、Typical applications（两页共用 DOM：block_2 / block_3 / text-group_8） */
.page--product-lfp-utility-scale-ess .group_3 > .text-group_1,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_1 {
  width: 100%;
  max-width: 1220px;
  margin: 28px var(--pd-band-inset, 30px) 0;
  gap: 14px;
  box-sizing: border-box;
}

.page--product-lfp-utility-scale-ess .group_3 > .text-group_1 .text_17,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_1 .text_17 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(22px, 2.5vw, 30px);
  line-height: 1.2;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  letter-spacing: 0.03em;
  text-shadow:
    0 2px 24px rgba(0, 0, 0, 0.45),
    0 0 42px rgba(117, 255, 158, 0.12);
}

.page--product-lfp-utility-scale-ess .group_3 > .text-group_1 .text_18,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_1 .text_18 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(16px, 1.4vw, 20px);
  line-height: 1.45;
  color: rgba(186, 203, 185, 0.95);
  margin: 0;
  padding-left: 14px;
  border-left: 3px solid rgba(117, 255, 158, 0.5);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.page--product-lfp-utility-scale-ess .group_3 > .block_2,
.page--product-lfp-utility-scale-ess .group_3 > .block_3,
.page--product-sodium-ion-utility-scale-ess .group_3 > .block_2,
.page--product-sodium-ion-utility-scale-ess .group_3 > .block_3 {
  width: 100%;
  max-width: 1230px;
  margin-left: var(--pd-band-inset, 30px);
  margin-right: var(--pd-band-inset, 30px);
  box-sizing: border-box;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px 28px;
  flex-wrap: wrap;
}

.page--product-lfp-utility-scale-ess .group_3 > .block_2,
.page--product-sodium-ion-utility-scale-ess .group_3 > .block_2 {
  margin-top: 36px;
  padding-top: 26px;
  border-top: 1px solid rgba(117, 255, 158, 0.65);
}

.page--product-lfp-utility-scale-ess .group_3 > .block_3,
.page--product-sodium-ion-utility-scale-ess .group_3 > .block_3 {
  margin-top: 50px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(117, 255, 158, 0.65);
}

.page--product-lfp-utility-scale-ess .group_3 .block_2 [class^="text-group_"],
.page--product-lfp-utility-scale-ess .group_3 .block_3 [class^="text-group_"],
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 [class^="text-group_"],
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 [class^="text-group_"] {
  flex: 1 1 140px;
  min-width: 0;
  max-width: 100%;
  transition:
    filter 0.28s ease,
    transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.page--product-lfp-utility-scale-ess .group_3 .block_2 [class^="text-group_"]:hover,
.page--product-lfp-utility-scale-ess .group_3 .block_3 [class^="text-group_"]:hover,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 [class^="text-group_"]:hover,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 [class^="text-group_"]:hover {
  filter: brightness(1.1);
}

@media (prefers-reduced-motion: no-preference) {
  .page--product-lfp-utility-scale-ess .group_3 .block_2 [class^="text-group_"]:hover,
  .page--product-lfp-utility-scale-ess .group_3 .block_3 [class^="text-group_"]:hover,
  .page--product-sodium-ion-utility-scale-ess .group_3 .block_2 [class^="text-group_"]:hover,
  .page--product-sodium-ion-utility-scale-ess .group_3 .block_3 [class^="text-group_"]:hover {
    transform: translateY(-3px);
  }
}

.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_19,
.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_21,
.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_23,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_25,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_27,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_29,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_19,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_21,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_23,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_25,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_27,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_29 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 700;
  font-size: 60px;
  line-height: 1.05;
  color: rgba(255, 255, 255, 1);
  margin: 0;
}

.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_20,
.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_22,
.page--product-lfp-utility-scale-ess .group_3 .block_2 .text_24,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_26,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_28,
.page--product-lfp-utility-scale-ess .group_3 .block_3 .text_30,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_20,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_22,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_2 .text_24,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_26,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_28,
.page--product-sodium-ion-utility-scale-ess .group_3 .block_3 .text_30 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(14px, 1.15vw, 18px);
  line-height: 1.35;
  color: rgba(186, 203, 185, 0.92);
  margin: 10px 0 0;
  text-align: left;
}

.page--product-lfp-utility-scale-ess .group_3 > .text-group_8,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_8 {
  width: 100%;
  max-width: 1120px;
  margin: 36px var(--pd-band-inset, 30px) 0;
  gap: 14px;
  box-sizing: border-box;
}

.page--product-lfp-utility-scale-ess .group_3 > .text-group_8 .text_31,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_8 .text_31 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.25;
  color: rgba(255, 255, 255, 1);
  margin: 0;
  letter-spacing: 0.04em;
  text-shadow:
    0 0 28px rgba(117, 255, 158, 0.14),
    0 2px 16px rgba(0, 0, 0, 0.35);
}

.page--product-lfp-utility-scale-ess .group_3 > .text-group_8 .text_32,
.page--product-sodium-ion-utility-scale-ess .group_3 > .text-group_8 .text_32 {
  display: block;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 500;
  font-size: clamp(15px, 1.3vw, 20px);
  line-height: 1.45;
  color: rgba(186, 203, 185, 0.95);
  margin: 0;
  max-width: 70ch;
  padding-left: 14px;
  border-left: 2px solid rgba(117, 255, 158, 0.35);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* 独立大图（无缩略图条） */
.page--product-detail .es-pd-content-image {
  display: block;
  width: 100%;
  max-width: 1120px;
  margin-left: auto;
  margin-right: auto;
  height: auto ;
  max-height: 520px;
  object-fit: contain;
}

/* 绿色「Model」条 — 与下方规格表两列比例、数值列居中对齐（tbody th 38% + td 居中） */
.page--product-detail .es-pd-model-strip {
  display: grid;
  grid-template-columns: 38% 1fr;
  align-items: center;
  margin: 0 var(--pd-band-inset, 30px);
  border-radius: 12px;
  padding: 12px 0;
  box-sizing: border-box;
  min-height: 58px;
  background-color: rgba(117, 255, 158, 1);
}

.page--product-detail .es-pd-model-strip__label,
.page--product-detail .es-pd-model-strip__value {
  line-height: 1.2;
  margin: 0;
  font-family: InterLocal, system-ui, sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #0d0f0f;
}

.page--product-detail .es-pd-model-strip__label {
  padding: 0 14px;
  text-align: left;
}

/* 多型号：基准页单值用直接子 .es-pd-model-strip__value；多值包在 .es-pd-model-strip__values 内 */
.page--product-detail .es-pd-model-strip__values {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px 16px;
  padding: 0 14px;
  box-sizing: border-box;
  min-width: 0;
}

.page--product-detail .es-pd-model-strip__values .es-pd-model-strip__value {
  padding: 0;
}

.page--product-detail .es-pd-model-strip > .es-pd-model-strip__value {
  padding: 0 14px;
  text-align: center;
}

/* 仍为 Figma 的横向说明+规格表头（无荧光绿条） */
.page--product-detail .text-wrapper_7.flex-row {
  width: min(100%, 1120px) ;
  margin-left: auto ;
  margin-right: auto ;
  flex-wrap: wrap;
  gap: 24px 32px;
  align-items: flex-start;
  box-sizing: border-box;
}

/* 规格：表格横向行（.es-product-spec-table） */
.page--product-detail .es-product-spec:has(.es-product-spec-table) {
  display: block ;
  flex-direction: column ;
  align-items: stretch ;
  gap: 0 ;
  padding: 0 0 12px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page--product-detail .es-product-spec-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-family: InterLocal, system-ui, sans-serif;
  font-size: clamp(15px, 1.35vw, 18px);
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.95);
}

.page--product-detail .es-product-spec-table thead {
  border-bottom: 1px solid rgba(117, 255, 158, 0.35);
}

.page--product-detail .es-product-spec-table thead th {
  padding: 12px 14px;
  text-align: center;
  font-weight: 700;
  color: rgba(255, 255, 255, 1);
  background: rgba(28, 32, 32, 0.98);
}

.page--product-detail .es-product-spec-table thead th:first-child {
  text-align: left;
  width: 34%;
}

.page--product-detail .es-product-spec-table tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.903);
}

.page--product-detail .es-product-spec-table tbody th,
.page--product-detail .es-product-spec-table tbody td {
  padding: 10px 14px;
  vertical-align: top;
}

.page--product-detail .es-product-spec-table tbody th[scope='row'] {
  width: 38%;
  font-weight: 600;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}

.page--product-detail .es-product-spec-table tbody td {
  text-align: center;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92);
}

.page--product-detail .es-product-spec-table:has(thead) {
  min-width: 800px;
}

.page--product-detail .es-product-spec-table:has(thead) tbody td {
  text-align: center;
}

.page--product-detail .es-product-spec-table:has(thead) tbody th[scope='row'] {
  width: 26%;
}

/* 规格两列 + 行间细线（旧 span） */
.page--product-detail .es-product-spec {
  display: flex ;
  flex-direction: row;
  justify-content: space-between;
  gap: 32px 48px;
  margin: 0 var(--pd-band-inset, 30px);
  height: auto ;
  padding: 4px 0 12px;
  box-sizing: border-box;
}

.page--product-detail .es-product-spec .paragraph_1,
.page--product-detail .es-product-spec .paragraph_2 {
  width: auto ;
  flex: 1 1 45%;
  min-width: 0;
  height: auto ;
  line-height: 36px ;
  font-size: 18px ;
  font-weight: 500 ;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 35px,
    rgba(255, 255, 255, 0.07) 35px,
    rgba(255, 255, 255, 0.07) 36px
  );
  padding: 0 4px 8px;
  box-sizing: border-box;
}

.page--product-detail .es-product-spec .paragraph_1 {
  text-align: left ;
  font-weight: 600 ;
}

.page--product-detail .es-product-spec .paragraph_2 {
  text-align: right ;
}

/* 规格区含「左列+右列+底部免责」三行结构时 */
.page--product-detail .es-product-spec.flex-row {
  flex-wrap: wrap;
  align-items: flex-start;
}

.page--product-detail .es-product-spec > .text_18,
.page--product-detail .es-product-spec > .text_19,
.page--product-detail .es-product-spec > .text_20 {
  flex: 1 1 100%;
  width: 100%;
  margin-top: 20px ;
  text-align: center ;
  line-height: 1.5 ;
  font-size: 14px ;
  font-weight: 500 ;
  background: none ;
}

/* 免责写在规格表容器外、紧随其后的 span（勿用全局 .text_20，Utility 指标行内也有 text_20） */
.page--product-detail .es-product-spec + span.text_18,
.page--product-detail .es-product-spec + span.text_19,
.page--product-detail .es-product-spec + span.text_20,
.page--product-detail .es-product-spec + span.text_21 {
  display: block;
  width: 100%;
  margin: 28px auto 0;
  padding: 0;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 500;
  color: rgba(186, 203, 185, 0.95);
}

/* 特性区：.es-pd-features--cols343 为三列分组 3:4:3，列间整条 5px 绿线 */
.page--product-detail .es-pd-features {
  width: min(100%, 1360px) ;
  margin: 48px auto 0 ;
  padding: 36px 20px 40px ;
  box-sizing: border-box ;
  list-style: none ;
  height: auto ;
  border-radius: 4px ;
}

.page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) {
  display: grid ;
  grid-template-rows: auto auto;
  grid-auto-flow: column ;
  grid-auto-columns: minmax(0, 1fr) ;
  row-gap: 36px ;
  column-gap: 0 ;
}

.page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) .es-pd-feature:nth-child(n + 3) {
  border-left: 5px solid rgba(117, 255, 158, 0.9) ;
}

.page--product-detail .es-pd-features--cols343 {
  display: flex ;
  flex-direction: row ;
  align-items: stretch ;
  justify-content: space-between ;
  gap: 0 ;
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature-col {
  display: flex ;
  flex-direction: column ;
  justify-content: center ;
  gap: 85px ;
  flex: 3 1 0 ;
  min-width: 0 ;
  min-height: 500px ;
  padding: 0 12px ;
  box-sizing: border-box ;
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature-col:nth-child(2) {
  flex: 4 1 0 ;
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature-col:nth-child(3) {
  flex: 3 1 0 ;
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature-col:nth-child(2),
.page--product-detail .es-pd-features--cols343 .es-pd-feature-col:nth-child(3) {
  border-left: 5px solid rgba(117, 255, 158, 0.9) ;
  padding-left: 20px ;
}

.page--product-detail .es-pd-features--cols22 {
  display: flex ;
  flex-direction: row ;
  align-items: stretch ;
  justify-content: space-between ;
  gap: 0 ;
}

.page--product-detail .es-pd-features--cols22 .es-pd-feature-col {
  display: flex ;
  flex-direction: column ;
  justify-content: center ;
  gap: 36px ;
  flex: 1 1 0 ;
  min-width: 0 ;
  min-height: 500px ;
  padding: 0 12px ;
  box-sizing: border-box ;
}

.page--product-detail .es-pd-features--cols22 .es-pd-feature-col:nth-child(2) {
  border-left: 5px solid rgba(117, 255, 158, 0.9) ;
  padding-left: 20px ;
}

.page--product-detail .es-pd-feature {
  position: relative ;
  margin: 0 ;
  padding: 0 8px ;
  border-left: none ;
  text-align: center ;
  box-sizing: border-box ;
  min-width: 0 ;
}

.page--product-detail .es-pd-feature__title {
  margin: 0 ;
  font-family: InterLocal, system-ui, sans-serif ;
  font-size: clamp(16px, 1.5vw, 20px) ;
  font-weight: 700 ;
  line-height: 1.35 ;
  letter-spacing: 0.02em ;
  color: rgba(255, 255, 255, 1) ;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

.page--product-detail .es-pd-feature__desc {
  margin-top: 10px ;
  text-align: center ;
  line-height: 1.5 ;
  font-size: clamp(14px, 1.2vw, 16px) ;
  font-weight: 500 ;
  color: rgba(176, 188, 184, 0.96) ;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature__title,
.page--product-detail .es-pd-features--cols22 .es-pd-feature__title {
  font-size: 26px ;
}

.page--product-detail .es-pd-features--cols343 .es-pd-feature__desc,
.page--product-detail .es-pd-features--cols22 .es-pd-feature__desc {
  font-size: 20px ;
}

@media (max-width: 1023px) {
  .page--product-detail .es-pd-features {
    padding: 28px 16px 32px ;
  }

  .page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) {
    grid-template-rows: none ;
    grid-auto-flow: row ;
    grid-template-columns: 1fr ;
    row-gap: 28px ;
  }

  .page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) .es-pd-feature {
    padding: 24px 0 0 ;
    border-top: 1px solid rgba(117, 255, 158, 0.28) ;
  }

  .page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) .es-pd-feature:first-child {
    border-top: none ;
    padding-top: 0 ;
  }

  .page--product-detail .es-pd-features:not(.es-pd-features--cols343):not(.es-pd-features--cols22) .es-pd-feature:nth-child(n + 3) {
    border-left: none ;
  }

  .page--product-detail .es-pd-features--cols343,
  .page--product-detail .es-pd-features--cols22 {
    flex-direction: column ;
    align-items: stretch ;
  }

  .page--product-detail .es-pd-features--cols343 .es-pd-feature-col,
  .page--product-detail .es-pd-features--cols22 .es-pd-feature-col {
    flex: 1 1 auto ;
    width: 100% ;
    min-height: fit-content ;
    justify-content: flex-start ;
    border-left: none ;
    padding: 24px 0 0 ;
    padding-left: 0 ;
    border-top: 1px solid rgba(117, 255, 158, 0.28) ;
  }

  .page--product-detail .es-pd-features--cols343 .es-pd-feature-col:first-child,
  .page--product-detail .es-pd-features--cols22 .es-pd-feature-col:first-child {
    border-top: none ;
    padding-top: 0 ;
  }

  .page--product-detail .es-pd-features--cols343 .es-pd-feature,
  .page--product-detail .es-pd-features--cols22 .es-pd-feature {
    padding: 16px 0 0 ;
    border-top: 1px solid rgba(255, 255, 255, 0.06) ;
  }

  .page--product-detail .es-pd-features--cols343 .es-pd-feature-col .es-pd-feature:first-child,
  .page--product-detail .es-pd-features--cols22 .es-pd-feature-col .es-pd-feature:first-child {
    border-top: none ;
    padding-top: 0 ;
  }
}

/* =============================================================================
   产品详情页：CSS3 入场动效与微交互（与 interactions.css 一致，尊重 prefers-reduced-motion）
   ============================================================================= */

@keyframes es-pd-fade-up {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes es-pd-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: no-preference) {
  /* 主内容卡入场 */
  .page--product-detail .group_3.flex-col {
    animation: es-pd-fade-up 0.58s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  /* 顶部分类 Tab 区 */
  .page--product-detail .group_2.flex-col > .text-wrapper_2 {
    animation: es-pd-fade-in 0.42s ease-out both;
  }

  .page--product-detail .group_2.flex-col > .section_1,
  .page--product-detail .group_2.flex-col > .block_1 {
    animation: es-pd-fade-up 0.48s cubic-bezier(0.22, 1, 0.36, 1) 0.06s both;
  }

  /* 分类 Tab：悬停不用位移，避免与下方区域错出 1px 缝 */
  .page--product-detail a.es-pd-cat-tab {
    transition:
      color 0.22s ease,
      text-shadow 0.25s ease;
  }

  .page--product-detail a.es-pd-cat-tab:hover {
    text-shadow: 0 0 22px rgba(117, 255, 158, 0.22);
  }

  .page--product-detail a.es-pd-cat-tab:not(.es-pd-cat-tab--active):hover {
    color: rgba(117, 255, 158, 0.92);
  }

  /* 子型号 Tab（产品标题条）：悬停同样不用 translateY，避免与 .group_3 主卡之间露缝 */
  .page--product-detail .group_2.flex-col > .section_1 .es-pd-subtab,
  .page--product-detail .group_2.flex-col > .block_1 .es-pd-subtab {
    transition:
      box-shadow 0.28s ease,
      border-color 0.22s ease,
      background-color 0.22s ease,
      color 0.2s ease;
  }

  .page--product-detail .group_2.flex-col > .section_1 a.es-pd-subtab:hover,
  .page--product-detail .group_2.flex-col > .block_1 a.es-pd-subtab:hover {
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.4);
    border-color: rgba(117, 255, 158, 0.22) !important;
  }

  /* Download Datasheet */
  .page--product-detail .es-pd-datasheet-wrap {
    transition:
      transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.28s ease,
      filter 0.2s ease;
  }

  .page--product-detail .es-pd-datasheet-wrap:hover {
    transform: scale(1.03);
    box-shadow: 0 10px 36px rgba(117, 255, 158, 0.24);
    filter: brightness(1.05);
  }

  .page--product-detail .es-pd-datasheet-wrap:active {
    transform: scale(0.98);
  }

  /* 主图轮播箭头 */
  .page--product-detail .es-pd-hero-carousel__nav:not(:disabled) {
    transition:
      transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
      opacity 0.2s ease;
  }

  .page--product-detail .es-pd-hero-carousel__nav:not(:disabled):hover {
    transform: scale(1.07);
    opacity: 0.95;
  }

  .page--product-detail .es-pd-hero-carousel__nav:not(:disabled):active {
    transform: scale(0.94);
  }

  /* 特性区分列错开入场 */
  .page--product-detail .es-pd-features .es-pd-feature-col {
    animation: es-pd-fade-up 0.52s cubic-bezier(0.22, 1, 0.36, 1) both;
  }

  .page--product-detail .es-pd-features .es-pd-feature-col:nth-child(1) {
    animation-delay: 0.08s;
  }

  .page--product-detail .es-pd-features .es-pd-feature-col:nth-child(2) {
    animation-delay: 0.18s;
  }

  .page--product-detail .es-pd-features .es-pd-feature-col:nth-child(3) {
    animation-delay: 0.28s;
  }

  .page--product-detail .es-pd-feature {
    transition: filter 0.22s ease;
  }

  .page--product-detail .es-pd-feature:hover {
    filter: brightness(1.06);
  }

  /* 规格表行悬停高亮 */
  .page--product-detail .es-product-spec-table tbody tr {
    transition: background-color 0.2s ease;
  }

  .page--product-detail .es-product-spec-table tbody tr:hover {
    background-color: rgba(117, 255, 158, 0.07);
  }
}

/* 键盘焦点可见轮廓（不参与动效媒体查询，保证可访问性） */
.page--product-detail a.es-pd-cat-tab:focus-visible,
.page--product-detail a.es-pd-subtab:focus-visible {
  outline: 2px solid rgba(117, 255, 158, 0.85);
  outline-offset: 4px;
}

.page--product-detail .es-pd-hero-carousel__nav:focus-visible {
  outline: 2px solid rgba(117, 255, 158, 0.85);
  outline-offset: 4px;
  border-radius: 8px;
}

.page--product-detail a.es-pd-datasheet-wrap:focus-visible {
  outline: 2px solid rgba(117, 255, 158, 0.85);
  outline-offset: 4px;
  border-radius: 30px;
}