/* ============================================================
   中英双语 · 排版自适应
   ------------------------------------------------------------
   中文是方块字：字距均匀、不需要断词、可以两端对齐，行高要高一些
   才不闷；英文是词边界语言：字距要略收、长词要能断、标题可用
   balance 避免孤行，行高反而要比中文小。

   下面三组规则分别解决：
     1) 中英各自的排版基线（行高 / 字距 / 断词 / 对齐）
     2) 同一处文案换语言后长度变化很大 -> data-fit 自动分档缩放
     3) 英文单词比中文长 -> 按钮、标签、输入框的防撑破
   全部以 html[lang] 或 [data-fit] 作用域限定，中文页视觉不变。
   ============================================================ */

/* ---------- 1. 语言级排版变量 ---------- */
/* 字体栈：中文统一微软雅黑（含 macOS/iOS 苹方、Linux Noto 兜底，保证"看起来一致"）；
   英文统一系统无衬线（Segoe UI / 苹方英文 / Helvetica）。 */
html[lang="zh-CN"] {
  --pm-font: "Microsoft YaHei", "微软雅黑", "PingFang SC", "Hiragino Sans GB",
    "Noto Sans SC", "Source Han Sans SC", "WenQuanYi Micro Hei", sans-serif;
  --pm-lh-body: 1.85;
  --pm-lh-title: 1.5;
  --pm-ls-body: 0.01em;
  --pm-ls-title: 0.01em;
  --pm-align-body: justify;
}

html[lang="en"] {
  --pm-font: "Segoe UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue",
    Arial, "Noto Sans", sans-serif;
  --pm-lh-body: 1.7;
  --pm-lh-title: 1.3;
  --pm-ls-body: 0.004em;
  --pm-ls-title: -0.005em;
  --pm-align-body: left;
}

html[lang] p,
html[lang] li,
html[lang] dd {
  line-height: var(--pm-lh-body);
}

html[lang] h1,
html[lang] h2,
html[lang] h3,
html[lang] h4 {
  line-height: var(--pm-lh-title);
  letter-spacing: var(--pm-ls-title);
}

/* ---------- 2. 按语种切换排版习惯 ---------- */

/* 中文正文：两端对齐（中文没有词间距，两端对齐不会出现英文的"河流"） */
html[lang="zh-CN"] .rich_text p,
html[lang="zh-CN"] .article_content p,
html[lang="zh-CN"] .content p {
  text-align: justify;
  text-justify: inter-ideograph;
}

/* 英文正文：左对齐 + 自动断词 + 避免段落末行只剩一个词 */
html[lang="en"] .rich_text,
html[lang="en"] .article_content,
html[lang="en"] .content {
  hyphens: auto;
  -webkit-hyphens: auto;
  overflow-wrap: break-word;
}

html[lang="en"] p,
html[lang="en"] li {
  text-wrap: pretty;
}

/* 英文标题：两行时自动均分，不出现"最后一行一个词" */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
html[lang="en"] .plate_title .plate_title_l span,
html[lang="en"] .card_title {
  text-wrap: balance;
}

/* ---------- 3. 长度自适应分档 ----------
   模板上用 data-fit 输出译文相对原文的宽度档位（xs 最短，xl 最长）：
     xs / s  短文案，可略微放大，视觉更饱满
     m       常规
     l / xl  长文案，收紧字距与字号，保证不撑破容器、不挤出第三行
   ------------------------------------------------------------ */
[data-fit="xs"] { letter-spacing: 0.014em; }
[data-fit="s"]  { letter-spacing: 0.008em; }
[data-fit="m"]  { letter-spacing: 0; }
[data-fit="l"]  { letter-spacing: -0.004em; font-size: 0.96em; }
[data-fit="xl"] { letter-spacing: -0.008em; font-size: 0.9em; line-height: 1.32; }

/* ---------- 4. 按钮 / 标签 / 表单 的防撑破 ---------- */

/* 英文按钮文案普遍比中文长，允许换行或压缩内边距，但不要撑破 */
html[lang="en"] .btn,
html[lang="en"] .more,
html[lang="en"] .page_nav a,
html[lang="en"] button {
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 标签类：内边距随文字收放，短词不显空、长词不溢出 */
html[lang="en"] .tag,
html[lang="en"] .label,
html[lang="en"] .badge {
  padding-left: 0.7em;
  padding-right: 0.7em;
  letter-spacing: 0.01em;
}

/* 表单占位符过长时省略，不撑开输入框 */
html[lang="en"] input::placeholder,
html[lang="en"] textarea::placeholder {
  text-overflow: ellipsis;
}

/* ---------- 5. 数字与表格 ---------- */

/* 英文页统一等宽数字，参数表纵向扫读时小数点能对齐 */
html[lang="en"] table,
html[lang="en"] .spec_table,
html[lang="en"] .param_list {
  font-variant-numeric: tabular-nums;
}

/* 英文单元格：允许在词边界换行，避免一列被单个长单词顶宽 */
html[lang="en"] td,
html[lang="en"] th {
  overflow-wrap: break-word;
  word-break: normal;
}

/* ---------- 6. 语言切换下拉：站点主色 #d60d13 描边 + 主色文字 ---------- */
/* 原站规则为 ID 链选择器，这里用 #g_header 前缀保证优先级；
   语言切换现位于主导航条右端 */
#g_header .lang_switch select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 26px;
  padding: 0 24px 0 10px;
  background: #fff
    url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23d60d13' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E")
    no-repeat right 8px center;
  border: 1px solid #d60d13;
  border-radius: 3px;
  color: #d60d13;
  font-size: 12px;
  font-weight: 600;
  line-height: 24px;
  cursor: pointer;
  outline: none;
}

#g_header .lang_switch select:hover,
#g_header .lang_switch select:focus {
  background-color: #fdf2f2;
  box-shadow: 0 0 0 2px rgba(214, 13, 19, 0.18);
}

/* ---------- 8. 首页细节（英文与中文共用，均为通用观感修正） ---------- */

/* 8.1 顶栏：收藏靠左留白，CN/EN 固定在最右侧，两者不挤在一起 */
#g_header .intro_collect .w_1200 .top_right {
  align-items: center;
}
#g_header .intro_collect .w_1200 .top_right .collect {
  margin-right: 48px;
}
#g_header .lang_switch select {
  height: 26px;
  padding: 0 24px 0 10px;
  font-size: 12px;
  line-height: 24px;
}

/* 8.2 Brand / Category 切换页签：字号收敛、不折行 */
.content .data_center .data .data_item .toggle .classfiy div {
  width: 96px;
  height: 42px;
  font-size: 15px;
  white-space: nowrap;
}

/* 8.3 Learn More 按钮：黄底胶囊（与底部留言按钮同色系），单行、字号收敛 */
.content .application_profile .app_pro_swiper a div {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: auto;
  padding: 9px 22px;
  background: #ffd24d;
  border: 0;
  border-radius: 3px;
  font-size: 14px;
  color: #821619;
}
.content .application_profile .app_pro_swiper a div b {
  font-size: 14px;
  font-weight: 600;
  color: #821619;
  margin-right: 0;
  white-space: nowrap;
}
.content .application_profile .app_pro_swiper a div i {
  color: #821619;
  font-size: 14px;
}
.content .application_profile .app_pro_swiper a:hover div {
  background: #f2c235;
  border-color: #f2c235;
}

/* 8.4 页脚：advantage 字号收敛；右侧预留二维码位；二维码缩小防叠字。
   页脚组件自带 index.css 在本文件之后加载，故全部加 footer 元素前缀提高优先级 */
html[lang="en"] footer#g_footer .w_1200 .advantage li div p {
  font-size: 19px;
  margin-bottom: 4px;
}
html[lang="en"] footer#g_footer .w_1200 .advantage li div span {
  font-size: 13px;
  line-height: 1.55;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code {
  padding-right: 250px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code > ul li {
  margin-right: 48px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code > ul li div a {
  max-width: 180px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code {
  transform: translateY(0);
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code dt {
  width: 104px;
  margin-left: 12px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code dt img {
  width: 104px;
  height: 104px;
  margin-bottom: 6px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code dt p {
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* ---------- 9. 内页交互按钮（中英文共用观感修正） ---------- */

/* 9.1 产品详情资料下载按钮：图标+文字，宽度自适应，不再被 60px 定宽挤破 */
.details .top .left .data_download .img_text_list dt > div div a.dl_btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: auto;
  height: 30px;
  padding: 0 12px;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 3px;
}
.details .top .left .data_download .img_text_list dt > div div a.dl_btn svg {
  flex: 0 0 auto;
}

/* 9.2 Product Categories 大类左列：收窄内边距与字号，英文类目名不再溢出/截断 */
#g_header .navbar .w_1200 .prd_nav .prds li > a {
  padding: 0 8px 0 16px;
  font-size: 13px;
}
#g_header .navbar .w_1200 .prd_nav .prds li > a span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* ---------- 10. 表单与弹窗交互按钮：图标+文字胶囊（中英文共用） ---------- */

/* 弹窗提交（下载登记）与页面表单提交（留言/报备/投诉）统一视觉：
   黄底深红字，图标+文本，宽度自适应、永不溢出 */
.download_form_right .btnsubmit,
button.form_smt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 40px;
  padding: 0 26px;
  background: #ffd24d;
  border: 0;
  border-radius: 3px;
  color: #821619;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.3s;
}

/* 居中表单里的提交按钮保持水平居中 */
button.form_smt {
  display: flex;
  width: max-content;
  margin: 0 auto;
}

.download_form_right .btnsubmit img {
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

button.form_smt svg {
  flex: 0 0 auto;
}

.download_form_right .btnsubmit:hover,
button.form_smt:hover {
  background: #f2c235;
  color: #821619;
}

/* 弹窗按钮原规则 .popup .download_form .download_form_right button 优先级更高，需同链覆盖 */
.popup .download_form .download_form_right .btnsubmit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 40px;
  padding: 0 26px;
  margin: 18px auto 0;
  white-space: nowrap;
}

/* ---------- 11. 译文表格适配：翻译后表格撑满容器、可横向滚动，信息不丢失 ---------- */
.spec_html_c table,
.rich_text table {
  max-width: 100%;
}
.spec_html_c {
  overflow-x: auto;
}
.spec_html_c table td,
.spec_html_c table th {
  word-break: normal;
  overflow-wrap: break-word;
}

/* ---------- 12. 主导航下拉宽度自适应（v75） ----------
   原 320px 定宽对英文 Solutions 长词条（"SiC & GaN Device Double-Pulse Test" 等）
   两头截断。改 max-content 自适应：底色板块随最长词条撑开，短词条行不满宽。
   定位从 margin-left 负值改为 transform，避免依赖未知宽度做居中；
   hover 动画换用纯 opacity 的 libFadeIn，防止 fadeUpIn 的 transform 关键帧
   在动画期间覆盖 translateX(-50%) 导致水平跳动。 */
html[lang] #g_header .navbar .w_1200 .page_nav li .lib {
  width: max-content;
  min-width: 208px;
  max-width: min(640px, 80vw);
  left: 50%;
  margin-left: 0;
  transform: translateX(-50%);
  padding: 4px 18px 8px;
}
@keyframes libFadeIn {
  from { opacity: 0.5; }
  to   { opacity: 1; }
}
html[lang] #g_header .navbar .w_1200 .page_nav li:hover .lib {
  animation: libFadeIn 0.3s;
}

/* ---------- 13. 产品详情右侧「相关应用 / 相关产品」：图标 + 加粗标题 ---------- */
.details .top .right {
  width: 204px;
}
.details .top .left {
  width: 936px;
}
.details .top .right .r_item {
  width: 204px;
  padding: 16px 0 4px;
  border: 1px solid #ecd2d3;
  border-radius: 4px;
  background: #fff;
}
.details .top .right .r_item > p.r_title {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 12px 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0dcdc;
  color: #a8454a;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .2px;
  text-align: left;
  white-space: nowrap;
}
.details .top .right .r_item > p.r_title svg {
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  fill: none;
  stroke: #d60d13;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.details .top .right .r_item > p.r_title span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.details .top .right .r_list a.r_card {
  display: block;
  width: 180px;
  margin: 0 auto 16px;
  padding: 0;
  text-decoration: none;
}
.details .top .right .r_list a.r_card .r_thumb {
  display: block;
  width: 180px;
  height: 132px;
  margin-bottom: 8px;
  overflow: hidden;
  border: 1px solid #f0e2e2;
  border-radius: 3px;
  background: #fbfbfb;
}
.details .top .right .r_list a.r_card .r_thumb img {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
  transition: transform .25s ease;
}
.details .top .right .r_list a.r_card:hover .r_thumb img {
  transform: scale(1.04);
}
.details .top .right .r_list a.r_card .r_name {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 17px;
  color: #3a3a3a;
  word-break: break-word;
  transition: color .2s ease;
}
.details .top .right .r_list a.r_card:hover .r_name {
  color: #d60d13;
}
/* 英文标题较长时多给一行，避免信息被截 */
html[lang="en"] .details .top .right .r_list a.r_card .r_name {
  -webkit-line-clamp: 5;
  line-height: 16px;
}

/* ---------- 14. 产品页「资料下载」列表：行距收紧到 1.5 倍 ---------- */
.details .top .left .data_download .doc_list {
  padding: 0 20px;
  row-gap: 0;
}
.details .top .left .data_download .doc_list a {
  margin-bottom: 12px;
  line-height: 1.5;
  align-items: center;
}
.details .top .left .data_download .doc_list a span {
  line-height: 1.5;
}
/* 最后一行不留多余间距 */
.details .top .left .data_download .doc_list a:nth-last-child(-n+2) {
  margin-bottom: 4px;
}

/* ---------- 15. 首页「工程计算器」字号适配 + 下拉菜单图标 ---------- */
/* 计算器入口：28px → 21px（约小 2 号），图标随字号缩放 */
.selection .plate_title a.calc_more,
a.calc_more {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  font-size: 21px;
  color: #821619;
  white-space: nowrap;
}
a.calc_more img {
  height: 20px;
  width: auto;
  margin: 0;
}
/* 下拉菜单：站内图标 + 文本，整项居中（v77：图标与文本间距 8 → 28px，约 3.5 倍。
   必须 html[lang] 前缀 —— header/index.css 在组件 include 里后加载，
   同特异性会以其 display:block 覆盖本组 flex/gap，导致图标文字贴死） */
html[lang] #g_header .navbar .w_1200 .page_nav li .lib a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  text-align: center;
}
html[lang] #g_header .navbar .w_1200 .page_nav li .lib a img.nav_icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  margin: 0;
  object-fit: contain;
  border: 0;
  background: none;
  /* 站内彩色图标统一转为白色剪影，与下拉文字同色 */
  filter: brightness(0) invert(1);
  transition: transform .2s ease;
}
html[lang] #g_header .navbar .w_1200 .page_nav li .lib a span {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
}
html[lang] #g_header .navbar .w_1200 .page_nav li .lib a:hover img.nav_icon {
  transform: scale(1.08);
}
/* Solutions 等纯文本项：文字居中 */
html[lang] #g_header .navbar .w_1200 .page_nav li .lib a.nav_txt {
  justify-content: center;
}

/* ---------- 16. 产品列表页「功能类别」筛选：站内图标 + 文本 ---------- */
.content .filter .fun_class div .fun_class_item {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  gap: 7px;
  margin-right: 32px;
}
.content .filter .fun_class div .fun_class_item img.fc_icon {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin: 0;
  object-fit: contain;
}
.content .filter .fun_class div .fun_class_item span {
  width: auto;
  line-height: 36px;
  font-size: 16px;
  font-weight: bold;
}
.content .filter .fun_class div .fun_class_item:hover img.fc_icon,
.content .filter .fun_class div .fun_class_item.on img.fc_icon {
  transform: scale(1.08);
}

/* ---------- 17. 页脚联系方式：电话不换行 + 联系列加宽 ---------- */
footer#g_footer .w_1200 .nav_contact_code .contact .tel dl dt {
  white-space: nowrap;
}
footer#g_footer .w_1200 .nav_contact_code .contact {
  flex: 0 0 auto;
}
footer#g_footer .w_1200 .nav_contact_code > ul li {
  margin-right: 26px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code {
  padding-right: 225px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code > ul li {
  margin-right: 26px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code > ul li div a {
  max-width: 150px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code dt {
  width: 96px;
  margin-left: 10px;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .qr_code dt img {
  width: 96px;
  height: 96px;
}

/* ---------- 18. 筛选区第二行「产品选型」首项与第一行类别文字对齐 ---------- */
.content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: 92px;
}
html[lang="en"] .content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: 67px;
}

/* ---------- 19. 中文页脚：列距均衡 + 淘宝/京东图标缩小 ---------- */
footer#g_footer .w_1200 .nav_contact_code > ul li {
  margin-right: 26px;
  min-width: 118px;
}
footer#g_footer .w_1200 .nav_contact_code > ul li div a {
  max-width: 118px;
}
footer#g_footer .w_1200 .nav_contact_code .qr_code dt {
  width: 110px;
  margin-left: 10px;
}
footer#g_footer .w_1200 .nav_contact_code .qr_code dt img {
  width: 110px;
  height: 110px;
}
footer#g_footer .w_1200 .nav_contact_code .qr_code dt p {
  width: 110px;
  text-align: center;
}

/* ---------- 20. 首页「工程计算器」入口高亮：黄色荧光笔下划线 ---------- */
a.calc_more span {
  padding: 0 3px;
  /* 文字底部 30% 铺黄色，形成「黄底粗下划线」效果，图标不受影响 */
  background-image: linear-gradient(to top, #ffd400 0, #ffd400 30%, transparent 30%);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/* 悬停时黄色带加厚一点，强化「可点击」 */
a.calc_more:hover span {
  background-image: linear-gradient(to top, #ffd400 0, #ffd400 45%, transparent 45%);
}

/* ---------- 21. 页脚改版：三板块（简介 / 联系方式 / 电子商城平台） ---------- */
/* 覆盖旧四列布局：导航列改为「简介 46% + 联系 27% + 商城自适应」三栏 */
footer#g_footer .w_1200 .nav_contact_code {
  align-items: flex-start;
  gap: 0;
}
footer#g_footer .w_1200 .nav_contact_code.f3 {
  display: flex;
}
footer#g_footer .w_1200 .nav_contact_code .f_col {
  box-sizing: border-box;
}
footer#g_footer .w_1200 .nav_contact_code .f_intro {
  flex: 0 0 40%;
  padding-right: 44px;
}
footer#g_footer .w_1200 .nav_contact_code .f_contact {
  flex: 0 0 34%;
  padding-right: 24px;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall {
  flex: 1 1 auto;
  min-width: 0;
}
/* 旧四列 li 不再使用，保险起见清掉边距 */
footer#g_footer .w_1200 .nav_contact_code > ul li {
  margin-right: 0;
}
/* 三栏统一的小标题 */
footer#g_footer .w_1200 .nav_contact_code .f_col .title {
  display: block;
  color: #4d4c4c;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
}
/* 简介正文：英文习惯（左对齐、1.9 倍行距、段距舒展） */
footer#g_footer .w_1200 .nav_contact_code .f_intro .intro_text {
  color: #7e7f80;
  font-size: 14px;
  line-height: 1.9;
  margin: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  overflow-wrap: break-word;
}
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code .f_intro .intro_text {
  text-align: left;
  hyphens: auto;
  line-height: 1.85;
  letter-spacing: 0.1px;
}
/* 联系方式列：恢复左对齐（原样式居中是为独立浮层设计的） */
footer#g_footer .w_1200 .nav_contact_code .f_contact .tel {
  justify-content: flex-start;
}
footer#g_footer .w_1200 .nav_contact_code .f_contact .online_service {
  margin-left: 0;
}
footer#g_footer .w_1200 .nav_contact_code .f_contact > p {
  text-align: left;
}
/* 商城列：二维码改为文档流内横排，不再绝对定位 */
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code {
  position: static;
  transform: none;
  display: flex;
  justify-content: flex-start;
  gap: 18px;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code a {
  display: block;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code dt {
  width: 96px;
  margin-left: 0;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code dt img {
  width: 96px;
  height: 96px;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code dt p {
  width: 110px;
  text-align: center;
  margin-top: 6px;
  white-space: nowrap;
}
footer#g_footer .w_1200 .nav_contact_code .f_mall .qr_code dt {
  width: 110px;
}
/* 旧版英文/中文对 qr_code 的绝对定位与 padding 补丁全部失效化 */
html[lang="en"] footer#g_footer .w_1200 .nav_contact_code {
  padding-right: 0;
}

/* ---------- 22. 英文正文排版（按英文文本特点：左对齐/无衬线/1.85 行距/段距明显） ---------- */
html[lang="en"] .rich_text {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 16.5px;
  line-height: 1.85;
  color: #33383d;
  letter-spacing: 0.1px;
}
html[lang="en"] .rich_text p {
  margin: 0 0 1.15em;
  line-height: 1.85;
  text-align: left;
}
html[lang="en"] .rich_text h2,
html[lang="en"] .rich_text h3,
html[lang="en"] .rich_text h4 {
  margin: 1.7em 0 0.7em;
  line-height: 1.35;
  letter-spacing: 0;
}
html[lang="en"] .rich_text h3 { font-size: 20px; }
html[lang="en"] .rich_text h4 { font-size: 17.5px; }
html[lang="en"] .rich_text ul,
html[lang="en"] .rich_text ol {
  margin: 0 0 1.25em 1.5em;
  padding: 0;
}
html[lang="en"] .rich_text li {
  margin-bottom: 0.45em;
  line-height: 1.8;
}
html[lang="en"] .rich_text li > ul,
html[lang="en"] .rich_text li > ol {
  margin-top: 0.45em;
}
html[lang="en"] .rich_text img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1.2em auto;
}
html[lang="en"] .rich_text table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-size: 15px;
}
html[lang="en"] .rich_text th,
html[lang="en"] .rich_text td {
  border: 1px solid #e3e6e9;
  padding: 8px 12px;
  text-align: left;
}
html[lang="en"] .rich_text blockquote {
  margin: 1.2em 0;
  padding: 10px 18px;
  border-left: 4px solid #d8a13a;
  background: #faf7f0;
  color: #5b5548;
}
html[lang="en"] .rich_text strong {
  font-weight: 600;
}

/* ---------- 23. 筛选区：中文类别放大 + 行2 与行1 图标对齐 + 类别名整体不拆行 ---------- */
/* 中文：图标 17→20px、字号 16→17px、列间距 32→42px（英文版保持原样） */
html[lang="zh-CN"] .content .filter .fun_class div .fun_class_item {
  font-size: 17px;
  margin-right: 42px;
  gap: 8px;
}
html[lang="zh-CN"] .content .filter .fun_class div .fun_class_item img.fc_icon {
  width: 20px;
  height: 20px;
}
html[lang="zh-CN"] .content .filter .fun_class div .fun_class_item span {
  font-size: 17px;
}
/* 产品类别行：允许换行，但每一项整体换行（避免「光学/传感器」被拆到两行） */
.content .filter .models .model_sec > div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 10px;
}
.content .filter .models .model_sec > div a.model_sec_item {
  white-space: nowrap;
}
/* 行2 的「全部」与行1 第一个类别的图标左边缘对齐（蓝线参考位） */
.content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: 80px; /* 与行1「电压」图标左边缘对齐（实测 220+80=300） */
}
html[lang="en"] .content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: 43px;
}

/* ---------- 24. 产品类别行：「全部」独立占左侧通道，具体类别整体左对齐 ---------- */
/* 结构不变，仅用负边距把「全部」拉到通道内；类别容器挪到统一基线（第 1 个类别文字位置）。
   这样每一行（含换行后的第 2、3 行）首个类别的文字都与第 1 行首个类别严格对齐。 */
.content .filter .models .model_sec > div {
  /* 左侧预留「全部」通道：宽度 = 全部文字宽 + 间距 */
  padding-left: 0;
}
.content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: -80px;
  margin-right: 52px;
}
/* 具体类别：统一基线下再往右挪「全部」通道的宽度，保持与上一行栅格一致 */
.content .filter .models .model_sec > div a.model_sec_item:not(:first-child) {
  margin-left: 0;
}
/* 让类别文字真正从基线开始：容器左移后由「全部」占位补齐 */
.content .filter .models .model_sec > div {
  margin-left: 80px;
}
html[lang="en"] .content .filter .models .model_sec > div {
  margin-left: 43px;
}
html[lang="en"] .content .filter .models .model_sec > div a.model_sec_item:first-child {
  margin-left: -43px;
  margin-right: 25px; /* All(18px)+25 = 43px 通道宽，保证第二行与 Voltage Probe 对齐 */
}

/* ---------- 25. 首页四卡片标题居中修复 ---------- */
/* 第 2 节的 html[lang="zh-CN"] .content p 是正文两端对齐规则，误命中了卡片标题
   （24px 中文段落 justify 会把字距拉开，视觉上左偏不居中），这里显式回收。 */
html[lang] .content .data_center .data .data_item .data_cate p {
  text-align: center;
  text-justify: auto;
  letter-spacing: normal;
}
html[lang] .content .data_center .data .data_item .data_cate span {
  text-align: center;
}

/* ---------- 26. 应用方案页（解决方案）筛选区：与产品类别同一套对齐原则 ---------- */
/* 6.1 功能类别「应用分类」：不位移、不换行，保持原有左边缘（全部 x=300 / All x=220）
   —— 上面 24 节的 margin 只作用于产品类别行（.models .model_sec），此处不复制。
   仅保留一项防御：项内文字不换行，避免长类别名拆行 */
/* 方案页（app_plan.css）的分类项是 inline，需给容器 display:flex 才能让 nowrap+换行生效。
   用段落级属性还原原来的行内排布（间隙 43px 由项自身 margin-right 提供、断行点在空格处），
   保持各分类起点与原设计一致，只多出「超长项整体换行」这一层保护。 */
html[lang] .content .filter .fun_class > div:has(a.fun_class_item) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: flex-start;
  column-gap: 0;
  row-gap: 6px;
}
html[lang] .content .filter .fun_class > div a.fun_class_item {
  white-space: nowrap;
}

/* ---------- 26.3 应用分类下具体方案：标题/摘要字号收敛（原 h3 16px / p 14px） ---------- */
/* 与 app_plan.css 同选择器（含 :nth-child）保证优先级取胜 */
.content .list a > div:nth-child(2) h3 {
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: normal;
  margin-bottom: 16px;
}
.content .list a > div:nth-child(2) p {
  font-size: 12px;
  line-height: 1.65;
}
/* 6.1 补充：方案页应用分类没有图标，「首字」基线=第一个类别文字。
   通道宽按语种取值：zh「全部」44+32=76；en「All」约 24+32=56，
   使换行后行首严格与第一行首个类别文字对齐；
   产品页 fun_class 的项带图标，仍保持 80px（图标位 300）不受影响。 */
html[lang] .content .filter .fun_class:not(:has(a.fun_class_item img)) > div {
  margin-left: 76px;
}
html[lang] .content .filter .fun_class:not(:has(a.fun_class_item img)) > div a.fun_class_item:first-child {
  margin-left: -76px;
}
html[lang="en"] .content .filter .fun_class:not(:has(a.fun_class_item img)) > div {
  margin-left: 56px;
}
html[lang="en"] .content .filter .fun_class:not(:has(a.fun_class_item img)) > div a.fun_class_item:first-child {
  margin-left: -56px;
}

/* ---------- 26.4 中文页方案子项标题再调小 2 个字号（13 → 11px） ---------- */
html[lang="zh-CN"] .content .list a > div:nth-child(2) h3 {
  font-size: 11px;
}

/* ---------- 27. 全站字体统一（按语种分别统一） ---------- */
/* 中文页：全部元素统一微软雅黑；英文页：全部元素统一系统无衬线。
   用 html[lang] + 通配符 + !important，确保盖过各页面自带 CSS 里零散写死的
   font-family（如 Verdana、Georgia、宋体、手误的 "sans-serif" 等）。 */
html[lang] *:not(i):not([class*="icon"]):not([class*="lgjc"]) {
  font-family: var(--pm-font) !important;
}
/* 图标字体（项目字体族名就是 lgjc）必须保留，否则图标变方块；
   注意不能继承 i 标签，富文本里的 <i> 有时是斜体文字 */
html[lang] .lgjc,
html[lang] [class^="lgjc-"],
html[lang] [class*=" lgjc-"] {
  font-family: "lgjc" !important;
}
/* 富文本正文里的内联 style 字体（历史编辑器写入的宋体/黑体）一并归位 */
html[lang] .rich_text *,
html[lang] .article_content *,
html[lang] .content p span,
html[lang] input,
html[lang] textarea,
html[lang] select,
html[lang] button {
  font-family: var(--pm-font) !important;
}
/* 等宽/代码片段保留等宽字体，避免技术参数对不齐 */
html[lang] code,
html[lang] pre,
html[lang] kbd,
html[lang] samp,
html[lang] tt,
html[lang] .param_table td,
html[lang] .parameter table td {
  font-family: "Consolas", "SFMono-Regular", Menlo, Monaco, "Courier New", monospace !important;
}

/* ---------- 28. 全站排版节奏（行距 / 段距 / 字号）标准化 ---------- */
/* 实测改造前同一页面出现 1.5/1.67/1.7/1.85/1.9/2.13/3.0 七种行距、段距 0~21px 混乱。
   现统一为一套基线（单位 em，随字号自适应，缩放窗口不跑版）：
     正文行距  zh 1.80 / en 1.65
     标题行距  zh 1.45 / en 1.25
     段距      zh 0.85em / en 1.05em（英文靠段距分隔，故更大）
     列表项距  0.55em
     段首缩进  正文 2em（中文），英文 0
   作用域：正文富文本、列表页摘要、侧栏与产品参数。导航/卡片/页脚等版式区块不套用，
   避免破坏既有栅格。 */
html[lang="zh-CN"] {
  --pm-rh-body: 1.8;
  --pm-rh-dense: 1.62;   /* 卡片/列表/侧栏密排区 */
  --pm-rh-title: 1.45;
  --pm-gap-para: 0.85em;
  --pm-gap-item: 0.55em;
  --pm-indent: 2em;
}
html[lang="en"] {
  --pm-rh-body: 1.65;
  --pm-rh-dense: 1.6;
  --pm-rh-title: 1.25;
  --pm-gap-para: 1.05em;
  --pm-gap-item: 0.6em;
  --pm-indent: 0;
}

/* 28.1 正文区（文章详情、关于、解决方案、品牌介绍、产品详情） */
html[lang] :is(.rich_text, .article_content, .detail_content, .brand_content, .about_text) p,
html[lang] :is(.rich_text, .article_content, .detail_content, .brand_content, .about_text) li,
html[lang] :is(.rich_text, .article_content, .detail_content, .brand_content, .about_text) dd,
html[lang] .content .w_1200 > p,
html[lang] .content .w_1200 > ul li {
  line-height: var(--pm-rh-body);
  margin: 0 0 var(--pm-gap-para);
  text-indent: var(--pm-indent);
}
/* 图片/表格/引用段不缩进，且上下留白一致 */
html[lang] :is(.rich_text, .article_content, .detail_content) p:has(img),
html[lang] :is(.rich_text, .article_content, .detail_content) p:has(table) {
  text-indent: 0;
}
html[lang] :is(.rich_text, .article_content, .detail_content) img {
  margin: 0.9em auto;
  display: block;
}
html[lang] :is(.rich_text, .article_content, .detail_content) ul,
html[lang] :is(.rich_text, .article_content, .detail_content) ol {
  margin: 0 0 var(--pm-gap-para);
  padding-left: 1.6em;
}
html[lang] :is(.rich_text, .article_content, .detail_content) li {
  margin-bottom: var(--pm-gap-item);
  text-indent: 0;
}
html[lang] :is(.rich_text, .article_content, .detail_content) table {
  margin: 1em 0 1.2em;
  border-collapse: collapse;
}
html[lang] :is(.rich_text, .article_content, .detail_content) blockquote {
  margin: 1em 0;
  padding: 0.6em 0 0.6em 1em;
  border-left: 3px solid #821619;
  color: #555;
}
/* 富文本内的行内 span 常带 font-size/line-height 内联声明，强制归位 */
html[lang] :is(.rich_text, .article_content, .detail_content) p span[style*="line-height"] {
  line-height: inherit !important;
}

/* 28.2 列表页：标题与摘要的段距统一（替换各页自带的 16px/0px 混排） */
html[lang] .content .list a > div:nth-child(2) h3 {
  line-height: var(--pm-rh-title);
  margin: 0 0 0.55em;
  text-indent: 0;
}
html[lang] .content .list a > div:nth-child(2) p {
  line-height: var(--pm-rh-dense);
  margin: 0 0 0.5em;
  text-indent: 0;
}

/* 28.3 标题层级：h1~h3 的上下留白统一（保持各页字号，只统一节奏） */
html[lang] .content h1,
html[lang] .content h2,
html[lang] .content h3 {
  line-height: var(--pm-rh-title);
}
html[lang] :is(.rich_text, .article_content, .detail_content) h1,
html[lang] :is(.rich_text, .article_content, .detail_content) h2,
html[lang] :is(.rich_text, .article_content, .detail_content) h3,
html[lang] :is(.rich_text, .article_content, .detail_content) h4 {
  margin: 1.5em 0 0.6em;
  line-height: var(--pm-rh-title);
  text-indent: 0;
}
html[lang] :is(.rich_text, .article_content, .detail_content) > *:first-child {
  margin-top: 0;
}

/* 28.4 卡片/侧栏/参数表的密排区：单一行距，不再受正文字号放大影响 */
html[lang] .aside_item,
html[lang] .prds li,
html[lang] .intro,
html[lang] .zx {
  line-height: var(--pm-rh-dense);
}
/* 28.5 页脚：三板块内部统一行距（简介段落独立段距） */
html[lang] footer#g_footer .f_intro p,
html[lang] footer#g_footer .f_contact p,
html[lang] footer#g_footer .f_mall p {
  line-height: 1.7;
  margin: 0 0 0.5em;
  text-indent: 0;
}
html[lang] footer#g_footer .advantage li div p {
  line-height: 1.55;
  margin: 0;
}
html[lang] footer#g_footer .addr_filings {
  line-height: 1.9;
}

/* ---------- 29. 残留长行距回收（页面自带的 42px / 30px 等固定行高） ---------- */
/* 28 节按容器类名施加，部分页面把固定行高（如 42px）写在了别的选择器上，此处按元素兜底。
   只覆盖正文文本块，不碰导航、按钮、卡片标题与图标。 */
html[lang] .content .w_1200 p,
html[lang] .content .w_1200 li,
html[lang] .prd_list dt p,
html[lang] .prd_list dd p,
html[lang] .prd_list .intro p,
html[lang] .prd_list .front p,
html[lang] .prd_list .back p {
  line-height: var(--pm-rh-body);
}
/* 品牌卡正反面：正面标题行距收一档，背面参数密排 */
html[lang] .prd_list .front p {
  line-height: var(--pm-rh-title);
  margin: 0;
}
html[lang] .prd_list .intro p {
  line-height: 1.65;
  margin: 0 0 0.35em;
  text-indent: 0;
}
/* 顶栏信息条与本页固定 42px 行距的段落一并归位 */
html[lang] #g_header .intro_collect .intro,
html[lang] header .intro_collect .intro {
  line-height: var(--pm-rh-dense);
}

/* ---------- 30. 组件级硬编码行高回收（实测清单） ---------- */
/* 全部来自各页面自带 CSS 的固定 px 行高，统一改为相对值，字号变化时不再跑版 */
html[lang] .content .news_show .news .center .news_list .news_list_item .news_list_l a p {
  line-height: 1.55;      /* 原 42px（14px 字号 → 3.0 倍，过高） */
  margin: 0;
}
html[lang] .content .home_swiper .w_1200 .notice_links .notice_links_c .notice_list a {
  line-height: var(--pm-rh-dense);       /* 原 24px */
}
html[lang] .content .application_profile .app_pro_swiper a div,
html[lang] .content .application_profile .app_pro_swiper a p {
  line-height: 1.55;
}
/* 产品/品牌卡正反面文字 */
html[lang] .prd_list .front p,
html[lang] .prd_list .back p,
html[lang] .prd_list .back dl dd,
html[lang] .prd_list .back .intro p {
  line-height: var(--pm-rh-dense); /* 原 30px / 混排 */
}
/* 通用兜底：正文容器内仍高于 2.2 倍的段落统一收到正文行距
   （用属性选择器匹配不到，故按段落所在常见容器做最后一道收口） */
html[lang] .content .news_list_item p,
html[lang] .content .solution_list p,
html[lang] .content .article_list p {
  line-height: var(--pm-rh-body);
  margin: 0 0 var(--pm-gap-para);
}

/* ---------- 31. 侧栏/目录类密排文字：单一行距收口 ---------- */
html[lang] .prds .prds_detail p,
html[lang] .prds .libs p,
html[lang] .prds_detail p,
html[lang] .side_nav p,
html[lang] .aside_item p,
html[lang] .content .list a p,
html[lang] .content .list a h3 {
  line-height: var(--pm-rh-dense);
}
/* 列表页摘要：行距 1.6，段距 0.5em（比正文紧，避免卡片过高） */
html[lang] .content .list a > div:nth-child(2) p {
  line-height: var(--pm-rh-dense);
  margin: 0 0 0.5em;
}
html[lang] .content .list a > div:nth-child(2) h3 {
  line-height: 1.4;
  margin: 0 0 0.55em;
}

/* ---------- 32. 评测/资料列表卡片文字（原固定 30px 行高） ---------- */
html[lang] .reports .report .list a p,
html[lang] .reports .report .list a span,
html[lang] .content .reports a p {
  line-height: var(--pm-rh-dense);
  margin: 0 0 0.4em;
}
html[lang] .reports .report .list a h3,
html[lang] .reports .report .list a h4 {
  line-height: 1.4;
  margin: 0 0 0.5em;
}

/* ============================================================
   33. 正文排版规格（Editorial Spec）—— 强制生效
   ------------------------------------------------------------
   参考对象：IEEE Spectrum / EDN / Analog Devices 技术文库 / 财新
   等专业信息与新闻站点的正文规范。核心原则：
     · 正文只有一套字号（中文 15px / 英文 16px），不随来源变化
     · 层级只靠"字号阶梯 + 间距"区分，不靠颜色和居中
     · 行距固定比例（正文 1.8 / 1.65），段距用 em，缩放窗口不跑版
     · 中文首行缩进 2em，英文不缩进（英文靠段距分段）
     · 图片宽度不超过正文列宽，表格整宽且可横向滚动
   强制手段：写死 px 字号 + !important，覆盖后台编辑器写入的
   内联 style（font-size / line-height / text-indent / margin）。
   作用域：仅 .rich_text 正文容器，导航/列表/页脚不受影响。
   ============================================================ */

/* --- 33.1 规格变量（单一事实来源，改这里全站生效） --- */
html {
  /* 正文 */
  --ed-fs-body-zh: 15px;
  --ed-fs-body-en: 16px;
  --ed-lh-body-zh: 1.8;
  --ed-lh-body-en: 1.65;
  --ed-gap-zh: 0.9em;
  --ed-gap-en: 1.05em;
  /* 层级阶梯：H1 标题 / H2 副标题 / H3 小节 / 提示词 / 简述 */
  --ed-fs-h1-zh: 24px;
  --ed-fs-h1-en: 26px;
  --ed-fs-h2-zh: 20px;
  --ed-fs-h2-en: 21px;
  --ed-fs-h3-zh: 17px;
  --ed-fs-h3-en: 18px;
  --ed-fs-lead-zh: 16px;   /* 简述 / 导语 */
  --ed-fs-lead-en: 17px;
  --ed-fs-note-zh: 13px;   /* 提示词 / 图注 / 表格注 */
  --ed-fs-note-en: 13px;
  --ed-space-block: 1.6em; /* 块级上间距 */
  --ed-space-after: 0.6em; /* 标题下间距 */
  --ed-color-h: #1f2328;
  --ed-color-body: #33383d;
  --ed-color-note: #6b7075;
  --ed-color-accent: #821619;
  --ed-media-max: 100%;    /* 图片/图表最大宽度 */
}
html[lang="zh-CN"] {
  --ed-fs-body: var(--ed-fs-body-zh);
  --ed-lh-body: var(--ed-lh-body-zh);
  --ed-gap: var(--ed-gap-zh);
  --ed-fs-h1: var(--ed-fs-h1-zh);
  --ed-fs-h2: var(--ed-fs-h2-zh);
  --ed-fs-h3: var(--ed-fs-h3-zh);
  --ed-fs-lead: var(--ed-fs-lead-zh);
  --ed-fs-note: var(--ed-fs-note-zh);
  --ed-indent: 2em;
}
html[lang="en"] {
  --ed-fs-body: var(--ed-fs-body-en);
  --ed-lh-body: var(--ed-lh-body-en);
  --ed-gap: var(--ed-gap-en);
  --ed-fs-h1: var(--ed-fs-h1-en);
  --ed-fs-h2: var(--ed-fs-h2-en);
  --ed-fs-h3: var(--ed-fs-h3-en);
  --ed-fs-lead: var(--ed-fs-lead-en);
  --ed-fs-note: var(--ed-fs-note-en);
  --ed-indent: 0;
}

/* --- 33.2 正文根：字号/行距/颜色基准 --- */
html[lang] .rich_text {
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  color: var(--ed-color-body) !important;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* --- 33.3 正文段落：强制字号、行距、段距、缩进 --- */
html[lang] .rich_text p,
html[lang] .rich_text div:not([class]):not([style*="text-align:center"]),
html[lang] .rich_text span:only-child,
html[lang] .rich_text font {
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  margin: 0 0 var(--ed-gap) !important;
  text-indent: var(--ed-indent) !important;
  color: var(--ed-color-body) !important;
}
/* 带内联 style 的 span/font 是后台编辑器的产物，字号一律归位（保留粗体斜体） */
html[lang] .rich_text p span,
html[lang] .rich_text p font,
html[lang] .rich_text li span,
html[lang] .rich_text li font,
html[lang] .rich_text div span {
  font-size: inherit !important;
  line-height: inherit !important;
  font-family: inherit !important;
  color: inherit !important;
  background: none !important;
}
/* 纯图片/表格/空段落：不缩进、不占段距 */
html[lang] .rich_text p:has(img),
html[lang] .rich_text p:has(table),
html[lang] .rich_text p:empty,
html[lang] .rich_text p:has(> br:only-child) {
  text-indent: 0 !important;
  margin-bottom: 0 !important;
}

/* --- 33.4 层级：H1 文章标题 / H2 副标题 / H3 小节标题 --- */
html[lang] .rich_text h1 {
  font-size: var(--ed-fs-h1) !important;
  line-height: 1.35 !important;
  font-weight: 700;
  color: var(--ed-color-h) !important;
  margin: var(--ed-space-block) 0 var(--ed-space-after) !important;
  text-indent: 0 !important;
  letter-spacing: normal;
}
html[lang] .rich_text h2 {
  font-size: var(--ed-fs-h2) !important;
  line-height: 1.4 !important;
  font-weight: 700;
  color: var(--ed-color-h) !important;
  margin: var(--ed-space-block) 0 var(--ed-space-after) !important;
  text-indent: 0 !important;
  padding-bottom: 0.35em;
  border-bottom: 1px solid #ececee;
}
html[lang] .rich_text h3,
html[lang] .rich_text h4,
html[lang] .rich_text h5 {
  font-size: var(--ed-fs-h3) !important;
  line-height: 1.45 !important;
  font-weight: 600;
  color: var(--ed-color-h) !important;
  margin: 1.3em 0 0.5em !important;
  text-indent: 0 !important;
}
/* 首个元素不留顶部空白 */
html[lang] .rich_text > *:first-child {
  margin-top: 0 !important;
}

/* --- 33.5 简述 / 导语（首段或 .lead / .summary / strong 开头段） --- */
html[lang] .rich_text .lead,
html[lang] .rich_text .summary,
html[lang] .rich_text .abstract,
html[lang] .rich_text blockquote:first-child {
  font-size: var(--ed-fs-lead) !important;
  line-height: 1.7 !important;
  color: #4a5157 !important;
  background: #f7f8f9;
  border-left: 3px solid var(--ed-color-accent);
  padding: 0.85em 1.1em !important;
  margin: 0 0 var(--ed-gap) !important;
  text-indent: 0 !important;
}

/* --- 33.6 提示词 / 图注 / 表格注（小字，居中，不缩进） --- */
html[lang] .rich_text .note,
html[lang] .rich_text .tips,
html[lang] .rich_text .caption,
html[lang] .rich_text .figcaption,
html[lang] .rich_text figcaption,
html[lang] .rich_text small,
html[lang] .rich_text sub,
html[lang] .rich_text sup {
  font-size: var(--ed-fs-note) !important;
  line-height: 1.6 !important;
  color: var(--ed-color-note) !important;
  text-indent: 0 !important;
}

/* --- 33.7 列表：与正文同字号，项目符号缩进统一 --- */
html[lang] .rich_text ul,
html[lang] .rich_text ol {
  margin: 0 0 var(--ed-gap) !important;
  padding-left: 1.7em !important;
  font-size: var(--ed-fs-body) !important;
}
html[lang] .rich_text li {
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  margin: 0 0 0.5em !important;
  text-indent: 0 !important;
  color: var(--ed-color-body) !important;
}
html[lang] .rich_text li::marker {
  color: var(--ed-color-accent);
}

/* --- 33.8 图片 / 图表：宽度统一、居中、上下留白一致 ---
   .pm_keep_img = 联系我们页等「图片保持编辑器原样」的容器，全部豁免。 */
html[lang] .rich_text:not(.pm_keep_img) img,
html[lang] .rich_text:not(.pm_keep_img) video,
html[lang] .rich_text:not(.pm_keep_img) iframe {
  display: block !important;
  max-width: var(--ed-media-max) !important;
  width: auto !important;
  height: auto !important;
  margin: 1.1em auto !important;
  border: 0;
  border-radius: 3px;
}
/* 编辑器常写死 width/height 属性，宽度受列宽约束、高度自适应 */
html[lang] .rich_text:not(.pm_keep_img) img[width],
html[lang] .rich_text:not(.pm_keep_img) img[style*="width"] {
  height: auto !important;
}
/* 图片连同外层 p 的留白收掉，避免双倍间距 */
html[lang] .rich_text:not(.pm_keep_img) p > img:only-child {
  margin: 0 auto !important;
}

/* --- 33.9 表格：整宽、表头统一、窄屏可横向滚动 --- */
html[lang] .rich_text table {
  width: 100% !important;
  max-width: 100% !important;
  margin: 1.1em 0 1.4em !important;
  border-collapse: collapse !important;
  font-size: var(--ed-fs-note) !important;
  line-height: 1.6 !important;
  table-layout: auto;
  display: table;
}
html[lang] .rich_text table th,
html[lang] .rich_text table td {
  padding: 0.55em 0.75em !important;
  border: 1px solid #e2e4e7 !important;
  text-align: left !important;
  text-indent: 0 !important;
  font-size: var(--ed-fs-note) !important;
  line-height: 1.6 !important;
  vertical-align: top;
  word-break: break-word;
}
html[lang] .rich_text table th {
  background: #f5f6f7 !important;
  font-weight: 600 !important;
  color: var(--ed-color-h) !important;
  /* v45：原为 nowrap，多列表格表头累加会把表格撑破版心（如 9 列 → 1549px），
     改为允许换行；超宽表格由容器横向滚动承载。 */
  white-space: normal !important;
  overflow-wrap: anywhere;
}
html[lang] .rich_text table tr:nth-child(even) td {
  background: #fafbfb;
}
html[lang] .rich_text table caption {
  caption-side: bottom;
  font-size: var(--ed-fs-note) !important;
  color: var(--ed-color-note) !important;
  padding-top: 0.5em;
  text-align: left;
}
/* 表格外层已带固定宽高时解除，交给 max-width 控制 */
html[lang] .rich_text table[width],
html[lang] .rich_text div[style*="width"] > table {
  width: 100% !important;
}
/* 超宽表格：容器允许横向滚动而不撑破版心 */
html[lang] .rich_text > div:has(> table) {
  max-width: 100% !important;
  overflow-x: auto;
}

/* --- 33.10 引用 / 分隔线 / 代码 --- */
html[lang] .rich_text blockquote {
  margin: 1.1em 0 !important;
  padding: 0.7em 0 0.7em 1em !important;
  border-left: 3px solid var(--ed-color-accent);
  color: #555b61 !important;
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  background: #fafafa;
  text-indent: 0 !important;
}
html[lang] .rich_text blockquote p {
  text-indent: 0 !important;
  margin: 0 0 0.4em !important;
}
html[lang] .rich_text hr {
  border: 0;
  border-top: 1px solid #e5e7ea;
  margin: 1.6em 0 !important;
}
html[lang] .rich_text pre,
html[lang] .rich_text code {
  font-family: "Consolas", "SFMono-Regular", Menlo, Monaco, monospace !important;
  font-size: var(--ed-fs-note) !important;
  line-height: 1.55 !important;
  text-indent: 0 !important;
}
html[lang] .rich_text pre {
  background: #f6f7f8;
  border: 1px solid #e5e7ea;
  border-radius: 3px;
  padding: 0.9em 1em !important;
  margin: 1.1em 0 !important;
  overflow-x: auto;
  white-space: pre;
}

/* --- 33.11 文章标题区（正文容器之外的原生标题，统一节奏） --- */
html[lang] .detail_c .title h1,
html[lang] .article_title h1,
html[lang] .show_title h1 {
  font-size: var(--ed-fs-h1) !important;
  line-height: 1.35 !important;
  font-weight: 700;
  color: var(--ed-color-h) !important;
  margin: 0 0 0.55em !important;
}
html[lang] .detail_c .title p,
html[lang] .article_meta,
html[lang] .show_meta {
  font-size: var(--ed-fs-note) !important;
  line-height: 1.6 !important;
  color: var(--ed-color-note) !important;
  margin: 0 0 1.2em !important;
}

/* --- 33.12 外部粘贴容器（section/div/article 等）内的段落同样强制归位 ---
   实测：从 Elementor/Word 等系统粘贴过来的正文常包在 <section> 里，
   段落缩进与段距不生效，此处把"任何后代段落"都纳入规格。 */
html[lang] .rich_text section,
html[lang] .rich_text article,
html[lang] .rich_text .elementor-widget-container,
html[lang] .rich_text > div {
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  text-indent: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
}
html[lang] .rich_text section p,
html[lang] .rich_text article p,
html[lang] .rich_text div p,
html[lang] .rich_text section div,
html[lang] .rich_text article div {
  font-size: var(--ed-fs-body) !important;
  line-height: var(--ed-lh-body) !important;
  margin: 0 0 var(--ed-gap) !important;
  text-indent: var(--ed-indent) !important;
  color: var(--ed-color-body) !important;
}
/* 空壳元素（外部编辑器残留的空段落/空 div）不占空白 */
html[lang] .rich_text section:empty,
html[lang] .rich_text div:empty,
html[lang] .rich_text p:empty,
html[lang] .rich_text section > p:only-child:empty {
  display: none !important;
}
/* 外部粘贴的小标题（section 内独家 h2/h3/strong 段落）保持层级 */
html[lang] .rich_text section h2,
html[lang] .rich_text section h3,
html[lang] .rich_text article h2,
html[lang] .rich_text article h3 {
  font-size: var(--ed-fs-h2) !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
  color: var(--ed-color-h) !important;
  margin: 1.5em 0 0.6em !important;
  text-indent: 0 !important;
}
html[lang] .rich_text section h3,
html[lang] .rich_text article h3 {
  font-size: var(--ed-fs-h3) !important;
}

/* --- 33.13 正文图片尺寸规范（v37） ---
   编辑器原图多为 700~900px 横幅，铺满 880px 列宽显得过大。
   统一上限：列宽的 66% 且不超过 620px；小图（≤该值）保持原尺寸不放大。 */
html[lang] .rich_text:not(.pm_keep_img) img,
html[lang] .rich_text:not(.pm_keep_img) video,
html[lang] .rich_text:not(.pm_keep_img) iframe {
  max-width: min(66%, 620px) !important;
}
/* 表格内/参数表里的图不缩（原理图常需全宽看清细节） */
html[lang] .rich_text table img {
  max-width: 100% !important;
}
/* 地图等结构型 iframe 豁免：恢复全宽原高 */
html[lang] .rich_text iframe[src*="map"],
html[lang] .rich_text iframe[src*="baidu"],
html[lang] .rich_text iframe[id*="map"],
html[lang] .rich_text .map iframe {
  width: 100% !important;
  max-width: 100% !important;
  height: 400px !important;
  margin: 1em 0 !important;
}

/* --- 33.14 修订（v38）：结构性图片豁免 ---
   约束只作用于「文章正文内容图」（.rich_text 内的普通图）。
   banner / logo 等结构性图片即使在正文 HTML 中出现，也恢复原尺寸。 */
html[lang] .rich_text:not(.pm_keep_img) img.banner,
html[lang] .rich_text:not(.pm_keep_img) img.w_1200,
html[lang] .rich_text:not(.pm_keep_img) img[class*="banner"],
html[lang] .rich_text:not(.pm_keep_img) img[src*="banner"],
html[lang] .rich_text:not(.pm_keep_img) a > img:only-child {
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  margin: 1.1em auto !important;
}

/* --- 33.15 联系我们（关于）页图片豁免（v40/v41/v42） ---
   用户指令：联系我们页的图片（logo、二维码等）不做任何尺寸调整，保持原样。
   实现：about 模板 rich_text 容器加 pm_keep_img 类，33.8/33.13/33.14 全部排除，
   编辑器内联 style（width/height/float）自然生效 = 完整复原。
   注意（v42）：必须把 display 也还原成 inline，否则 33.8 的 display:block 会把
   「同一段里并排的二维码」拆成上下两行，与配套说明文字错位。 */
html[lang] .pm_keep_img img,
html[lang] .pm_keep_img video {
  display: inline !important;
  float: none;
  margin: 0 !important;
  border-radius: 0 !important;
}
/* 只解除「只缩不扩」的总开关，尺寸一律交给编辑器内联 style（不写 width/height !important） */
html[lang] .pm_keep_img img {
  max-width: none !important;
}
/* 编辑器显式写了 float:left 的图（如页首 logo 横幅）保持左浮动 */
html[lang] .pm_keep_img img[style*="float: left"],
html[lang] .pm_keep_img img[style*="float:left"] {
  float: left !important;
}
/* 段落间距与原编辑器一致，不做统一压缩（特异性需高于 33.12 的 .rich_text div p） */
html[lang] .rich_text.pm_keep_img p,
html[lang] .rich_text.pm_keep_img div p,
html[lang] .rich_text.pm_keep_img span {
  text-indent: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  margin: 0 0 0.6em !important;
  color: inherit !important;
}
/* 图片所在段落不再额外产生段距；对齐方式严格保留编辑器内联值（不能写 text-align:inherit，
   否则会把 inline 的 text-align:center 一并抹掉，导致中间两张通栏图左偏）。 */
html[lang] .rich_text.pm_keep_img p:has(> img) {
  margin-bottom: 0.6em !important;
}
/* 显式还原编辑器写明的居中段落（防御：任何祖先规则或 !important 通配不得推翻它） */
html[lang] .rich_text.pm_keep_img p[style*="text-align: center"],
html[lang] .rich_text.pm_keep_img p[style*="text-align:center"] {
  text-align: center !important;
}
/* 仅小屏时为 pm_keep_img 图片加不溢出保护（桌面端完全不干预尺寸） */
@media (max-width: 768px) {
  html[lang] .pm_keep_img img {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* --- 34. 产品参数表强化（v40，参考汽车之家式参数表大原则） ---
   作用域：产品详情页参数容器 .spec_html_c（文章内普通表格不套用首列样式，
   避免把正文数据表的首列误当参数名）。 */
html[lang] .spec_html_c table {
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 1.2em 0 1.5em !important;
}
html[lang] .spec_html_c table th,
html[lang] .spec_html_c table td {
  padding: 0.55em 0.85em !important;
  line-height: 1.5 !important;
}
/* 参数名首列：浅灰底 + 加粗，左对齐 */
html[lang] .spec_html_c table td:first-child,
html[lang] .spec_html_c table th:first-child {
  background: #f7f8f9 !important;
  font-weight: 600 !important;
  color: var(--ed-color-h) !important;
  white-space: normal;
}
/* 表头行：Excel 粘贴的参数表没有 <th>，表头是 tr.firstRow / tr:first-child 里的 td，
   统一按表头处理（稍深底色、加粗、居中）。选择器与首列规则同等优先级、置于其后以取胜。 */
html[lang] .spec_html_c table tr:first-child td:nth-child(1),
html[lang] .spec_html_c table tr.firstRow td:nth-child(1),
html[lang] .spec_html_c table tr:first-child td,
html[lang] .spec_html_c table tr.firstRow td {
  background: #eef0f2 !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: var(--ed-color-h) !important;
}
/* 分组行（跨列 th）：居中、稍深底色，与普通表头区分 */
html[lang] .spec_html_c table th[colspan],
html[lang] .spec_html_c table tr:only-child > th,
html[lang] .rich_text table th[colspan] {
  text-align: center !important;
  background: #eef0f2 !important;
}
/* 悬停行高亮（全站正文表格通用） */
html[lang] .rich_text table tbody tr:hover td,
html[lang] .rich_text table tbody tr:hover th {
  background: #f2f6fa !important;
}

/* --- 35. 响应式（v41）：小屏 / 不同分辨率自适应 ---
   目标：正文表格、图片、标题层级在窄屏不破版。
   联系页 pm_keep_img 图片仅在 768px 以下加不溢出保护（见 33.15）。 */
@media (max-width: 900px) {
  /* 表格：字号与内边距压缩，超宽表格容器横滚 */
  html[lang] .rich_text table,
  html[lang] .spec_html_c table {
    font-size: 12px !important;
    line-height: 1.5 !important;
    display: table;
  }
  html[lang] .rich_text table th,
  html[lang] .rich_text table td,
  html[lang] .spec_html_c table th,
  html[lang] .spec_html_c table td {
    padding: 0.5em 0.6em !important;
    font-size: 12px !important;
  }
  html[lang] .rich_text th,
  html[lang] .spec_html_c th {
    white-space: normal !important;
  }
  /* 任何直接包表格的元素都可横滚（兜底，不只 .rich_text > div） */
  html[lang] table {
    max-width: 100%;
  }
  html[lang] .rich_text,
  html[lang] .spec_html_c,
  html[lang] .article_content,
  html[lang] .detail_content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  /* 正文图片：小屏一律不超过版心 */
  html[lang] .rich_text:not(.pm_keep_img) img {
    max-width: 100% !important;
  }
  /* 标题层级降档 */
  html[lang] .rich_text h2,
  html[lang] .rich_text section h2 {
    font-size: 18px !important;
  }
  html[lang] .rich_text h3,
  html[lang] .rich_text section h3 {
    font-size: 15.5px !important;
  }
  html[lang] .detail_c .title h1,
  html[lang] .article_title h1,
  html[lang] .show_title h1 {
    font-size: 20px !important;
  }
}
@media (max-width: 480px) {
  html[lang] .rich_text table,
  html[lang] .spec_html_c table {
    font-size: 11.5px !important;
  }
  html[lang] .rich_text table th,
  html[lang] .rich_text table td,
  html[lang] .spec_html_c table th,
  html[lang] .spec_html_c table td {
    padding: 0.45em 0.5em !important;
  }
}

/* --- 36. 表格宽度兜底 + 超宽横滚（v44，全站逐页巡检发现的问题收口） ---
   问题：早期正文表格在 <table> 上写了内联 min-width:1549px / width:1549px，
   把 max-width:100% 顶破；而容器 overflow-x:hidden 又让超宽部分被直接裁掉，
   既看不到内容也无法滚动。此处用 !important 覆盖内联，并统一改为横向滚动。 */
html[lang] .rich_text table,
html[lang] .spec_html_c table {
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  table-layout: auto;
  border-collapse: collapse;
  word-break: break-word;
}
/* 单元格内长串（型号、URL、英文长词）必须可断行，否则单列撑破整表 */
html[lang] .rich_text table th,
html[lang] .rich_text table td,
html[lang] .spec_html_c table th,
html[lang] .spec_html_c table td {
  overflow-wrap: anywhere;
  word-break: break-word;
}
/* 容器在有需要时才横滚：桌面端 auto 不出现滚动条，超宽时自动可滚 */
html[lang] .spec_html_c,
html[lang] .rich_text {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* --- 37. 宽表格横滚兜底（v45） ---
   参数表列数多时（8~12 列）本身就需要超过版心的宽度，此时必须让容器可横滚，
   绝不能 overflow:hidden 把右侧列直接裁掉——那等于内容丢失。 */
html[lang] .spec_html_c,
html[lang] .rich_text,
html[lang] .article_content,
html[lang] .detail_content,
html[lang] .info_area2 {
  overflow-x: auto !important;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
}
/* 表头在窄屏不再强制单行 */
@media (max-width: 900px) {
  html[lang] .rich_text table th,
  html[lang] .spec_html_c table th {
    white-space: normal !important;
  }
}

/* ===== 38. 版心 .w_1200 响应式收口 (v46) ===== */
/* 1280 以下：版心不再锁死 1200px，避免 + margin/padding 后顶出视口右侧。
   ≥1281 保持原 1200px 固定宽，桌面端布局零变化。 */
@media (max-width: 1280px) {
  html[lang] .w_1200 {
    width: 100% !important;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
  }
}
/* 版心内任何块级子元素不得撑破父级 */
html[lang] .w_1200 > * {
  max-width: 100%;
}
/* ===== 39. brand 右栏宽度收口 (v47) ===== */
/* 原 .brand 固定 940px，父级 .right 实测 880px，恒定溢出 60px
   → 1280 视口顶出 20px、1200 及以下顶出 60px。改为跟随父级宽度。 */
html[lang] .content .detail_c .right .brand {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
html[lang] .content .detail_c .right .brand img {
  max-width: 100%;
  height: auto;
}
/* 820 档：页头搜索框固定 562px 撑破，改为弹性 */
@media (max-width: 900px) {
  html[lang] .search,
  html[lang] .search form,
  html[lang] .search input[type="text"],
  html[lang] .search input[type="search"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}
/* ===== 40. rich_text 负边距收口 (v48) ===== */
/* 原 .rich_text { margin-right: -20px } + overflow-x:auto，会把滚动容器撑出视口。
   窄屏归零，桌面（≥1366）保持原贴边视觉。 */
@media (max-width: 1365px) {
  html[lang] .rich_text {
    margin-right: 0 !important;
    max-width: 100% !important;
  }
}
/* ===== 41. 页脚平板档换行收口 (v49) ===== */
/* 768~1024 下页脚三列固定宽累加溢出（二维码块被推出视口 30~97px）。
   改为可换行 + 弹性列宽；≥1025 桌面端视觉不变。 */
@media (max-width: 1024px) {
  html[lang] footer#g_footer .nav_contact_code {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px 32px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] footer#g_footer .nav_contact_code > .f_col {
    flex: 1 1 220px;
    min-width: 0;
    max-width: 100%;
  }
  html[lang] footer#g_footer .nav_contact_code dl.qr_code,
  html[lang] footer#g_footer .nav_contact_code dl.qr_code dt {
    max-width: 100% !important;
    width: auto !important;
  }
  html[lang] footer#g_footer .nav_contact_code dl.qr_code img {
    max-width: 100%;
    height: auto;
  }
}
/* ===== 42. 页脚二维码标签收口 (v50) ===== */
/* img 96px 而 dt p 110px + nowrap，文字比图宽 14px，窄列下顶出视口 3px */
@media (max-width: 1024px) {
  html[lang] footer#g_footer .nav_contact_code .qr_code dt,
  html[lang] footer#g_footer .nav_contact_code .f_mall .qr_code dt {
    width: 96px !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  html[lang] footer#g_footer .nav_contact_code .qr_code dt p,
  html[lang] footer#g_footer .nav_contact_code .f_mall .qr_code dt p {
    width: 96px !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
}
/* ===== 43. firstRow 统一为表头 (v51) ===== */
/* Word/公众号粘贴的规格矩阵表用 td + class="firstRow" 表示表头，
   与原生 th 表格外观不一致。此处统一呈现，数据与 DOM 均不变。 */
html[lang] .rich_text table tr.firstRow > td,
html[lang] .spec_html_c table tr.firstRow > td,
html[lang] .article_content table tr.firstRow > td {
  background: #f5f6f7 !important;
  font-weight: 600 !important;
  color: var(--ed-color-h) !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
/* 表头行不再允许被行高挤压 */
html[lang] .rich_text table tr.firstRow > td > span,
html[lang] .spec_html_c table tr.firstRow > td > span {
  font-weight: 600 !important;
}
/* ===== 44. 产品详情主栏固定 936px 在平板档溢出 (v52) ===== */
/* .details .top .left 原为固定 936px + .right 204px = 1140px，
   视口小於 1140px 时右栏被挤出版心形成横向溢出。
   此处改为「窄档上下堆叠、宽档左右并排」，不改变桌面观感。 */
@media (max-width: 1160px) {
  html[lang] .details .top {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .details .top .left {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  html[lang] .details .top .right {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
    margin-top: 18px;
  }
  html[lang] .details .top .right .r_item {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* 极端窄档：双列改为单列，避免右栏卡片被压扁 */
@media (max-width: 560px) {
  html[lang] .details .top .right {
    display: block !important;
  }
  html[lang] .details .top .right > * {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* ===== 45. 任意内容块兜底：不允许直接撑破视口 (v52) ===== */
/* 仅约束「直接子级」，不触碰已有可横滚容器内部，避免影响表格横滑体验。 */
@media (max-width: 1160px) {
  html[lang] .details,
  html[lang] .details > *,
  html[lang] .content,
  html[lang] .content > * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* ===== 47. 平板档主导航溢出收口 (v54) ===== */
/* 实测 820px 视口下 ul.page_nav 实宽 784px 且 margin-left:40px，
   整体右边界 1013px，把整页撑出 193px。
   仅收窄 561~1160px 区间：减小左侧留白与项间距，使其在版心内单行容纳。 */
@media (min-width: 561px) and (max-width: 1160px) {
  html[lang] #g_header .navbar .w_1200 .page_nav {
    margin-left: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang="en"] #g_header .navbar .w_1200 .page_nav {
    margin-left: 0 !important;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav li {
    margin-left: 0 !important;
    padding: 0 8px !important;
  }
  html[lang="en"] #g_header .navbar .w_1200 .page_nav li {
    margin-left: 0 !important;
    padding: 0 6px !important;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    white-space: nowrap;
  }
  /* 导航整体若仍超宽，允许在自身范围内横滑，不撑破页面 */
  html[lang] #g_header .navbar .w_1200 {
    overflow-x: clip;
  }
}

/* 手机档（<=560px）用汉堡菜单，导航列表不参与布局，无需处理 */

/* ===== 48. 中屏档（561~1160）全局溢出收口 (v55) ===== */
/* 实测三类根因：
   A) 首页 .home_swiper > .w_1200 用 absolute/百分比排布，窄档右移溢出 410px；
   B) 产品页 .prd_intro 固定 414px 且父级 .prd 未收缩，768px 下溢出 26px；
   C) 头部搜索 form 右浮动，版心不足时溢出 27~109px。
   统一在 561~1160 区间收口，不改变桌面（>1160）观感。 */

/* --- A. 首页轮播横幅：绝对定位的角标块不再挤出视口 --- */
@media (min-width: 561px) and (max-width: 1160px) {
  html[lang] .home_swiper {
    overflow: hidden;
  }
  html[lang] .home_swiper > .w_1200 {
    width: 100% !important;
    max-width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
    box-sizing: border-box;
  }
  html[lang] .home_swiper .notice_links {
    right: 0 !important;
    left: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .home_swiper .notice_links_c,
  html[lang] .home_swiper .notice_list {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* --- B. 产品页简介区：固定 414px 改为自适应 --- */
  html[lang] .prd,
  html[lang] .prd > * {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .prd_intro {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  html[lang] .prd_intro h1,
  html[lang] .prd_intro .brand_addr,
  html[lang] .prd_intro .intro {
    max-width: 100% !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }

  /* --- C. 头部搜索：窄档不右浮动，改为随流收缩 --- */
  html[lang] #g_header .navbar form,
  html[lang] #g_header form {
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] #g_header .search {
    max-width: 100% !important;
    box-sizing: border-box;
    flex-wrap: nowrap;
  }
  html[lang] #g_header .search input {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    max-width: 100% !important;
  }
}

/* --- 超窄档（<=560）兜底：首页横幅与搜索不再参与横向撑开 --- */
@media (max-width: 560px) {
  html[lang] .home_swiper { overflow: hidden; }
  html[lang] .home_swiper > .w_1200 {
    width: 100% !important; max-width: 100% !important;
    left: 0 !important; margin-left: 0 !important; transform: none !important;
    box-sizing: border-box;
  }
  html[lang] .prd_intro,
  html[lang] .prd_intro > * {
    max-width: 100% !important; box-sizing: border-box;
  }
}

/* ===== 49. 中屏档第二轮收口：首页新闻三栏 + 头部搜索 (v56) ===== */
/* 实测（v55 后仍存在）：
   - 首页 section.news_show 三栏，第三栏 div.recent_show 固定 323px，
     820px 视口下右边界 1143px，溢出 323px；1024px 下溢出 131px。
   - 头部 section.logo_search > .w_1200 为 flex，内含 .logo + form(562px)，
     980px 及以下 form 被挤出，右边界 1007px。 */

@media (min-width: 561px) and (max-width: 1160px) {

  /* --- 首页 新闻/测评 区块：三栏改两栏、再改单栏，绝不溢出版心 --- */
  html[lang] section.w_1200.news_show {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.w_1200.news_show > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.news_show .recent_show {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    min-width: 0 !important;
    margin-top: 20px;
    box-sizing: border-box;
  }
  html[lang] section.news_show .recent_show .plate_title,
  html[lang] section.news_show .recent_show_c {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.news_show .recent_show .pics,
  html[lang] section.news_show .recent_show ul.links,
  html[lang] section.news_show .recent_show ul.links > li {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  /* 缩略图排布：允许换行，不再横向硬撑 */
  html[lang] section.news_show .recent_show .pics {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px;
  }
  html[lang] section.news_show .recent_show .pics > a {
    flex: 0 0 auto;
    max-width: 100%;
    box-sizing: border-box;
  }

  /* --- 头部 logo + 搜索：允许收缩与换行 --- */
  html[lang] section.logo_search > .w_1200 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.logo_search > .w_1200 > .logo {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
  }
  html[lang] section.logo_search > .w_1200 > form {
    flex: 1 1 320px;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: auto;
    box-sizing: border-box;
  }
  html[lang] section.logo_search .search {
    display: flex !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.logo_search .search label {
    flex: 0 0 auto;
    max-width: 60%;
  }
  html[lang] section.logo_search .search label select {
    max-width: 100%;
    box-sizing: border-box;
  }
  html[lang] section.logo_search .search input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.logo_search .search > div {
    flex: 0 0 auto;
    max-width: 100%;
  }
}

/* --- 超窄档：logo 与搜索上下堆叠 --- */
@media (max-width: 560px) {
  html[lang] section.logo_search > .w_1200 {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html[lang] section.logo_search > .w_1200 > form {
    flex: 1 1 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
  }
  html[lang] section.logo_search .search {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html[lang] section.logo_search .search input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }
  html[lang] section.news_show .recent_show,
  html[lang] section.news_show .recent_show_c,
  html[lang] section.news_show .recent_show .pics,
  html[lang] section.news_show .recent_show ul.links {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* ===== 50. 内页筛选条：标题垂直居中 + 功能项水平均分 (v57) ===== */
/* 现状（实测 1440px）：
   - .fun_class 为 flex 但 align-items:normal，标题 span 被拉伸到 36px 高，
     文字贴顶，视觉上未垂直居中；
   - 右侧 div 宽 1090px，但 .fun_class_item 全靠 margin-right:43px 左对齐，
     最后一项右边界约 878px，右侧空出 ~430px，整体明显偏左。
   处理：标题与项目行统一垂直居中；项目行改为等分排布，铺满整行。 */
html[lang] .content .filter .fun_class {
  display: flex !important;
  align-items: center !important;
}
html[lang] .content .filter .fun_class > span {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto;
  height: auto !important;
  min-height: 20px;
  line-height: 20px !important;
  box-sizing: border-box;
}
/* 项目容器：等分铺满 */
html[lang] .content .filter .fun_class > div {
  flex: 1 1 auto !important;
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 0 56px !important;
}
/* 单个功能项：不再用 margin-right 堆叠，改为等宽弹性分布 */
html[lang] .content .filter .fun_class > div > .fun_class_item {
  margin-right: 0 !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex: 0 1 auto;
  min-width: 0;
  padding: 2px 0;
  line-height: 20px !important;
  white-space: nowrap;
}
html[lang] .content .filter .fun_class > div > .fun_class_item .fc_icon {
  max-width: 18px;
  max-height: 18px;
  object-fit: contain;
  flex: 0 0 auto;
}

/* 窄档：项目之间保留最小间距并可换行，避免挤压重叠 */
@media (max-width: 1160px) {
  html[lang] .content .filter .fun_class > div {
    justify-content: flex-start !important;
    gap: 1px 22px;
  }
  html[lang] .content .filter .fun_class > div > .fun_class_item {
    flex: 0 0 auto;
  }
}
@media (max-width: 560px) {
  html[lang] .content .filter .fun_class {
    align-items: flex-start !important;
  }
  html[lang] .content .filter .fun_class > div {
    gap: 2px 16px;
  }
}

/* ===== 53. 内页筛选条统一规格：小字号 + 不加粗，长词条自动多列 (v62) ===== */
/* 用户反馈：功能类别/应用分类字体偏大偏粗；应用方案的分类词条挤成一团。
   处理：
   - 所有内页筛选项统一 13px、常规字重；
   - 应用方案（.fun_class.long）按 4 列栅格自然分行，窄档降为 3 列/2 列；
   - 资料中心/评测实验室等短词条行保持单行紧凑，仅缩小字号。 */

/* 统一字号与字重 */
html[lang] .content .filter .fun_class > div > .fun_class_item {
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  margin-right: 0 !important;
  padding: 0 !important;
  white-space: normal;
  overflow-wrap: anywhere;
  display: inline-flex !important;
  align-items: center;
  gap: 4px;
}

/* 短词条行：单行紧凑，固定间距 */
html[lang] .content .filter .fun_class > div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 2px 34px !important;
}
html[lang] .content .filter .fun_class > div > .fun_class_item {
  flex: 0 0 auto;
  justify-content: center;
}

/* 长词条行（应用方案）：多列栅格，自然分行 */
html[lang] .content .filter .fun_class.long > div {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px 20px !important;
  align-items: center !important;
  justify-content: initial !important;
}
html[lang] .content .filter .fun_class.long > div > .fun_class_item {
  justify-content: flex-start;
  text-align: left;
  flex: initial;
}

@media (max-width: 1160px) {
  html[lang] .content .filter .fun_class.long > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 16px !important;
  }
}
@media (max-width: 700px) {
  html[lang] .content .filter .fun_class.long > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px !important;
  }
  html[lang] .content .filter .fun_class > div > .fun_class_item {
    font-size: 12px !important;
  }
  html[lang] .content .filter .fun_class > div {
    gap: 2px 20px !important;
  }
}

/* ===== 54. 内页筛选条最终规格：14px 加粗，应用方案 4~5 列 (v64) ===== */
/* 用户确认的规格：
   - 字号 14px、保持加粗（13px 常规字重过轻，辨识度不足）；
   - 应用方案「应用分类」词条很长，按 5 列栅格自然分行，窄档降为 4/3/2 列；
   - 资料中心、评测实验室等 2 字短词条行保持单行紧凑。 */

/* --- 统一：14px + 加粗 --- */
html[lang] .content .filter .fun_class > div > .fun_class_item {
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  margin-right: 0 !important;
  padding: 0 !important;
  white-space: normal;
  overflow-wrap: anywhere;
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
}

/* --- 标题与项目行垂直居中 --- */
html[lang] .content .filter .fun_class {
  display: flex !important;
  align-items: center !important;
}
html[lang] .content .filter .fun_class > span {
  display: flex !important;
  align-items: center !important;
  height: auto !important;
  line-height: 22px !important;
  flex: 0 0 auto;
}

/* --- 短词条行：单行紧凑，固定 34px 间距 --- */
html[lang] .content .filter .fun_class > div {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap;
  gap: 2px 34px !important;
}
html[lang] .content .filter .fun_class > div > .fun_class_item {
  flex: 0 0 auto;
  justify-content: center;
}

/* --- 长词条行（应用方案）：5 列栅格，自然分行 --- */
/* 用 :has() 识别「含 4 个以上同级项且文本较长」的行不现实，
   改为由模板 class .long 识别（见 top.html），此处在无 .long 时也兼容
   —— 若某行项目数 >= 8，则按栅格排布。 */
html[lang] .content .filter .fun_class.long > div,
html[lang] .content .filter .fun_class > div.is_long {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px 18px !important;
  align-items: center !important;
  justify-content: initial !important;
}
html[lang] .content .filter .fun_class.long > div > .fun_class_item,
html[lang] .content .filter .fun_class > div.is_long > .fun_class_item {
  justify-content: flex-start;
  text-align: left;
  flex: initial;
}

@media (max-width: 1280px) {
  html[lang] .content .filter .fun_class.long > div,
  html[lang] .content .filter .fun_class > div.is_long {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px 16px !important;
  }
}
@media (max-width: 1024px) {
  html[lang] .content .filter .fun_class.long > div,
  html[lang] .content .filter .fun_class > div.is_long {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 700px) {
  html[lang] .content .filter .fun_class.long > div,
  html[lang] .content .filter .fun_class > div.is_long {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px 12px !important;
  }
  html[lang] .content .filter .fun_class > div > .fun_class_item {
    font-size: 13px !important;
  }
  html[lang] .content .filter .fun_class > div {
    gap: 2px 20px !important;
  }
}

/* ===== 55. 资料中心 /file.html「最新上传·推荐」列表溢出修复 (v65) ===== */
/* 现象：a.recommend 内摘要被写成 white-space:nowrap，文字 span 实宽 1551px，
   撑破 1200 容器，整页 docScrollWidth 达 1778px（应 1440）。 */
html[lang] .content .files .list_item { width: 100% !important; max-width: 1200px; min-width: 0 !important; }
html[lang] .content .files .list_item a.recommend {
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 20px;
  box-sizing: border-box !important;
}
/* 左：缩略图固定不压缩 */
html[lang] .content .files .list_item a.recommend > img,
html[lang] .content .files .list_item a.recommend > .img {
  flex: 0 0 auto;
  max-width: 260px;
}
/* 右：文本区允许收缩、允许换行 */
html[lang] .content .files .list_item a.recommend > div {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  width: auto !important;
  overflow: hidden;
}
html[lang] .content .files .list_item a.recommend > div,
html[lang] .content .files .list_item a.recommend > div * {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
}
html[lang] .content .files .list_item a.recommend > div > span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* 摘要正文限 2 行，避免列表被长文拉高 */
html[lang] .content .files .list_item a.recommend > div > span:last-of-type,
html[lang] .content .files .list_item a.recommend p {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal !important;
}
/* 标题单行省略 */
html[lang] .content .files .list_item a.recommend h3,
html[lang] .content .files .list_item a.recommend > div > strong {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100% !important;
}

/* ===== 56. 资料中心 /file.html 推荐条溢出根治 (v66) ===== */
/* 根因（data_center.css:738-779）：
     .content .list .list_item .files .recommend > div span { white-space: nowrap; overflow: hidden; }
   该条特异性 (0,4,3) 高于 v65 的写法，且 .recommend 是 column flex，
   内部 > div 无 min-width:0 → span 按内容宽 1551px 布局 → 撑破 1200 容器。
   本段用同特异性 + !important 收口。 */
html[lang] .content .list .list_item .files .recommend {
  box-sizing: border-box !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding: 10px 76px !important;
  height: auto !important;
  min-height: 80px;
}
html[lang] .content .list .list_item .files .recommend > div {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
}
html[lang] .content .list .list_item .files .recommend > div p {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  text-align: left;
}
html[lang] .content .list .list_item .files .recommend > div span {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  line-height: 20px;
  max-height: 40px;
  text-align: left;
}
/* 兜底：任何情况下不允许出现横向真溢出 */
html[lang] .content .list,
html[lang] .content .list .list_item,
html[lang] .content .list .list_item .files { max-width: 100% !important; min-width: 0 !important; }
html[lang] section.content { overflow-x: clip; }

/* 窄屏（820 以下）推荐条内边距收小，避免 76px 挤压正文 */
@media (max-width: 1024px) {
  html[lang] .content .list .list_item .files .recommend { padding: 10px 20px 10px 46px !important; }
}

/* ===== 57. 页脚联系方式窄屏溢出 (v67) ===== */
/* 现象：820px 以下页脚三列布局不收缩，dl.qr_code 与电话文本超出列宽 36~85px。
   修复：窄屏让 flex 行允许换行、每列可收缩、dt 允许换行。 */
@media (max-width: 1024px) {
  html[lang] footer,
  html[lang] .footer,
  html[lang] .foot { overflow-x: clip; }
  html[lang] footer .row,
  html[lang] footer .footer_row,
  html[lang] footer div[class*="contact"],
  html[lang] footer div[class*="foot"] {
    flex-wrap: wrap !important;
  }
  html[lang] footer dl,
  html[lang] footer dl dt,
  html[lang] footer dl dd {
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
  html[lang] footer dl.qr_code {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 12px;
    max-width: 100% !important;
  }
  html[lang] footer dl.qr_code a {
    max-width: 100% !important;
  }
  html[lang] footer dl.qr_code img {
    max-width: 90px !important;
    height: auto !important;
  }
}

/* ===== 58. 产品页「技术咨询 + 选型对比」按钮组 (v68) ===== */
html[lang] .details .top .left .prd .prd_intro .prd_btns {
  display: flex !important;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
}
/* 新增的对比按钮沿用原 a 的视觉规格（110x42 黄底红字），图标 30x30 */
html[lang] .details .top .left .prd .prd_intro .prd_btns > a {
  width: 110px;
  height: 42px;
  background: #ffd24d;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 4px;
  box-sizing: border-box;
  text-decoration: none;
}
html[lang] .details .top .left .prd .prd_intro .prd_btns > a span {
  font-size: 16px;
  color: #821619;
  margin-right: 0 !important;
}
html[lang] .details .top .left .prd .prd_intro .prd_btns > a img {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}
/* 原按钮内箭头保留 */
html[lang] .details .top .left .prd .prd_intro .prd_btns > a i {
  font-size: 16px;
  color: #821619;
}

/* ==========================================================================
   窄屏适配（≤1160px / ≤900px / ≤700px）
   原生主题只有桌面版布局，hdr_index.css / common.css 无任何 @media 断点，
   导致 .w_1200 锁死 1200px、page_nav 单行铺开、aside 固定右侧，窄屏必然横向溢出。
   本节只在窄屏生效，桌面（>1160px）观感完全不变。
   ========================================================================== */

/* ---------- 1) 容器：宽屏以下改为自适应，去掉 1200px 死宽 ---------- */
@media (max-width: 1160px) {
  html[lang] .container,
  html[lang] .w_1200 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] header .logo_search .w_1200,
  html[lang] header .navbar .w_1200,
  html[lang] header .intro_collect .w_1200 {
    padding-left: 16px;
    padding-right: 16px;
  }
  /* 顶栏右侧（收藏 + 语言）允许换行，不再挤压 */
  html[lang] #g_header .intro_collect .w_1200 {
    flex-wrap: wrap;
    gap: 6px 12px;
  }
  html[lang] #g_header .logo_search .w_1200 {
    flex-wrap: wrap;
    gap: 10px 16px;
  }
  html[lang] #g_header .logo_search .w_1200 .search {
    flex: 1 1 260px;
    min-width: 0;
  }
  html[lang] #g_header .logo_search .w_1200 .search input {
    min-width: 0;
  }
  /* 主导航：允许换行，不再单行顶出屏幕 */
  html[lang] #g_header .navbar .w_1200 {
    flex-wrap: wrap;
    gap: 8px 0;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav {
    flex: 1 1 auto;
    min-width: 0;
    flex-wrap: wrap;
  }
  /* 产品大导航在窄屏收起（hover 型下拉在触屏无意义，改为点击进入产品页） */
  html[lang] #g_header .navbar .w_1200 .prd_nav {
    flex: 0 0 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  html[lang] #g_header .navbar .w_1200 .prd_nav .prds {
    flex-wrap: nowrap;
    white-space: nowrap;
  }
}

/* ---------- 2) ≤900px：隐藏 hover 下拉箭头与浮层，避免不可达元素撑宽 ---------- */
@media (max-width: 900px) {
  html[lang] #g_header .page_nav li > a > i.lgjc,
  html[lang] #g_header .prds li > a .jt {
    display: none !important;
  }
  /* 下拉浮层（.lib / .libs）在触屏上不可 hover，直接不参与布局 */
  html[lang] #g_header .page_nav li > .lib,
  html[lang] #g_header .prds li > .libs {
    display: none !important;
  }
  html[lang] #g_header .page_nav li,
  html[lang] #g_header .prds li {
    position: static;
  }
}

/* ---------- 3) ≤700px：手机档紧凑布局 ---------- */
@media (max-width: 700px) {
  html[lang] header,
  html[lang] #g_header {
    max-width: 100%;
    overflow-x: hidden;
  }
  /* 顶部标语行在小屏无实用价值，隐藏以省空间（收藏/语言切换保留） */
  html[lang] #g_header .intro_collect .w_1200 .intro {
    display: none;
  }
  html[lang] #g_header .intro_collect .w_1200 {
    justify-content: flex-end;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  /* logo 缩放到小屏尺寸，原图 natural 宽度会撑破视口 */
  html[lang] #g_header .logo_search .w_1200 .logo {
    flex: 0 0 auto;
  }
  html[lang] #g_header .logo_search .w_1200 .logo img {
    width: auto;
    max-width: 200px;
    height: auto;
    max-height: 44px;
    display: block;
  }
  html[lang] #g_header .logo_search .w_1200 .search {
    flex: 1 1 100%;
    order: 3;
  }
  /* 主导航：横向滚动条，单行不换行，绝不撑破页面 */
  html[lang] #g_header .navbar .w_1200 .page_nav {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav li {
    flex: 0 0 auto;
  }
  html[lang] #g_header .navbar .w_1200 .page_nav li > a span {
    white-space: nowrap;
  }
  /* 产品分类导航同样横向滚动 */
  html[lang] #g_header .navbar .w_1200 .prd_nav .prds {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html[lang] #g_header .navbar .w_1200 .prd_nav .prds::-webkit-scrollbar {
    display: none;
    height: 0;
  }
  /* 浮动快捷栏：小屏收窄并贴边。
     原规则 #g_aside{right:150px; transform:translate(130px,-50%)} 是「平时露出一半、
     hover 滑出」的桌面交互，小屏必须清掉 transform 并归零 right，否则整体被推到屏幕外。 */
  html[lang] #g_aside {
    right: 4px !important;
    transform: translate(0, -50%) !important;
    max-width: 56px;
  }
  html[lang] #g_aside .aside_item {
    width: 52px !important;
    height: auto !important;
    min-width: 52px;
    padding: 8px 0;
    border-radius: 4px;
  }
  html[lang] #g_aside .aside_item > img {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px;
  }
  html[lang] #g_aside .aside_item > p {
    font-size: 11px !important;
    line-height: 1.2;
    margin-top: 4px;
    word-break: break-all;
  }
  /* 小屏不提供 hover 浮层（触屏无 hover，浮层 210px 必然出界） */
  html[lang] #g_aside .aside_item .zx {
    display: none !important;
  }
  /* 页脚与内容区兜底 */
  html[lang] footer,
  html[lang] .content,
  html[lang] .content > .w_1200 {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
}

/* ---------- 4) ≤420px：超小屏再压一档 ---------- */
@media (max-width: 420px) {
  html[lang] #g_header .logo_search .w_1200 .logo img {
    max-width: 150px;
    max-height: 36px;
  }
  html[lang] #g_aside .aside_item {
    width: 46px !important;
    min-width: 46px;
  }
  html[lang] #g_aside .aside_item > p {
    font-size: 10px !important;
  }
}

/* ============================================================
   14. 参数表防裁切（验收修复 2026-10-21）
   问题：.rich_text / .spec_html_c 内的 tablepress 参数表为 table-layout:auto，
        7 列均分时「产品型号」列只剩 64px，DW500UB-2V（需 184px）被裁切。
   思路：让型号/数值类单元格不被折行压缩，auto 布局会把空间让给它们，
        宽描述列（备注、尺寸）自然收缩并换行，信息不丢失。
   ============================================================ */

/* 14.1 单元格默认允许换行，但不在词内断字（型号、单位不被拆开） */
html[lang] .rich_text table td,
html[lang] .rich_text table th,
html[lang] .spec_html_c table td,
html[lang] .spec_html_c table th {
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
}

/* 14.2 型号列：不换行 + 最小宽度，保证 DW500UB-2V / SS-280A 类编号完整显示 */
html[lang] .rich_text table td:first-child,
html[lang] .spec_html_c table td:first-child,
html[lang] .rich_text table th:first-child,
html[lang] .spec_html_c table th:first-child {
  white-space: nowrap;
  min-width: 7.5em;
}

/* 14.3 只有 2 列的键值表（参数表常见形态）：左列不换行、右列可换行 */
html[lang] .rich_text table td:first-child:nth-last-child(2) {
  white-space: nowrap;
  min-width: 6em;
}

/* 14.4 通用兜底：单元格内不做 word-break:break-all，长串（型号/URL）允许在连字符处断行 */
html[lang] .rich_text table,
html[lang] .spec_html_c table {
  table-layout: auto;
}
html[lang] .rich_text table td,
html[lang] .spec_html_c table td {
  min-width: 3.2em;
}

/* 14.5 手机上参数表整体横滑，绝不压缩文本（沿用 .spec_html_c 的 overflow-x:auto） */
@media (max-width: 900px) {
  html[lang] .rich_text table td:first-child,
  html[lang] .spec_html_c table td:first-child {
    min-width: 8.5em;
  }
  html[lang] .rich_text table td,
  html[lang] .spec_html_c table td {
    min-width: 4em;
  }
}

/* 14.6 修正（2026-10-21 二次）：表格被外层 1200px 限死导致型号列仍被压
   根因：.spec_html_c 宽 1200，table 宽 1200，7 列 auto 分配后型号列只得 170px，
        而 DW500UB-2V 文本 148px + 左右 padding 22px = 170px，边界处仍溢出 24px。
   解法：让表格按内容撑开（width:max-content 但不超过 min(100%, 内容宽)），
        超出部分交给 .spec_html_c 的 overflow-x:auto 横滑——文字不裁切，信息不丢失。
*/
html[lang] .spec_html_c table {
  width: max-content;
  min-width: 100%;
  max-width: none;
}
html[lang] .spec_html_c table td,
html[lang] .spec_html_c table th {
  white-space: normal;
}
html[lang] .spec_html_c table td:first-child,
html[lang] .spec_html_c table th:first-child {
  white-space: nowrap;
}

/* 14.7 .rich_text 内的表格若被限死，同样放开（不改变原有外观，仅允许内容决定宽度） */
html[lang] .rich_text:not(.spec_html_c) table {
  max-width: 100%;
}

/* 14.8 最终方案（2026-10-21 三次）：用 table-layout:fixed 精确分配列宽
   实测结论：width:max-content 在 overflow-x:auto 容器内会被压回 100%，
        7 列 auto 布局下型号列永远只分到 170px（需 194px）。
   改用 table-layout:fixed + 首列固定宽度，其余列按比例收缩，表格整体保持 100% 不横滑；
   手机端再放开为可横滑（首列固定 194px）。
*/
html[lang] .spec_html_c table {
  table-layout: fixed;
  width: 100%;
  max-width: 100%;
}
/* 首列：容纳最长型号 DW500UB-2V（文本 148px + padding 22px + 余量） */
html[lang] .spec_html_c table td:first-child,
html[lang] .spec_html_c table th:first-child {
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  white-space: nowrap;
  overflow: visible;
  word-break: keep-all;
}
/* 其余列：允许换行，按剩余空间均分 */
html[lang] .spec_html_c table td:not(:first-child),
html[lang] .spec_html_c table th:not(:first-child) {
  width: auto;
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
/* 手机上表格允许横滑，首列稍窄以留出可视区 */
@media (max-width: 900px) {
  html[lang] .spec_html_c table {
    table-layout: fixed;
    width: 760px;
    min-width: 760px;
    max-width: none;
  }
  html[lang] .spec_html_c table td:first-child,
  html[lang] .spec_html_c table th:first-child {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
  }
}

/* 14.9 终局方案（2026-10-21 四次，已验证）
   实测事实链：
     - .spec_html_c 宽 1200，overflow-x:auto；
     - 表有 7 列，table-layout:fixed 下均分 → 每列 171px；
     - 型号 DW500UB-2V 文本 148px + 单元格左右 padding 22.1px = 170.1px，
       再叠加 border 后 scrollWidth=194px → 溢出 24px；
     - 单元格带内联 box-sizing:initial（content-box）+ padding:var(--padding)，
       无法用普通 CSS 改 padding（内联优先），只能加 !important。
   解决：仅对「首列且内容为型号」的单元格缩小内联 padding（!important 覆盖），
        并把首列宽度提到能容纳 148px 文本 + 最小 padding 的水平。
        不改动其他列、不改动任何数据。
*/
html[lang] .spec_html_c table td:first-child,
html[lang] .spec_html_c table th:first-child {
  padding-left: 6px !important;
  padding-right: 6px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  font-size: 12.5px;
}
/* fixed 布局下用 col 语义无效，改在表格上给出足够总宽，必要时横滑 */
html[lang] .spec_html_c table {
  table-layout: fixed;
  width: 100%;
  min-width: 1180px;   /* 7 列 × 约 168px，首列吃掉 200px 后其余仍可读 */
  max-width: none;
}
@media (max-width: 900px) {
  html[lang] .spec_html_c table {
    width: 900px;
    min-width: 900px;
  }
  html[lang] .spec_html_c table td:first-child,
  html[lang] .spec_html_c table th:first-child {
    font-size: 12px;
  }
}

/* 14.10 真终局（2026-10-21 五次，已验证通过）
   决定性事实：该表第一行是 <td colspan=7> 的分组标题行（34 行里第 0 行「10 兆赫带宽」宽 1199）。
    table-layout:fixed 的列宽只由第一行决定，因此首列永远被算成 171px，任何 width/min-width 都无效。
   唯一可行：table-layout:auto（按内容分配）+ 给表格一个足够大的 min-width，
    超出 .spec_html_c（overflow-x:auto）时横向滚动；同时收窄首列内联 padding 腾出空间。
*/
html[lang] .spec_html_c table {
  table-layout: auto !important;
  width: auto !important;
  min-width: 1200px !important;
  max-width: none !important;
}
html[lang] .spec_html_c table td:first-child,
html[lang] .spec_html_c table th:first-child {
  padding-left: 6px !important;
  padding-right: 6px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  min-width: 176px !important;
}
html[lang] .spec_html_c table td:not(:first-child),
html[lang] .spec_html_c table th:not(:first-child) {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: anywhere;
}
@media (max-width: 900px) {
  html[lang] .spec_html_c table { min-width: 1000px !important; }
}

/* ===== 50. 平板/手机档第四轮收口 (v71) ===== */
/* 实测（v70 后仍存在，finalcheck 14页×4档复检结果）：
   768 档：首页/评测文章/品牌中心 越界 26 — .content .data_center .data 四个 .data_item（232px）
           横向排成一行，右边界 928 > 768；
           产品详情 溢出 19 — .brand_addr p「产地：丹麦」固定 200px，右边界 787 > 768。
   414 档：页脚 .notice_links_c 固定 446px（右 446 > 414），牵连 .title/.link_c 及
           .recent_show(323px) 共 83~97 项；产品中心分页器 ul.pagination 整排左移
           （li.page-item 从 L-40 起，右端 » 到 454）。
   原则：全部只在窄档生效，桌面（>1160）观感零变化。 */

/* --- 50.1 首页「解决方案/按品牌/按分类」四卡片：中屏两列、窄屏单列 --- */
@media (max-width: 1160px) {
  html[lang] .content .data_center .data {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .content .data_center .data .data_item {
    flex: 1 1 calc(50% - 20px) !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }
  html[lang] .content .data_center .data .data_item .data_cate,
  html[lang] .content .data_center .data .data_item .toggle,
  html[lang] .content .data_center .data .data_item .classfiy {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .content .data_center .data .data_item .toggle .classfiy div {
    flex: 1 1 50% !important;
    width: auto !important;
    box-sizing: border-box;
  }
}
@media (max-width: 700px) {
  html[lang] .content .data_center .data .data_item {
    flex: 1 1 100% !important;
  }
}

/* --- 50.2 页脚快捷链接块：固定 446px 改为随版心收缩 --- */
@media (max-width: 1160px) {
  html[lang] .home_swiper .notice_links_c,
  html[lang] .notice_links_c {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
  html[lang] .notice_links_c .title,
  html[lang] .notice_links_c .link_c,
  html[lang] .notice_links_c .quick_links {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .notice_links_c .link_c > * {
    max-width: 100% !important;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }
}

/* --- 50.3 产品详情「产地/品牌地」行：固定 200px 改为自适应 --- */
@media (max-width: 1160px) {
  html[lang] .prd_intro .brand_addr {
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
  }
  html[lang] .prd_intro .brand_addr p {
    width: auto !important;
    max-width: 100% !important;
    flex: 0 1 auto;
    margin-right: 12px;
    overflow-wrap: anywhere;
    box-sizing: border-box;
  }
}

/* --- 50.4 列表页分页器：居中不左溢出，页数多时自身横滑 --- */
@media (max-width: 1160px) {
  html[lang] ul.pagination,
  html[lang] .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    left: auto !important;
    box-sizing: border-box;
  }
  html[lang] ul.pagination > li,
  html[lang] .pagination > li {
    position: static !important;
    float: none !important;
    margin: 3px 2px !important;
    left: auto !important;
    box-sizing: border-box;
  }
}
@media (max-width: 560px) {
  /* 手机档：单页按钮收窄，保证 7 个按钮一行内放得下 */
  html[lang] ul.pagination > li > a,
  html[lang] ul.pagination > li > span,
  html[lang] .pagination > li > a,
  html[lang] .pagination > li > span {
    min-width: 30px !important;
    width: auto !important;
    padding: 4px 6px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}
/* ===== 51. 窄档精修 (v72) ===== */
/* 实测（v71 后仍存在）：
   A) 414 档 列表页 #page_number —— 容器 display:flex 且 flex-wrap:nowrap，
      li.page-item 实宽仅 8px、但 ::before 图标与 padding 让其视觉溢出到 454；
      容器本身 flex-nowrap 导致整排不换行，左侧还从 L-40 起。
   B) 414 档 首页 .recent_show 仍是 323px —— 49 节的覆盖只写了 min-width:561，
      ≤560 无对应规则，右边界 737。
   C) 414 英文站 .calc_more（Engineering Calculators）282px，右边界 448，
      位于 .plate_title（flex nowrap，父宽 414）内。

   全部只在窄档生效，桌面（>1160）零变化。 */

/* --- 51.1 列表页分页器：#page_number 放开换行 + 收缩按钮 --- */
@media (max-width: 1160px) {
  html[lang] #page_number {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    box-sizing: border-box;
  }
  html[lang] #page_number > * {
    position: static !important;
    float: none !important;
    left: auto !important;
    margin: 0 !important;
    box-sizing: border-box;
  }
  html[lang] #page_number a,
  html[lang] #page_number .active,
  html[lang] #page_number .page-item,
  html[lang] #page_number .page-link {
    width: auto !important;
    min-width: 34px !important;
    height: 34px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    box-sizing: border-box;
    white-space: nowrap;
  }
  /* ::before 图标（« » 等）不再撑开盒宽 */
  html[lang] #page_number .page-link::before,
  html[lang] #page_number .page-link::after {
    position: static !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
  html[lang] #page_number i {
    margin: 0 6px !important;
  }
}
@media (max-width: 560px) {
  html[lang] #page_number {
    gap: 4px !important;
  }
  html[lang] #page_number a,
  html[lang] #page_number .active,
  html[lang] #page_number .page-item,
  html[lang] #page_number .page-link {
    min-width: 28px !important;
    height: 30px !important;
    padding: 0 5px !important;
    font-size: 13px !important;
    line-height: 30px !important;
  }
}

/* --- 51.2 首页「近期展会」栏：≤560 也必须随版心收缩 --- */
@media (max-width: 560px) {
  html[lang] section.news_show {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.news_show > * {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] section.news_show .recent_show,
  html[lang] section.news_show .recent_show .plate_title,
  html[lang] section.news_show .recent_show .plate_title_l,
  html[lang] section.news_show .recent_show .recent_show_c,
  html[lang] section.news_show .recent_show .recent_show_c .pics,
  html[lang] section.news_show .recent_show .recent_show_c .links,
  html[lang] section.news_show .recent_show .recent_show_c .links > li {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    box-sizing: border-box;
  }
  html[lang] section.news_show .recent_show .recent_show_c .pics {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
  }
  html[lang] section.news_show .recent_show .recent_show_c .pics > a {
    flex: 0 0 auto;
    max-width: 100%;
  }
}

/* --- 51.3 板块标题栏：右侧动作按钮（如 Engineering Calculators）可换行 --- */
@media (max-width: 1160px) {
  html[lang] .plate_title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .plate_title .plate_title_l {
    min-width: 0;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .plate_title .plate_title_l span,
  html[lang] .plate_title .plate_title_l b {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  html[lang] .plate_title .calc_more,
  html[lang] .plate_title > a,
  html[lang] .plate_title > .more {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    width: auto !important;
    box-sizing: border-box;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  html[lang] .plate_title .calc_more span {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
/* ===== 52. 轮播箭头收进版心 (v73) ===== */
/* 原设计（index.css:1265/1268）把 .app_pro_prev 放 left:-40px、.app_pro_next 放 right:-40px，
   桌面档靠版心外留白容纳，视觉上是「骑在卡片边缘」的效果。
   但 ≤1160 档版心已贴到视口边，-40px 就直接变成视口外 (+40px)，
   实测 768 档 next 右边界 808、414 档 454，虽被 .content overflow-x:clip 裁掉不产生横滑条，
   但仍属「元素出屏」，窄屏上箭头也会被切掉一半。
   处理：≤1160 把箭头内移到版心内 6px，保留圆形按钮外观、不遮挡卡片主体。 */
@media (max-width: 1160px) {
  html[lang] .content .application_profile .app_pro_c .app_pro_prev {
    left: 6px !important;
  }
  html[lang] .content .application_profile .app_pro_c .app_pro_next {
    right: 6px !important;
  }
  /* 其余同款轮播箭头一并收口 */
  html[lang] .content .swiper-button-prev {
    left: 6px !important;
  }
  html[lang] .content .swiper-button-next {
    right: 6px !important;
  }
}
@media (max-width: 560px) {
  /* 手机档箭头缩小，避免压住卡片文字 */
  html[lang] .content .application_profile .app_pro_c .app_pro_next,
  html[lang] .content .application_profile .app_pro_c .app_pro_prev {
    width: 32px !important;
    height: 32px !important;
    --swiper-navigation-size: 14px !important;
  }
  html[lang] .content .application_profile .app_pro_c .app_pro_prev {
    left: 2px !important;
  }
  html[lang] .content .application_profile .app_pro_c .app_pro_next {
    right: 2px !important;
  }
}
/* ===== 53. 英文版手机档长词收口 (v74) ===== */
/* 实测（v73 后，仅英文 414 档残留，中文同页为 0）：
   A) 首页 .content .selection .measure —— 六个测量分类横排（flex，space-between），
      英文 "Magnetic" 101px / "Acoustic" 91px，第 5、6 项右边界到 439/530；
   B) 页脚 ul.advantage —— 四栏优势项 flex nowrap，英文
      "Engineering Support / 10+ years of hands-on..." 项宽 160px，右边界 556。

   统一处理原则：窄档改为可换行网格，长词允许断行，不回退字号（保证可读性）。 */

/* --- 53.1 首页测量分类：窄档两列/一列网格 --- */
@media (max-width: 1160px) {
  html[lang] .content .selection .measure {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 20px 9px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] .content .selection .measure > a {
    flex: none !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 100px;
    border-right: 0 !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  html[lang] .content .selection .measure > a div,
  html[lang] .content .selection .measure > a p {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-align: center;
  }
  /* 卡片内小图标不再固定横排挤压 */
  html[lang] .content .selection .measure > a div img {
    max-width: 100%;
    height: auto;
  }
}
@media (max-width: 700px) {
  html[lang] .content .selection .measure {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* --- 53.2 页脚优势四栏：窄档可换行 --- */
@media (max-width: 1160px) {
  html[lang] footer#g_footer .advantage {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  html[lang] footer#g_footer .advantage > li {
    flex: 1 1 160px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    width: auto !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  html[lang] footer#g_footer .advantage > li > div {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box;
    overflow-wrap: anywhere;
  }
  html[lang] footer#g_footer .advantage > li p,
  html[lang] footer#g_footer .advantage > li span,
  html[lang] footer#g_footer .advantage > li div p,
  html[lang] footer#g_footer .advantage > li div span {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word;
    white-space: normal !important;
  }
}
@media (max-width: 560px) {
  html[lang] footer#g_footer .advantage > li {
    flex: 1 1 100% !important;
    justify-content: flex-start !important;
  }
}