diff --git a/Assets/arts/textures/ui/battle/battle_skill_bg_3.png b/Assets/arts/textures/ui/battle/battle_skill_bg_3.png
deleted file mode 100644
index 07edc9ff4..000000000
Binary files a/Assets/arts/textures/ui/battle/battle_skill_bg_3.png and /dev/null differ
diff --git a/Assets/arts/textures/ui/battle/battle_skill_colorful.png b/Assets/arts/textures/ui/battle/battle_skill_colorful.png
new file mode 100644
index 000000000..e97c6169b
Binary files /dev/null and b/Assets/arts/textures/ui/battle/battle_skill_colorful.png differ
diff --git a/Assets/arts/textures/ui/battle/battle_skill_bg_3.png.meta b/Assets/arts/textures/ui/battle/battle_skill_colorful.png.meta
similarity index 98%
rename from Assets/arts/textures/ui/battle/battle_skill_bg_3.png.meta
rename to Assets/arts/textures/ui/battle/battle_skill_colorful.png.meta
index 894343e23..20656ebdd 100644
--- a/Assets/arts/textures/ui/battle/battle_skill_bg_3.png.meta
+++ b/Assets/arts/textures/ui/battle/battle_skill_colorful.png.meta
@@ -1,5 +1,5 @@
 fileFormatVersion: 2
-guid: 9489210c7237dd9449df9d46343ebe77
+guid: 8a3687a2ce1b5fd44baaea4d5688ae34
 TextureImporter:
   internalIDToNameTable: []
   externalObjects: {}
diff --git a/Assets/prefabs/ui/battle/battle_skill_select_ui.prefab b/Assets/prefabs/ui/battle/battle_skill_select_ui.prefab
index a973322ce..d7a7d2278 100644
--- a/Assets/prefabs/ui/battle/battle_skill_select_ui.prefab
+++ b/Assets/prefabs/ui/battle/battle_skill_select_ui.prefab
@@ -201,7 +201,7 @@ GameObject:
   m_Icon: {fileID: 0}
   m_NavMeshLayer: 0
   m_StaticEditorFlags: 0
-  m_IsActive: 1
+  m_IsActive: 0
 --- !u!224 &4537208357357831650
 RectTransform:
   m_ObjectHideFlags: 0
@@ -985,7 +985,7 @@ RectTransform:
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
   m_AnchorMin: {x: 0.5, y: 0}
   m_AnchorMax: {x: 0.5, y: 0}
-  m_AnchoredPosition: {x: 0, y: 99}
+  m_AnchoredPosition: {x: 0, y: 170}
   m_SizeDelta: {x: 76, y: 76}
   m_Pivot: {x: 0.5, y: 0.5}
 --- !u!222 &2006497708903664946
@@ -1210,7 +1210,7 @@ RectTransform:
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
   m_AnchorMin: {x: 0.5, y: 0}
   m_AnchorMax: {x: 0.5, y: 0}
-  m_AnchoredPosition: {x: 0, y: 153}
+  m_AnchoredPosition: {x: 0, y: 237}
   m_SizeDelta: {x: 700, y: 476}
   m_Pivot: {x: 0.5, y: 0}
 --- !u!225 &5751522947107902361
diff --git a/Assets/prefabs/ui/tips/help_tips.prefab b/Assets/prefabs/ui/tips/help_tips.prefab
index f489f6b06..d72523961 100644
--- a/Assets/prefabs/ui/tips/help_tips.prefab
+++ b/Assets/prefabs/ui/tips/help_tips.prefab
@@ -34,7 +34,7 @@ RectTransform:
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
   m_AnchorMin: {x: 0, y: 1}
   m_AnchorMax: {x: 1, y: 1}
-  m_AnchoredPosition: {x: 0, y: 0}
+  m_AnchoredPosition: {x: 0, y: 14}
   m_SizeDelta: {x: 0, y: 68}
   m_Pivot: {x: 0.5, y: 1}
 --- !u!222 &721466059904126763
@@ -65,7 +65,7 @@ MonoBehaviour:
   m_OnCullStateChanged:
     m_PersistentCalls:
       m_Calls: []
-  m_Sprite: {fileID: 21300000, guid: 4c8f9db6b4c3d474ebacc7496c8a9693, type: 3}
+  m_Sprite: {fileID: 21300000, guid: 3df1f1c0900d28e48958abf63b77fd5e, type: 3}
   m_Type: 1
   m_PreserveAspect: 0
   m_FillCenter: 1
@@ -338,7 +338,7 @@ MonoBehaviour:
   m_OnCullStateChanged:
     m_PersistentCalls:
       m_Calls: []
-  m_Sprite: {fileID: 21300000, guid: ff2b25bfd721e54448fd65bc8c233e02, type: 3}
+  m_Sprite: {fileID: 21300000, guid: 7372681aea33b7b4099e3685b7ee975e, type: 3}
   m_Type: 0
   m_PreserveAspect: 0
   m_FillCenter: 1
@@ -393,10 +393,10 @@ RectTransform:
   m_Father: {fileID: 4992656467854107315}
   m_RootOrder: 0
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
-  m_AnchorMin: {x: 0.5, y: 0.5}
-  m_AnchorMax: {x: 0.5, y: 0.5}
-  m_AnchoredPosition: {x: 0, y: -10}
-  m_SizeDelta: {x: 610, y: 830}
+  m_AnchorMin: {x: 0, y: 0}
+  m_AnchorMax: {x: 1, y: 1}
+  m_AnchoredPosition: {x: 0, y: 0}
+  m_SizeDelta: {x: -18, y: -18}
   m_Pivot: {x: 0.5, y: 0.5}
 --- !u!222 &4460242477756845376
 CanvasRenderer:
@@ -426,7 +426,7 @@ MonoBehaviour:
   m_OnCullStateChanged:
     m_PersistentCalls:
       m_Calls: []
-  m_Sprite: {fileID: 21300000, guid: dc05a38a7a24b1e46be66fd07ad92ef8, type: 3}
+  m_Sprite: {fileID: 21300000, guid: 1a3eea633d6dc9249b5caf2aee32cdfa, type: 3}
   m_Type: 1
   m_PreserveAspect: 0
   m_FillCenter: 1
@@ -470,7 +470,7 @@ RectTransform:
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
   m_AnchorMin: {x: 0.5, y: 1}
   m_AnchorMax: {x: 0.5, y: 1}
-  m_AnchoredPosition: {x: 0, y: -34}
+  m_AnchoredPosition: {x: 0, y: -12}
   m_SizeDelta: {x: 500, y: 40}
   m_Pivot: {x: 0.5, y: 0.5}
 --- !u!222 &5165071066706353018
@@ -943,7 +943,7 @@ MonoBehaviour:
   m_OnCullStateChanged:
     m_PersistentCalls:
       m_Calls: []
-  m_Sprite: {fileID: 21300000, guid: 1a3eea633d6dc9249b5caf2aee32cdfa, type: 3}
+  m_Sprite: {fileID: 21300000, guid: dd9f53f83308a3a4799e84f5ccc9fd79, type: 3}
   m_Type: 1
   m_PreserveAspect: 0
   m_FillCenter: 1