新建体验升级：彩色协议图标体系 + Apifox 式卡片新建面板

- 新增 KindIcon：6 协议 + 目录的彩色圆角方块图标（渐变底 + 白色图形 + 内高光），全应用统一配色
- 新增 NewMenu 下拉面板：双列网格卡片（图标 + 名称 + 副标题）、分组标题、通栏「新建目录 / 选择位置新建…」
- 新建弹窗类型选择、侧栏树非 HTTP 请求行、标签页图标全部换用彩色 KindIcon
- 浏览器验证：面板开合/创建联动、弹窗选中态、树与标签页图标；53 项测试全绿

apps/web/src/styles.css

@@ -556,6 +556,46 @@
   .rail-sync-dot.syncing { background: var(--accent); animation: rail-pulse 1s ease-in-out infinite; }
   @keyframes rail-pulse { 50% { opacity: 0.35; } }
 
+  /* ---------- 「新建」卡片面板（双列网格 + 彩色协议图标） ---------- */
+  .new-panel {
+    position: fixed;
+    z-index: 60;
+    width: 304px;
+    padding: 8px;
+    border-radius: 14px;
+    border: 1px solid var(--border);
+    background: var(--panel);
+    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18), 0 2px 8px rgba(0, 0, 0, 0.08);
+  }
+  .new-panel-title {
+    @apply px-2 pb-1.5 pt-1 text-[11px] font-semibold tracking-wider;
+    color: var(--text-dim);
+  }
+  .new-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 2px;
+  }
+  .new-card {
+    @apply flex items-center gap-2.5 rounded-lg px-2 py-2 text-left transition;
+  }
+  .new-card:hover { background: var(--panel-2); }
+  .new-card-full { width: 100%; }
+  .new-card-neutral {
+    @apply grid shrink-0 place-items-center;
+    width: 26px;
+    height: 26px;
+    border-radius: 8px;
+    background: var(--panel-3);
+    border: 1px solid var(--border);
+    color: var(--text-dim);
+  }
+  .new-panel-sep {
+    height: 1px;
+    margin: 6px 4px;
+    background: var(--border);
+  }
+
   /* ---------- 方法 chip 着色 ---------- */
   .ops-chip.ops-method-GET { background: color-mix(in srgb, var(--m-GET) 14%, transparent); color: var(--m-GET); }
   .ops-chip.ops-method-POST { background: color-mix(in srgb, var(--m-POST) 16%, transparent); color: var(--m-POST); }