→
用户点文字毫无反应（"只有上面的可以交互"）。
又不能把
套到整个 aside 上（卡片态里还有二维码/电话/邮箱/按钮，
会形成 嵌套、非法 HTML）。正解：给 挂一个铺满容器的透明 ::after 热区。
定位祖先 = .side-contact（position: fixed），inset:0 正好是它的 padding box；
border-radius 与胶囊一致，避免把圆角外的"空气"也算进热区。
卡片态下 .side-contact-round 是 display:none → ::after 不生成，卡片不受影响。 */
.side-contact-round::after {
content: ''; position: absolute; inset: 0; border-radius: 100px;
}
}
/* 2026-09-29 第 16 轮：窄屏不再隐藏，改成**右下角圆形悬浮按钮**，
做到「全站 · 全宽度 一直悬浮」（用户要求）。
为什么不继续用贴边胶囊：视口 < 1200 时 .container 变满宽（只剩 24px 内边距），
贴右边的胶囊必然压住容器内容右缘。
为什么可以接受圆形按钮压内容：这是全站通行的客服/联系浮标形态（FAB），
不占用任何版面；且 ≤1023px 时左上角/左下角已被 .article-back 占用，
右下角是空的，两者不会打架。
底距 22px，与安全区/手机手势条留出余量。 */
/* 阈值 1311 不是 1263：胶囊占 [vw-56, vw-14]，要它左缘 ≥ 容器盒右缘（(vw+1200)/2）
必须 vw ≥ 1312（2026-09-30 第 17 轮重算）。
原来按 1263 切档，1264~1311 这一段胶囊会压进容器 24px 内边距、甚至压到正文右缘。
1311 及以下一律用右下角圆钮（它是浮标，压内容是这种形态的固有代价）。 */
@media (max-width: 1311px) {
.side-contact {
top: auto; bottom: 22px; right: 16px; left: auto;
transform: none;
width: 52px; height: 52px; padding: 0;
border-radius: 50%;
display: flex; flex-direction: row; align-items: center; justify-content: center;
gap: 0;
background: var(--brand); border: 1px solid var(--brand);
box-shadow: 0 10px 26px rgba(22, 59, 92, .30);
}
.side-contact:hover { background: var(--brand-dark); border-color: var(--brand-dark); }
.side-contact-t, .side-contact-qr, .side-contact-cap, .side-contact-rows, .side-contact-btn { display: none; }
.side-contact-round {
display: inline-flex; align-items: center; justify-content: center;
order: 0; width: auto; height: auto; color: var(--white); font-size: 20px;
}
}
/* 2026-09-30 第 17 轮：**在联系页隐藏这颗浮窗**。
原因：contact.html 上的浮窗，两个链接都指回本页的表单（`#inquiryForm`）——
用户点它 → 平滑下滑 266px，表单顶部落到 y=0，正好钻到 72px 的固定导航底下，
标题「预约方案咨询」被切掉，看着像"页面莫名其妙往下弹一下"。
而这一页本身就叫「联系我们」，浮窗在这里是**自指**的、零信息量；
桌面 1920×1080 下表单和二维码本来就全在首屏，也不需要它带路。
⇒ 与主流站点一致：联系页不显示"联系我们"浮标。其余 46 页全部保留。
（特异性 (0,2,0) 压过下面所有 (0,1,0) 的形态规则，不依赖书写顺序。）
想让它在本页也出现的话，把这条删掉，并给 `#inquiryForm` 保留 scroll-margin-top。 */
body.page-contact .side-contact { display: none; }
@media (max-width: 768px) {
.article-wrap { max-width: 100%; }
.article-lead { font-size: 15px; padding: 16px 18px; margin-bottom: 26px; }
.article-body h3 { font-size: 18px; margin-top: 26px; }
.article-body p { font-size: 15px; line-height: 1.95; }
.article-pager { grid-template-columns: 1fr; gap: 12px; }
/* 2026-09-29 第 16 轮：手机端原来把「下一篇/下一个案例」改回左对齐，
用户明确要求它保持右对齐 —— 左右两卡一左一右，方向感才对得上箭头。
所以这里**不再覆盖** text-align（.pager-item.is-next 全局就是 right）。 */
/* 详情页手机端：标题 → 标签日期 → 面包屑，竖向堆叠 */
.article-hero .container { flex-direction: column; align-items: flex-start; gap: 8px; }
.article-hero .article-head { order: 2; }
.article-hero .breadcrumb { order: 3; }
}
/* ==========================================================
子页左侧竖排分类栏（关于我们 4 页 / 智慧环卫 4 页共用）
2026-09-24：原来是一条横跨整页的白色切换条，改为左侧竖排、
跟随滚动吸附的分类栏，右侧放正文。
========================================================== */
.subpage-inner {
display: grid; grid-template-columns: 196px minmax(0, 1fr);
gap: 40px; align-items: start;
max-width: var(--max-width); margin: 0 auto; padding: 0 24px;
padding-top: 6px;
}
/* z-index 必须有：.sub-block.alt 用 100vmax 阴影「出血」铺满整页底色，
该元素带 clip-path 会生成层叠上下文，DOM 上又排在侧栏之后 —— 不给侧栏提层级的话，
滚动时交替底色区块会把左侧导航整块盖住（2026-09-28 修） */
/* min-width:0 必须有（2026-10-21 修）：≤1024px 时本栏变成单列 grid 的一项，
grid 子项默认 min-width:auto = min-content，横向滚动的胶囊导航有 5 项时内容宽约 474px，
会把整列撑到 475px、页面比视口还宽（手机横向溢出 125px）。
桌面档轨道是固定 196px，加 min-width:0 对桌面零影响。 */
.subpage-side { position: sticky; top: calc(var(--nav-h) + 22px); z-index: 5; min-width: 0; }
.subpage-nav {
display: flex; flex-direction: column; gap: 4px; padding: 10px;
background: var(--white); border: 1px solid var(--line);
border-radius: var(--radius-lg); box-shadow: var(--shadow-sm);
}
.subpage-nav a {
display: flex; align-items: center; gap: 10px; padding: 12px 14px;
border-radius: var(--radius); font-size: 14.5px; font-weight: 600;
color: var(--ink-700); white-space: nowrap; line-height: 1.4;
transition: background var(--transition), color var(--transition);
}
.subpage-nav a i { font-size: 14px; color: var(--ink-500); width: 16px; text-align: center; transition: color var(--transition); }
.subpage-nav a:hover { background: var(--canvas); color: var(--brand); }
.subpage-nav a:hover i { color: var(--brand); }
.subpage-nav a.active { background: var(--brand); color: var(--white); }
.subpage-nav a.active i { color: rgba(255, 255, 255, .85); }
.subpage-main { min-width: 0; }
/* 正文区块：原先是整页宽 ，现在挪进右栏；
交替底色用 100vmax 阴影「出血」技巧保持通栏，视觉语言不变 */
.sub-block { padding: 60px 0; }
.sub-block:first-child { padding-top: 30px; }
.sub-block.alt {
background: var(--canvas);
box-shadow: 0 0 0 100vmax var(--canvas);
clip-path: inset(0 -100vmax);
}
/* 列表页首块：页头与内容之间不留大空白（新闻中心的筛选条） */
/* 新闻中心：页头到筛选条的距离必须与「筛选条到卡片」等宽（2026-09-28 第 14 轮）
实测：上方留白 = .page-hero 的 padding-bottom(18) + 本值 + 4px（副标题行盒的
半行距，(22.4 − 14) / 2 ≈ 4px）→ 要等于 .filter-bar 的 margin-bottom(36)，
本值取 36 − 18 − 4 = 14px。改 .filter-bar 的 margin-bottom 时这里要跟着重算。 */
.sec-tight { padding-top: 14px; }
@media (max-width: 1024px) {
.subpage-inner { grid-template-columns: 1fr; gap: 22px; }
.subpage-side { position: static; }
.subpage-nav {
flex-direction: row; overflow-x: auto; padding: 8px;
border-radius: 100px; gap: 6px;
-webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.subpage-nav::-webkit-scrollbar { display: none; }
.subpage-nav a { padding: 8px 15px; font-size: 13.5px; border-radius: 100px; }
.subpage-nav a i { display: none; }
.sub-block { padding: 46px 0; }
.sub-block:first-child { padding-top: 20px; }
}
@media (max-width: 768px) {
.sub-block { padding: 38px 0; }
/* 窄屏页头文字底到页头块底还剩约 14px 行盒留白，所以这里要比桌面的 14px 大：
14 + 14 ≈ 28 才能让「页头 → 筛选条」和「筛选条 → 卡片(36px)」看起来一样 */
.sec-tight { padding-top: 24px; }
}