路由页动效与细节一批

基调是简单快速：hover 颜色 0.15s 过渡（全局规则，只过渡颜色不碰布局）、
对话框入场淡入加 6px 上移、tab 下划线改成共享的一条并在切换时滑动、tab
内容 out-in 淡切、配置折叠箭头居右随展开旋转 90 度、订阅下拉 0.12s 出入场。
不引 animate.css：这些效果各自十几行 CSS，引库只多不少。

配置展开和拨开链式代理时，若详情底部长出窗口则平滑滚进视野；tab 切换
不触发，来回切时页面跟着跳只会晕。二次确认对话框点遮罩可关闭，内边距
挪进内层，否则点在 dialog 自己的 padding 上也会被当成遮罩。新增入站的
表单不做遮罩关闭：误点会丢掉填了一半的内容。对话框标题改为「新增路由」
「编辑路由」。select 换自绘箭头，原生箭头贴边且位置调不了。

web/views/InboundForm.vue

@@ -123,7 +123,7 @@ function submit() {
   <dialog ref="dialog" class="dlg" @close="emit('close')" @cancel.prevent="emit('close')">
     <form method="dialog" @submit.prevent="submit">
       <header class="dlg-head">
-        <h2>{{ editing ? '编辑入站' : '新增入站' }}</h2>
+        <h2>{{ editing ? '编辑路由' : '新增路由' }}</h2>
         <button type="button" class="x" @click="emit('close')"><IconClose /></button>
       </header>
 
@@ -218,8 +218,9 @@ function submit() {
 }
 
 .x {
-  display: grid;
-  place-items: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 28px;
   height: 28px;
   border: 1px solid transparent;
@@ -270,6 +271,15 @@ select {
   background: var(--c-bg);
 }
 
+/* 自绘下拉箭头：原生箭头贴着右边缘，位置调不了。灰色取两套主题中间值 */
+select {
+  appearance: none;
+  padding-right: var(--s-6);
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='%23898f98' d='M12 15.6 5.7 9.3l1.4-1.4 4.9 4.9 4.9-4.9 1.4 1.4z'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right var(--s-3) center;
+}
+
 input:focus,
 select:focus {
   border-color: var(--c-accent);