/* ============================================================ 全站页脚 · 移动端布局统一（对齐首页 index.css 的实现） ------------------------------------------------------------ 背景（2026-09-16 m7 站）：内页各 CSS（product-list / product-detail / newslist / newsdetail / contact / jobs / training）的 768px 媒体查询里只写了 `.footer-col{display:none}`，漏掉了 `.footer-wrap{grid-template-columns:1fr}`。结果 1200px 段定义的 `grid-template-columns:repeat(3,1fr)` 在手机上仍然生效 → 5 个栏目列被隐藏后网格仍是 3 列， `.footer-logo` 只占第 1 列（390 视窗实测仅 115px 宽），手机/邮箱/电话/地址被压成窄条挤在左边。首页 index.css、about.css、solution.css 三处写全了这行，所以这三页的页脚在手机上正常。本文件由 head.html 统一引用（在内，晚于各页里的 CSS 加载）→ 同优先级下覆盖内页旧规则， 7 个内页 CSS 无需逐个修改，新页面也自动继承。 ============================================================ */ @media (max-width:768px) { .footer-wrap { grid-template-columns:1fr; } .copyright { flex-direction:column; gap:8px; text-align:left; } }