前置 URL：环境切换自动拼接服务地址（借鉴 Apifox）

- 环境新增「前置 URL」字段；环境管理弹窗独立配置区 + 说明
- URL 输入改为一体胶囊：前缀块（环境徽标 + 域名，点击进环境管理）+ 分隔线 + 相对路径输入
  - 路径以 / 开头（或空）自动拼接当前环境前置 URL；完整 https:// 地址不受影响
  - 光标 / 全选只作用于路径，不再误编辑 {{baseUrl}} 文本
- 覆盖 HTTP / GraphQL / SSE 编辑器与发送链路（含自动化测试执行器、代码生成用完整地址）
- 存量数据一次性迁移：{{baseUrl}}/path → /path，baseUrl 变量 → 环境字段（启动 / 导入 / 备份恢复均生效）
- 顶栏切换环境即换前缀；docs 06-env 增前置 URL 章节
- 验证：48 前端用例全绿；本地 E2E（迁移/发送 200/环境切换前缀联动/胶囊几何对齐）+ 近景视觉评审通过

apps/web/src/styles.css

@@ -474,6 +474,41 @@
     color: var(--accent-strong);
   }
 
+  /* ---------- URL 胶囊输入（前置 URL 模式） ---------- */
+  .url-pill {
+    display: flex;
+    align-items: center;
+    padding: 0 !important;
+    overflow: visible;
+    min-width: 0;
+    gap: 0;
+  }
+  .url-pill-prefix {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 0 10px;
+    align-self: stretch;
+    background: var(--panel-2);
+    color: var(--text-dim);
+    font-size: 12px;
+    font-family: ui-monospace, monospace;
+    max-width: 46%;
+    min-width: 0;
+    border-radius: 0.5rem 0 0 0.5rem;
+    white-space: nowrap;
+    transition: color 0.15s;
+  }
+  .url-pill-prefix:hover { color: var(--accent-strong); }
+  .url-pill-divider { width: 1px; align-self: stretch; background: var(--border); flex-shrink: 0; }
+  .url-pill-input {
+    border: none !important;
+    background: transparent !important;
+    padding: 0.4rem 0.7rem !important;
+    box-shadow: none !important;
+    min-width: 0;
+  }
+
   /* ---------- 自动化测试 ---------- */
   .test-assert-row {
     display: flex;