/* ================================================================
   产品详情页（核电等）：[zz_pd] 页头 + 2 张 TablePress 表（产品列表 + 性能详情）
   对应方案图 产品详情页@2x.jpg。表用 TablePress 维护（含 #rowspan# 合并）。
   ================================================================ */
.pd__head {
  display: flex; gap: clamp(20px, 3vw, 50px); align-items: center;
  max-width: 1280px; margin: clamp(18px, 4vh, 44px) auto clamp(14px, 2.4vh, 26px);
  padding: 0 clamp(20px, 5vw, 60px);
}
.pd__hex { width: clamp(150px, 17vw, 230px); flex: 0 0 auto; }
.pd__hex video { width: 100%; height: auto; display: block;
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0 50%); }
.pd__title { min-width: 0; position: relative; }
.pd__title .triangle { display: block; width: 38px; aspect-ratio: 54/33;
  background: url('../../../images/half-green-logo.svg') no-repeat center/contain; margin-bottom: 12px; }
.pd__back { display: inline-block; margin-bottom: 10px; font-family: var(--font-cn);
  font-size: 13px; color: var(--green); letter-spacing: .04em; }
.pd__back:hover { color: var(--green-deep); }
.pd__title .cn { font-family: var(--font-display); font-size: clamp(26px, 2.4vw, 42px);
  color: var(--red); font-weight: 900; letter-spacing: .05em; line-height: 1.22; }
.pd__title .en { margin-top: 8px; font-family: var(--font-en); font-size: clamp(13px, 2vw, 23px);
  letter-spacing: .16em; color: var(--green); text-transform: uppercase; line-height: 1.4; }

/* 正文左缩进 40px：与主标题 .prod-title（padding-left:40px）的文字左边缘对齐，
   使段标题/表格的左侧 = 上方主标题文字的左侧 */
.pdetail__content { padding-left: 40px; }

/* 表标题（产品列表 / 产品性能）：中文红 + 优设标题黑；padding:0 与页头对齐 */
.pd-tabletitle {
  max-width: 1280px; margin: clamp(26px, 4vh, 44px) auto 14px; padding: 0;
  font-family: var(--font-display); font-size: clamp(18px, 1.6vw, 24px); color: var(--red); font-weight: 400; letter-spacing: .03em;
}
.pd-tabletitle small { margin-left: 10px; font-family: var(--font-en); font-size: 12px;
  letter-spacing: .16em; color: var(--green); font-weight: 500; text-transform: uppercase; }

/* ── 产品详情双表 — 极简版式（参照 产品详情页@2x.jpg）──
   正文里两张 TablePress 表分别套 .pdtable-wrap--list / --perf。
   无竖线、无单元格底色、仅细横线分隔；性能表型号列表头红、类别列绿；
   双语单元格第二行（英文/代号）由 products-detail.js 包成 .pden（小字灰）。 */
.pdtable-wrap { max-width: 1280px; margin: 0 auto clamp(24px, 4vh, 42px); padding: 0; }
.pdtable-wrap .tablepress {
  width: 100%; border-collapse: collapse; background: transparent; margin: 0;
  font-family: var(--font-cn); font-size: 14px; color: var(--ink);
}
.pdtable-wrap .tablepress th,
.pdtable-wrap .tablepress td {
  border: 0; border-bottom: 1px solid #e9efeb; padding: 15px 14px;
  background: transparent !important; vertical-align: middle; line-height: 1.4; text-align: center;
}
.pdtable-wrap .tablepress thead th {
  border-bottom: 2px solid #c9d6cd; font-weight: 700; font-size: 14px; letter-spacing: .01em;
  color: var(--green-deep); white-space: nowrap;
}
.pdtable-wrap .tablepress tbody tr:last-child td { border-bottom: 0; }
.pdtable-wrap--list .tablepress tbody tr:hover td { background: rgba(47, 131, 78, .04); }
/* 双语单元格第二行（英文 / 代号）— JS 包成 .pden；中文首行包成 .pdcn，翻译对单元格标 .pdpair */
.pdtable-wrap .pden {
  display: block; margin-top: 3px; font-family: var(--font-en);
  font-size: 11.5px; font-weight: 400; letter-spacing: .04em; color: #9fada4; text-transform: none;
}
.pdtable-wrap .pdcn { display: block; }
/* 中文页：列表表只显示中文（隐藏英文第二行）；性能表保留双语 */
.pdtable-wrap--list .pden { display: none; }
/* 英文页 html[lang^=en]：列表 + 性能 都只显示英文 —— 隐藏中文 .pdcn，列表显示英文 .pden，翻译对英文行提升为正文 */
html[lang^="en"] .pdtable-wrap .pdcn { display: none; }
html[lang^="en"] .pdtable-wrap--list .pden { display: block; }
html[lang^="en"] .pdtable-wrap td.pdpair .pden,
html[lang^="en"] .pdtable-wrap th.pdpair .pden {
  font-size: inherit; color: inherit; font-family: inherit; font-weight: inherit; letter-spacing: inherit; margin-top: 0;
}
/* 英文页段标题（产品列表 / 产品性能）：Barlow（正文里已写为纯英文，无中文重复） */
html[lang^="en"] .pd-tabletitle { font-family: var(--font-en); }

/* 列表表：编号/牌号居中加重；名称、特点及用途 左对齐 */
.pdtable-wrap--list .tablepress td:first-child { font-weight: 700; color: var(--ink); }
.pdtable-wrap--list .tablepress th:nth-child(2), .pdtable-wrap--list .tablepress td:nth-child(2),
.pdtable-wrap--list .tablepress th:nth-child(4), .pdtable-wrap--list .tablepress td:nth-child(4) { text-align: left; }

/* 性能表：型号列表头红，类别列(前2 + 末列)绿；首列左对齐 */
.pdtable-wrap--perf .tablepress thead th { color: var(--red); }
.pdtable-wrap--perf .tablepress thead th:nth-child(1),
.pdtable-wrap--perf .tablepress thead th:nth-child(2),
.pdtable-wrap--perf .tablepress thead th:last-child { color: var(--green-deep); }
.pdtable-wrap--perf .tablepress thead th .pden { color: #5c6b62; font-weight: 500; }
.pdtable-wrap--perf .tablepress thead th:first-child { text-align: left; }
.pdtable-wrap--perf .tablepress tbody td:first-child { text-align: left; font-weight: 600; color: var(--ink); }
.pdtable-wrap--perf .tablepress tbody td:last-child { color: var(--ink-soft); font-size: 12.5px; }

/* ── 产品列表 ⇄ 产品性能 联动高亮（浅黄）：点击=持久(.prow-active/.pcol-active)，悬浮=临时(.prow-hover/.pcol-hover)，同色 ──
   由 products-detail.js buildPdLink 绑定；任一侧点击/悬浮都会联动高亮对应「行 + 型号列」 */
.pd-link { cursor: pointer; }
.pdtable-wrap--list .tablepress tbody tr.prow-active td,
.pdtable-wrap--list .tablepress tbody tr.prow-hover td { background: #FFF4C9 !important; }
/* 性能表整列高亮（表头 + 数据格）；用 tr td 提高权重以压过行 hover */
.pdtable-wrap--perf .tablepress thead th.pcol-active,
.pdtable-wrap--perf .tablepress thead th.pcol-hover { background: #FFF4C9 !important; box-shadow: inset 0 -2px 0 #efd87e; }
.pdtable-wrap--perf .tablepress tbody tr td.pcol-active,
.pdtable-wrap--perf .tablepress tbody tr td.pcol-hover { background: #FFF4C9 !important; }

@media (max-width: 900px) {
  /* 窄屏：容器横向滚动；表保持 table 布局并按 min-width 撑宽（不再 display:block
     压成竖排卡片），第一列 sticky 固定、其余列横向滚动。 */
  /* 移动端正文左缩进归零（左右留白由外层 .pdetail__inner 内边距提供），给表格更多宽度。 */
  .pdetail__content { padding: 0; }
  /* padding 置 0：overflow-x 滚动内容会渲染进左右 padding 带，使固定列左侧透出滚动内容；
     左右留白由外层 .pdetail__inner 提供，这里贴边即可。 */
  .pdtable-wrap { padding: 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .pdtable-wrap .tablepress { font-size: 12px; display: table; width: auto; min-width: 100%; }
  .pdtable-wrap--list .tablepress { min-width: 640px; }
  .pdtable-wrap--perf .tablepress { min-width: 760px; }
  /* 列宽微调：让第 3 列在初始视口只露出约一半，提示「可左右滑动」。 */
  .pdtable-wrap--list .tablepress th:nth-child(1), .pdtable-wrap--list .tablepress td:nth-child(1) { width: 56px; }
  .pdtable-wrap--list .tablepress th:nth-child(2), .pdtable-wrap--list .tablepress td:nth-child(2) { width: 238px; }
  .pdtable-wrap--list .tablepress th:nth-child(3), .pdtable-wrap--list .tablepress td:nth-child(3) { width: 130px; }
  .pdtable-wrap--perf .tablepress th:nth-child(1), .pdtable-wrap--perf .tablepress td:nth-child(1) { width: 132px; }
  .pdtable-wrap--perf .tablepress th:nth-child(2), .pdtable-wrap--perf .tablepress td:nth-child(2) { width: 66px; }
  .pdtable-wrap--perf .tablepress th:nth-child(3), .pdtable-wrap--perf .tablepress td:nth-child(3) { width: 150px; }
  /* 覆盖全局 zz-tablepress.css ≤768px 的「竖排卡片化」(td{display:block} / thead{display:none})——
     那是给产品目录表设计的；详情表需恢复为正常表格布局，才能横向滚动 + 首列固定。 */
  .pdtable-wrap .tablepress thead { display: table-header-group; }
  .pdtable-wrap .tablepress tbody { display: table-row-group; }
  .pdtable-wrap .tablepress tr    { display: table-row; border: 0; margin: 0; border-radius: 0; }
  .pdtable-wrap .tablepress th,
  .pdtable-wrap .tablepress td    { display: table-cell; width: auto; }
  /* 第一列固定（不随横滑移动）：不透明底色挡住下层；右侧细分隔线区分固定列。
     行/列高亮(.prow-* / .pcol-*)用 !important，会自然覆盖此处的 #fff 底色。 */
  .pdtable-wrap .tablepress th:first-child,
  .pdtable-wrap .tablepress td:first-child {
    position: sticky; left: 0; z-index: 2;
    /* 固定列底色：白底 + 右侧 3px 绿色分隔条。用「渐变背景」而非 border/box-shadow——
       border-collapse + sticky 单元格的 z 提升会让边框/阴影被自身白底盖住而看不见；
       渐变是单元格自身背景，必然随单元格一起绘制可见，也能挡住下层滚动内容。 */
    background: linear-gradient(to right, #fff 0, #fff calc(100% - 3px), var(--green) calc(100% - 3px), var(--green) 100%) !important;
  }
  .pdtable-wrap .tablepress thead th:first-child { z-index: 3; }
}