From 735bf205fd118059206bd0dcebd7e99ad5d0db44 Mon Sep 17 00:00:00 2001
From: panFD <panfudan0209@qq.com>
Date: Sat, 20 Jun 2026 16:00:52 +0800
Subject: [PATCH] =?UTF-8?q?feat(skillBox):=20=E4=BC=98=E5=8C=96=E6=8A=80?=
 =?UTF-8?q?=E8=83=BD=E6=A1=86UI=E8=A1=A8=E7=8E=B0=E4=B8=8E=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 调整ui3.plist.meta的边框内边距为25
2. 新增技能框背景颜色节点，根据等级切换对应配色
3. 增加自定义图标支持，优化多类型技能图标加载逻辑
---
 assets/resources/gui/element/hnode.prefab   | 1435 ++++++++----
 assets/resources/gui/element/sbox.prefab    | 2179 ++++++++++++++++---
 assets/resources/gui/ui3.plist.meta         |    8 +-
 assets/script/game/common/config/CardSet.ts |    2 +-
 assets/script/game/map/SkillBoxComp.ts      |   56 +-
 5 files changed, 2884 insertions(+), 796 deletions(-)

diff --git a/assets/resources/gui/element/hnode.prefab b/assets/resources/gui/element/hnode.prefab
index 1c1d8ea5..24d5f564 100644
--- a/assets/resources/gui/element/hnode.prefab
+++ b/assets/resources/gui/element/hnode.prefab
@@ -31,35 +31,35 @@
         "__id__": 31
       },
       {
-        "__id__": 206
+        "__id__": 250
       },
       {
-        "__id__": 244
+        "__id__": 288
       },
       {
-        "__id__": 260
+        "__id__": 304
       },
       {
-        "__id__": 276
+        "__id__": 320
       },
       {
-        "__id__": 380
+        "__id__": 424
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 402
+        "__id__": 446
       },
       {
-        "__id__": 404
+        "__id__": 448
       },
       {
-        "__id__": 406
+        "__id__": 450
       }
     ],
     "_prefab": {
-      "__id__": 408
+      "__id__": 452
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -741,29 +741,29 @@
         "__id__": 32
       },
       {
-        "__id__": 112
+        "__id__": 156
       },
       {
-        "__id__": 140
+        "__id__": 184
       },
       {
-        "__id__": 160
+        "__id__": 204
       },
       {
-        "__id__": 168
+        "__id__": 212
       },
       {
-        "__id__": 174
+        "__id__": 218
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 203
+        "__id__": 247
       }
     ],
     "_prefab": {
-      "__id__": 205
+      "__id__": 249
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -813,23 +813,23 @@
         "__id__": 69
       },
       {
-        "__id__": 87
+        "__id__": 130
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 105
+        "__id__": 149
       },
       {
-        "__id__": 107
+        "__id__": 151
       },
       {
-        "__id__": 109
+        "__id__": 153
       }
     ],
     "_prefab": {
-      "__id__": 111
+      "__id__": 155
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1377,6 +1377,72 @@
       },
       {
         "__id__": 85
+      },
+      {
+        "__id__": 87
+      },
+      {
+        "__id__": 89
+      },
+      {
+        "__id__": 91
+      },
+      {
+        "__id__": 93
+      },
+      {
+        "__id__": 95
+      },
+      {
+        "__id__": 97
+      },
+      {
+        "__id__": 99
+      },
+      {
+        "__id__": 101
+      },
+      {
+        "__id__": 103
+      },
+      {
+        "__id__": 105
+      },
+      {
+        "__id__": 107
+      },
+      {
+        "__id__": 109
+      },
+      {
+        "__id__": 111
+      },
+      {
+        "__id__": 113
+      },
+      {
+        "__id__": 115
+      },
+      {
+        "__id__": 117
+      },
+      {
+        "__id__": 119
+      },
+      {
+        "__id__": 121
+      },
+      {
+        "__id__": 123
+      },
+      {
+        "__id__": 125
+      },
+      {
+        "__id__": 127
+      },
+      {
+        "__id__": 129
       }
     ],
     "removedComponents": []
@@ -1544,6 +1610,420 @@
       "69ZX4yvCZL67xK4+SdFMO0"
     ]
   },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 88
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": true
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "4aTybcwdBL1IFgubnxRuUh"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 90
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 170,
+      "height": 200
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "eedc9qvxRPQpepecxrSorR"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 92
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 340,
+      "height": 400
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "deY6hTveBKBIzSn0k9oD+7"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 94
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 332,
+      "height": 388
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "b7HYchf9tMK7WtemLDPjlE"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 96
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 15,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "93O2t0s3dBQYpkATdTKBPZ"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 98
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "34+q4uHrVMer4aH0jqs5JM"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 100
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 170,
+      "height": 200
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "2bJbEaLWxKYIZXGRHTBM1m"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 102
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 340,
+      "height": 400
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "8b8xEuZsBB+KDupKZRRki9"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 104
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 332,
+      "height": 388
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "30uXpT+kpFI5rT0dm/gN9k"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 106
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 15,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "24Xd/896JIz4KMqBZHi94n"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 108
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "e71VnK5JBL7KQEnberFKfA"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 110
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 170,
+      "height": 200
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "c7P3FATx1Dfq6aOzERRays"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 112
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 340,
+      "height": 400
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "0aPrZjJQVGvL+VQ7yPK3dH"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 114
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 332,
+      "height": 388
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "90Lx7iNX1GZIPvb+Ojrt7/"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 116
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 15,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "56FOKGz8tPS4JmNM8TIzUV"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 118
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "c7wMMsvoZIVYGutfRlxIil"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 120
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 170,
+      "height": 200
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "93CBiNYttN5oi4bGIdT2Lj"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 122
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 340,
+      "height": 400
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "9aZ8oxWlFJo5iWPbaiQSeR"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 124
+    },
+    "propertyPath": [
+      "_contentSize"
+    ],
+    "value": {
+      "__type__": "cc.Size",
+      "width": 332,
+      "height": 388
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "3deBLA7NpFEYPS3ajIMhmM"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 126
+    },
+    "propertyPath": [
+      "_lpos"
+    ],
+    "value": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 15,
+      "z": 0
+    }
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "a8DENPFY1El5WB9YEMoGa1"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 128
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
+  {
+    "__type__": "cc.TargetInfo",
+    "localID": [
+      "79YMAlxXNKM56a0MhDbg/E"
+    ]
+  },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 73
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": true
+  },
   {
     "__type__": "cc.Node",
     "_objFlags": 0,
@@ -1551,14 +2031,14 @@
       "__id__": 32
     },
     "_prefab": {
-      "__id__": 88
+      "__id__": 131
     },
     "__editorExtras__": {}
   },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 87
+      "__id__": 130
     },
     "asset": {
       "__uuid__": "d6ae7b2b-c431-4374-97e6-2506d9e8501f",
@@ -1566,7 +2046,7 @@
     },
     "fileId": "5ep7uhpAlKzpglXeTBjRv2",
     "instance": {
-      "__id__": 89
+      "__id__": 132
     },
     "targetOverrides": null
   },
@@ -1580,31 +2060,34 @@
     "mountedComponents": [],
     "propertyOverrides": [
       {
-        "__id__": 90
+        "__id__": 133
       },
       {
-        "__id__": 92
+        "__id__": 135
       },
       {
-        "__id__": 93
+        "__id__": 136
       },
       {
-        "__id__": 94
+        "__id__": 137
       },
       {
-        "__id__": 95
+        "__id__": 138
       },
       {
-        "__id__": 97
+        "__id__": 140
       },
       {
-        "__id__": 99
+        "__id__": 142
       },
       {
-        "__id__": 101
+        "__id__": 144
       },
       {
-        "__id__": 103
+        "__id__": 146
+      },
+      {
+        "__id__": 148
       }
     ],
     "removedComponents": []
@@ -1612,7 +2095,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 91
+      "__id__": 134
     },
     "propertyPath": [
       "_name"
@@ -1628,7 +2111,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 91
+      "__id__": 134
     },
     "propertyPath": [
       "_lpos"
@@ -1643,7 +2126,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 91
+      "__id__": 134
     },
     "propertyPath": [
       "_lrot"
@@ -1659,7 +2142,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 91
+      "__id__": 134
     },
     "propertyPath": [
       "_euler"
@@ -1674,7 +2157,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 96
+      "__id__": 139
     },
     "propertyPath": [
       "_contentSize"
@@ -1694,7 +2177,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 98
+      "__id__": 141
     },
     "propertyPath": [
       "_contentSize"
@@ -1714,7 +2197,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 100
+      "__id__": 143
     },
     "propertyPath": [
       "_contentSize"
@@ -1734,7 +2217,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 102
+      "__id__": 145
     },
     "propertyPath": [
       "_contentSize"
@@ -1754,7 +2237,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 104
+      "__id__": 147
     },
     "propertyPath": [
       "_lpos"
@@ -1772,6 +2255,16 @@
       "69ZX4yvCZL67xK4+SdFMO0"
     ]
   },
+  {
+    "__type__": "CCPropertyOverrideInfo",
+    "targetInfo": {
+      "__id__": 134
+    },
+    "propertyPath": [
+      "_active"
+    ],
+    "value": false
+  },
   {
     "__type__": "cc.UITransform",
     "_name": "",
@@ -1782,7 +2275,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 106
+      "__id__": 150
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1810,7 +2303,7 @@
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 108
+      "__id__": 152
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1858,7 +2351,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 110
+      "__id__": 154
     },
     "_alignFlags": 45,
     "_target": null,
@@ -1907,32 +2400,32 @@
     },
     "_children": [
       {
-        "__id__": 113
+        "__id__": 157
       },
       {
-        "__id__": 119
+        "__id__": 163
       },
       {
-        "__id__": 125
+        "__id__": 169
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 131
+        "__id__": 175
       },
       {
-        "__id__": 133
+        "__id__": 177
       },
       {
-        "__id__": 135
+        "__id__": 179
       },
       {
-        "__id__": 137
+        "__id__": 181
       }
     ],
     "_prefab": {
-      "__id__": 139
+      "__id__": 183
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1969,20 +2462,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 112
+      "__id__": 156
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 114
+        "__id__": 158
       },
       {
-        "__id__": 116
+        "__id__": 160
       }
     ],
     "_prefab": {
-      "__id__": 118
+      "__id__": 162
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2019,11 +2512,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 113
+      "__id__": 157
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 115
+      "__id__": 159
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2047,11 +2540,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 113
+      "__id__": 157
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 117
+      "__id__": 161
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2108,20 +2601,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 112
+      "__id__": 156
     },
     "_children": [],
     "_active": false,
     "_components": [
       {
-        "__id__": 120
+        "__id__": 164
       },
       {
-        "__id__": 122
+        "__id__": 166
       }
     ],
     "_prefab": {
-      "__id__": 124
+      "__id__": 168
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2158,11 +2651,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 119
+      "__id__": 163
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 121
+      "__id__": 165
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2186,11 +2679,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 119
+      "__id__": 163
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 123
+      "__id__": 167
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2247,20 +2740,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 112
+      "__id__": 156
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 126
+        "__id__": 170
       },
       {
-        "__id__": 128
+        "__id__": 172
       }
     ],
     "_prefab": {
-      "__id__": 130
+      "__id__": 174
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2297,11 +2790,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 125
+      "__id__": 169
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 127
+      "__id__": 171
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2325,11 +2818,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 125
+      "__id__": 169
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 129
+      "__id__": 173
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2383,11 +2876,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 112
+      "__id__": 156
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 132
+      "__id__": 176
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2411,11 +2904,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 112
+      "__id__": 156
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 134
+      "__id__": 178
     },
     "_type": 3,
     "_inverted": false,
@@ -2433,11 +2926,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 112
+      "__id__": 156
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 136
+      "__id__": 180
     },
     "_alignFlags": 41,
     "_target": null,
@@ -2469,11 +2962,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 112
+      "__id__": 156
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 138
+      "__id__": 182
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2534,26 +3027,26 @@
     },
     "_children": [
       {
-        "__id__": 141
+        "__id__": 185
       },
       {
-        "__id__": 147
+        "__id__": 191
       }
     ],
     "_active": false,
     "_components": [
       {
-        "__id__": 153
+        "__id__": 197
       },
       {
-        "__id__": 155
+        "__id__": 199
       },
       {
-        "__id__": 157
+        "__id__": 201
       }
     ],
     "_prefab": {
-      "__id__": 159
+      "__id__": 203
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2590,20 +3083,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 140
+      "__id__": 184
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 142
+        "__id__": 186
       },
       {
-        "__id__": 144
+        "__id__": 188
       }
     ],
     "_prefab": {
-      "__id__": 146
+      "__id__": 190
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2640,11 +3133,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 141
+      "__id__": 185
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 143
+      "__id__": 187
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2668,11 +3161,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 141
+      "__id__": 185
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 145
+      "__id__": 189
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2729,20 +3222,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 140
+      "__id__": 184
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 148
+        "__id__": 192
       },
       {
-        "__id__": 150
+        "__id__": 194
       }
     ],
     "_prefab": {
-      "__id__": 152
+      "__id__": 196
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2779,11 +3272,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 147
+      "__id__": 191
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 149
+      "__id__": 193
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2807,11 +3300,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 147
+      "__id__": 191
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 151
+      "__id__": 195
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2888,11 +3381,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 140
+      "__id__": 184
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 154
+      "__id__": 198
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2916,11 +3409,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 140
+      "__id__": 184
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 156
+      "__id__": 200
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2958,11 +3451,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 140
+      "__id__": 184
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 158
+      "__id__": 202
     },
     "_alignFlags": 9,
     "_target": null,
@@ -3013,17 +3506,17 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 161
+        "__id__": 205
       },
       {
-        "__id__": 163
+        "__id__": 207
       },
       {
-        "__id__": 165
+        "__id__": 209
       }
     ],
     "_prefab": {
-      "__id__": 167
+      "__id__": 211
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -3060,11 +3553,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 160
+      "__id__": 204
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 162
+      "__id__": 206
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -3088,11 +3581,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 160
+      "__id__": 204
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 164
+      "__id__": 208
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -3156,11 +3649,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 160
+      "__id__": 204
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 166
+      "__id__": 210
     },
     "_alignFlags": 17,
     "_target": null,
@@ -3211,14 +3704,14 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 169
+        "__id__": 213
       },
       {
-        "__id__": 171
+        "__id__": 215
       }
     ],
     "_prefab": {
-      "__id__": 173
+      "__id__": 217
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -3255,11 +3748,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 168
+      "__id__": 212
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 170
+      "__id__": 214
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -3283,11 +3776,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 168
+      "__id__": 212
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 172
+      "__id__": 216
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -3365,14 +3858,14 @@
       "__id__": 31
     },
     "_prefab": {
-      "__id__": 175
+      "__id__": 219
     },
     "__editorExtras__": {}
   },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 174
+      "__id__": 218
     },
     "asset": {
       "__uuid__": "bf40528a-fcf8-44da-af2e-d6b113904f35",
@@ -3380,7 +3873,7 @@
     },
     "fileId": "0exfRYL89I3Lnv8hzgx3e7",
     "instance": {
-      "__id__": 176
+      "__id__": 220
     },
     "targetOverrides": null
   },
@@ -3394,58 +3887,58 @@
     "mountedComponents": [],
     "propertyOverrides": [
       {
-        "__id__": 177
+        "__id__": 221
       },
       {
-        "__id__": 179
+        "__id__": 223
       },
       {
-        "__id__": 180
+        "__id__": 224
       },
       {
-        "__id__": 181
+        "__id__": 225
       },
       {
-        "__id__": 182
+        "__id__": 226
       },
       {
-        "__id__": 184
+        "__id__": 228
       },
       {
-        "__id__": 186
+        "__id__": 230
       },
       {
-        "__id__": 188
+        "__id__": 232
       },
       {
-        "__id__": 190
+        "__id__": 234
       },
       {
-        "__id__": 192
+        "__id__": 236
       },
       {
-        "__id__": 194
+        "__id__": 238
       },
       {
-        "__id__": 196
+        "__id__": 240
       },
       {
-        "__id__": 197
+        "__id__": 241
       },
       {
-        "__id__": 198
+        "__id__": 242
       },
       {
-        "__id__": 199
+        "__id__": 243
       },
       {
-        "__id__": 200
+        "__id__": 244
       },
       {
-        "__id__": 201
+        "__id__": 245
       },
       {
-        "__id__": 202
+        "__id__": 246
       }
     ],
     "removedComponents": []
@@ -3453,7 +3946,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 178
+      "__id__": 222
     },
     "propertyPath": [
       "_name"
@@ -3469,7 +3962,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 178
+      "__id__": 222
     },
     "propertyPath": [
       "_lpos"
@@ -3484,7 +3977,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 178
+      "__id__": 222
     },
     "propertyPath": [
       "_lrot"
@@ -3500,7 +3993,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 178
+      "__id__": 222
     },
     "propertyPath": [
       "_euler"
@@ -3515,7 +4008,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 183
+      "__id__": 227
     },
     "propertyPath": [
       "_active"
@@ -3531,7 +4024,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 185
+      "__id__": 229
     },
     "propertyPath": [
       "_active"
@@ -3547,7 +4040,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 187
+      "__id__": 231
     },
     "propertyPath": [
       "_active"
@@ -3563,7 +4056,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 189
+      "__id__": 233
     },
     "propertyPath": [
       "_active"
@@ -3579,7 +4072,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 191
+      "__id__": 235
     },
     "propertyPath": [
       "_active"
@@ -3595,7 +4088,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 193
+      "__id__": 237
     },
     "propertyPath": [
       "_active"
@@ -3611,7 +4104,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 195
+      "__id__": 239
     },
     "propertyPath": [
       "_top"
@@ -3627,7 +4120,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 193
+      "__id__": 237
     },
     "propertyPath": [
       "_lpos"
@@ -3642,7 +4135,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 191
+      "__id__": 235
     },
     "propertyPath": [
       "_lpos"
@@ -3657,7 +4150,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 189
+      "__id__": 233
     },
     "propertyPath": [
       "_lpos"
@@ -3672,7 +4165,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 187
+      "__id__": 231
     },
     "propertyPath": [
       "_lpos"
@@ -3687,7 +4180,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 185
+      "__id__": 229
     },
     "propertyPath": [
       "_lpos"
@@ -3702,7 +4195,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 183
+      "__id__": 227
     },
     "propertyPath": [
       "_lpos"
@@ -3717,7 +4210,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 195
+      "__id__": 239
     },
     "propertyPath": [
       "_left"
@@ -3734,7 +4227,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 204
+      "__id__": 248
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -3775,35 +4268,35 @@
     },
     "_children": [
       {
-        "__id__": 207
+        "__id__": 251
       },
       {
-        "__id__": 213
+        "__id__": 257
       },
       {
-        "__id__": 219
+        "__id__": 263
       },
       {
-        "__id__": 225
+        "__id__": 269
       },
       {
-        "__id__": 231
+        "__id__": 275
       }
     ],
     "_active": false,
     "_components": [
       {
-        "__id__": 237
+        "__id__": 281
       },
       {
-        "__id__": 239
+        "__id__": 283
       },
       {
-        "__id__": 241
+        "__id__": 285
       }
     ],
     "_prefab": {
-      "__id__": 243
+      "__id__": 287
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -3840,20 +4333,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 206
+      "__id__": 250
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 208
+        "__id__": 252
       },
       {
-        "__id__": 210
+        "__id__": 254
       }
     ],
     "_prefab": {
-      "__id__": 212
+      "__id__": 256
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -3890,11 +4383,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 207
+      "__id__": 251
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 209
+      "__id__": 253
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -3918,11 +4411,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 207
+      "__id__": 251
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 211
+      "__id__": 255
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -3979,20 +4472,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 206
+      "__id__": 250
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 214
+        "__id__": 258
       },
       {
-        "__id__": 216
+        "__id__": 260
       }
     ],
     "_prefab": {
-      "__id__": 218
+      "__id__": 262
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4029,11 +4522,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 213
+      "__id__": 257
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 215
+      "__id__": 259
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4057,11 +4550,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 213
+      "__id__": 257
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 217
+      "__id__": 261
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4118,20 +4611,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 206
+      "__id__": 250
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 220
+        "__id__": 264
       },
       {
-        "__id__": 222
+        "__id__": 266
       }
     ],
     "_prefab": {
-      "__id__": 224
+      "__id__": 268
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4168,11 +4661,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 219
+      "__id__": 263
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 221
+      "__id__": 265
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4196,11 +4689,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 219
+      "__id__": 263
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 223
+      "__id__": 267
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4257,20 +4750,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 206
+      "__id__": 250
     },
     "_children": [],
     "_active": false,
     "_components": [
       {
-        "__id__": 226
+        "__id__": 270
       },
       {
-        "__id__": 228
+        "__id__": 272
       }
     ],
     "_prefab": {
-      "__id__": 230
+      "__id__": 274
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4307,11 +4800,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 225
+      "__id__": 269
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 227
+      "__id__": 271
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4335,11 +4828,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 225
+      "__id__": 269
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 229
+      "__id__": 273
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4396,20 +4889,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 206
+      "__id__": 250
     },
     "_children": [],
     "_active": false,
     "_components": [
       {
-        "__id__": 232
+        "__id__": 276
       },
       {
-        "__id__": 234
+        "__id__": 278
       }
     ],
     "_prefab": {
-      "__id__": 236
+      "__id__": 280
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4446,11 +4939,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 231
+      "__id__": 275
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 233
+      "__id__": 277
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4474,11 +4967,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 231
+      "__id__": 275
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 235
+      "__id__": 279
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4535,11 +5028,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 206
+      "__id__": 250
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 238
+      "__id__": 282
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4563,11 +5056,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 206
+      "__id__": 250
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 240
+      "__id__": 284
     },
     "_resizeMode": 1,
     "_layoutType": 1,
@@ -4601,11 +5094,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 206
+      "__id__": 250
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 242
+      "__id__": 286
     },
     "_alignFlags": 16,
     "_target": null,
@@ -4654,26 +5147,26 @@
     },
     "_children": [
       {
-        "__id__": 245
+        "__id__": 289
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 251
+        "__id__": 295
       },
       {
-        "__id__": 253
+        "__id__": 297
       },
       {
-        "__id__": 255
+        "__id__": 299
       },
       {
-        "__id__": 257
+        "__id__": 301
       }
     ],
     "_prefab": {
-      "__id__": 259
+      "__id__": 303
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4710,20 +5203,20 @@
     "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 244
+      "__id__": 288
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 246
+        "__id__": 290
       },
       {
-        "__id__": 248
+        "__id__": 292
       }
     ],
     "_prefab": {
-      "__id__": 250
+      "__id__": 294
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -4760,11 +5253,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 245
+      "__id__": 289
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 247
+      "__id__": 291
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4788,11 +5281,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 245
+      "__id__": 289
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 249
+      "__id__": 293
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4869,11 +5362,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 244
+      "__id__": 288
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 252
+      "__id__": 296
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4897,11 +5390,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 244
+      "__id__": 288
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 254
+      "__id__": 298
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -4945,11 +5438,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 244
+      "__id__": 288
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 256
+      "__id__": 300
     },
     "clickEvents": [],
     "_interactable": true,
@@ -4989,7 +5482,7 @@
     "_duration": 0.1,
     "_zoomScale": 1.2,
     "_target": {
-      "__id__": 244
+      "__id__": 288
     },
     "_id": ""
   },
@@ -5003,11 +5496,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 244
+      "__id__": 288
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 258
+      "__id__": 302
     },
     "_alignFlags": 44,
     "_target": null,
@@ -5056,26 +5549,26 @@
     },
     "_children": [
       {
-        "__id__": 261
+        "__id__": 305
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 267
+        "__id__": 311
       },
       {
-        "__id__": 269
+        "__id__": 313
       },
       {
-        "__id__": 271
+        "__id__": 315
       },
       {
-        "__id__": 273
+        "__id__": 317
       }
     ],
     "_prefab": {
-      "__id__": 275
+      "__id__": 319
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5112,20 +5605,20 @@
     "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 260
+      "__id__": 304
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 262
+        "__id__": 306
       },
       {
-        "__id__": 264
+        "__id__": 308
       }
     ],
     "_prefab": {
-      "__id__": 266
+      "__id__": 310
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5162,11 +5655,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 261
+      "__id__": 305
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 263
+      "__id__": 307
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -5190,11 +5683,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 261
+      "__id__": 305
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 265
+      "__id__": 309
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -5271,11 +5764,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 260
+      "__id__": 304
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 268
+      "__id__": 312
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -5299,11 +5792,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 260
+      "__id__": 304
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 270
+      "__id__": 314
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -5347,11 +5840,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 260
+      "__id__": 304
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 272
+      "__id__": 316
     },
     "clickEvents": [],
     "_interactable": true,
@@ -5391,7 +5884,7 @@
     "_duration": 0.1,
     "_zoomScale": 1.2,
     "_target": {
-      "__id__": 260
+      "__id__": 304
     },
     "_id": ""
   },
@@ -5405,11 +5898,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 260
+      "__id__": 304
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 274
+      "__id__": 318
     },
     "_alignFlags": 44,
     "_target": null,
@@ -5458,29 +5951,29 @@
     },
     "_children": [
       {
-        "__id__": 277
+        "__id__": 321
       },
       {
-        "__id__": 305
+        "__id__": 349
       },
       {
-        "__id__": 339
+        "__id__": 383
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 373
+        "__id__": 417
       },
       {
-        "__id__": 375
+        "__id__": 419
       },
       {
-        "__id__": 377
+        "__id__": 421
       }
     ],
     "_prefab": {
-      "__id__": 379
+      "__id__": 423
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5517,33 +6010,33 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 276
+      "__id__": 320
     },
     "_children": [
       {
-        "__id__": 278
+        "__id__": 322
       },
       {
-        "__id__": 286
+        "__id__": 330
       },
       {
-        "__id__": 292
+        "__id__": 336
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 298
+        "__id__": 342
       },
       {
-        "__id__": 300
+        "__id__": 344
       },
       {
-        "__id__": 302
+        "__id__": 346
       }
     ],
     "_prefab": {
-      "__id__": 304
+      "__id__": 348
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5580,23 +6073,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 277
+      "__id__": 321
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 279
+        "__id__": 323
       },
       {
-        "__id__": 281
+        "__id__": 325
       },
       {
-        "__id__": 283
+        "__id__": 327
       }
     ],
     "_prefab": {
-      "__id__": 285
+      "__id__": 329
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5633,11 +6126,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 278
+      "__id__": 322
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 280
+      "__id__": 324
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -5661,11 +6154,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 278
+      "__id__": 322
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 282
+      "__id__": 326
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -5709,11 +6202,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 278
+      "__id__": 322
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 284
+      "__id__": 328
     },
     "_alignFlags": 45,
     "_target": null,
@@ -5758,20 +6251,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 277
+      "__id__": 321
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 287
+        "__id__": 331
       },
       {
-        "__id__": 289
+        "__id__": 333
       }
     ],
     "_prefab": {
-      "__id__": 291
+      "__id__": 335
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5808,11 +6301,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 286
+      "__id__": 330
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 288
+      "__id__": 332
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -5836,11 +6329,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 286
+      "__id__": 330
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 290
+      "__id__": 334
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -5897,20 +6390,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 277
+      "__id__": 321
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 293
+        "__id__": 337
       },
       {
-        "__id__": 295
+        "__id__": 339
       }
     ],
     "_prefab": {
-      "__id__": 297
+      "__id__": 341
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -5947,11 +6440,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 292
+      "__id__": 336
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 294
+      "__id__": 338
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -5975,11 +6468,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 292
+      "__id__": 336
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 296
+      "__id__": 340
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6056,11 +6549,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 277
+      "__id__": 321
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 299
+      "__id__": 343
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6084,11 +6577,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 277
+      "__id__": 321
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 301
+      "__id__": 345
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6129,11 +6622,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 277
+      "__id__": 321
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 303
+      "__id__": 347
     },
     "_alignFlags": 44,
     "_target": null,
@@ -6178,36 +6671,36 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 276
+      "__id__": 320
     },
     "_children": [
       {
-        "__id__": 306
+        "__id__": 350
       },
       {
-        "__id__": 314
+        "__id__": 358
       },
       {
-        "__id__": 320
+        "__id__": 364
       },
       {
-        "__id__": 326
+        "__id__": 370
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 332
+        "__id__": 376
       },
       {
-        "__id__": 334
+        "__id__": 378
       },
       {
-        "__id__": 336
+        "__id__": 380
       }
     ],
     "_prefab": {
-      "__id__": 338
+      "__id__": 382
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -6244,23 +6737,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 305
+      "__id__": 349
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 307
+        "__id__": 351
       },
       {
-        "__id__": 309
+        "__id__": 353
       },
       {
-        "__id__": 311
+        "__id__": 355
       }
     ],
     "_prefab": {
-      "__id__": 313
+      "__id__": 357
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -6297,11 +6790,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 306
+      "__id__": 350
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 308
+      "__id__": 352
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6325,11 +6818,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 306
+      "__id__": 350
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 310
+      "__id__": 354
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6373,11 +6866,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 306
+      "__id__": 350
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 312
+      "__id__": 356
     },
     "_alignFlags": 45,
     "_target": null,
@@ -6422,20 +6915,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 305
+      "__id__": 349
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 315
+        "__id__": 359
       },
       {
-        "__id__": 317
+        "__id__": 361
       }
     ],
     "_prefab": {
-      "__id__": 319
+      "__id__": 363
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -6472,11 +6965,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 314
+      "__id__": 358
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 316
+      "__id__": 360
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6500,11 +6993,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 314
+      "__id__": 358
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 318
+      "__id__": 362
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6561,20 +7054,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 305
+      "__id__": 349
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 321
+        "__id__": 365
       },
       {
-        "__id__": 323
+        "__id__": 367
       }
     ],
     "_prefab": {
-      "__id__": 325
+      "__id__": 369
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -6611,11 +7104,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 320
+      "__id__": 364
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 322
+      "__id__": 366
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6639,11 +7132,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 320
+      "__id__": 364
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 324
+      "__id__": 368
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6720,20 +7213,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 305
+      "__id__": 349
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 327
+        "__id__": 371
       },
       {
-        "__id__": 329
+        "__id__": 373
       }
     ],
     "_prefab": {
-      "__id__": 331
+      "__id__": 375
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -6770,11 +7263,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 326
+      "__id__": 370
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 328
+      "__id__": 372
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6798,11 +7291,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 326
+      "__id__": 370
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 330
+      "__id__": 374
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6879,11 +7372,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 305
+      "__id__": 349
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 333
+      "__id__": 377
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -6907,11 +7400,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 305
+      "__id__": 349
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 335
+      "__id__": 379
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -6952,11 +7445,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 305
+      "__id__": 349
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 337
+      "__id__": 381
     },
     "_alignFlags": 44,
     "_target": null,
@@ -7001,36 +7494,36 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 276
+      "__id__": 320
     },
     "_children": [
       {
-        "__id__": 340
+        "__id__": 384
       },
       {
-        "__id__": 348
+        "__id__": 392
       },
       {
-        "__id__": 354
+        "__id__": 398
       },
       {
-        "__id__": 360
+        "__id__": 404
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 366
+        "__id__": 410
       },
       {
-        "__id__": 368
+        "__id__": 412
       },
       {
-        "__id__": 370
+        "__id__": 414
       }
     ],
     "_prefab": {
-      "__id__": 372
+      "__id__": 416
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7067,23 +7560,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 339
+      "__id__": 383
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 341
+        "__id__": 385
       },
       {
-        "__id__": 343
+        "__id__": 387
       },
       {
-        "__id__": 345
+        "__id__": 389
       }
     ],
     "_prefab": {
-      "__id__": 347
+      "__id__": 391
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7120,11 +7613,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 340
+      "__id__": 384
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 342
+      "__id__": 386
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7148,11 +7641,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 340
+      "__id__": 384
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 344
+      "__id__": 388
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -7196,11 +7689,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 340
+      "__id__": 384
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 346
+      "__id__": 390
     },
     "_alignFlags": 45,
     "_target": null,
@@ -7245,20 +7738,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 339
+      "__id__": 383
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 349
+        "__id__": 393
       },
       {
-        "__id__": 351
+        "__id__": 395
       }
     ],
     "_prefab": {
-      "__id__": 353
+      "__id__": 397
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7295,11 +7788,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 348
+      "__id__": 392
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 350
+      "__id__": 394
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7323,11 +7816,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 348
+      "__id__": 392
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 352
+      "__id__": 396
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -7381,20 +7874,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 339
+      "__id__": 383
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 355
+        "__id__": 399
       },
       {
-        "__id__": 357
+        "__id__": 401
       }
     ],
     "_prefab": {
-      "__id__": 359
+      "__id__": 403
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7431,11 +7924,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 354
+      "__id__": 398
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 356
+      "__id__": 400
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7459,11 +7952,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 354
+      "__id__": 398
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 358
+      "__id__": 402
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -7540,20 +8033,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 339
+      "__id__": 383
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 361
+        "__id__": 405
       },
       {
-        "__id__": 363
+        "__id__": 407
       }
     ],
     "_prefab": {
-      "__id__": 365
+      "__id__": 409
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7590,11 +8083,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 360
+      "__id__": 404
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 362
+      "__id__": 406
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7618,11 +8111,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 360
+      "__id__": 404
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 364
+      "__id__": 408
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -7699,11 +8192,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 339
+      "__id__": 383
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 367
+      "__id__": 411
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7727,11 +8220,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 339
+      "__id__": 383
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 369
+      "__id__": 413
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -7772,11 +8265,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 339
+      "__id__": 383
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 371
+      "__id__": 415
     },
     "_alignFlags": 44,
     "_target": null,
@@ -7821,11 +8314,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 276
+      "__id__": 320
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 374
+      "__id__": 418
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -7849,11 +8342,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 276
+      "__id__": 320
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 376
+      "__id__": 420
     },
     "_alignFlags": 0,
     "_target": null,
@@ -7885,11 +8378,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 276
+      "__id__": 320
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 378
+      "__id__": 422
     },
     "_resizeMode": 1,
     "_layoutType": 3,
@@ -7940,26 +8433,26 @@
     },
     "_children": [
       {
-        "__id__": 381
+        "__id__": 425
       },
       {
-        "__id__": 389
+        "__id__": 433
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 395
+        "__id__": 439
       },
       {
-        "__id__": 397
+        "__id__": 441
       },
       {
-        "__id__": 399
+        "__id__": 443
       }
     ],
     "_prefab": {
-      "__id__": 401
+      "__id__": 445
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -7996,23 +8489,23 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 380
+      "__id__": 424
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 382
+        "__id__": 426
       },
       {
-        "__id__": 384
+        "__id__": 428
       },
       {
-        "__id__": 386
+        "__id__": 430
       }
     ],
     "_prefab": {
-      "__id__": 388
+      "__id__": 432
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -8049,11 +8542,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 381
+      "__id__": 425
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 383
+      "__id__": 427
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8077,11 +8570,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 381
+      "__id__": 425
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 385
+      "__id__": 429
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -8125,11 +8618,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 381
+      "__id__": 425
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 387
+      "__id__": 431
     },
     "_alignFlags": 45,
     "_target": null,
@@ -8174,20 +8667,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 380
+      "__id__": 424
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 390
+        "__id__": 434
       },
       {
-        "__id__": 392
+        "__id__": 436
       }
     ],
     "_prefab": {
-      "__id__": 394
+      "__id__": 438
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -8224,11 +8717,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 389
+      "__id__": 433
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 391
+      "__id__": 435
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8252,11 +8745,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 389
+      "__id__": 433
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 393
+      "__id__": 437
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -8333,11 +8826,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 380
+      "__id__": 424
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 396
+      "__id__": 440
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8361,11 +8854,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 380
+      "__id__": 424
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 398
+      "__id__": 442
     },
     "_alignFlags": 0,
     "_target": null,
@@ -8397,11 +8890,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 380
+      "__id__": 424
     },
     "_enabled": false,
     "__prefab": {
-      "__id__": 400
+      "__id__": 444
     },
     "_resizeMode": 1,
     "_layoutType": 3,
@@ -8452,7 +8945,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 403
+      "__id__": 447
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -8480,40 +8973,40 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 405
+      "__id__": 449
     },
     "icon_node": {
-      "__id__": 113
+      "__id__": 157
     },
     "skill_icon_node": {
-      "__id__": 125
+      "__id__": 169
     },
     "sell_node": {
-      "__id__": 244
+      "__id__": 288
     },
     "BG_node": {
       "__id__": 32
     },
     "close_node": {
-      "__id__": 260
+      "__id__": 304
     },
     "Name_node": {
-      "__id__": 160
+      "__id__": 204
     },
     "info_node": {
-      "__id__": 389
+      "__id__": 433
     },
     "lv_node": {
-      "__id__": 171
+      "__id__": 215
     },
     "ap_node": {
-      "__id__": 305
+      "__id__": 349
     },
     "hp_node": {
-      "__id__": 339
+      "__id__": 383
     },
     "cd_node": {
-      "__id__": 277
+      "__id__": 321
     },
     "_id": ""
   },
@@ -8531,7 +9024,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 407
+      "__id__": 451
     },
     "_alignFlags": 41,
     "_target": null,
@@ -8570,10 +9063,10 @@
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": [
       {
-        "__id__": 174
+        "__id__": 218
       },
       {
-        "__id__": 87
+        "__id__": 130
       },
       {
         "__id__": 69
diff --git a/assets/resources/gui/element/sbox.prefab b/assets/resources/gui/element/sbox.prefab
index 72bf3ffa..7e287e3e 100644
--- a/assets/resources/gui/element/sbox.prefab
+++ b/assets/resources/gui/element/sbox.prefab
@@ -22,41 +22,38 @@
         "__id__": 2
       },
       {
-        "__id__": 10
+        "__id__": 86
       },
       {
-        "__id__": 26
+        "__id__": 102
       },
       {
-        "__id__": 34
+        "__id__": 110
       },
       {
-        "__id__": 42
+        "__id__": 118
       },
       {
-        "__id__": 50
+        "__id__": 126
       },
       {
-        "__id__": 56
+        "__id__": 132
       },
       {
-        "__id__": 64
-      },
-      {
-        "__id__": 72
+        "__id__": 140
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 78
+        "__id__": 146
       },
       {
-        "__id__": 80
+        "__id__": 148
       }
     ],
     "_prefab": {
-      "__id__": 82
+      "__id__": 150
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -89,32 +86,99 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "ItemFrame_Square_03_Bg",
+    "_name": "bg",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
-    "_children": [],
-    "_active": true,
-    "_components": [
+    "_children": [
       {
         "__id__": 3
       },
       {
-        "__id__": 5
+        "__id__": 19
       },
       {
-        "__id__": 7
+        "__id__": 35
+      },
+      {
+        "__id__": 51
+      },
+      {
+        "__id__": 67
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 83
       }
     ],
     "_prefab": {
-      "__id__": 9
+      "__id__": 85
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 40,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 1,
+      "y": 1,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "green",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 4
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 12
+      },
+      {
+        "__id__": 14
+      },
+      {
+        "__id__": 16
+      }
+    ],
+    "_prefab": {
+      "__id__": 18
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
       "z": 0
     },
     "_lrot": {
@@ -140,22 +204,557 @@
     },
     "_id": ""
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "SkillFrame_01_Border_Blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 3
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 5
+      },
+      {
+        "__id__": 7
+      },
+      {
+        "__id__": 9
+      }
+    ],
+    "_prefab": {
+      "__id__": 11
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
   {
     "__type__": "cc.UITransform",
     "_name": "",
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2
+      "__id__": 4
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 4
+      "__id__": 6
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 370,
-      "height": 370
+      "width": 218,
+      "height": 218
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "7eXE020LJO2re5wfhWMR+x"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 4
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 8
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d1286",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f0Vdz2o2lPFLwXlW5JPYW4"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 4
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 10
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -8,
+    "_right": -8,
+    "_top": -8,
+    "_bottom": -8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 56,
+    "_originalHeight": 58,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5fCWyWmApMNqTCR3sFhtR8"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "7dxLMTd/xC/68jt7Lwr0wN",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 13
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 420,
+      "height": 420
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "01RZgHEk5DOImBHnPTZbSl"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 15
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "83RO3P8ctM+bi+TCfBHkKM"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 3
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 17
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 8,
+    "_right": 8,
+    "_top": 8,
+    "_bottom": 8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 52,
+    "_originalHeight": 52,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "baf1d9tPZAd4fOS6WGAm8G"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c8GUMPCaFLxq7iBjkJgK3j",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 20
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      },
+      {
+        "__id__": 32
+      }
+    ],
+    "_prefab": {
+      "__id__": 34
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "SkillFrame_01_Border_Blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 19
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 21
+      },
+      {
+        "__id__": 23
+      },
+      {
+        "__id__": 25
+      }
+    ],
+    "_prefab": {
+      "__id__": 27
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 22
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 218,
+      "height": 218
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "bdhTW5lJ9PJamgUN/UmnC2"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 24
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@654c0",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "74QdiEVndDl5Vqf5Hjj8qY"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 26
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -8,
+    "_right": -8,
+    "_top": -8,
+    "_bottom": -8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 56,
+    "_originalHeight": 58,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "17NmLP2VJDYqeNommRKja0"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "05/ViZ4x5CsKTMBvYgTNv7",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 19
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 420,
+      "height": 420
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -174,20 +773,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2
+      "__id__": 19
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 6
+      "__id__": 31
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 51,
-      "g": 77,
-      "b": 133,
+      "r": 255,
+      "g": 255,
+      "b": 255,
       "a": 255
     },
     "_spriteFrame": {
@@ -222,18 +821,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 2
+      "__id__": 19
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 8
+      "__id__": 33
     },
     "_alignFlags": 45,
     "_target": null,
-    "_left": 3,
-    "_right": 3,
-    "_top": 3,
-    "_bottom": 3,
+    "_left": 8,
+    "_right": 8,
+    "_top": 8,
+    "_bottom": 8,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -261,6 +860,1129 @@
       "__id__": 0
     },
     "fileId": "93fFoXu3BBYqu4RLG2YPon",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "purple",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 36
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 44
+      },
+      {
+        "__id__": 46
+      },
+      {
+        "__id__": 48
+      }
+    ],
+    "_prefab": {
+      "__id__": 50
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "SkillFrame_01_Border_Blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 35
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 37
+      },
+      {
+        "__id__": 39
+      },
+      {
+        "__id__": 41
+      }
+    ],
+    "_prefab": {
+      "__id__": 43
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 36
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 38
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 235,
+      "height": 235
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "31upVgp9hMgqBxdoieIwVm"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 36
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 40
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@900a1",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "41VXMESAJKg5kx7y+LyKEN"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 36
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 42
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -8,
+    "_right": -8,
+    "_top": -8,
+    "_bottom": -8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 56,
+    "_originalHeight": 58,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "72RgzpFspPSIvEm12Te+NC"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "28zhIq1rJFoqgXVfHbZVku",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 35
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 45
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 470,
+      "height": 470
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "01Tb8sF1pD1K401C16wfxs"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 35
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 47
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "05Zwe5oaRITayhS7nyUA3W"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 35
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 49
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 8,
+    "_right": 8,
+    "_top": 8,
+    "_bottom": 8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 52,
+    "_originalHeight": 52,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f8m897RgFJ3Yfwjs+9LSxo"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "f815Ec4HdHl7lhEUTBr/l3",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "red",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 52
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 60
+      },
+      {
+        "__id__": 62
+      },
+      {
+        "__id__": 64
+      }
+    ],
+    "_prefab": {
+      "__id__": 66
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "SkillFrame_01_Border_Blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 51
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 53
+      },
+      {
+        "__id__": 55
+      },
+      {
+        "__id__": 57
+      }
+    ],
+    "_prefab": {
+      "__id__": 59
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 52
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 54
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 235,
+      "height": 235
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ce0/u2yctKCZkL+Ru0cbmo"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 52
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 56
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@4f590",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "472fPUEeZJBZ0we0ZqBZLT"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 52
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 58
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -8,
+    "_right": -8,
+    "_top": -8,
+    "_bottom": -8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 56,
+    "_originalHeight": 58,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "9aKMLDvMxIdL5mGpxApN/a"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "ceKD1JLx5OXYWUaSeK4/8B",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 51
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 61
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 470,
+      "height": 470
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "c82typVIdBJJabkX/s0ZkZ"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 51
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 63
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a35oaIyWZAyaqqaIo3ecgQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 51
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 65
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 8,
+    "_right": 8,
+    "_top": 8,
+    "_bottom": 8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 52,
+    "_originalHeight": 52,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "97QhKRqORBu7cZbfTOKHZx"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "51ns/anqVO87NRv6DMzJKj",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "yellow",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [
+      {
+        "__id__": 68
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 76
+      },
+      {
+        "__id__": 78
+      },
+      {
+        "__id__": 80
+      }
+    ],
+    "_prefab": {
+      "__id__": 82
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.2,
+      "y": 0.2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "SkillFrame_01_Border_Blue",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 67
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 69
+      },
+      {
+        "__id__": 71
+      },
+      {
+        "__id__": 73
+      }
+    ],
+    "_prefab": {
+      "__id__": 75
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 2,
+      "y": 2,
+      "z": 1
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 68
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 70
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 235,
+      "height": 235
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4cdo17U+VOh4SgXfb/+Gk7"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 68
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 72
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@2eb28",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "74wQe518NJtomw3BaPS3RF"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 68
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 74
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": -8,
+    "_right": -8,
+    "_top": -8,
+    "_bottom": -8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 56,
+    "_originalHeight": 58,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "54DttIreFHwYJkJN4N0RTP"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "f0arVt0ElB87nq5CoNVAt4",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 67
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 77
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 470,
+      "height": 470
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "68Zpxa86JHMbiKqxEUYo0V"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 67
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 79
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 1,
+    "_fillType": 0,
+    "_sizeMode": 0,
+    "_fillCenter": {
+      "__type__": "cc.Vec2",
+      "x": 0,
+      "y": 0
+    },
+    "_fillStart": 0,
+    "_fillRange": 0,
+    "_isTrimmedMode": true,
+    "_useGrayscale": false,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a3uQv7YKlBh7VPyZ5JRsEQ"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 67
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 81
+    },
+    "_alignFlags": 45,
+    "_target": null,
+    "_left": 8,
+    "_right": 8,
+    "_top": 8,
+    "_bottom": 8,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 52,
+    "_originalHeight": 52,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "2ftKNnmZdJtKhaRtZLBILA"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d3r4ZGziNEz77IzWW7ndja",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 2
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 84
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "44Ed4eH0lI5Kssdq2dPzke"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c8niXKCPZJkZO13m9+xJNN",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -273,31 +1995,31 @@
     },
     "_children": [
       {
-        "__id__": 11
+        "__id__": 87
       }
     ],
     "_active": false,
     "_components": [
       {
-        "__id__": 17
+        "__id__": 93
       },
       {
-        "__id__": 19
+        "__id__": 95
       },
       {
-        "__id__": 21
+        "__id__": 97
       },
       {
-        "__id__": 23
+        "__id__": 99
       }
     ],
     "_prefab": {
-      "__id__": 25
+      "__id__": 101
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 35,
+      "y": 0,
       "z": 0
     },
     "_lrot": {
@@ -329,20 +2051,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 10
+      "__id__": 86
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 12
+        "__id__": 88
       },
       {
-        "__id__": 14
+        "__id__": 90
       }
     ],
     "_prefab": {
-      "__id__": 16
+      "__id__": 92
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -379,11 +2101,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 11
+      "__id__": 87
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 13
+      "__id__": 89
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -407,11 +2129,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 11
+      "__id__": 87
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 15
+      "__id__": 91
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -468,16 +2190,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 10
+      "__id__": 86
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 18
+      "__id__": 94
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 68,
-      "height": 68
+      "width": 78,
+      "height": 78
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -496,11 +2218,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 10
+      "__id__": 86
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 20
+      "__id__": 96
     },
     "_type": 3,
     "_inverted": false,
@@ -518,11 +2240,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 10
+      "__id__": 86
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 22
+      "__id__": 98
     },
     "_alignFlags": 45,
     "_target": null,
@@ -554,11 +2276,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 10
+      "__id__": 86
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 24
+      "__id__": 100
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -621,17 +2343,17 @@
     "_active": false,
     "_components": [
       {
-        "__id__": 27
+        "__id__": 103
       },
       {
-        "__id__": 29
+        "__id__": 105
       },
       {
-        "__id__": 31
+        "__id__": 107
       }
     ],
     "_prefab": {
-      "__id__": 33
+      "__id__": 109
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -668,11 +2390,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 26
+      "__id__": 102
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 28
+      "__id__": 104
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -696,11 +2418,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 26
+      "__id__": 102
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 30
+      "__id__": 106
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -741,11 +2463,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 26
+      "__id__": 102
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 32
+      "__id__": 108
     },
     "_alignFlags": 45,
     "_target": null,
@@ -796,17 +2518,17 @@
     "_active": false,
     "_components": [
       {
-        "__id__": 35
+        "__id__": 111
       },
       {
-        "__id__": 37
+        "__id__": 113
       },
       {
-        "__id__": 39
+        "__id__": 115
       }
     ],
     "_prefab": {
-      "__id__": 41
+      "__id__": 117
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -843,11 +2565,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 34
+      "__id__": 110
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 36
+      "__id__": 112
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -871,11 +2593,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 34
+      "__id__": 110
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 38
+      "__id__": 114
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -916,11 +2638,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 34
+      "__id__": 110
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 40
+      "__id__": 116
     },
     "_alignFlags": 45,
     "_target": null,
@@ -971,17 +2693,17 @@
     "_active": false,
     "_components": [
       {
-        "__id__": 43
+        "__id__": 119
       },
       {
-        "__id__": 45
+        "__id__": 121
       },
       {
-        "__id__": 47
+        "__id__": 123
       }
     ],
     "_prefab": {
-      "__id__": 49
+      "__id__": 125
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1018,11 +2740,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 42
+      "__id__": 118
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 44
+      "__id__": 120
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1046,11 +2768,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 42
+      "__id__": 118
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 46
+      "__id__": 122
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1091,11 +2813,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 42
+      "__id__": 118
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 48
+      "__id__": 124
     },
     "_alignFlags": 45,
     "_target": null,
@@ -1146,19 +2868,19 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 51
+        "__id__": 127
       },
       {
-        "__id__": 53
+        "__id__": 129
       }
     ],
     "_prefab": {
-      "__id__": 55
+      "__id__": 131
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 40,
+      "y": 0,
       "z": 0
     },
     "_lrot": {
@@ -1170,8 +2892,8 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 0.7,
-      "y": 0.7,
+      "x": 0.9,
+      "y": 0.9,
       "z": 1
     },
     "_mobility": 0,
@@ -1190,11 +2912,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 50
+      "__id__": 126
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 52
+      "__id__": 128
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1218,11 +2940,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 50
+      "__id__": 126
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 54
+      "__id__": 130
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1285,22 +3007,22 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 57
+        "__id__": 133
       },
       {
-        "__id__": 59
+        "__id__": 135
       },
       {
-        "__id__": 61
+        "__id__": 137
       }
     ],
     "_prefab": {
-      "__id__": 63
+      "__id__": 139
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 40,
+      "y": 0,
       "z": 0
     },
     "_lrot": {
@@ -1332,16 +3054,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 56
+      "__id__": 132
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 58
+      "__id__": 134
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 76,
-      "height": 76
+      "width": 74,
+      "height": 74
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1360,24 +3082,24 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 56
+      "__id__": 132
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 60
+      "__id__": 136
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
     "_dstBlendFactor": 4,
     "_color": {
       "__type__": "cc.Color",
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 114
+      "r": 93,
+      "g": 93,
+      "b": 94,
+      "a": 141
     },
     "_spriteFrame": {
-      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@d8db6",
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@46c83",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 3,
@@ -1392,7 +3114,10 @@
     "_fillRange": 0,
     "_isTrimmedMode": true,
     "_useGrayscale": false,
-    "_atlas": null,
+    "_atlas": {
+      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73",
+      "__expectedType__": "cc.SpriteAtlas"
+    },
     "_id": ""
   },
   {
@@ -1405,18 +3130,18 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 56
+      "__id__": 132
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 62
+      "__id__": 138
     },
     "_alignFlags": 45,
     "_target": null,
-    "_left": 2,
-    "_right": 2,
-    "_top": 2,
-    "_bottom": 2,
+    "_left": 3,
+    "_right": 3,
+    "_top": 3,
+    "_bottom": 3,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
     "_isAbsLeft": true,
@@ -1448,181 +3173,6 @@
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
-  {
-    "__type__": "cc.Node",
-    "_name": "SkillFrame_01_Border_Blue",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 1
-    },
-    "_children": [],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 65
-      },
-      {
-        "__id__": 67
-      },
-      {
-        "__id__": 69
-      }
-    ],
-    "_prefab": {
-      "__id__": 71
-    },
-    "_lpos": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 40,
-      "z": 0
-    },
-    "_lrot": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    },
-    "_lscale": {
-      "__type__": "cc.Vec3",
-      "x": 0.4,
-      "y": 0.4,
-      "z": 1
-    },
-    "_mobility": 0,
-    "_layer": 1073741824,
-    "_euler": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.UITransform",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 64
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 66
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 200,
-      "height": 200
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "bdhTW5lJ9PJamgUN/UmnC2"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 64
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 68
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_spriteFrame": {
-      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@654c0",
-      "__expectedType__": "cc.SpriteFrame"
-    },
-    "_type": 1,
-    "_fillType": 0,
-    "_sizeMode": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_useGrayscale": false,
-    "_atlas": null,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "74QdiEVndDl5Vqf5Hjj8qY"
-  },
-  {
-    "__type__": "cc.Widget",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 64
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 70
-    },
-    "_alignFlags": 45,
-    "_target": null,
-    "_left": 0,
-    "_right": 0,
-    "_top": 0,
-    "_bottom": 0,
-    "_horizontalCenter": 0,
-    "_verticalCenter": 0,
-    "_isAbsLeft": true,
-    "_isAbsRight": true,
-    "_isAbsTop": true,
-    "_isAbsBottom": true,
-    "_isAbsHorizontalCenter": true,
-    "_isAbsVerticalCenter": true,
-    "_originalWidth": 56,
-    "_originalHeight": 58,
-    "_alignMode": 2,
-    "_lockFlags": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "17NmLP2VJDYqeNommRKja0"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "05/ViZ4x5CsKTMBvYgTNv7",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
   {
     "__type__": "cc.Node",
     "_name": "Label",
@@ -1635,19 +3185,19 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 73
+        "__id__": 141
       },
       {
-        "__id__": 75
+        "__id__": 143
       }
     ],
     "_prefab": {
-      "__id__": 77
+      "__id__": 145
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": 6.375,
+      "y": -38.838,
       "z": 0
     },
     "_lrot": {
@@ -1679,11 +3229,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 72
+      "__id__": 140
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 74
+      "__id__": 142
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1707,11 +3257,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 72
+      "__id__": 140
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 76
+      "__id__": 144
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1792,7 +3342,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 79
+      "__id__": 147
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1802,7 +3352,7 @@
     "_anchorPoint": {
       "__type__": "cc.Vec2",
       "x": 0.5,
-      "y": 0
+      "y": 0.5
     },
     "_id": ""
   },
@@ -1820,16 +3370,19 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 81
+      "__id__": 149
     },
     "icon_node": {
-      "__id__": 50
+      "__id__": 126
+    },
+    "bg_node": {
+      "__id__": 2
     },
     "info_label": {
-      "__id__": 75
+      "__id__": 143
     },
     "cd_mask": {
-      "__id__": 56
+      "__id__": 132
     },
     "_id": ""
   },
diff --git a/assets/resources/gui/ui3.plist.meta b/assets/resources/gui/ui3.plist.meta
index cb885a73..a771c3c4 100644
--- a/assets/resources/gui/ui3.plist.meta
+++ b/assets/resources/gui/ui3.plist.meta
@@ -6878,10 +6878,10 @@
         "height": 58,
         "rawWidth": 56,
         "rawHeight": 58,
-        "borderTop": 0,
-        "borderBottom": 0,
-        "borderLeft": 0,
-        "borderRight": 0,
+        "borderTop": 25,
+        "borderBottom": 25,
+        "borderLeft": 25,
+        "borderRight": 25,
         "packable": true,
         "pixelsToUnit": 100,
         "pivotX": 0.5,
diff --git a/assets/script/game/common/config/CardSet.ts b/assets/script/game/common/config/CardSet.ts
index 3c55d822..61e7cef9 100644
--- a/assets/script/game/common/config/CardSet.ts
+++ b/assets/script/game/common/config/CardSet.ts
@@ -263,7 +263,7 @@ SkillCardData.forEach(data => {
         pool_lv: waveToPoolLv[data.wave] as CardLV,
         wave: data.wave,
         kind: CKind.Skill,
-        card_lv: 1,
+        card_lv: waveToPoolLv[data.wave],    // wave 1→1, 5→2, 8→3
         name: data.name,
         info: data.info,
         icon: data.icon,                   // 【新增】透传自定义图标ID（优先级最高）
diff --git a/assets/script/game/map/SkillBoxComp.ts b/assets/script/game/map/SkillBoxComp.ts
index 7639c055..af409f99 100644
--- a/assets/script/game/map/SkillBoxComp.ts
+++ b/assets/script/game/map/SkillBoxComp.ts
@@ -34,7 +34,7 @@ import { _decorator, Node, Prefab, Sprite, Label, Vec3, resources, SpriteAtlas,
 import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
 import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
 import { CardPoolList, CardTriggerType } from "../common/config/CardSet";
-import { SkillSet, SkillOverrides } from "../common/config/SkillSet";
+import { SkillSet, SkillOverrides, FieldSkillSet } from "../common/config/SkillSet";
 import { oops } from "db://oops-framework/core/Oops";
 import { GameEvent } from "../common/config/GameEvent";
 import { smc } from "../common/SingletonModuleComp";
@@ -57,6 +57,10 @@ export class SkillBoxComp extends CCComp {
     @property({ type: Node })
     private icon_node: Node = null;
 
+    /** 技能图标节点：下面有 green blue purple red yellow 5个不同颜色节点*/
+    @property({ type: Node })
+    private bg_node: Node = null;
+
     /** 剩余次数标签 */
     @property(Label)
     private info_label: Label = null;
@@ -82,6 +86,8 @@ export class SkillBoxComp extends CCComp {
     private overrides?: SkillOverrides;
     /** 驻场技能 UUID 列表 */
     public field: number[] = [];
+    /** 卡牌自定义图标ID（优先级最高，未定义则按 trigger_type 自动取） */
+    private card_icon?: string;
 
     // ======================== 触发类型化扩展 ========================
 
@@ -172,6 +178,7 @@ export class SkillBoxComp extends CCComp {
             this.keep_waves = config.keep_waves ?? 0;
             this.overrides = config.overrides;
             this.field = config.field || [];
+            this.card_icon = config.icon;  // 保存卡牌自定义图标（优先级最高）
             // 读取触发类型与上限（兜底默认值，避免 undefined）
             this.trigger_type = config.trigger_type ?? CardTriggerType.Instant;
             this.trigger_limit = config.trigger_limit ?? Infinity;
@@ -294,8 +301,29 @@ export class SkillBoxComp extends CCComp {
         }
     }
 
+    /**
+     * 根据技能等级切换 bg_node 下的颜色子节点显示。
+     * 等级与颜色对应关系（技能卡 wave 档位）：
+     *   card_lv 1 (wave 1) → green
+     *   card_lv 2 (wave 5) → blue
+     *   card_lv 3 (wave 8) → purple
+     */
+    private updateBgNode() {
+        if (!this.bg_node) return;
+        const lvToColor: Record<number, string> = {
+            1: "green",
+            2: "blue",
+            3: "purple",
+        };
+        const targetColor = lvToColor[this.card_lv];
+        this.bg_node.children.forEach(child => {
+            child.active = (child.name === targetColor);
+        });
+    }
+
     /**
      * 更新 UI：
+     *   - 背景：根据技能等级切换对应颜色子节点显示
      *   - 图标：从 uicons 图集获取
      *   - 剩余次数标签：
      *     * Interval / 事件型：显示剩余次数（按各自上限计算）
@@ -303,14 +331,28 @@ export class SkillBoxComp extends CCComp {
      *   - CD 遮罩：仅 Interval 类型展示冷却进度
      */
     updateUI() {
+        // 按技能等级切换背景颜色节点（与 getLvColor 等级配色一致）
+        this.updateBgNode();
+
         // 加载技能图标
         if (this.icon_node) {
-            const iconId = SkillSet[this.s_uuid]?.icon || `${this.s_uuid}`;
-            if (smc.uiconsAtlas) {
-                const frame = smc.uiconsAtlas.getSpriteFrame(iconId);
-                if (frame && this.icon_node && this.icon_node.isValid) {
-                    let sprite = this.icon_node.getComponent(Sprite) || this.icon_node.addComponent(Sprite);
-                    sprite.spriteFrame = frame;
+            // 优先使用卡牌自定义 icon；未定义则按 trigger_type 自动取
+            let iconId: string | undefined = this.card_icon;
+            if (!iconId) {
+                if (this.trigger_type === CardTriggerType.Interval) {
+                    iconId = this.s_uuid ? SkillSet[this.s_uuid]?.icon : undefined;
+                } else if (this.trigger_type === CardTriggerType.Field) {
+                    const fieldUuid = this.field?.[0];
+                    iconId = fieldUuid ? FieldSkillSet[fieldUuid]?.icon : undefined;
+                }
+            }
+            if (this.icon_node && this.icon_node.isValid) {
+                let sprite = this.icon_node.getComponent(Sprite) || this.icon_node.addComponent(Sprite);
+                if (smc.uiconsAtlas && iconId) {
+                    const frame = smc.uiconsAtlas.getSpriteFrame(iconId);
+                    sprite.spriteFrame = frame || null;  // 取不到时清空，避免残留
+                } else {
+                    sprite.spriteFrame = null;
                 }
             }
         }