无详情 =
外观一模一样，差别只有 hover 反馈与右下角的「详情 →」（§5.4：不许置灰、
不许加锁、不许写「暂无详情」——做成灰链接访客会以为是坏链）。 */
.eqcard{display:block;color:inherit}
.eqcard-bd{margin-top:12px}
.eqcard .go{margin-top:6px;font-size:13px;color:var(--steel);transition:color var(--t-2) var(--e-std)}
a.eqcard{cursor:pointer}
a.eqcard:hover .strong,
a.eqcard:hover .go{color:var(--orange)}
a.eqcard:focus-visible{outline:2px solid var(--orange);outline-offset:4px;border-radius:var(--r)}
.eqcard.is-plain{cursor:default}
/* 不可点的卡片连图片缩放也去掉：有反馈=可点，无反馈=只有参数，这条区分要干净 */
.eqcard.is-plain .imgbox:hover img{transform:none}
/* --- 24.2 「展示更多」 ----------------------------------------------------
按钮居中，进度行在右侧。宽屏给进度行一个固定槽位，数字变化时按钮不会横向跳动；
窄屏两个元素换行，留槽位反而多一块空白，所以只在宽屏生效。 */
.more-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:44px;flex-wrap:wrap}
.more-prog{font-size:13px;color:var(--steel);font-variant-numeric:tabular-nums}
.more-prog[hidden]{display:none}
@media (min-width:901px){.more-prog{min-width:150px;text-align:left}}
/* 宽屏收起态：不能用 display:none，否则 150px 槽位一起消失、居中 flex 把按钮拉回中间
（实测按钮横跳 82px，访客在原地连点两次只有一次命中）。改成保留盒子、隐藏内容。 */
@media (min-width:901px){.more-prog[hidden]{display:block;visibility:hidden}}
/* 901 以下没有固定槽位：进度行一清空，居中 flex 会把按钮重新居中，横向跳约半个灰字
——访客在原地连点两次只有一次命中。这里改成纵向两行、各自居中，按钮独占一行，
横坐标天然不变，也避免窄屏白留 150px 槽位。 */
@media (max-width:900px){.more-wrap{flex-direction:column;gap:8px}}
/* §4.4 的文案是「展示更多（还剩 N 条）」，剩余条数紧跟在按钮字后面。
.btn 自带 8px 的 gap 会把全角括号再推开一截，这里只对这颗按钮收掉。
min-width 是给「收起」留的：展开到顶后文案从 200px 缩到 84px，
居中布局会把左边缘往右推 58px，访客在原地连点两次只有一次命中。
定宽后两种文案共用同一块宽度，左边缘不动。 */
.more-wrap .btn[data-zl-more]{gap:0;min-width:220px;justify-content:center}
/* 新插入的一批：一次 insertAdjacentHTML 之后逐条淡入。
只动 opacity / translate（合成层），不碰 height，16 张卡不会触发 16 次重排。
zl-motion 只在「系统没要求减少动效」时由 app.js 打上 → 这里天然遵循
prefers-reduced-motion；后台关动效时 html.zl-nomotion 会把时长压到 0。 */
html.zl-motion [data-zl-ins]{animation:zlCardIn var(--t-2) var(--e-out) both}
@keyframes zlCardIn{
from{opacity:0;translate:0 var(--dy-in)}
to{opacity:1;translate:0 0}
}
/* --- 24.3 栏目 tab（沿用 .filters 胶囊，只补计数徽标与窄屏横滚） ---------- */
.zl-tabs{flex-wrap:wrap}
.zl-tabs .f em{font-style:normal;font-size:12px;margin-left:6px;font-variant-numeric:tabular-nums;color:inherit;opacity:.6}
.zl-tabs .f.on em{opacity:.82}
@media (max-width:639px){
/* 639 以下不换行、不折叠成下拉：横向滚动一屏内可点到四个 tab */
.zl-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.zl-tabs::-webkit-scrollbar{display:none}
.zl-tabs .f{flex:0 0 auto}
/* 「共 N 条，当前显示 a–b 条」放进横滚区会把 tab 挤出屏，窄屏不显示 */
.zl-tabs .cnt{display:none}
}
/* --- 24.4 产品详情页 ------------------------------------------------------
标题区直接用 .arthead（38px / ≤1023 28px / ≤639 24px 已在第 19 节定义），
这里只补两处：主图固定 4:3 防跳版、正文与简介之间的间距。 */
.prod-fig{aspect-ratio:4/3}
.prod-body{margin-top:26px}
/* ≤1023 收成通栏：不然左侧 7 列缩成 58%、右侧 5 列缩成 50%，加起来超过 12 列，
主图会掉到第二行只占半宽，右半边空着。 */
@media (max-width:1023px){
.prod-top .c7,.prod-top .c5{grid-column:span 12}
.prod-body{margin-top:20px}
}
/* --- 24.5 业务页 M21 标题区右侧「更多产品」 --------------------------------
结构复用站内既有的 .sec-h.sec-h-row（详情页「同栏目其他产品」就是这个组合），
只改一处：.sec-h-row 默认是 align-items:flex-end，右侧链接会贴到副标题基线、
看起来像副标题的一部分，这里要的是与「标题 + 副标题」整体垂直居中。
覆盖写在 .sec-h-row.zl-eq-head 这个组合选择器上，不动 .sec-h-row 本身。 */
.sec-h-row.zl-eq-head{align-items:center}
.zl-eq-head-main{flex:1 1 auto;min-width:0}
/* 文案是一个整体入口：折行会把「→」单独甩到下一行，读起来像断句 */
.zl-eq-head .zl-eq-more{flex:0 0 auto;white-space:nowrap;color:var(--steel)}
/* hover 必须单独写：.tlink:hover 与上面的选择器同为 (0,2,0)，靠顺序才轮到橙，
而本段在文件末尾——不加这一条，hover 会被上面的 --steel 按住不变色 */
.zl-eq-head .zl-eq-more:hover{color:var(--orange)}
@media (max-width:782px){
/* 窄屏：右侧链接降到副标题下方、左对齐。仍不折行，也不会压住副标题
（两行布局下各自独占一行，不存在互相挤压） */
.sec-h-row.zl-eq-head{flex-direction:column;align-items:flex-start;gap:14px}
}
/* --- 24.6 产品列表搜索栏 --------------------------------------------------
控件皮肤不新造：沿用站内表单的 1px var(--line) 细边 + var(--r) 微圆角 + 白底，
高度对齐 .btn 的 44px（同时满足触控最小点击区）；focus 环由第 18.6 节的
全局 input:focus 规则提供，这里不重复写一套。 */
.zl-search{display:flex;align-items:center;gap:10px;margin-top:22px;flex-wrap:wrap}
.zl-search input[type="search"]{
flex:1 1 260px;min-width:0;height:44px;padding:0 14px;
border:1px solid var(--line);border-radius:var(--r);background:#fff;
font-size:14px;color:var(--ink);font-family:inherit;
}
/* 宽屏给输入框封顶：不限宽时它会铺满整行到 900px 以上，右边挂一颗小按钮，
看着不像搜索框而像一条表单横条。520 与站内表单区（.formgrid 单列）同量级。 */
@media (min-width:783px){.zl-search input[type="search"]{max-width:520px}}
.zl-search input[type="search"]::placeholder{color:var(--mute)}
.zl-search .zl-search-btn{min-height:44px;padding:0 22px}
/* 结果计数行：比正文小一档，不跟卡片抢注意力；关键词加粗回正文字色。
这里不能用 flex + gap：整行是「引号 + 关键词 + 引号 + 文案」连读的一句话，
被 flex 拆成一个个盒子后 gap 会把中文引号和关键词推开，变成「“ 板 ”」。 */
.zl-search-hit{margin:0 0 22px;font-size:13px;color:var(--steel)}
.zl-search-hit b{color:var(--ink);font-weight:600}
.zl-search-hit .tlink{margin-left:10px}
@media (max-width:782px){
/* 窄屏：搜索框独占一行，提交按钮落到第二行右端 */
.zl-search input[type="search"]{flex:1 1 100%}
.zl-search .zl-search-btn{margin-left:auto}
}
/* --------------------------------------------------------------------------
长正文（首页「关于铸鎏」等富文本区）
段落之间给 14px 间距、行高 1.85：客户整段粘进来也不会挤成一坨；
mark 是后台「高亮」按钮插入的黄行，用于一句话重点。
----------------------------------------------------------------------- */
.about-copy p,.rich-copy p{margin:0 0 14px;line-height:1.85}
.about-copy p:last-child,.rich-copy p:last-child{margin-bottom:28px}
.about-copy strong,.rich-copy strong{color:var(--navy);font-weight:600}
.about-copy mark,.rich-copy mark{background:#FFE9A8;color:inherit;padding:0 2px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.about-copy ul,.about-copy ol,.rich-copy ul,.rich-copy ol{margin:0 0 14px 1.2em;padding:0}
.about-copy li,.rich-copy li{margin:0 0 6px;line-height:1.8}