/* --- 页脚栏目栅格：裁剪后只剩「品牌描述 + 关于我们 + 联系方式」三栏 ---
   不依赖 Tailwind 的 grid-cols-* ，避免预编译 site.css 里缺类名导致排版失效。 */
.ms-fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem;row-gap:2.25rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,0.16)}
.ms-fgrid>*{min-width:0}
.ms-fcol-brand{grid-column:span 2}
.ms-fcol-contact{grid-column:span 2}
@media (min-width:768px){
  .ms-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ms-fcol-brand,.ms-fcol-contact{grid-column:span 2}
}
/* 第五轮：新增【油缸产品】列（置于「关于我们」左侧），桌面端四栏 */
@media (min-width:1024px){
  .ms-fgrid{grid-template-columns:1.45fr 1fr .8fr 1.15fr;column-gap:2.25rem}
  .ms-fcol-brand,.ms-fcol-contact{grid-column:span 1}
}
/* 品牌列下方的能力标签：填掉原有约 130px 空白。
   刻意不放"20 米/150 种/60 台/1500 家"这组数字 —— 那与首屏数据条重复，
   改为首屏没提过的两项能力（大缸径、来图定制），属真实增量。 */
.ms-fcaps{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}
.ms-fcaps span{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border-radius:.25rem;
  border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.11);
  font-size:11.5px;line-height:1;font-weight:600;color:rgba(255,255,255,.96);white-space:nowrap}
.ms-fh{font-size:15px;font-weight:700;color:#fff;margin:0 0 1rem}
.ms-flist{list-style:none;margin:0;padding:0}
.ms-flist>li+li{margin-top:.625rem}
.ms-flist a{font-size:13.5px;color:rgba(255,255,255,.96);text-decoration:none;transition:color .2s}
.ms-flist a:hover{color:#fff}
.ms-fdesc{font-size:13px;line-height:1.85;color:rgba(255,255,255,.96);margin:0}
.ms-fbrand-name{font-family:"Microsoft YaHei","微软雅黑","Heiti SC","SimHei","PingFang SC",sans-serif;font-size:19px;font-weight:800;line-height:1.4;letter-spacing:.02em;color:#fff;margin:0 0 .8rem}
.ms-fbadges{display:flex;align-items:center;gap:.625rem;margin-top:1.25rem}
.ms-fcontact>li{display:flex;gap:.625rem;font-size:13.5px;color:rgba(255,255,255,.96)}
.ms-fcontact>li+li{margin-top:.75rem}
.ms-fcontact .ms-fico{flex:0 0 auto;width:1rem;height:1rem;margin-top:.15rem;color:#3E7BB0}
.ms-fcontact a{color:#fff;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums}
.ms-fcontact a:hover{color:#FFC9CE}
/* 手机号组：一行两项（手机 / 手机），窄屏自动落成上下两行，不挤压地址与二维码。
   与固话行同字号同字重，仅用图标区分，保持视觉重量一致。 */
.ms-fphones{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .75rem}
.ms-fphones a{white-space:nowrap}
.ms-fphones-sep{color:rgba(255,255,255,.5);font-weight:400;user-select:none}
.ms-fqr{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding:.625rem 1rem .625rem .625rem;border:1px solid rgba(255,255,255,0.16);border-radius:.5rem;background:rgba(255,255,255,0.11)}
.ms-fqr img{width:4rem;height:4rem;border-radius:.25rem;background:#fff;object-fit:contain;display:block}
/* QR 双码布局：每个码可点击跳转，悬停轻微提亮 */
.ms-fqr a{display:inline-flex;flex:0 0 auto;border-radius:.25rem}
.ms-fqr a:hover img{opacity:.85}
.ms-fqr-b{font-size:13.5px;font-weight:700;color:#fff;display:block}
.ms-fqr-s{font-size:12.5px;color:rgba(255,255,255,.96)}

/* --- 三码栅格（用户 2026-10-11）：每格 = 码 + 下方 12px 小字名称，等宽平分不溢出 --- */
.ms-fqrs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}
.ms-fqrs a{display:flex;flex-direction:column;align-items:center;gap:.4rem;text-decoration:none;border-radius:.375rem;padding:.4rem .25rem;transition:background .2s}
.ms-fqrs a:hover{background:rgba(255,255,255,.08)}
.ms-fqrs img{width:100%;max-width:72px;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:.25rem;display:block;padding:3px}
/* PC 端名称小字：比 M 端更小（用户 2026-10-11 二次要求"减小一些"）。
   注意：站点对 <b> 有渲染后处理会强制注入 font-size，故此处改用 <span class="ms-qrname">，
   并加 !important 兜底，避免被任何后续注入样式覆盖。 */
.ms-fqrs .ms-qrname{display:block;font-size:10.5px !important;font-weight:600;color:rgba(255,255,255,.88);line-height:1.45;text-align:center;white-space:nowrap}
@media (max-width:1279.98px){.ms-fqrs .ms-qrname{font-size:10px !important;white-space:normal}}

/* --- 版权行：字号调小 + 强制一行不换行 --- */
.ms-fcopy{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 0;font-size:12px;line-height:1.75;color:rgba(255,255,255,.96);text-align:center}
@media (min-width:768px){.ms-fcopy{flex-direction:row;justify-content:space-between;text-align:left}}
.ms-fcopy-line{margin:0;white-space:nowrap;font-size:12px}
.ms-fcopy-line b{color:#fff;font-weight:600}
.ms-fcopy-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem 1.25rem;font-size:12px}
.ms-fcopy-meta a{color:rgba(255,255,255,.96);text-decoration:none;transition:color .2s}
.ms-fcopy-meta a:hover{color:rgba(255,255,255,.96)}
.ms-fcopy-sep{color:rgba(255,255,255,.96)}
/* 版权行中段：填掉「版权文字」与「网站地图」之间的空白（窄屏放不下就隐藏） */
.ms-fcopy-mid{margin:0;font-size:12px;color:rgba(255,255,255,.96);white-space:nowrap}
@media (max-width:1023.98px){.ms-fcopy-mid{display:none}}

/* --- 页脚全局收口：深蓝渐变底 + 纯白文字（覆盖旧 bg-ink-950） --- */
footer.bg-ink-950{
  background:#1B4670 !important;
  background-image:linear-gradient(90deg,rgba(14,46,80,0.15) 0%,rgba(14,46,80,0) 16%,rgba(14,46,80,0) 84%,rgba(14,46,80,0.15) 100%),linear-gradient(180deg,#1B4670 0%,#1C486F 28%,#1C486F 60%,#1A4370 100%) !important;
  background-repeat:no-repeat !important}
.ms-fcopy{background:transparent !important}
.ms-flist a{color:rgba(255,255,255,.96) !important}
.ms-flist a:hover{color:#FFFFFF !important}
.ms-fcontact>li{color:rgba(255,255,255,.96) !important}
.ms-fdesc{color:rgba(255,255,255,.96) !important}
.ms-fcopy,.ms-fcopy-line,.ms-fcopy-meta a{color:rgba(255,255,255,.96) !important}
.ms-fcopy-meta a:hover{color:rgba(255,255,255,.96) !important}