/* ========================================================================== PAGES 多设备适配补丁层 · responsive.css -------------------------------------------------------------------------- 设计原则（三条硬约束）： 1. 只覆盖，不重命名 —— 不改任何既有 class / id / CSS 变量名。 （部分页面用 getComputedStyle 读 CSS 变量喂 canvas，改名会静默画错） 2. 全部写在既有样式之后，且尽量用 @media 收窄作用域 —— 桌面端必须像素级不变。 3. 纯增量，不改既有的任何选择器本体。 生效方式：在每个页面 末尾、既有