/* ============================================================
   产品页「技术参数」参数表样式
   独立成文件的原因：style.css 的响应头是 Cache-Control: max-age=604800，
   浏览器会缓存 7 天，改了老用户看不到；用带版本号的独立文件可立即生效，
   也方便单独调整、不影响其它页面。
   配色取自站内既有色：#cccccc（边框）、#f2f2f2（隔行底）。
   ============================================================ */
div.content table.okp-spec{
  /* 宽度：收缩到内容宽度，并以 880px 封顶 —— 右侧边界贴着最长一行文字，
     不再撑满内容区（容器宽 924px，原来右侧会空出上百像素） */
  width:auto;
  max-width:100%;                /* 旧浏览器兜底 */
  max-width:min(100%,880px); /* 现代浏览器：容器与上限取小，窄屏不溢出 */
  margin:16px 0 22px;
  border-collapse:collapse;
  table-layout:auto;
  font-family:"Microsoft YaHei",微软雅黑,Arial,sans-serif;
  font-size:14px;line-height:1.7;
  color:#333333;background:#ffffff;
  caption-side:top;
}
div.content table.okp-spec caption{
  caption-side:top;text-align:left;
  font-size:15px;font-weight:600;color:#1f3a52;
  padding:0 0 10px;
}
div.content table.okp-spec th,
div.content table.okp-spec td{
  border:1px solid #cccccc;
  padding:10px 14px;
  text-align:left;
  vertical-align:middle;
  font-size:14px;
  font-weight:400;
  color:#333333;
  background:#ffffff;
  word-break:break-word;
  overflow-wrap:break-word;
}
/* 标签列：固定 170px、不换行 */
div.content table.okp-spec th{
  width:170px;
  white-space:nowrap;
  font-weight:600;
  color:#1f3a52;
}
/* 值列：显式 width:auto，覆盖 PbootCMS 注入的 width="1371" */
div.content table.okp-spec td{
  width:auto;
  white-space:normal;
}
/* 隔行淡灰背景（自第 2 行起，第 1 行留白） */
div.content table.okp-spec tbody tr:nth-child(even) th,
div.content table.okp-spec tbody tr:nth-child(even) td{
  background:#f2f2f2;
}
@media (max-width:768px){
  /* 窄屏：表格回到满宽，允许换行，避免溢出 */
  div.content table.okp-spec{width:100%;table-layout:auto}
  div.content table.okp-spec th{width:auto;white-space:normal}
  div.content table.okp-spec td{width:auto}
  div.content table.okp-spec th,
  div.content table.okp-spec td{padding:8px 10px;font-size:13px}
}

/* ============================================================
   补充规则：供「Word 表格转来」与「图片转表格」两类页面使用
   ============================================================ */
/* 表格单元格里残留的 <p> 不再带上下间距，避免行高被撑开 */
div.content table.okp-spec p{margin:0;padding:0}
/* Word 里整格加粗的 strong/b 还原成常规字重（靠列底色区分标签列即可） */
div.content table.okp-spec td strong,
div.content table.okp-spec td b{font-weight:400}
/* 带表头的表（th scope="col"）不能被 170px 的标签列规则卡死 */
div.content table.okp-spec th[scope="col"]{width:auto;white-space:normal}
/* 表格内的上下标 */
div.content table.okp-spec sup{font-size:11px;vertical-align:super}
div.content table.okp-spec sub{font-size:11px;vertical-align:sub}