继续测试动画与设置逻辑

static/index.html

@@ -211,8 +211,9 @@
         </div>
 
         <!-- ====== 新增/编辑弹窗 ====== -->
-        <div v-if="dialogVisible" class="dialog-overlay" @click.self="dialogVisible = false">
-            <div class="dialog-card">
+<Transition name="dialog">
+    <div v-if="dialogVisible" class="dialog-overlay" @click.self="dialogVisible = false">
+        <div class="dialog-card">
                 <h3>{{ dialogMode === 'add' ? '新增隧道' : '编辑隧道' }}</h3>
                 <div class="dialog-form">
                     <div class="form-row">
@@ -248,14 +249,14 @@
                     <button class="btn-confirm" @click="confirmDialog">确认</button>
                 </div>
             </div>
-        </div>
+        </Transition>
 
         <!-- ====== 隐藏的文件输入（导入 TOML） ====== -->
         <input type="file" id="tomlFileInput" accept=".toml" style="display: none" @change="handleImport" />
     </div>
 
     <!-- 应用逻辑 -->
-<script src="/static/app.js"></script>
+    <script src="/static/app.js"></script>
 </body>
 
 </html>