diff --git a/assets/resources/gui/element/TIBox.prefab b/assets/resources/gui/element/TIBox.prefab
index add63f7e..6230eef9 100644
--- a/assets/resources/gui/element/TIBox.prefab
+++ b/assets/resources/gui/element/TIBox.prefab
@@ -25,23 +25,26 @@
         "__id__": 8
       },
       {
-        "__id__": 211
+        "__id__": 146
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 245
+        "__id__": 180
       },
       {
-        "__id__": 247
+        "__id__": 182
       },
       {
-        "__id__": 249
+        "__id__": 184
+      },
+      {
+        "__id__": 186
       }
     ],
     "_prefab": {
-      "__id__": 251
+      "__id__": 188
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -224,14 +227,14 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 206
+        "__id__": 141
       },
       {
-        "__id__": 208
+        "__id__": 143
       }
     ],
     "_prefab": {
-      "__id__": 210
+      "__id__": 145
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1264,11 +1267,13 @@
       "__id__": 0
     },
     "fileId": "77VtXPhlZEIqYu0yR8I6fF",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
     "__type__": "cc.Node",
-    "_name": "yaoqiu",
+    "_name": "ptname",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -1421,6 +1426,8 @@
       "__id__": 0
     },
     "fileId": "51uYWMEAVPNKcUziKlSAxT",
+    "instance": null,
+    "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
   {
@@ -2337,22 +2344,16 @@
       },
       {
         "__id__": 132
-      },
-      {
-        "__id__": 138
-      },
-      {
-        "__id__": 175
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 203
+        "__id__": 138
       }
     ],
     "_prefab": {
-      "__id__": 205
+      "__id__": 140
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -3135,1309 +3136,18 @@
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
   },
-  {
-    "__type__": "cc.Node",
-    "_name": "max",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 107
-    },
-    "_children": [
-      {
-        "__id__": 139
-      },
-      {
-        "__id__": 145
-      },
-      {
-        "__id__": 166
-      }
-    ],
-    "_active": false,
-    "_components": [
-      {
-        "__id__": 172
-      }
-    ],
-    "_prefab": {
-      "__id__": 174
-    },
-    "_lpos": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": -80.146,
-      "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": "Label_Ribbon_Hologram",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 138
-    },
-    "_children": [],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 140
-      },
-      {
-        "__id__": 142
-      }
-    ],
-    "_prefab": {
-      "__id__": 144
-    },
-    "_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.7,
-      "y": 0.7,
-      "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__": 107
+    },
+    "_enabled": true,
+    "__prefab": {
       "__id__": 139
     },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 141
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 100,
-      "height": 53
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "a8j/26aGNG8pGwj8umOSbR"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 139
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 143
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_spriteFrame": null,
-    "_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": "89dki217ZO6qBxE9yLFHEt"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "58feByorpEqZTP7LoYFb3l",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.Node",
-    "_objFlags": 0,
-    "_parent": {
-      "__id__": 138
-    },
-    "_prefab": {
-      "__id__": 146
-    },
-    "__editorExtras__": {}
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 145
-    },
-    "asset": {
-      "__uuid__": "c85dc4d5-6ebf-4cee-aa3e-6c027334e622",
-      "__expectedType__": "cc.Prefab"
-    },
-    "fileId": "40LEKxke9Hs6tfg2pVspXT",
-    "instance": {
-      "__id__": 147
-    },
-    "targetOverrides": null
-  },
-  {
-    "__type__": "cc.PrefabInstance",
-    "fileId": "ccOMau9MBDSaNHGdL2roXg",
-    "prefabRootNode": {
-      "__id__": 1
-    },
-    "mountedChildren": [],
-    "mountedComponents": [],
-    "propertyOverrides": [
-      {
-        "__id__": 148
-      },
-      {
-        "__id__": 150
-      },
-      {
-        "__id__": 151
-      },
-      {
-        "__id__": 152
-      },
-      {
-        "__id__": 153
-      },
-      {
-        "__id__": 154
-      },
-      {
-        "__id__": 156
-      },
-      {
-        "__id__": 158
-      },
-      {
-        "__id__": 160
-      },
-      {
-        "__id__": 162
-      },
-      {
-        "__id__": 164
-      }
-    ],
-    "removedComponents": []
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 149
-    },
-    "propertyPath": [
-      "_name"
-    ],
-    "value": "Lable"
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "40LEKxke9Hs6tfg2pVspXT"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 149
-    },
-    "propertyPath": [
-      "_lpos"
-    ],
-    "value": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
-    }
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 149
-    },
-    "propertyPath": [
-      "_lrot"
-    ],
-    "value": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    }
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 149
-    },
-    "propertyPath": [
-      "_euler"
-    ],
-    "value": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
-    }
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 149
-    },
-    "propertyPath": [
-      "_lscale"
-    ],
-    "value": {
-      "__type__": "cc.Vec3",
-      "x": 0.7,
-      "y": 0.7,
-      "z": 1
-    }
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 155
-    },
-    "propertyPath": [
-      "_contentSize"
-    ],
-    "value": {
-      "__type__": "cc.Size",
-      "width": 140,
-      "height": 100
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "32q1bLzYBFr5SK8ZtIeSWI"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 157
-    },
-    "propertyPath": [
-      "_contentSize"
-    ],
-    "value": {
-      "__type__": "cc.Size",
-      "width": 140,
-      "height": 54
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "06bJQzIv9Dd4vvjRlqtfn3"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 159
-    },
-    "propertyPath": [
-      "_contentSize"
-    ],
-    "value": {
-      "__type__": "cc.Size",
-      "width": 140,
-      "height": 45
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "8d3sM/DlJKPpJHNKbTBwEP"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 161
-    },
-    "propertyPath": [
-      "_contentSize"
-    ],
-    "value": {
-      "__type__": "cc.Size",
-      "width": 132,
-      "height": 44
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "17CdGbg9BG87rd0n06WZvm"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 163
-    },
-    "propertyPath": [
-      "_color"
-    ],
-    "value": {
-      "__type__": "cc.Color",
-      "r": 231,
-      "g": 231,
-      "b": 69,
-      "a": 255
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "4ckA8btpNNTrqJr6S7VGRN"
-    ]
-  },
-  {
-    "__type__": "CCPropertyOverrideInfo",
-    "targetInfo": {
-      "__id__": 165
-    },
-    "propertyPath": [
-      "_color"
-    ],
-    "value": {
-      "__type__": "cc.Color",
-      "r": 213,
-      "g": 186,
-      "b": 50,
-      "a": 255
-    }
-  },
-  {
-    "__type__": "cc.TargetInfo",
-    "localID": [
-      "b1UpBBMc9Obp5MBENsf/W/"
-    ]
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "Label",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 138
-    },
-    "_children": [],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 167
-      },
-      {
-        "__id__": 169
-      }
-    ],
-    "_prefab": {
-      "__id__": 171
-    },
-    "_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": 1,
-      "y": 1,
-      "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__": 166
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 168
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 59.55419921875,
-      "height": 54.4
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "b6Avl7zHVFRJruMFqa+196"
-  },
-  {
-    "__type__": "cc.Label",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 166
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 170
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 255
-    },
-    "_string": "MAX",
-    "_horizontalAlign": 1,
-    "_verticalAlign": 1,
-    "_actualFontSize": 25,
-    "_fontSize": 25,
-    "_fontFamily": "Arial",
-    "_lineHeight": 40,
-    "_overflow": 0,
-    "_enableWrapText": true,
-    "_font": null,
-    "_isSystemFontUsed": true,
-    "_spacingX": 0,
-    "_isItalic": false,
-    "_isBold": true,
-    "_isUnderline": false,
-    "_underlineHeight": 2,
-    "_cacheMode": 0,
-    "_enableOutline": true,
-    "_outlineColor": {
-      "__type__": "cc.Color",
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 255
-    },
-    "_outlineWidth": 2,
-    "_enableShadow": false,
-    "_shadowColor": {
-      "__type__": "cc.Color",
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 255
-    },
-    "_shadowOffset": {
-      "__type__": "cc.Vec2",
-      "x": 2,
-      "y": 2
-    },
-    "_shadowBlur": 2,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "02++xUMdBDbqVOezTyJFBw"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "4b+TFttZdDxrY05VIj+0a8",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.UITransform",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 138
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 173
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 100,
-      "height": 100
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "9eQwy3aIBI6o4vlzpSjoGn"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "d9UW0M93VEHKr6ix+utSGW",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "noactive-001",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 107
-    },
-    "_children": [
-      {
-        "__id__": 176
-      },
-      {
-        "__id__": 184
-      },
-      {
-        "__id__": 190
-      }
-    ],
-    "_active": false,
-    "_components": [
-      {
-        "__id__": 198
-      },
-      {
-        "__id__": 200
-      }
-    ],
-    "_prefab": {
-      "__id__": 202
-    },
-    "_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": 1,
-      "y": 1,
-      "z": 1
-    },
-    "_mobility": 0,
-    "_layer": 1073741824,
-    "_euler": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 0,
-      "z": 0
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "blue",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 175
-    },
-    "_children": [],
-    "_active": false,
-    "_components": [
-      {
-        "__id__": 177
-      },
-      {
-        "__id__": 179
-      },
-      {
-        "__id__": 181
-      }
-    ],
-    "_prefab": {
-      "__id__": 183
-    },
-    "_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": 1,
-      "y": 1,
-      "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__": 176
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 178
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 200,
-      "height": 230
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "9eMUhwRIxPMInwDNU5hkDy"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 176
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 180
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 255,
-      "g": 255,
-      "b": 255,
-      "a": 192
-    },
-    "_spriteFrame": {
-      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@c7ff0",
-      "__expectedType__": "cc.SpriteFrame"
-    },
-    "_type": 1,
-    "_fillType": 0,
-    "_sizeMode": 0,
-    "_fillCenter": {
-      "__type__": "cc.Vec2",
-      "x": 0,
-      "y": 0
-    },
-    "_fillStart": 0,
-    "_fillRange": 0,
-    "_isTrimmedMode": true,
-    "_useGrayscale": true,
-    "_atlas": null,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "6aEVkyWEZOHo9k5aaIjHjC"
-  },
-  {
-    "__type__": "cc.Widget",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 176
-    },
-    "_enabled": false,
-    "__prefab": {
-      "__id__": 182
-    },
-    "_alignFlags": 45,
-    "_target": null,
-    "_left": 33,
-    "_right": 33,
-    "_top": 96.5,
-    "_bottom": 96.5,
-    "_horizontalCenter": 0,
-    "_verticalCenter": 0,
-    "_isAbsLeft": true,
-    "_isAbsRight": true,
-    "_isAbsTop": true,
-    "_isAbsBottom": true,
-    "_isAbsHorizontalCenter": true,
-    "_isAbsVerticalCenter": true,
-    "_originalWidth": 154,
-    "_originalHeight": 77,
-    "_alignMode": 2,
-    "_lockFlags": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "ccM9yjRkxF2odFwBp0ntKZ"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "56BK1MWhFEXo0mwX686Jf3",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "Icon_Lock03",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 175
-    },
-    "_children": [],
-    "_active": false,
-    "_components": [
-      {
-        "__id__": 185
-      },
-      {
-        "__id__": 187
-      }
-    ],
-    "_prefab": {
-      "__id__": 189
-    },
-    "_lpos": {
-      "__type__": "cc.Vec3",
-      "x": 0,
-      "y": -73.713,
-      "z": 0
-    },
-    "_lrot": {
-      "__type__": "cc.Quat",
-      "x": 0,
-      "y": 0,
-      "z": 0,
-      "w": 1
-    },
-    "_lscale": {
-      "__type__": "cc.Vec3",
-      "x": 0.8,
-      "y": 0.8,
-      "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__": 184
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 186
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 71,
-      "height": 93
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "b3A/1WGkZLB4OiT6FzahpY"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 184
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 188
-    },
-    "_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@cebb2",
-      "__expectedType__": "cc.SpriteFrame"
-    },
-    "_type": 0,
-    "_fillType": 0,
-    "_sizeMode": 1,
-    "_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": "19PEMfELtEm5A6hHQg0vgY"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "a4DOkSb59ORLdeWDLrtfw0",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.Node",
-    "_name": "ItemFrame_Square_03_Bg",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "_parent": {
-      "__id__": 175
-    },
-    "_children": [],
-    "_active": true,
-    "_components": [
-      {
-        "__id__": 191
-      },
-      {
-        "__id__": 193
-      },
-      {
-        "__id__": 195
-      }
-    ],
-    "_prefab": {
-      "__id__": 197
-    },
-    "_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.5,
-      "y": 0.5,
-      "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__": 190
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 192
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 192,
-      "height": 192
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "a7eyKEy89OOKyPqFiptMtg"
-  },
-  {
-    "__type__": "cc.Sprite",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 190
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 194
-    },
-    "_customMaterial": null,
-    "_srcBlendFactor": 2,
-    "_dstBlendFactor": 4,
-    "_color": {
-      "__type__": "cc.Color",
-      "r": 134,
-      "g": 134,
-      "b": 134,
-      "a": 146
-    },
-    "_spriteFrame": {
-      "__uuid__": "cb93c900-b440-4571-91d1-7da1636e3d73@85dcd",
-      "__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": "3eW96Kok5LW4ujxOlZI+os"
-  },
-  {
-    "__type__": "cc.Widget",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 190
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 196
-    },
-    "_alignFlags": 45,
-    "_target": null,
-    "_left": 2,
-    "_right": 2,
-    "_top": 2,
-    "_bottom": 2,
-    "_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": "20dd1yCORCMJ0KK2D/l9dg"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "c1c4zSEldIupAbr2Hzi+UL",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.UITransform",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 175
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 199
-    },
-    "_contentSize": {
-      "__type__": "cc.Size",
-      "width": 100,
-      "height": 100
-    },
-    "_anchorPoint": {
-      "__type__": "cc.Vec2",
-      "x": 0.5,
-      "y": 0.5
-    },
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "2b2sjdNuFFz6oG7Os88TnJ"
-  },
-  {
-    "__type__": "cc.Widget",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 175
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 201
-    },
-    "_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": 100,
-    "_originalHeight": 100,
-    "_alignMode": 2,
-    "_lockFlags": 0,
-    "_id": ""
-  },
-  {
-    "__type__": "cc.CompPrefabInfo",
-    "fileId": "f4/WKutVBODLN4ZpQYt0SD"
-  },
-  {
-    "__type__": "cc.PrefabInfo",
-    "root": {
-      "__id__": 1
-    },
-    "asset": {
-      "__id__": 0
-    },
-    "fileId": "383UwfGkZB1LllSIRN58AO",
-    "instance": null,
-    "targetOverrides": null,
-    "nestedPrefabInstanceRoots": null
-  },
-  {
-    "__type__": "cc.UITransform",
-    "_name": "",
-    "_objFlags": 0,
-    "__editorExtras__": {},
-    "node": {
-      "__id__": 107
-    },
-    "_enabled": true,
-    "__prefab": {
-      "__id__": 204
-    },
     "_contentSize": {
       "__type__": "cc.Size",
       "width": 100,
@@ -4477,7 +3187,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 207
+      "__id__": 142
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4505,7 +3215,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 209
+      "__id__": 144
     },
     "_alignFlags": 2,
     "_target": null,
@@ -4551,14 +3261,14 @@
       "__id__": 1
     },
     "_prefab": {
-      "__id__": 212
+      "__id__": 147
     },
     "__editorExtras__": {}
   },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
-      "__id__": 211
+      "__id__": 146
     },
     "asset": {
       "__uuid__": "506d0f89-1cf1-4c3b-be47-a3abaf3695e8",
@@ -4566,7 +3276,7 @@
     },
     "fileId": "60RuUkpjBAGoLk3z4xlHcF",
     "instance": {
-      "__id__": 213
+      "__id__": 148
     },
     "targetOverrides": null
   },
@@ -4580,58 +3290,58 @@
     "mountedComponents": [],
     "propertyOverrides": [
       {
-        "__id__": 214
+        "__id__": 149
       },
       {
-        "__id__": 216
+        "__id__": 151
       },
       {
-        "__id__": 217
+        "__id__": 152
       },
       {
-        "__id__": 218
+        "__id__": 153
       },
       {
-        "__id__": 219
+        "__id__": 154
       },
       {
-        "__id__": 221
+        "__id__": 156
       },
       {
-        "__id__": 223
+        "__id__": 158
       },
       {
-        "__id__": 225
+        "__id__": 160
       },
       {
-        "__id__": 227
+        "__id__": 162
       },
       {
-        "__id__": 229
+        "__id__": 164
       },
       {
-        "__id__": 231
+        "__id__": 166
       },
       {
-        "__id__": 232
+        "__id__": 167
       },
       {
-        "__id__": 234
+        "__id__": 169
       },
       {
-        "__id__": 236
+        "__id__": 171
       },
       {
-        "__id__": 238
+        "__id__": 173
       },
       {
-        "__id__": 240
+        "__id__": 175
       },
       {
-        "__id__": 242
+        "__id__": 177
       },
       {
-        "__id__": 244
+        "__id__": 179
       }
     ],
     "removedComponents": []
@@ -4639,7 +3349,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 215
+      "__id__": 150
     },
     "propertyPath": [
       "_name"
@@ -4655,7 +3365,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 215
+      "__id__": 150
     },
     "propertyPath": [
       "_lpos"
@@ -4670,7 +3380,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 215
+      "__id__": 150
     },
     "propertyPath": [
       "_lrot"
@@ -4686,7 +3396,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 215
+      "__id__": 150
     },
     "propertyPath": [
       "_euler"
@@ -4701,7 +3411,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 220
+      "__id__": 155
     },
     "propertyPath": [
       "_lscale"
@@ -4722,7 +3432,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 222
+      "__id__": 157
     },
     "propertyPath": [
       "_contentSize"
@@ -4742,7 +3452,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 224
+      "__id__": 159
     },
     "propertyPath": [
       "_active"
@@ -4758,7 +3468,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 226
+      "__id__": 161
     },
     "propertyPath": [
       "_lpos"
@@ -4779,7 +3489,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 228
+      "__id__": 163
     },
     "propertyPath": [
       "_contentSize"
@@ -4799,7 +3509,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 230
+      "__id__": 165
     },
     "propertyPath": [
       "_top"
@@ -4815,7 +3525,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 230
+      "__id__": 165
     },
     "propertyPath": [
       "_bottom"
@@ -4825,7 +3535,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 233
+      "__id__": 168
     },
     "propertyPath": [
       "_active"
@@ -4841,7 +3551,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 235
+      "__id__": 170
     },
     "propertyPath": [
       "_lpos"
@@ -4862,7 +3572,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 237
+      "__id__": 172
     },
     "propertyPath": [
       "_contentSize"
@@ -4882,7 +3592,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 239
+      "__id__": 174
     },
     "propertyPath": [
       "_string"
@@ -4898,7 +3608,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 241
+      "__id__": 176
     },
     "propertyPath": [
       "_contentSize"
@@ -4918,7 +3628,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 243
+      "__id__": 178
     },
     "propertyPath": [
       "_spriteFrame"
@@ -4937,7 +3647,7 @@
   {
     "__type__": "CCPropertyOverrideInfo",
     "targetInfo": {
-      "__id__": 243
+      "__id__": 178
     },
     "propertyPath": [
       "_atlas"
@@ -4957,7 +3667,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 246
+      "__id__": 181
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -4985,7 +3695,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 248
+      "__id__": 183
     },
     "_id": ""
   },
@@ -5003,7 +3713,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 250
+      "__id__": 185
     },
     "_alignFlags": 45,
     "_target": null,
@@ -5029,6 +3739,57 @@
     "__type__": "cc.CompPrefabInfo",
     "fileId": "69KEoFCvFPgL/uT5tnmJQV"
   },
+  {
+    "__type__": "332495BMLFC46Eu9SW1WAw3",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 187
+    },
+    "icon": {
+      "__id__": 117
+    },
+    "lbl_name": {
+      "__id__": 123
+    },
+    "lbl_level": {
+      "__id__": 135
+    },
+    "lbl_prereq_name": {
+      "__id__": 65
+    },
+    "lbl_prereq_lv": {
+      "__id__": 71
+    },
+    "node_prereq_check_on": {
+      "__id__": 86
+    },
+    "node_prereq_check_off": {
+      "__id__": 80
+    },
+    "node_prereq": {
+      "__id__": 43
+    },
+    "richtext_info": {
+      "__id__": 99
+    },
+    "node_add": {
+      "__id__": 146
+    },
+    "node_close": {
+      "__id__": 2
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4dvZ9XG0ZHkKCXNlTDGG3M"
+  },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
@@ -5042,10 +3803,7 @@
     "targetOverrides": [],
     "nestedPrefabInstanceRoots": [
       {
-        "__id__": 211
-      },
-      {
-        "__id__": 145
+        "__id__": 146
       },
       {
         "__id__": 9
diff --git a/assets/script/game/common/config/GameUIConfig.ts b/assets/script/game/common/config/GameUIConfig.ts
index d1d3af54..bc5d8360 100644
--- a/assets/script/game/common/config/GameUIConfig.ts
+++ b/assets/script/game/common/config/GameUIConfig.ts
@@ -27,6 +27,8 @@ export enum UIID {
     SInfo,
     /** 英雄详情弹窗（图鉴卡片点击弹出：含属性/技能/升级/前后切换） */
     HeroInfo,
+    /** 天赋详情弹窗（天赋迷你卡点击弹出：图标/等级/前置/条幅说明/加点按钮） */
+    TIBox,
 }
 
 /** 打开界面方式的配置数据 */
@@ -44,5 +46,6 @@ export var UIConfigData: { [key: number]: UIConfig } = {
     [UIID.Mission]: { layer: LayerType.UI, prefab: "gui/element/mission" },
     [UIID.SInfo]: { layer: LayerType.PopUp, prefab: "gui/element/SInfoBox" },
     [UIID.HeroInfo]: { layer: LayerType.PopUp, prefab: "gui/element/heroInfo", bundle: "resources" },
+    [UIID.TIBox]: { layer: LayerType.PopUp, prefab: "gui/element/TIBox", bundle: "resources" },
 
 }
\ No newline at end of file
diff --git a/assets/script/game/map/TIBoxComp.ts b/assets/script/game/map/TIBoxComp.ts
new file mode 100644
index 00000000..8e630977
--- /dev/null
+++ b/assets/script/game/map/TIBoxComp.ts
@@ -0,0 +1,198 @@
+/**
+ * @file TIBoxComp.ts
+ * @description 天赋详情弹窗组件（UI 视图层，TIBox.prefab 载体）
+ *
+ * 职责：
+ *   1. 展示天赋图标 / 名称 / 当前等级 / 条幅说明（getTalentDisplayText）。
+ *   2. 展示软前置行：前置天赋名称、需求等级、前置已达成勾图标（达成亮 On，未达成亮 Off）。
+ *   3. 加点按钮：仅在可加点（层位已解锁 + 前置满足 + 未满级 + 点数足够）时显示；
+ *      不满足条件或已满级时隐藏，弹窗仍可正常打开查看。
+ *   4. 加点成功后通过 TALENT_UPDATE 事件驱动 TalentsComp 全量刷新，并同步刷新本弹窗。
+ *
+ * 使用（oops.gui 模块）：
+ *   oops.gui.open(UIID.TIBox, { uuid: 9001 });
+ *
+ * 依赖：
+ *   - TalentSet（配置与校验：isTalentTierUnlocked/isTalentPrereqMet/getTalentUpgradeCost/getTalentDisplayText）
+ *   - smc —— 天赋等级表 / 点数 / upgradeTalent / 图标图集
+ *   - outlineRich —— RichText 条幅描边
+ */
+import { _decorator, EventTouch, Label, Node, NodeEventType, RichText, Sprite, SpriteFrame } from "cc";
+import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
+import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
+import { TalentSet, getTalentDisplayText, getTalentUpgradeCost, isTalentPrereqMet, isTalentTierUnlocked } from "../common/config/TalentSet";
+import { GameEvent } from "../common/config/GameEvent";
+import { HRoleName } from "../common/config/heroSet";
+import { outlineRich } from "../common/RichOutline";
+import { smc } from "../common/SingletonModuleComp";
+import { oops } from "db://oops-framework/core/Oops";
+
+const { ccclass, property } = _decorator;
+
+/** TIBox 弹窗初始化参数 */
+export interface TIBoxParams {
+    /** 天赋 uuid（TalentSet key） */
+    uuid: number;
+}
+
+/** TIBoxComp —— 天赋详情弹窗（任何状态均可点开，不可加点时隐藏加点按钮） */
+@ccclass('TIBoxComp')
+@ecs.register('TIBoxComp', false)
+export class TIBoxComp extends CCComp {
+
+    @property({ type: Sprite, tooltip: "天赋图标" })
+    icon: Sprite = null!;
+
+    @property({ type: Label, tooltip: "天赋名称" })
+    lbl_name: Label = null!;
+
+    @property({ type: Label, tooltip: "当前天赋等级（当前/满级）" })
+    lbl_level: Label = null!;
+
+    @property({ type: Label, tooltip: "前置天赋名称（无前置时隐藏前置行）" })
+    lbl_prereq_name: Label = null!;
+
+    @property({ type: Label, tooltip: "前置天赋需求等级" })
+    lbl_prereq_lv: Label = null!;
+
+    @property({ type: Node, tooltip: "前置已达成勾图标（On）" })
+    node_prereq_check_on: Node = null!;
+
+    @property({ type: Node, tooltip: "前置未达成勾图标（Off）" })
+    node_prereq_check_off: Node = null!;
+
+    @property({ type: Node, tooltip: "前置行容器（无前置天赋时整体隐藏）" })
+    node_prereq: Node = null!;
+
+    @property({ type: RichText, tooltip: "条幅说明（当前已生效数值 / 每级引导）" })
+    richtext_info: RichText = null!;
+
+    @property({ type: Node, tooltip: "加点按钮（不可加点或满级时隐藏）" })
+    node_add: Node = null!;
+
+    @property({ type: Node, tooltip: "关闭遮罩/关闭按钮（点击关闭弹窗）" })
+    node_close: Node = null!;
+
+    /** 当前展示的天赋 uuid */
+    private talent_uuid: number = 0;
+
+    protected onLoad(): void {
+        this.node_add?.on(NodeEventType.TOUCH_END, this.onAddTap, this);
+        this.node_close?.on(NodeEventType.TOUCH_END, this.onCloseTap, this);
+    }
+
+    protected onDestroy(): void {
+        this.node_add?.targetOff(this);
+        this.node_close?.targetOff(this);
+        oops.message.off(GameEvent.TALENT_UPDATE, this.refresh, this);
+    }
+
+    /**
+     * oops.gui 添加到舞台回调（框架约定入口）
+     * @param params 见 TIBoxParams
+     */
+    onAdded(params: TIBoxParams): void {
+        this.talent_uuid = params?.uuid ?? 0;
+        // 加点成功后同步刷新本弹窗（等级/按钮状态），与 TalentsComp 同一事件源
+        oops.message.on(GameEvent.TALENT_UPDATE, this.refresh, this);
+        this.refresh();
+    }
+
+    /** 全量刷新弹窗内容 */
+    private refresh(): void {
+        const cfg = TalentSet[this.talent_uuid];
+        if (!cfg) return;
+        const levels = smc.getTalentLevels();
+        const lv = levels[this.talent_uuid] ?? 0;
+
+        // 图标：技能图标图集（gui/ui7）优先，资源目录回退（与 TalentItemComp 口径一致）
+        if (this.icon && cfg.icon) {
+            let frame: SpriteFrame | null = null;
+            if (smc.skillIconsAtlas) {
+                frame = smc.skillIconsAtlas.getSpriteFrame(cfg.icon);
+            }
+            if (!frame) {
+                frame = oops.res.get("game/heros/cards/" + cfg.icon, SpriteFrame) as SpriteFrame;
+            }
+            if (frame) this.icon.spriteFrame = frame;
+        }
+
+        if (this.lbl_name) this.lbl_name.string = cfg.name;
+        if (this.lbl_level) this.lbl_level.string = `${lv}/${cfg.max_lv}`;
+        // 条幅说明：已加点显示当前生效数值，未加点显示每级引导
+        if (this.richtext_info) this.richtext_info.string = outlineRich(this.buildDetailText(cfg, lv));
+
+        // 软前置行：无前置整体隐藏；有前置展示名称/需求等级/达成勾
+        const hasPrereq = !!(cfg.prereq_uuid && cfg.prereq_lv);
+        if (this.node_prereq) this.node_prereq.active = hasPrereq;
+        if (hasPrereq) {
+            const preCfg = TalentSet[cfg.prereq_uuid!];
+            const preMet = isTalentPrereqMet(levels, cfg);
+            if (this.lbl_prereq_name) this.lbl_prereq_name.string = preCfg ? preCfg.name : `天赋${cfg.prereq_uuid}`;
+            if (this.lbl_prereq_lv) this.lbl_prereq_lv.string = `${cfg.prereq_lv}`;
+            if (this.node_prereq_check_on) this.node_prereq_check_on.active = preMet;
+            if (this.node_prereq_check_off) this.node_prereq_check_off.active = !preMet;
+        }
+
+        // 加点按钮：层位解锁 + 前置满足 + 未满级 + 点数足够时才显示
+        if (this.node_add) this.node_add.active = this.canUpgrade(lv, cfg.tier, levels);
+    }
+
+    /**
+     * 构建天赋详情条幅文本：当前生效数值 + 下一级预览 + 满级提示
+     * @param cfg 天赋配置
+     * @param lv 当前等级
+     */
+    private buildDetailText(cfg: typeof TalentSet[number], lv: number): string {
+        const lines: string[] = [];
+        // 当前已生效数值（Lv0 显示每级引导）
+        lines.push(getTalentDisplayText(cfg, lv));
+        // 未满级：追加下一级预览
+        if (lv < cfg.max_lv) {
+            lines.push(`<color=#E0A93D>下一级：${getTalentDisplayText(cfg, lv + 1)}</color>`);
+        } else {
+            lines.push(`<color=#FFD700>已满级</color>`);
+        }
+        // 职业限定提示
+        if (cfg.role !== undefined) {
+            lines.push(`<color=#AAAAAA>仅${HRoleName[cfg.role]}生效</color>`);
+        }
+        return lines.join("\n");
+    }
+
+    /**
+     * 当前是否可加点（与 smc.upgradeTalent 校验口径一致，仅做 UI 预判定）
+     * @param lv 当前等级
+     * @param tier 所属层位
+     * @param levels 天赋等级表
+     */
+    private canUpgrade(lv: number, tier: number, levels: Record<number, number>): boolean {
+        const cfg = TalentSet[this.talent_uuid];
+        if (!cfg) return false;
+        if (lv >= cfg.max_lv) return false;
+        if (!isTalentTierUnlocked(levels, tier)) return false;
+        if (!isTalentPrereqMet(levels, cfg)) return false;
+        return smc.getTalentPoints() >= getTalentUpgradeCost(tier);
+    }
+
+    /** 加点按钮点击：升级成功后由 TALENT_UPDATE 事件驱动刷新（含本弹窗） */
+    private onAddTap(event?: EventTouch): void {
+        if (event) event.propagationStopped = true;
+        oops.audio.playEffect("music/button");
+        smc.upgradeTalent(this.talent_uuid);
+    }
+
+    /** 点击关闭 */
+    private onCloseTap(event?: EventTouch): void {
+        if (event) event.propagationStopped = true;
+        oops.audio.playEffect("music/button");
+        oops.gui.removeByNode(this.node);
+    }
+
+    /** ECS 组件移除时销毁节点（CCComp 抽象方法实现） */
+    reset(): void {
+        if (this.node && this.node.isValid) {
+            this.node.destroy();
+        }
+    }
+}
diff --git a/assets/script/game/map/TIBoxComp.ts.meta b/assets/script/game/map/TIBoxComp.ts.meta
new file mode 100644
index 00000000..8534bdbd
--- /dev/null
+++ b/assets/script/game/map/TIBoxComp.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "33249e41-30b1-42e3-a12e-f525b5580c37",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/script/game/map/TalentsComp.ts b/assets/script/game/map/TalentsComp.ts
index f491f3de..1ff85890 100644
--- a/assets/script/game/map/TalentsComp.ts
+++ b/assets/script/game/map/TalentsComp.ts
@@ -5,41 +5,30 @@
  * 职责：
  *   1. 页头展示：可用天赋点 / 天赋等级（Lv.x）/ 当前等级经验进度。
  *   2. 收集子树内全部 TalentItemComp（编辑器静态摆放），TALENT_UPDATE 事件驱动全量刷新。
- *   3. 卡片点击统一校验（层位解锁 → 软前置 → 满级 → 点数），不满足走 smalltip 气泡；
- *      满足则弹出 CommonPrompt 确认加点（smc.upgradeTalent）。
+ *   3. 卡片点击统一打开 TIBox 天赋详情弹窗；加点校验（层位/前置/满级/点数）由 TIBoxComp 内聚，
+ *      不满足条件时弹窗隐藏加点按钮，仅作详情查看。
  *   4. 看广告重置入口：CommonPrompt 二次确认后调 smc.resetTalents() 退还全部点数。
  *
  * 依赖：
- *   - TalentSet（TalentTier/isTalentTierUnlocked/isTalentPrereqMet/getTalentTierInvestedPoints）—— 配置与层位校验
+ *   - TalentSet（getTalentTierInvestedPoints/getTalentLevelExp）—— 配置与统计
  *   - TalentItemComp —— 单张迷你升级卡（编辑器静态摆放，按 uuid 自驱动渲染）
+ *   - TIBoxComp —— 天赋详情弹窗（UIID.TIBox）
  *   - smc —— 天赋等级表/点数/升级/重置
  */
 import { _decorator, Label, Node, NodeEventType, ProgressBar } from "cc";
 import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
 import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
 import {
-    TalentSet,
-    TALENT_TIER_UNLOCK_THRESHOLD,
-    getTalentDisplayText, getTalentLevelExp, getTalentTierInvestedPoints, getTalentUpgradeCost,
-    isTalentPrereqMet, isTalentTierUnlocked,
+    getTalentLevelExp, getTalentTierInvestedPoints,
 } from "../common/config/TalentSet";
 import { GameEvent } from "../common/config/GameEvent";
 import { UIID } from "../common/config/GameUIConfig";
-import { SmallTipComp } from "./SmallTipComp";
 import { TalentItemComp } from "./TalentItemComp";
 import { smc } from "../common/SingletonModuleComp";
 import { oops } from "db://oops-framework/core/Oops";
 
 const { ccclass, property } = _decorator;
 
-/** 层位序号展示文案（提示文案用） */
-const TIER_NAMES: Record<number, string> = {
-    1: "第 1 层", 2: "第 2 层", 3: "第 3 层", 4: "第 4 层", 5: "第 5 层",
-};
-
-/** 页签/卡片上的 smalltip 气泡节点名 */
-const SMALL_TIP_CHILD = "smalltip";
-
 /** TalentsComp —— 天赋加点页组件（最小容器：页头 + 编辑器静态卡片收集） */
 @ccclass('TalentsComp')
 @ecs.register('Talents', false)
@@ -123,80 +112,11 @@ export class TalentsComp extends CCComp {
     }
 
     /**
-     * 获取挂载点下的 smalltip 气泡组件（节点缺失或组件未挂时返回 null 并静默跳过提示）
-     * @param parent 气泡挂载的父节点
-     */
-    private getSmallTip(parent: Node | null): SmallTipComp | null {
-        const tipNode = parent?.getChildByName(SMALL_TIP_CHILD);
-        return tipNode ? (tipNode.getComponent(SmallTipComp) ?? tipNode.addComponent(SmallTipComp)) : null;
-    }
-
-    /**
-     * 在指定节点下弹出 smalltip 气泡提示
-     * @param anchor 气泡挂载的父节点
-     * @param text 提示文案
-     */
-    private showSmallTip(anchor: Node | null, text: string): void {
-        const tip = this.getSmallTip(anchor);
-        tip?.show(text);
-    }
-
-    /**
-     * 按 uuid 找到对应的天赋卡节点（气泡锚点用）
+     * 卡片点击统一入口：任何状态均打开 TIBox 天赋详情弹窗，加点按钮显隐由 TIBoxComp 校验
      * @param uuid 天赋 uuid
      */
-    private findItemNode(uuid: number): Node | null {
-        for (const item of this.talent_items) {
-            if (item.talent_uuid === uuid) return item.node;
-        }
-        return null;
-    }
-
-    /** 卡片点击统一入口：层位未解锁/前置未满足/已满级/点数不足走 smalltip 气泡；其余弹出 CommonPrompt 确认加点，成功后事件驱动刷新 */
     private onTalentTap(uuid: number): void {
-        const cfg = TalentSet[uuid];
-        if (!cfg) return;
-        const levels = smc.getTalentLevels();
-        const anchor = this.findItemNode(uuid);
-
-        // 层位解锁：第 N 层要求第 N-1 层累计投入 ≥ 阈值
-        if (!isTalentTierUnlocked(levels, cfg.tier)) {
-            this.showSmallTip(anchor, `${TIER_NAMES[cfg.tier - 1]}投入${TALENT_TIER_UNLOCK_THRESHOLD} 点解锁`);
-            return;
-        }
-        // 软前置：前置天赋等级需达标
-        if (!isTalentPrereqMet(levels, cfg)) {
-            const preCfg = TalentSet[cfg.prereq_uuid!];
-            const preName = preCfg ? preCfg.name : `天赋${cfg.prereq_uuid}`;
-            this.showSmallTip(anchor, `需「${preName}」达到 Lv.${cfg.prereq_lv}`);
-            return;
-        }
-        const lv = smc.getTalentLv(uuid);
-        if (lv >= cfg.max_lv) {
-            this.showSmallTip(anchor, "该天赋已满级");
-            return;
-        }
-        const cost = getTalentUpgradeCost(cfg.tier);
-        if (cost <= 0) return;
-        if (smc.getTalentPoints() < cost) {
-            this.showSmallTip(anchor, "天赋点不足");
-            return;
-        }
-
-        // CommonPrompt 确认加点（UIID.Window）
-        oops.gui.open(UIID.Window, {
-            title: "天赋加点",
-            content: `${cfg.name} Lv.${lv} → Lv.${lv + 1}\n消耗 <color=#E0A93D>${cost}</color> 点天赋点，获得 ${getTalentDisplayText(cfg, 1)}。是否加点？`,
-            okWord: "加点",
-            cancelWord: "取消",
-            needCancel: true,
-            maskClose: true,
-            okFunc: () => {
-                if (!smc.upgradeTalent(uuid)) {
-                    this.showSmallTip(anchor, "天赋点不足");
-                }
-            },
-        });
+        oops.gui.open(UIID.TIBox, { uuid });
     }
 
     /** 看广告重置入口：CommonPrompt 二次确认（广告接入前先直接确认重置） */