侧栏收拢时导航按钮跟着缩窄；配置区高度折叠动画；侧栏不再牵动页面内容

导航按钮宽度写死 159px 而不是 100%，百分比到像素之间没法插值，收拢时
按钮平滑缩成 36px 的方形贴住图标，高亮块不再被裁切出血。配置表单和
链式代理段的出现消失改成高度折叠（量出目标高度做插值，margin 换成
padding 否则那一截在动画之外瞬跳）。路由页「新增」按钮的文字不再跟着
侧栏密度隐藏：侧栏收拢是侧栏自己的事。

web/views/RouterPage.vue

@@ -28,7 +28,6 @@ import type { ListenerFields } from '../api'
 import type { GroupView } from '../runtime'
 import { optimisticSelect, providerLines, reloadRuntime, runtime } from '../runtime'
 import { useDelayTest } from '../delay-test'
-import { density } from '../prefs'
 import ConfirmDialog from '../components/ConfirmDialog.vue'
 import InboundList from '../components/InboundList.vue'
 import InboundDetail from './InboundDetail.vue'
@@ -258,9 +257,10 @@ async function removeConfirmed() {
         </div>
       </div>
 
+      <!-- 侧栏收拢是侧栏自己的事，页面内容不跟着变形 -->
       <button class="add" type="button" :disabled="saving" @click="openAdd">
         <IconAdd />
-        <span v-if="density === 'full'">新增</span>
+        <span>新增</span>
       </button>
     </header>