diff --git a/assets/main.scene b/assets/main.scene
index b8bbb88..99c5127 100644
--- a/assets/main.scene
+++ b/assets/main.scene
@@ -23,7 +23,7 @@
     "_active": true,
     "_components": [],
     "_prefab": {
-      "__id__": 17
+      "__id__": 19
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -54,7 +54,7 @@
     },
     "autoReleaseAssets": false,
     "_globals": {
-      "__id__": 18
+      "__id__": 20
     },
     "_id": "d60530e8-06be-4ac4-8613-9cc604c77f32"
   },
@@ -72,21 +72,24 @@
       },
       {
         "__id__": 5
+      },
+      {
+        "__id__": 13
       }
     ],
     "_active": true,
     "_components": [
-      {
-        "__id__": 13
-      },
-      {
-        "__id__": 14
-      },
       {
         "__id__": 15
       },
       {
         "__id__": 16
+      },
+      {
+        "__id__": 17
+      },
+      {
+        "__id__": 18
       }
     ],
     "_prefab": null,
@@ -321,6 +324,70 @@
       "z": 0
     }
   },
+  {
+    "__type__": "cc.Node",
+    "_name": "BgMusic",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 2
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 14
+      }
+    ],
+    "_prefab": null,
+    "_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": 33554432,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": "38VfS7SylM/aQYEpxbnNlx"
+  },
+  {
+    "__type__": "cc.AudioSource",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 13
+    },
+    "_enabled": true,
+    "__prefab": null,
+    "_clip": {
+      "__uuid__": "c33517cc-3f49-493c-8315-150f27cfb40c",
+      "__expectedType__": "cc.AudioClip"
+    },
+    "_loop": true,
+    "_playOnAwake": true,
+    "_volume": 1,
+    "_id": "b5d8rMHKVGLp1OkTMz/YRL"
+  },
   {
     "__type__": "cc.UITransform",
     "_name": "",
@@ -425,29 +492,29 @@
   {
     "__type__": "cc.SceneGlobals",
     "ambient": {
-      "__id__": 19
-    },
-    "shadows": {
-      "__id__": 20
-    },
-    "_skybox": {
       "__id__": 21
     },
-    "fog": {
+    "shadows": {
       "__id__": 22
     },
-    "octree": {
+    "_skybox": {
       "__id__": 23
     },
-    "skin": {
+    "fog": {
       "__id__": 24
     },
-    "lightProbeInfo": {
+    "octree": {
       "__id__": 25
     },
-    "postSettings": {
+    "skin": {
       "__id__": 26
     },
+    "lightProbeInfo": {
+      "__id__": 27
+    },
+    "postSettings": {
+      "__id__": 28
+    },
     "bakedWithStationaryMainLight": false,
     "bakedWithHighpLightmap": false
   },
diff --git a/assets/prefabs/PageLevel.prefab b/assets/prefabs/PageLevel.prefab
index df0208b..5f04a91 100644
--- a/assets/prefabs/PageLevel.prefab
+++ b/assets/prefabs/PageLevel.prefab
@@ -28,26 +28,35 @@
         "__id__": 20
       },
       {
-        "__id__": 62
+        "__id__": 38
       },
       {
-        "__id__": 78
+        "__id__": 56
+      },
+      {
+        "__id__": 98
+      },
+      {
+        "__id__": 224
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 98
+        "__id__": 244
       },
       {
-        "__id__": 100
+        "__id__": 246
       },
       {
-        "__id__": 102
+        "__id__": 248
+      },
+      {
+        "__id__": 252
       }
     ],
     "_prefab": {
-      "__id__": 104
+      "__id__": 254
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -265,7 +274,7 @@
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": -420.451,
-      "y": 794.699,
+      "y": 927.29,
       "z": 0
     },
     "_lrot": {
@@ -380,7 +389,7 @@
     "_target": null,
     "_left": 65.54899999999998,
     "_right": 0,
-    "_top": 231.30100000000004,
+    "_top": 98.71000000000004,
     "_bottom": 0,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
@@ -471,7 +480,7 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "Main",
+    "_name": "Live",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -488,19 +497,19 @@
     "_active": true,
     "_components": [
       {
-        "__id__": 57
+        "__id__": 33
       },
       {
-        "__id__": 59
+        "__id__": 35
       }
     ],
     "_prefab": {
-      "__id__": 61
+      "__id__": 37
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 0,
-      "y": 194.34000000000003,
+      "x": -255.44,
+      "y": 927.652,
       "z": 0
     },
     "_lrot": {
@@ -528,7 +537,7 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "test",
+    "_name": "IconLive",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -549,7 +558,7 @@
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 41.11,
+      "x": 0,
       "y": 0,
       "z": 0
     },
@@ -562,9 +571,9 @@
     },
     "_lscale": {
       "__type__": "cc.Vec3",
-      "x": 1.474,
-      "y": 1.474,
-      "z": 1.474
+      "x": 0.453,
+      "y": 0.453,
+      "z": 0.453
     },
     "_mobility": 0,
     "_layer": 1073741824,
@@ -590,8 +599,8 @@
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 352,
-      "height": 776
+      "width": 169,
+      "height": 155
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -602,7 +611,7 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "cf0c0/QO9FHIXbYgVpVPk9"
+    "fileId": "b7eC6y+qxG/YFywAoeBjv5"
   },
   {
     "__type__": "cc.Sprite",
@@ -627,7 +636,865 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "fa1861ef-84d3-4347-9bf0-7627f54b05de@f9941",
+      "__uuid__": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff@f9941",
+      "__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": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "97ZNkyEEVPQbRevmw96EIg"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "98MSkaBrJKXJbFQfpDJAIR",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "LiveLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 20
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 28
+      },
+      {
+        "__id__": 30
+      }
+    ],
+    "_prefab": {
+      "__id__": 32
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 98.93,
+      "y": 6.255,
+      "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__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 29
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 75.60546875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f4KzB8ynNIo6kEc1UO/855"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 27
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 31
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "x 10",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "f12Cq++1NKgI+ofm58Z+Ws"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "40XNWUUWNOw7uZJvH5vt2i",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 34
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "13NBX4WQpGVaFyIsuhLQSi"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 20
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 36
+    },
+    "_alignFlags": 9,
+    "_target": null,
+    "_left": 234.56,
+    "_right": 0,
+    "_top": 102.34799999999996,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "25FKweH7hItqO4p07xYgW0"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "f6zebOlbFCqbvQtwSTkfqM",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Clock",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 39
+      },
+      {
+        "__id__": 45
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 51
+      },
+      {
+        "__id__": 53
+      }
+    ],
+    "_prefab": {
+      "__id__": 55
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 378.58,
+      "y": 932.298,
+      "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": "IconClock",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 38
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 40
+      },
+      {
+        "__id__": 42
+      }
+    ],
+    "_prefab": {
+      "__id__": 44
+    },
+    "_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.328,
+      "y": 0.328,
+      "z": 0.328
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 39
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 41
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 200,
+      "height": 200
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "85hkUmSTJJZ5lfYsfOMdUg"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 39
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 43
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "4c8c7576-d69c-4524-8add-07ad36a958c6@f9941",
+      "__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": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cebiiCd4RKsZqvagehuHQ4"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "20Vy/LtCpIBqwp14sfp6Co",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "ClockLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 38
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 46
+      },
+      {
+        "__id__": 48
+      }
+    ],
+    "_prefab": {
+      "__id__": 50
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 81.674,
+      "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__": 45
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 47
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 64.4921875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "f7zrck3a1MKYsnt/UvrE+4"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 45
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 49
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 0,
+      "g": 0,
+      "b": 0,
+      "a": 255
+    },
+    "_string": "60s",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "3ddy8wsiBKs5s8Aa8kQPy8"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "bc8pnnht9O/4APAtgMaCW3",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 38
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 52
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 100,
+      "height": 100
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a2mMDwQY1E/ZuvLEFN8wxI"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 38
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 54
+    },
+    "_alignFlags": 33,
+    "_target": null,
+    "_left": 0,
+    "_right": 111.42000000000002,
+    "_top": 97.702,
+    "_bottom": 0,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "d8Vz+Y4bRNWbpXEOin8jT8"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "3dusqwNLdF/YOHuP+VgX9s",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Main",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 1
+    },
+    "_children": [
+      {
+        "__id__": 57
+      },
+      {
+        "__id__": 63
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 93
+      },
+      {
+        "__id__": 95
+      }
+    ],
+    "_prefab": {
+      "__id__": 97
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 312.19900000000007,
+      "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": "Image",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 56
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 58
+      },
+      {
+        "__id__": 60
+      }
+    ],
+    "_prefab": {
+      "__id__": 62
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 41.11,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.759,
+      "y": 0.759,
+      "z": 0.759
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 57
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 59
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 513,
+      "height": 999
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "cf0c0/QO9FHIXbYgVpVPk9"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 57
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 61
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "388a4fd2-4c46-46ae-b796-10ab85c39e04@f9941",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 0,
@@ -668,30 +1535,30 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 20
+      "__id__": 56
     },
     "_children": [
       {
-        "__id__": 28
+        "__id__": 64
       },
       {
-        "__id__": 34
+        "__id__": 70
       },
       {
-        "__id__": 40
+        "__id__": 76
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 52
+        "__id__": 88
       },
       {
-        "__id__": 54
+        "__id__": 90
       }
     ],
     "_prefab": {
-      "__id__": 56
+      "__id__": 92
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -728,24 +1595,24 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 27
+      "__id__": 63
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 29
+        "__id__": 65
       },
       {
-        "__id__": 31
+        "__id__": 67
       }
     ],
     "_prefab": {
-      "__id__": 33
+      "__id__": 69
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": -200,
+      "x": -220,
       "y": 0,
       "z": 0
     },
@@ -778,16 +1645,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 28
+      "__id__": 64
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 30
+      "__id__": 66
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 200,
-      "height": 126
+      "width": 160,
+      "height": 100.8
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -806,11 +1673,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 28
+      "__id__": 64
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 32
+      "__id__": 68
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -825,10 +1692,10 @@
     "_string": "这是",
     "_horizontalAlign": 1,
     "_verticalAlign": 1,
-    "_actualFontSize": 100,
-    "_fontSize": 100,
+    "_actualFontSize": 80,
+    "_fontSize": 80,
     "_fontFamily": "Arial",
-    "_lineHeight": 100,
+    "_lineHeight": 80,
     "_overflow": 0,
     "_enableWrapText": true,
     "_font": null,
@@ -887,24 +1754,24 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 27
+      "__id__": 63
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 35
+        "__id__": 71
       },
       {
-        "__id__": 37
+        "__id__": 73
       }
     ],
     "_prefab": {
-      "__id__": 39
+      "__id__": 75
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": -110,
+      "x": -150,
       "y": 0,
       "z": 0
     },
@@ -937,11 +1804,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 34
+      "__id__": 70
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 36
+      "__id__": 72
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -965,11 +1832,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 34
+      "__id__": 70
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 38
+      "__id__": 74
     },
     "_resizeMode": 1,
     "_layoutType": 1,
@@ -1016,28 +1883,28 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 27
+      "__id__": 63
     },
     "_children": [
       {
-        "__id__": 41
+        "__id__": 77
       }
     ],
-    "_active": false,
+    "_active": true,
     "_components": [
       {
-        "__id__": 47
+        "__id__": 83
       },
       {
-        "__id__": 49
+        "__id__": 85
       }
     ],
     "_prefab": {
-      "__id__": 51
+      "__id__": 87
     },
     "_lpos": {
       "__type__": "cc.Vec3",
-      "x": 170,
+      "x": -110,
       "y": 41.081,
       "z": 0
     },
@@ -1070,20 +1937,20 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 40
+      "__id__": 76
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 42
+        "__id__": 78
       },
       {
-        "__id__": 44
+        "__id__": 80
       }
     ],
     "_prefab": {
-      "__id__": 46
+      "__id__": 82
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1120,11 +1987,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 41
+      "__id__": 77
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 43
+      "__id__": 79
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1148,11 +2015,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 41
+      "__id__": 77
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 45
+      "__id__": 81
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1229,11 +2096,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 40
+      "__id__": 76
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 48
+      "__id__": 84
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1257,11 +2124,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 40
+      "__id__": 76
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 50
+      "__id__": 86
     },
     "clickEvents": [],
     "_interactable": true,
@@ -1326,11 +2193,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 27
+      "__id__": 63
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 53
+      "__id__": 89
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1354,11 +2221,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 27
+      "__id__": 63
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 55
+      "__id__": 91
     },
     "_resizeMode": 0,
     "_layoutType": 1,
@@ -1405,11 +2272,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 20
+      "__id__": 56
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 58
+      "__id__": 94
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -1433,17 +2300,17 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 20
+      "__id__": 56
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 60
+      "__id__": 96
     },
     "_alignFlags": 1,
     "_target": null,
     "_left": 0,
     "_right": 0,
-    "_top": 835.66,
+    "_top": 717.8009999999999,
     "_bottom": 0,
     "_horizontalCenter": 0,
     "_verticalCenter": 0,
@@ -1478,7 +2345,7 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "AdButton",
+    "_name": "TipsLayout",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
@@ -1486,31 +2353,40 @@
     },
     "_children": [
       {
-        "__id__": 63
+        "__id__": 99
+      },
+      {
+        "__id__": 129
+      },
+      {
+        "__id__": 159
+      },
+      {
+        "__id__": 189
+      },
+      {
+        "__id__": 203
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 69
+        "__id__": 217
       },
       {
-        "__id__": 71
+        "__id__": 219
       },
       {
-        "__id__": 73
-      },
-      {
-        "__id__": 75
+        "__id__": 221
       }
     ],
     "_prefab": {
-      "__id__": 77
+      "__id__": 223
     },
     "_lpos": {
       "__type__": "cc.Vec3",
       "x": 0,
-      "y": -698.012,
+      "y": -720.984,
       "z": 0
     },
     "_lrot": {
@@ -1538,24 +2414,81 @@
   },
   {
     "__type__": "cc.Node",
-    "_name": "Label",
+    "_name": "TipsItem1",
     "_objFlags": 0,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 62
+      "__id__": 98
+    },
+    "_children": [
+      {
+        "__id__": 100
+      },
+      {
+        "__id__": 106
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 124
+      },
+      {
+        "__id__": 126
+      }
+    ],
+    "_prefab": {
+      "__id__": 128
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 170,
+      "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": "Bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 99
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 64
+        "__id__": 101
       },
       {
-        "__id__": 66
+        "__id__": 103
       }
     ],
     "_prefab": {
-      "__id__": 68
+      "__id__": 105
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1592,16 +2525,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 63
+      "__id__": 100
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 65
+      "__id__": 102
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 120,
-      "height": 75.6
+      "width": 800,
+      "height": 150
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1612,19 +2545,212 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "c4fxmhHPdOXZNPfCJgvkqw"
+    "fileId": "35Lqr+87ZHbZfHoArQJe23"
   },
   {
-    "__type__": "cc.Label",
+    "__type__": "cc.Sprite",
     "_name": "",
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 63
+      "__id__": 100
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 67
+      "__id__": 104
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 237,
+      "b": 213,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "7d8f9b89-4fd1-4c9f-a3ab-38ec7cded7ca@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_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": "d6reGMLhNGmrOjUzLN3Z6e"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "d31Vq/rXZPrbIiDQTQdl+7",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Content",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 99
+    },
+    "_children": [
+      {
+        "__id__": 107
+      },
+      {
+        "__id__": 113
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 119
+      },
+      {
+        "__id__": 121
+      }
+    ],
+    "_prefab": {
+      "__id__": 123
+    },
+    "_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": "IconTips",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 106
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 108
+      },
+      {
+        "__id__": 110
+      }
+    ],
+    "_prefab": {
+      "__id__": 112
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -300.5,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.517,
+      "y": 0.517,
+      "z": 0.517
+    },
+    "_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__": 109
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 139,
+      "height": 176
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "183qHdLEFC1ZokLeOAXS4v"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 107
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 111
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1636,13 +2762,149 @@
       "b": 255,
       "a": 255
     },
-    "_string": "服了",
+    "_spriteFrame": {
+      "__uuid__": "729b014d-f0e9-4b67-b99d-177756102d0e@f9941",
+      "__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": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "91zu1RBf9Bt4h8bGbBCEf+"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "4659kCML1J8pPiZ6SwLi2f",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "TipsLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 106
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 114
+      },
+      {
+        "__id__": 116
+      }
+    ],
+    "_prefab": {
+      "__id__": 118
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -144.3203125,
+      "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__": 113
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 115
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 153.359375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "5330d+6qxIN6lu5Q4FQBz1"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 113
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 117
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 154,
+      "g": 52,
+      "b": 18,
+      "a": 255
+    },
+    "_string": "提示 1：",
     "_horizontalAlign": 1,
     "_verticalAlign": 1,
-    "_actualFontSize": 60,
-    "_fontSize": 60,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
     "_fontFamily": "Arial",
-    "_lineHeight": 60,
+    "_lineHeight": 40,
     "_overflow": 0,
     "_enableWrapText": true,
     "_font": null,
@@ -1680,7 +2942,7 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "45xft6XbBGy4B+2CX692Kx"
+    "fileId": "78Pcn0jMBHN424ZHHdibDV"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -1690,7 +2952,7 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "d6diVKl29CVqpZ5sVJVXbX",
+    "fileId": "8czInr32FC34vOGyZgOJl/",
     "instance": null,
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
@@ -1701,16 +2963,16 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 62
+      "__id__": 106
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 70
+      "__id__": 120
     },
     "_contentSize": {
       "__type__": "cc.Size",
-      "width": 417,
-      "height": 142
+      "width": 800,
+      "height": 150
     },
     "_anchorPoint": {
       "__type__": "cc.Vec2",
@@ -1721,7 +2983,292 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "1fFAHIxOJE9Y0bwlk/wokh"
+    "fileId": "7fwtIGUY9Pv6GrT6eu9ZgB"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 106
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 122
+    },
+    "_resizeMode": 0,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 30,
+    "_paddingRight": 30,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 10,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "da2HC1JC1HQpma6GcqM4rc"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "01O3l4HNdFLqSZ3UX0JVFP",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 99
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 125
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "37D6b3G0lPlIkr1GzIzW7S"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 99
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 127
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 99
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b0ekj50j1FPaHcSdO876H3"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "c16/HqrHNEsam62hN4pFaY",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "TipsItem2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 98
+    },
+    "_children": [
+      {
+        "__id__": 130
+      },
+      {
+        "__id__": 136
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 154
+      },
+      {
+        "__id__": 156
+      }
+    ],
+    "_prefab": {
+      "__id__": 158
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 170,
+      "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": "Bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 129
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 131
+      },
+      {
+        "__id__": 133
+      }
+    ],
+    "_prefab": {
+      "__id__": 135
+    },
+    "_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__": 130
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 132
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "95etXyKZlHILPPQmg06gXs"
   },
   {
     "__type__": "cc.Sprite",
@@ -1729,11 +3276,204 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 62
+      "__id__": 130
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 72
+      "__id__": 134
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 237,
+      "b": 213,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "7d8f9b89-4fd1-4c9f-a3ab-38ec7cded7ca@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_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": "8f6GwFeApAS5JUTp6EaK2X"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "0bDdISjZRADIRqi7FYRspd",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Content",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 129
+    },
+    "_children": [
+      {
+        "__id__": 137
+      },
+      {
+        "__id__": 143
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 149
+      },
+      {
+        "__id__": 151
+      }
+    ],
+    "_prefab": {
+      "__id__": 153
+    },
+    "_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": "IconTips",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 136
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 138
+      },
+      {
+        "__id__": 140
+      }
+    ],
+    "_prefab": {
+      "__id__": 142
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -304,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.517,
+      "y": 0.517,
+      "z": 0.517
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 137
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 139
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 139,
+      "height": 176
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "24Muu32rZCxahfvEnv6Lh7"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 137
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 141
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -1746,7 +3486,7 @@
       "a": 255
     },
     "_spriteFrame": {
-      "__uuid__": "d264bb8e-0d8c-48a5-a720-31c10e358a7d@f9941",
+      "__uuid__": "729b014d-f0e9-4b67-b99d-177756102d0e@f9941",
       "__expectedType__": "cc.SpriteFrame"
     },
     "_type": 0,
@@ -1766,43 +3506,286 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "b0NixKbH9It4kI0yHfzbB8"
+    "fileId": "cdz0mOL0lDGqaZ0Fj4ZhzU"
   },
   {
-    "__type__": "cc.Widget",
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "ddvQFKgzlIN6PN2OGZybmB",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "TipsLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 136
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 144
+      },
+      {
+        "__id__": 146
+      }
+    ],
+    "_prefab": {
+      "__id__": 148
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -151.3203125,
+      "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__": 62
+      "__id__": 143
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 74
+      "__id__": 145
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 153.359375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
     },
-    "_alignFlags": 4,
-    "_target": null,
-    "_left": 0,
-    "_right": 0,
-    "_top": 1707.012,
-    "_bottom": 310.98800000000006,
-    "_horizontalCenter": 0,
-    "_verticalCenter": 0,
-    "_isAbsLeft": true,
-    "_isAbsRight": true,
-    "_isAbsTop": true,
-    "_isAbsBottom": true,
-    "_isAbsHorizontalCenter": true,
-    "_isAbsVerticalCenter": true,
-    "_originalWidth": 0,
-    "_originalHeight": 142,
-    "_alignMode": 2,
-    "_lockFlags": 0,
     "_id": ""
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "5ctGaR1hJA1r7ROWouQNte"
+    "fileId": "f6gT16wKNOpaNjAFzH9AT5"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 143
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 147
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 154,
+      "g": 52,
+      "b": 18,
+      "a": 255
+    },
+    "_string": "提示 1：",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "e6+XJjrSVJu7/NwP7bbY2N"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "bfiAsGDhpE5KYC/rfhi1N9",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 136
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 150
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "79tKR+625Ejrl3SSuovopV"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 136
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 152
+    },
+    "_resizeMode": 0,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 30,
+    "_paddingRight": 30,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 10,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1alOwCDcBDB5lMSDtGv71W"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "dfWTa0w9FBC5xrXCG/p0og",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 129
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 155
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "a46BBQHf1EhYfAmqASwIbm"
   },
   {
     "__type__": "cc.Button",
@@ -1810,11 +3793,1094 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 62
+      "__id__": 129
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 76
+      "__id__": 157
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 129
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b8sFGUqIBM2ZUU8W2dX5e4"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "97e+ktL5JEFIkipb5zofcN",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "TipsItem3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 98
+    },
+    "_children": [
+      {
+        "__id__": 160
+      },
+      {
+        "__id__": 166
+      }
+    ],
+    "_active": false,
+    "_components": [
+      {
+        "__id__": 184
+      },
+      {
+        "__id__": 186
+      }
+    ],
+    "_prefab": {
+      "__id__": 188
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 85,
+      "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": "Bg",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 159
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 161
+      },
+      {
+        "__id__": 163
+      }
+    ],
+    "_prefab": {
+      "__id__": 165
+    },
+    "_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__": 160
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 162
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "8dk8ZkdUtOkaiDQRKmREn5"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 160
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 164
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 237,
+      "b": 213,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "7d8f9b89-4fd1-4c9f-a3ab-38ec7cded7ca@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_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": "2aUHos215Fl4JvnzUQkFjb"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "2adkx4TmVHSrAEKMZcovOq",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "Content",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 159
+    },
+    "_children": [
+      {
+        "__id__": 167
+      },
+      {
+        "__id__": 173
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__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.Node",
+    "_name": "IconTips",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 166
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 168
+      },
+      {
+        "__id__": 170
+      }
+    ],
+    "_prefab": {
+      "__id__": 172
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -304,
+      "y": 0,
+      "z": 0
+    },
+    "_lrot": {
+      "__type__": "cc.Quat",
+      "x": 0,
+      "y": 0,
+      "z": 0,
+      "w": 1
+    },
+    "_lscale": {
+      "__type__": "cc.Vec3",
+      "x": 0.517,
+      "y": 0.517,
+      "z": 0.517
+    },
+    "_mobility": 0,
+    "_layer": 1073741824,
+    "_euler": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": 0,
+      "z": 0
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 167
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 169
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 139,
+      "height": 176
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "b1wA0cLKxDJ4h7bFZLjZL4"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 167
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 171
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "729b014d-f0e9-4b67-b99d-177756102d0e@f9941",
+      "__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": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "26fAcMh7lAaZJs8caeOT/E"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "2bZ2Ap1yhIhbzJDDtNSerr",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "TipsLabel",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 166
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 174
+      },
+      {
+        "__id__": 176
+      }
+    ],
+    "_prefab": {
+      "__id__": 178
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": -151.3203125,
+      "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__": 173
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 175
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 153.359375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ccUWFBnUtGKJKM3cJKNZPK"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 173
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 177
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 154,
+      "g": 52,
+      "b": 18,
+      "a": 255
+    },
+    "_string": "提示 1：",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "80H6IiGbhCnqxqLDnN+euu"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e6YD9jyQNOBJvDQXSxtGp2",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 166
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 180
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "45PmMXZ1lLU7L6E9mhrC1P"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 166
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 182
+    },
+    "_resizeMode": 0,
+    "_layoutType": 1,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 30,
+    "_paddingRight": 30,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 10,
+    "_spacingY": 0,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4bhkKuBkxMFLj4qfsNYxZY"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "04/ZZf/G9LGa7TPAmZbcFS",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 159
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 185
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "ec1Wk1ToBHKIC8U5Szya/3"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 159
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 187
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": {
+      "__id__": 159
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "27ft4SQ4lH7Z52tQXiH8GU"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "1eqqQHgzlAlIvfIdI7x5Es",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "UnLockItem2",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 98
+    },
+    "_children": [
+      {
+        "__id__": 190
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 196
+      },
+      {
+        "__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": "Label",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 189
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 191
+      },
+      {
+        "__id__": 193
+      }
+    ],
+    "_prefab": {
+      "__id__": 195
+    },
+    "_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__": 190
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 192
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 622.24609375,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "837rfS85RP7JRrpvxxVoWG"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 190
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 194
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "活到老学到老，查看提示（1积分）",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "4eupQ6PzlNFqghqw7jhLz0"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "aa2q2fNsFLyJAy+yUfNg9E",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 189
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 197
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "50lJhRO+NLhYtQ2EojwiUR"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 189
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 199
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 249,
+      "g": 115,
+      "b": 22,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "7d8f9b89-4fd1-4c9f-a3ab-38ec7cded7ca@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_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": "c1a/Isg1VGQ6xWvrnhdx3w"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 189
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 201
     },
     "clickEvents": [],
     "_interactable": true,
@@ -1858,7 +4924,7 @@
   },
   {
     "__type__": "cc.CompPrefabInfo",
-    "fileId": "57JHirrjFI9p3TG7+tBsfL"
+    "fileId": "99V20CyRNF4JTNghn/JEBe"
   },
   {
     "__type__": "cc.PrefabInfo",
@@ -1868,7 +4934,480 @@
     "asset": {
       "__id__": 0
     },
-    "fileId": "f2lG4UerlKn7JYXi+DsiOJ",
+    "fileId": "1edFlu2VNE+bXizpz/KBAd",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.Node",
+    "_name": "UnLockItem3",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 98
+    },
+    "_children": [
+      {
+        "__id__": 204
+      }
+    ],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 210
+      },
+      {
+        "__id__": 212
+      },
+      {
+        "__id__": 214
+      }
+    ],
+    "_prefab": {
+      "__id__": 216
+    },
+    "_lpos": {
+      "__type__": "cc.Vec3",
+      "x": 0,
+      "y": -170,
+      "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",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "_parent": {
+      "__id__": 203
+    },
+    "_children": [],
+    "_active": true,
+    "_components": [
+      {
+        "__id__": 205
+      },
+      {
+        "__id__": 207
+      }
+    ],
+    "_prefab": {
+      "__id__": 209
+    },
+    "_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__": 204
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 206
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 564.4921875,
+      "height": 50.4
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "6dIWTHNFNFZbQX/JBW3w4n"
+  },
+  {
+    "__type__": "cc.Label",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 204
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 208
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_string": "服了服了，查看提示3（1积分）",
+    "_horizontalAlign": 1,
+    "_verticalAlign": 1,
+    "_actualFontSize": 40,
+    "_fontSize": 40,
+    "_fontFamily": "Arial",
+    "_lineHeight": 40,
+    "_overflow": 0,
+    "_enableWrapText": true,
+    "_font": null,
+    "_isSystemFontUsed": true,
+    "_spacingX": 0,
+    "_isItalic": false,
+    "_isBold": false,
+    "_isUnderline": false,
+    "_underlineHeight": 2,
+    "_cacheMode": 0,
+    "_enableOutline": false,
+    "_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": "e7SairIslIlp/LdbIvl9ti"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "e5mRGsF/VDUaqG0kQL0psp",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 203
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 211
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 150
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "35ZKRI0EFAU49AiSY7eKmU"
+  },
+  {
+    "__type__": "cc.Sprite",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 203
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 213
+    },
+    "_customMaterial": null,
+    "_srcBlendFactor": 2,
+    "_dstBlendFactor": 4,
+    "_color": {
+      "__type__": "cc.Color",
+      "r": 249,
+      "g": 115,
+      "b": 22,
+      "a": 255
+    },
+    "_spriteFrame": {
+      "__uuid__": "7d8f9b89-4fd1-4c9f-a3ab-38ec7cded7ca@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "_type": 0,
+    "_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": "a1aw4vUUdOebK8xzajmMy4"
+  },
+  {
+    "__type__": "cc.Button",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 203
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 215
+    },
+    "clickEvents": [],
+    "_interactable": true,
+    "_transition": 3,
+    "_normalColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_hoverColor": {
+      "__type__": "cc.Color",
+      "r": 211,
+      "g": 211,
+      "b": 211,
+      "a": 255
+    },
+    "_pressedColor": {
+      "__type__": "cc.Color",
+      "r": 255,
+      "g": 255,
+      "b": 255,
+      "a": 255
+    },
+    "_disabledColor": {
+      "__type__": "cc.Color",
+      "r": 124,
+      "g": 124,
+      "b": 124,
+      "a": 255
+    },
+    "_normalSprite": null,
+    "_hoverSprite": null,
+    "_pressedSprite": null,
+    "_disabledSprite": null,
+    "_duration": 0.1,
+    "_zoomScale": 1.2,
+    "_target": null,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "fevEeArRxDHYhG18s5h7zV"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "b8/1GJy3VPBo9VuS5yN9r4",
+    "instance": null,
+    "targetOverrides": null,
+    "nestedPrefabInstanceRoots": null
+  },
+  {
+    "__type__": "cc.UITransform",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 98
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 218
+    },
+    "_contentSize": {
+      "__type__": "cc.Size",
+      "width": 800,
+      "height": 490
+    },
+    "_anchorPoint": {
+      "__type__": "cc.Vec2",
+      "x": 0.5,
+      "y": 0.5
+    },
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "10j3/fN/FL/4QtQXUvZh/S"
+  },
+  {
+    "__type__": "cc.Layout",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 98
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 220
+    },
+    "_resizeMode": 1,
+    "_layoutType": 2,
+    "_cellSize": {
+      "__type__": "cc.Size",
+      "width": 40,
+      "height": 40
+    },
+    "_startAxis": 0,
+    "_paddingLeft": 0,
+    "_paddingRight": 0,
+    "_paddingTop": 0,
+    "_paddingBottom": 0,
+    "_spacingX": 0,
+    "_spacingY": 20,
+    "_verticalDirection": 1,
+    "_horizontalDirection": 0,
+    "_constraint": 0,
+    "_constraintNum": 2,
+    "_affectedByScale": false,
+    "_isAlign": true,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4fdheEBiZI7b+JGmqMhRoU"
+  },
+  {
+    "__type__": "cc.Widget",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 98
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 222
+    },
+    "_alignFlags": 4,
+    "_target": null,
+    "_left": 0,
+    "_right": 0,
+    "_top": 0,
+    "_bottom": 114.01599999999996,
+    "_horizontalCenter": 0,
+    "_verticalCenter": 0,
+    "_isAbsLeft": true,
+    "_isAbsRight": true,
+    "_isAbsTop": true,
+    "_isAbsBottom": true,
+    "_isAbsHorizontalCenter": true,
+    "_isAbsVerticalCenter": true,
+    "_originalWidth": 0,
+    "_originalHeight": 0,
+    "_alignMode": 2,
+    "_lockFlags": 0,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "4cNayKuppCSpSPkJL6/uEt"
+  },
+  {
+    "__type__": "cc.PrefabInfo",
+    "root": {
+      "__id__": 1
+    },
+    "asset": {
+      "__id__": 0
+    },
+    "fileId": "aawIsH68lF3LqMWii4D+nk",
     "instance": null,
     "targetOverrides": null,
     "nestedPrefabInstanceRoots": null
@@ -1876,33 +5415,33 @@
   {
     "__type__": "cc.Node",
     "_name": "Input",
-    "_objFlags": 0,
+    "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
       "__id__": 1
     },
     "_children": [
       {
-        "__id__": 79
+        "__id__": 225
       },
       {
-        "__id__": 85
+        "__id__": 231
       }
     ],
     "_active": true,
     "_components": [
       {
-        "__id__": 91
+        "__id__": 237
       },
       {
-        "__id__": 93
+        "__id__": 239
       },
       {
-        "__id__": 95
+        "__id__": 241
       }
     ],
     "_prefab": {
-      "__id__": 97
+      "__id__": 243
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1936,23 +5475,23 @@
   {
     "__type__": "cc.Node",
     "_name": "TEXT_LABEL",
-    "_objFlags": 0,
+    "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 78
+      "__id__": 224
     },
     "_children": [],
     "_active": false,
     "_components": [
       {
-        "__id__": 80
+        "__id__": 226
       },
       {
-        "__id__": 82
+        "__id__": 228
       }
     ],
     "_prefab": {
-      "__id__": 84
+      "__id__": 230
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -1989,11 +5528,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 79
+      "__id__": 225
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 81
+      "__id__": 227
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2017,11 +5556,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 79
+      "__id__": 225
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 83
+      "__id__": 229
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2095,23 +5634,23 @@
   {
     "__type__": "cc.Node",
     "_name": "PLACEHOLDER_LABEL",
-    "_objFlags": 0,
+    "_objFlags": 512,
     "__editorExtras__": {},
     "_parent": {
-      "__id__": 78
+      "__id__": 224
     },
     "_children": [],
     "_active": true,
     "_components": [
       {
-        "__id__": 86
+        "__id__": 232
       },
       {
-        "__id__": 88
+        "__id__": 234
       }
     ],
     "_prefab": {
-      "__id__": 90
+      "__id__": 236
     },
     "_lpos": {
       "__type__": "cc.Vec3",
@@ -2148,11 +5687,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 85
+      "__id__": 231
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 87
+      "__id__": 233
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2176,11 +5715,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 85
+      "__id__": 231
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 89
+      "__id__": 235
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2257,11 +5796,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 78
+      "__id__": 224
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 92
+      "__id__": 238
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2285,11 +5824,11 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 78
+      "__id__": 224
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 94
+      "__id__": 240
     },
     "_customMaterial": null,
     "_srcBlendFactor": 2,
@@ -2327,21 +5866,21 @@
     "_objFlags": 0,
     "__editorExtras__": {},
     "node": {
-      "__id__": 78
+      "__id__": 224
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 96
+      "__id__": 242
     },
     "editingDidBegan": [],
     "textChanged": [],
     "editingDidEnded": [],
     "editingReturn": [],
     "_textLabel": {
-      "__id__": 82
+      "__id__": 228
     },
     "_placeholderLabel": {
-      "__id__": 88
+      "__id__": 234
     },
     "_returnType": 0,
     "_string": "",
@@ -2349,7 +5888,7 @@
     "_backgroundImage": null,
     "_inputFlag": 5,
     "_inputMode": 6,
-    "_maxLength": 1,
+    "_maxLength": 10,
     "_id": ""
   },
   {
@@ -2379,7 +5918,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 99
+      "__id__": 245
     },
     "_contentSize": {
       "__type__": "cc.Size",
@@ -2407,7 +5946,7 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 101
+      "__id__": 247
     },
     "_alignFlags": 0,
     "_target": null,
@@ -2443,30 +5982,118 @@
     },
     "_enabled": true,
     "__prefab": {
-      "__id__": 103
+      "__id__": 249
     },
     "inputLayout": {
-      "__id__": 34
+      "__id__": 70
     },
     "submitButton": {
-      "__id__": 40
+      "__id__": 76
     },
     "inputTemplate": {
-      "__id__": 78
+      "__id__": 224
     },
     "actionNode": {
-      "__id__": 27
+      "__id__": 63
     },
     "iconSetting": {
       "__id__": 10
     },
-    "defaultInputCount": 2,
+    "tipsLayout": {
+      "__id__": 98
+    },
+    "mainImage": {
+      "__id__": 57
+    },
+    "tipsItem1": {
+      "__id__": 99
+    },
+    "tipsItem2": {
+      "__id__": 129
+    },
+    "tipsItem3": {
+      "__id__": 159
+    },
+    "unLockItem2": {
+      "__id__": 189
+    },
+    "unLockItem3": {
+      "__id__": 203
+    },
+    "clockLabel": {
+      "__id__": 48
+    },
+    "levelConfigs": [
+      {
+        "__id__": 250
+      },
+      {
+        "__id__": 251
+      }
+    ],
+    "currentLevelIndex": 0,
+    "clickAudio": {
+      "__uuid__": "a68a6314-fb7c-48a9-bd6c-0a65ef665d50",
+      "__expectedType__": "cc.AudioClip"
+    },
+    "successAudio": {
+      "__uuid__": "45d1f0b7-d9d7-41d8-84b2-7abad9304148",
+      "__expectedType__": "cc.AudioClip"
+    },
+    "failAudio": {
+      "__uuid__": "be83ca42-3579-46e8-821f-7a0f0b9d8464",
+      "__expectedType__": "cc.AudioClip"
+    },
     "_id": ""
   },
   {
     "__type__": "cc.CompPrefabInfo",
     "fileId": "e2itWq4ZlL5b9D690HcX3O"
   },
+  {
+    "__type__": "LevelConfig",
+    "mainImage": {
+      "__uuid__": "388a4fd2-4c46-46ae-b796-10ab85c39e04@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "clue1": "这是一种职业",
+    "clue2": "这种职业出现在事业单位",
+    "clue3": "这是在学校里面的一种职业",
+    "answer": "教师"
+  },
+  {
+    "__type__": "LevelConfig",
+    "mainImage": {
+      "__uuid__": "ea160d5d-8094-4867-afdc-1e1ae1279835@f9941",
+      "__expectedType__": "cc.SpriteFrame"
+    },
+    "clue1": "这是一个历史人物",
+    "clue2": "他是三国时期的人物",
+    "clue3": "是武力值很高的将军",
+    "answer": "吕布"
+  },
+  {
+    "__type__": "cc.AudioSource",
+    "_name": "",
+    "_objFlags": 0,
+    "__editorExtras__": {},
+    "node": {
+      "__id__": 1
+    },
+    "_enabled": true,
+    "__prefab": {
+      "__id__": 253
+    },
+    "_clip": null,
+    "_loop": false,
+    "_playOnAwake": true,
+    "_volume": 1,
+    "_id": ""
+  },
+  {
+    "__type__": "cc.CompPrefabInfo",
+    "fileId": "1dTJ5mNkdPB5fhb3DmO/BQ"
+  },
   {
     "__type__": "cc.PrefabInfo",
     "root": {
diff --git a/assets/prefabs/PageLevel.ts b/assets/prefabs/PageLevel.ts
index 9d5fa5b..60aa45c 100644
--- a/assets/prefabs/PageLevel.ts
+++ b/assets/prefabs/PageLevel.ts
@@ -1,16 +1,27 @@
-import { _decorator, Node, EditBox, instantiate, Vec3, Button } from 'cc';
+import { _decorator, Node, EditBox, instantiate, Vec3, Button, Label, Sprite, SpriteFrame, AudioClip, AudioSource } from 'cc';
 import { BaseView } from 'db://assets/scripts/core/BaseView';
 import { ViewManager } from 'db://assets/scripts/core/ViewManager';
 const { ccclass, property } = _decorator;
 
 /**
- * 关卡配置接口
+ * 关卡配置类
  */
-export interface LevelConfig {
-    /** 需要的输入框数量 */
-    inputCount: number;
-    /** 题目文本 */
-    questionText?: string;
+@ccclass('LevelConfig')
+export class LevelConfig {
+    @property(SpriteFrame)
+    mainImage: SpriteFrame | null = null;
+
+    @property({ tooltip: '线索1内容（默认解锁）' })
+    clue1: string = '';
+
+    @property({ tooltip: '线索2内容' })
+    clue2: string = '';
+
+    @property({ tooltip: '线索3内容' })
+    clue3: string = '';
+
+    @property({ tooltip: '答案（用于确定输入框数量和验证）' })
+    answer: string = '';
 }
 
 /**
@@ -35,23 +46,58 @@ export class PageLevel extends BaseView {
     @property(Node)
     iconSetting: Node | null = null;
 
+    @property(Node)
+    tipsLayout: Node | null = null;
+
+    @property(Node)
+    mainImage: Node | null = null;
+
+    @property(Node)
+    tipsItem1: Node | null = null;
+
+    @property(Node)
+    tipsItem2: Node | null = null;
+
+    @property(Node)
+    tipsItem3: Node | null = null;
+
+    @property(Node)
+    unLockItem2: Node | null = null;
+
+    @property(Node)
+    unLockItem3: Node | null = null;
+
+    @property(Label)
+    clockLabel: Label | null = null;
+
     // ========== 配置属性 ==========
+    @property([LevelConfig])
+    levelConfigs: LevelConfig[] = [];
+
     @property({
-        tooltip: '默认输入框数量',
-        min: 1,
-        max: 10
+        min: 0,
+        tooltip: '当前关卡索引'
     })
-    defaultInputCount: number = 2;
+    currentLevelIndex: number = 0;
+
+    @property(AudioClip)
+    clickAudio: AudioClip | null = null;
+
+    @property(AudioClip)
+    successAudio: AudioClip | null = null;
+
+    @property(AudioClip)
+    failAudio: AudioClip | null = null;
 
     // ========== 内部状态 ==========
-    /** 当前输入框数量 */
-    private _inputCount: number = 0;
-
     /** 当前创建的输入框节点数组 */
     private _inputNodes: Node[] = [];
 
-    /** 当前关卡配置 */
-    private _levelConfig: LevelConfig | null = null;
+    /** 倒计时剩余秒数 */
+    private _countdown: number = 60;
+
+    /** 倒计时是否结束 */
+    private _isTimeUp: boolean = false;
 
     /**
      * 页面首次加载时调用
@@ -60,6 +106,9 @@ export class PageLevel extends BaseView {
         console.log('[PageLevel] onViewLoad');
         this.initLevel();
         this.initIconSetting();
+        this.initUnlockButtons();
+        this.initSubmitButton();
+        this.startCountdown();
     }
 
     /**
@@ -82,30 +131,50 @@ export class PageLevel extends BaseView {
     onViewDestroy(): void {
         console.log('[PageLevel] onViewDestroy');
         this.clearInputNodes();
-    }
-
-    /**
-     * 设置关卡配置
-     */
-    setLevelConfig(config: LevelConfig): void {
-        this._levelConfig = config;
-        this.initLevel();
+        this.stopCountdown();
     }
 
     /**
      * 初始化关卡
      */
     private initLevel(): void {
-        // 使用配置或默认值
-        const inputCount = this._levelConfig?.inputCount ?? this.defaultInputCount;
+        const config = this.levelConfigs[this.currentLevelIndex];
+        if (!config) {
+            console.warn('[PageLevel] 没有找到关卡配置');
+            return;
+        }
+
+        // 重置倒计时状态
+        this._isTimeUp = false;
+        this._countdown = 60;
+
+        // 设置主图
+        this.setMainImage(config.mainImage);
+
+        // 设置线索1（默认解锁）
+        this.setClue(1, config.clue1);
+
+        // 隐藏线索2、3
+        this.hideClue(2);
+        this.hideClue(3);
+
+        // 显示解锁按钮2、3
+        this.showUnlockButton(2);
+        this.showUnlockButton(3);
+
+        // 根据答案长度创建输入框
+        const inputCount = config.answer.length;
+        this.createInputs(inputCount);
 
         // 隐藏提交按钮
         if (this.submitButton) {
             this.submitButton.active = false;
         }
 
-        // 创建输入框
-        this.createInputs(inputCount);
+        // 更新倒计时显示
+        this.updateClockLabel();
+
+        console.log(`[PageLevel] 初始化关卡 ${this.currentLevelIndex + 1}, 答案长度: ${inputCount}`);
     }
 
     /**
@@ -120,8 +189,6 @@ export class PageLevel extends BaseView {
         // 清理现有输入框
         this.clearInputNodes();
 
-        this._inputCount = count;
-
         // 隐藏模板节点
         this.inputTemplate.active = false;
 
@@ -162,7 +229,6 @@ export class PageLevel extends BaseView {
             }
         }
         this._inputNodes = [];
-        this._inputCount = 0;
     }
 
     /**
@@ -194,7 +260,9 @@ export class PageLevel extends BaseView {
         const values: string[] = [];
         for (const node of this._inputNodes) {
             const editBox = node.getComponent(EditBox);
-            values.push(editBox?.string ?? '');
+            // 只取第一个字符，去除空格
+            const str = (editBox?.string ?? '').trim();
+            values.push(str.charAt(0));
         }
         return values;
     }
@@ -208,17 +276,64 @@ export class PageLevel extends BaseView {
 
     // ========== EditBox 事件回调 ==========
 
+    /** 是否正在处理输入（防止递归） */
+    private _isHandlingInput: boolean = false;
+
     /**
      * 输入框文本变化回调
      */
     private onInputTextChanged(editBox: EditBox): void {
+        // 防止递归调用
+        if (this._isHandlingInput) return;
+
+        // 处理多字符输入，自动分配到后续输入框
+        this.handleMultiCharInput(editBox);
         this.checkAllInputsFilled();
     }
 
+    /**
+     * 处理多字符输入，自动分配到后续输入框
+     */
+    private handleMultiCharInput(editBox: EditBox): void {
+        const text = editBox.string;
+        if (text.length <= 1) return;
+
+        // 找到当前输入框的索引
+        const currentIndex = this._inputNodes.findIndex(node => node.getComponent(EditBox) === editBox);
+        if (currentIndex === -1) return;
+
+        // 标记正在处理输入
+        this._isHandlingInput = true;
+
+        // 保留第一个字符在当前输入框
+        const firstChar = text[0];
+        const remainingChars = text.slice(1);
+
+        // 设置当前输入框只保留第一个字符
+        editBox.string = firstChar;
+
+        // 将剩余字符分配到后续输入框
+        for (let i = 0; i < remainingChars.length; i++) {
+            const nextIndex = currentIndex + 1 + i;
+            if (nextIndex < this._inputNodes.length) {
+                const nextEditBox = this._inputNodes[nextIndex].getComponent(EditBox);
+                if (nextEditBox) {
+                    // 只在目标输入框为空时填入
+                    if (nextEditBox.string === '') {
+                        nextEditBox.string = remainingChars[i];
+                    }
+                }
+            }
+        }
+
+        // 处理完成
+        this._isHandlingInput = false;
+    }
+
     /**
      * 输入框编辑结束回调
      */
-    private onInputEditingEnded(editBox: EditBox): void {
+    private onInputEditingEnded(_editBox: EditBox): void {
         this.checkAllInputsFilled();
     }
 
@@ -248,8 +363,319 @@ export class PageLevel extends BaseView {
      */
     private onIconSettingClick(): void {
         console.log('[PageLevel] IconSetting 点击，返回主页');
+        this.playClickSound();
         ViewManager.instance.back();
     }
+
+    // ========== 线索相关方法 ==========
+
+    /**
+     * 获取线索节点
+     */
+    private getTipsItem(index: number): Node | null {
+        switch (index) {
+            case 1: return this.tipsItem1;
+            case 2: return this.tipsItem2;
+            case 3: return this.tipsItem3;
+            default: return null;
+        }
+    }
+
+    /**
+     * 设置线索内容
+     */
+    private setClue(index: number, content: string): void {
+        const tipsItem = this.getTipsItem(index);
+        if (!tipsItem) return;
+
+        // 查找 TipsLabel 节点：Content -> TipsLabel
+        const contentNode = tipsItem.getChildByName('Content');
+        if (!contentNode) return;
+
+        const tipsLabelNode = contentNode.getChildByName('TipsLabel');
+        if (!tipsLabelNode) return;
+
+        const label = tipsLabelNode.getComponent(Label);
+        if (label) {
+            label.string = `提示 ${index}: ${content}`;
+            console.log(`[PageLevel] 设置线索${index}: ${content}`);
+        }
+    }
+
+    /**
+     * 显示线索
+     */
+    private showClue(index: number): void {
+        const tipsItem = this.getTipsItem(index);
+        if (tipsItem) {
+            tipsItem.active = true;
+            console.log(`[PageLevel] 显示线索${index}`);
+        }
+    }
+
+    /**
+     * 隐藏线索
+     */
+    private hideClue(index: number): void {
+        const tipsItem = this.getTipsItem(index);
+        if (tipsItem) {
+            tipsItem.active = false;
+            console.log(`[PageLevel] 隐藏线索${index}`);
+        }
+    }
+
+    /**
+     * 显示解锁按钮
+     */
+    private showUnlockButton(index: number): void {
+        const unlockItem = index === 2 ? this.unLockItem2 : this.unLockItem3;
+        if (unlockItem) {
+            unlockItem.active = true;
+            console.log(`[PageLevel] 显示解锁按钮${index}`);
+        }
+    }
+
+    /**
+     * 隐藏解锁按钮
+     */
+    private hideUnlockButton(index: number): void {
+        const unlockItem = index === 2 ? this.unLockItem2 : this.unLockItem3;
+        if (unlockItem) {
+            unlockItem.active = false;
+            console.log(`[PageLevel] 隐藏解锁按钮${index}`);
+        }
+    }
+
+    /**
+     * 初始化解锁按钮事件
+     */
+    private initUnlockButtons(): void {
+        // 解锁按钮2
+        if (this.unLockItem2) {
+            this.unLockItem2.on(Node.EventType.TOUCH_END, () => this.onUnlockClue(2), this);
+        }
+
+        // 解锁按钮3
+        if (this.unLockItem3) {
+            this.unLockItem3.on(Node.EventType.TOUCH_END, () => this.onUnlockClue(3), this);
+        }
+
+        console.log('[PageLevel] 解锁按钮事件已绑定');
+    }
+
+    /**
+     * 初始化提交按钮事件
+     */
+    private initSubmitButton(): void {
+        if (!this.submitButton) {
+            console.warn('[PageLevel] submitButton 节点未设置');
+            return;
+        }
+
+        this.submitButton.on(Node.EventType.TOUCH_END, this.onSubmitAnswer, this);
+        console.log('[PageLevel] 提交按钮事件已绑定');
+    }
+
+    /**
+     * 点击解锁线索
+     */
+    private onUnlockClue(index: number): void {
+        // 播放点击音效
+        this.playClickSound();
+
+        // 隐藏解锁按钮
+        this.hideUnlockButton(index);
+
+        // 显示线索
+        this.showClue(index);
+
+        // 设置线索内容
+        const config = this.levelConfigs[this.currentLevelIndex];
+        if (config) {
+            const clueContent = index === 2 ? config.clue2 : config.clue3;
+            this.setClue(index, clueContent);
+        }
+
+        console.log(`[PageLevel] 解锁线索${index}`);
+    }
+
+    // ========== 主图相关方法 ==========
+
+    /**
+     * 设置主图
+     */
+    private setMainImage(spriteFrame: SpriteFrame | null): void {
+        if (!this.mainImage) return;
+
+        const sprite = this.mainImage.getComponent(Sprite);
+        if (sprite && spriteFrame) {
+            sprite.spriteFrame = spriteFrame;
+            console.log('[PageLevel] 设置主图');
+        }
+    }
+
+    // ========== 音效相关方法 ==========
+
+    /**
+     * 播放点击音效
+     */
+    private playClickSound(): void {
+        if (this.clickAudio) {
+            // 使用 audioSource 组件播放一次性音效
+            const audioSource = this.node.getComponent(AudioSource);
+            if (audioSource) {
+                audioSource.playOneShot(this.clickAudio);
+            }
+        }
+    }
+
+    /**
+     * 播放成功音效
+     */
+    private playSuccessSound(): void {
+        if (this.successAudio) {
+            const audioSource = this.node.getComponent(AudioSource);
+            if (audioSource) {
+                audioSource.playOneShot(this.successAudio);
+            }
+        }
+    }
+
+    /**
+     * 播放失败音效
+     */
+    private playFailSound(): void {
+        if (this.failAudio) {
+            const audioSource = this.node.getComponent(AudioSource);
+            if (audioSource) {
+                audioSource.playOneShot(this.failAudio);
+            }
+        }
+    }
+
+    // ========== 倒计时相关方法 ==========
+
+    /**
+     * 开始倒计时
+     */
+    private startCountdown(): void {
+        this._countdown = 60;
+        this._isTimeUp = false;
+        this.updateClockLabel();
+        this.schedule(this.onCountdownTick, 1);
+        console.log('[PageLevel] 开始倒计时 60 秒');
+    }
+
+    /**
+     * 停止倒计时
+     */
+    private stopCountdown(): void {
+        this.unschedule(this.onCountdownTick);
+    }
+
+    /**
+     * 倒计时每秒回调
+     */
+    private onCountdownTick(): void {
+        if (this._isTimeUp) return;
+
+        this._countdown--;
+        this.updateClockLabel();
+
+        if (this._countdown <= 0) {
+            this._isTimeUp = true;
+            this.stopCountdown();
+            this.onTimeUp();
+        }
+    }
+
+    /**
+     * 更新倒计时显示
+     */
+    private updateClockLabel(): void {
+        if (this.clockLabel) {
+            this.clockLabel.string = `${this._countdown}s`;
+        }
+    }
+
+    /**
+     * 倒计时结束
+     */
+    private onTimeUp(): void {
+        console.log('[PageLevel] 倒计时结束！');
+        this.playFailSound();
+        // 可以在这里添加游戏结束逻辑
+    }
+
+    // ========== 答案提交与关卡切换 ==========
+
+    /**
+     * 提交答案
+     */
+    onSubmitAnswer(): void {
+        const config = this.levelConfigs[this.currentLevelIndex];
+        if (!config) return;
+
+        const userAnswer = this.getAnswer();
+        console.log(`[PageLevel] 提交答案: ${userAnswer}, 正确答案: ${config.answer}`);
+
+        if (userAnswer === config.answer) {
+            // 答案正确
+            this.playClickSound();
+            this.showSuccess();
+        } else {
+            // 答案错误
+            this.showError();
+        }
+    }
+
+    /**
+     * 显示成功提示
+     */
+    private showSuccess(): void {
+        console.log('[PageLevel] 答案正确！');
+
+        // 停止倒计时
+        this.stopCountdown();
+
+        // 播放成功音效
+        this.playSuccessSound();
+
+        // 延迟后进入下一关
+        this.scheduleOnce(() => {
+            this.nextLevel();
+        }, 1.0);
+    }
+
+    /**
+     * 显示错误提示
+     */
+    private showError(): void {
+        console.log('[PageLevel] 答案错误！');
+
+        // 播放失败音效
+        this.playFailSound();
+    }
+
+    /**
+     * 进入下一关
+     */
+    private nextLevel(): void {
+        this.currentLevelIndex++;
+
+        if (this.currentLevelIndex >= this.levelConfigs.length) {
+            // 所有关卡完成
+            console.log('[PageLevel] 恭喜通关！');
+            this.stopCountdown();
+            ViewManager.instance.back();
+            return;
+        }
+
+        // 重置并加载下一关，重新开始倒计时
+        this.initLevel();
+        this.startCountdown();
+        console.log(`[PageLevel] 进入关卡 ${this.currentLevelIndex + 1}`);
+    }
 }
 
 
diff --git a/assets/resources/audios.meta b/assets/resources/audios.meta
new file mode 100644
index 0000000..6f8e565
--- /dev/null
+++ b/assets/resources/audios.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "526215f4-c04a-453c-aabd-830284972d91",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/resources/audios/BgMusic.mp3 b/assets/resources/audios/BgMusic.mp3
new file mode 100644
index 0000000..e10f489
Binary files /dev/null and b/assets/resources/audios/BgMusic.mp3 differ
diff --git a/assets/resources/audios/BgMusic.mp3.meta b/assets/resources/audios/BgMusic.mp3.meta
new file mode 100644
index 0000000..ad71690
--- /dev/null
+++ b/assets/resources/audios/BgMusic.mp3.meta
@@ -0,0 +1,14 @@
+{
+  "ver": "1.0.0",
+  "importer": "audio-clip",
+  "imported": true,
+  "uuid": "c33517cc-3f49-493c-8315-150f27cfb40c",
+  "files": [
+    ".json",
+    ".mp3"
+  ],
+  "subMetas": {},
+  "userData": {
+    "downloadMode": 0
+  }
+}
diff --git a/assets/resources/audios/Click.mp3 b/assets/resources/audios/Click.mp3
new file mode 100644
index 0000000..36338d8
Binary files /dev/null and b/assets/resources/audios/Click.mp3 differ
diff --git a/assets/resources/audios/Click.mp3.meta b/assets/resources/audios/Click.mp3.meta
new file mode 100644
index 0000000..5d10eb0
--- /dev/null
+++ b/assets/resources/audios/Click.mp3.meta
@@ -0,0 +1,14 @@
+{
+  "ver": "1.0.0",
+  "importer": "audio-clip",
+  "imported": true,
+  "uuid": "a68a6314-fb7c-48a9-bd6c-0a65ef665d50",
+  "files": [
+    ".json",
+    ".mp3"
+  ],
+  "subMetas": {},
+  "userData": {
+    "downloadMode": 0
+  }
+}
diff --git a/assets/resources/audios/Failed.mp3 b/assets/resources/audios/Failed.mp3
new file mode 100644
index 0000000..d2733db
Binary files /dev/null and b/assets/resources/audios/Failed.mp3 differ
diff --git a/assets/resources/audios/Failed.mp3.meta b/assets/resources/audios/Failed.mp3.meta
new file mode 100644
index 0000000..af56a4c
--- /dev/null
+++ b/assets/resources/audios/Failed.mp3.meta
@@ -0,0 +1,14 @@
+{
+  "ver": "1.0.0",
+  "importer": "audio-clip",
+  "imported": true,
+  "uuid": "be83ca42-3579-46e8-821f-7a0f0b9d8464",
+  "files": [
+    ".json",
+    ".mp3"
+  ],
+  "subMetas": {},
+  "userData": {
+    "downloadMode": 0
+  }
+}
diff --git a/assets/resources/audios/Success.mp3 b/assets/resources/audios/Success.mp3
new file mode 100644
index 0000000..265230a
Binary files /dev/null and b/assets/resources/audios/Success.mp3 differ
diff --git a/assets/resources/audios/Success.mp3.meta b/assets/resources/audios/Success.mp3.meta
new file mode 100644
index 0000000..208ff0e
--- /dev/null
+++ b/assets/resources/audios/Success.mp3.meta
@@ -0,0 +1,14 @@
+{
+  "ver": "1.0.0",
+  "importer": "audio-clip",
+  "imported": true,
+  "uuid": "45d1f0b7-d9d7-41d8-84b2-7abad9304148",
+  "files": [
+    ".json",
+    ".mp3"
+  ],
+  "subMetas": {},
+  "userData": {
+    "downloadMode": 0
+  }
+}
diff --git a/assets/resources/images/level.meta b/assets/resources/images/level.meta
new file mode 100644
index 0000000..290da0a
--- /dev/null
+++ b/assets/resources/images/level.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "1.2.0",
+  "importer": "directory",
+  "imported": true,
+  "uuid": "570ec71b-b925-481e-b600-23c7e32d7f6a",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}
diff --git a/assets/resources/images/level/level1.png b/assets/resources/images/level/level1.png
new file mode 100644
index 0000000..d22df24
Binary files /dev/null and b/assets/resources/images/level/level1.png differ
diff --git a/assets/resources/images/level/level1.png.meta b/assets/resources/images/level/level1.png.meta
new file mode 100644
index 0000000..d4cb7b3
--- /dev/null
+++ b/assets/resources/images/level/level1.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "388a4fd2-4c46-46ae-b796-10ab85c39e04",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "388a4fd2-4c46-46ae-b796-10ab85c39e04@6c48a",
+      "displayName": "level1",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "388a4fd2-4c46-46ae-b796-10ab85c39e04",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "388a4fd2-4c46-46ae-b796-10ab85c39e04@f9941",
+      "displayName": "level1",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 57.5,
+        "offsetY": -0.5,
+        "trimX": 180,
+        "trimY": 73,
+        "width": 513,
+        "height": 999,
+        "rawWidth": 758,
+        "rawHeight": 1144,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -256.5,
+            -499.5,
+            0,
+            256.5,
+            -499.5,
+            0,
+            -256.5,
+            499.5,
+            0,
+            256.5,
+            499.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            180,
+            1071,
+            693,
+            1071,
+            180,
+            72,
+            693,
+            72
+          ],
+          "nuv": [
+            0.23746701846965698,
+            0.06293706293706294,
+            0.9142480211081794,
+            0.06293706293706294,
+            0.23746701846965698,
+            0.9361888111888111,
+            0.9142480211081794,
+            0.9361888111888111
+          ],
+          "minPos": [
+            -256.5,
+            -499.5,
+            0
+          ],
+          "maxPos": [
+            256.5,
+            499.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "388a4fd2-4c46-46ae-b796-10ab85c39e04@6c48a",
+        "atlasUuid": "",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "hasAlpha": true,
+    "redirect": "388a4fd2-4c46-46ae-b796-10ab85c39e04@6c48a"
+  }
+}
diff --git a/assets/resources/images/level/level2.png b/assets/resources/images/level/level2.png
new file mode 100644
index 0000000..bfe66e6
Binary files /dev/null and b/assets/resources/images/level/level2.png differ
diff --git a/assets/resources/images/level/level2.png.meta b/assets/resources/images/level/level2.png.meta
new file mode 100644
index 0000000..a9f744b
--- /dev/null
+++ b/assets/resources/images/level/level2.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "ea160d5d-8094-4867-afdc-1e1ae1279835",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "ea160d5d-8094-4867-afdc-1e1ae1279835@6c48a",
+      "displayName": "level2",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "ea160d5d-8094-4867-afdc-1e1ae1279835",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "ea160d5d-8094-4867-afdc-1e1ae1279835@f9941",
+      "displayName": "level2",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": -59,
+        "offsetY": 6.5,
+        "trimX": 137,
+        "trimY": 30,
+        "width": 578,
+        "height": 1409,
+        "rawWidth": 970,
+        "rawHeight": 1482,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -289,
+            -704.5,
+            0,
+            289,
+            -704.5,
+            0,
+            -289,
+            704.5,
+            0,
+            289,
+            704.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            137,
+            1452,
+            715,
+            1452,
+            137,
+            43,
+            715,
+            43
+          ],
+          "nuv": [
+            0.14123711340206185,
+            0.029014844804318488,
+            0.7371134020618557,
+            0.029014844804318488,
+            0.14123711340206185,
+            0.979757085020243,
+            0.7371134020618557,
+            0.979757085020243
+          ],
+          "minPos": [
+            -289,
+            -704.5,
+            0
+          ],
+          "maxPos": [
+            289,
+            704.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "ea160d5d-8094-4867-afdc-1e1ae1279835@6c48a",
+        "atlasUuid": "",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "hasAlpha": true,
+    "redirect": "ea160d5d-8094-4867-afdc-1e1ae1279835@6c48a"
+  }
+}
diff --git a/assets/resources/images/pageHome/test.png b/assets/resources/images/pageHome/test.png
deleted file mode 100644
index b0f6326..0000000
Binary files a/assets/resources/images/pageHome/test.png and /dev/null differ
diff --git a/assets/resources/images/pageLevel/IconClock.png b/assets/resources/images/pageLevel/IconClock.png
new file mode 100644
index 0000000..d2d5f4f
Binary files /dev/null and b/assets/resources/images/pageLevel/IconClock.png differ
diff --git a/assets/resources/images/pageHome/test.png.meta b/assets/resources/images/pageLevel/IconClock.png.meta
similarity index 70%
rename from assets/resources/images/pageHome/test.png.meta
rename to assets/resources/images/pageLevel/IconClock.png.meta
index f057def..3ad78ef 100644
--- a/assets/resources/images/pageHome/test.png.meta
+++ b/assets/resources/images/pageLevel/IconClock.png.meta
@@ -2,7 +2,7 @@
   "ver": "1.0.27",
   "importer": "image",
   "imported": true,
-  "uuid": "fa1861ef-84d3-4347-9bf0-7627f54b05de",
+  "uuid": "4c8c7576-d69c-4524-8add-07ad36a958c6",
   "files": [
     ".json",
     ".png"
@@ -10,14 +10,14 @@
   "subMetas": {
     "6c48a": {
       "importer": "texture",
-      "uuid": "fa1861ef-84d3-4347-9bf0-7627f54b05de@6c48a",
-      "displayName": "test",
+      "uuid": "4c8c7576-d69c-4524-8add-07ad36a958c6@6c48a",
+      "displayName": "IconClock",
       "id": "6c48a",
       "name": "texture",
       "userData": {
         "wrapModeS": "clamp-to-edge",
         "wrapModeT": "clamp-to-edge",
-        "imageUuidOrDatabaseUri": "fa1861ef-84d3-4347-9bf0-7627f54b05de",
+        "imageUuidOrDatabaseUri": "4c8c7576-d69c-4524-8add-07ad36a958c6",
         "isUuid": true,
         "visible": false,
         "minfilter": "linear",
@@ -34,8 +34,8 @@
     },
     "f9941": {
       "importer": "sprite-frame",
-      "uuid": "fa1861ef-84d3-4347-9bf0-7627f54b05de@f9941",
-      "displayName": "test",
+      "uuid": "4c8c7576-d69c-4524-8add-07ad36a958c6@f9941",
+      "displayName": "IconClock",
       "id": "f9941",
       "name": "spriteFrame",
       "userData": {
@@ -45,10 +45,10 @@
         "offsetY": 0,
         "trimX": 0,
         "trimY": 0,
-        "width": 352,
-        "height": 776,
-        "rawWidth": 352,
-        "rawHeight": 776,
+        "width": 200,
+        "height": 200,
+        "rawWidth": 200,
+        "rawHeight": 200,
         "borderTop": 0,
         "borderBottom": 0,
         "borderLeft": 0,
@@ -60,17 +60,17 @@
         "meshType": 0,
         "vertices": {
           "rawPosition": [
-            -176,
-            -388,
+            -100,
+            -100,
             0,
-            176,
-            -388,
+            100,
+            -100,
             0,
-            -176,
-            388,
+            -100,
+            100,
             0,
-            176,
-            388,
+            100,
+            100,
             0
           ],
           "indexes": [
@@ -83,12 +83,12 @@
           ],
           "uv": [
             0,
-            776,
-            352,
-            776,
+            200,
+            200,
+            200,
             0,
             0,
-            352,
+            200,
             0
           ],
           "nuv": [
@@ -102,18 +102,18 @@
             1
           ],
           "minPos": [
-            -176,
-            -388,
+            -100,
+            -100,
             0
           ],
           "maxPos": [
-            176,
-            388,
+            100,
+            100,
             0
           ]
         },
         "isUuid": true,
-        "imageUuidOrDatabaseUri": "fa1861ef-84d3-4347-9bf0-7627f54b05de@6c48a",
+        "imageUuidOrDatabaseUri": "4c8c7576-d69c-4524-8add-07ad36a958c6@6c48a",
         "atlasUuid": "",
         "trimType": "auto"
       },
@@ -129,6 +129,6 @@
     "type": "sprite-frame",
     "fixAlphaTransparencyArtifacts": false,
     "hasAlpha": true,
-    "redirect": "fa1861ef-84d3-4347-9bf0-7627f54b05de@6c48a"
+    "redirect": "4c8c7576-d69c-4524-8add-07ad36a958c6@6c48a"
   }
 }
diff --git a/assets/resources/images/pageLevel/IconLive.png b/assets/resources/images/pageLevel/IconLive.png
new file mode 100644
index 0000000..714dfc2
Binary files /dev/null and b/assets/resources/images/pageLevel/IconLive.png differ
diff --git a/assets/resources/images/pageLevel/IconLive.png.meta b/assets/resources/images/pageLevel/IconLive.png.meta
new file mode 100644
index 0000000..b31b310
--- /dev/null
+++ b/assets/resources/images/pageLevel/IconLive.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff@6c48a",
+      "displayName": "IconLive",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff@f9941",
+      "displayName": "IconLive",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0.5,
+        "offsetY": -2.5,
+        "trimX": 16,
+        "trimY": 25,
+        "width": 169,
+        "height": 155,
+        "rawWidth": 200,
+        "rawHeight": 200,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -84.5,
+            -77.5,
+            0,
+            84.5,
+            -77.5,
+            0,
+            -84.5,
+            77.5,
+            0,
+            84.5,
+            77.5,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            16,
+            175,
+            185,
+            175,
+            16,
+            20,
+            185,
+            20
+          ],
+          "nuv": [
+            0.08,
+            0.1,
+            0.925,
+            0.1,
+            0.08,
+            0.875,
+            0.925,
+            0.875
+          ],
+          "minPos": [
+            -84.5,
+            -77.5,
+            0
+          ],
+          "maxPos": [
+            84.5,
+            77.5,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff@6c48a",
+        "atlasUuid": "",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "hasAlpha": true,
+    "redirect": "5ab5c212-a4cc-4c9b-a372-0cd2f30f4aff@6c48a"
+  }
+}
diff --git a/assets/resources/images/pageLevel/IconTips.png b/assets/resources/images/pageLevel/IconTips.png
new file mode 100644
index 0000000..7c1f504
Binary files /dev/null and b/assets/resources/images/pageLevel/IconTips.png differ
diff --git a/assets/resources/images/pageLevel/IconTips.png.meta b/assets/resources/images/pageLevel/IconTips.png.meta
new file mode 100644
index 0000000..f3be95e
--- /dev/null
+++ b/assets/resources/images/pageLevel/IconTips.png.meta
@@ -0,0 +1,134 @@
+{
+  "ver": "1.0.27",
+  "importer": "image",
+  "imported": true,
+  "uuid": "729b014d-f0e9-4b67-b99d-177756102d0e",
+  "files": [
+    ".json",
+    ".png"
+  ],
+  "subMetas": {
+    "6c48a": {
+      "importer": "texture",
+      "uuid": "729b014d-f0e9-4b67-b99d-177756102d0e@6c48a",
+      "displayName": "IconTips",
+      "id": "6c48a",
+      "name": "texture",
+      "userData": {
+        "wrapModeS": "clamp-to-edge",
+        "wrapModeT": "clamp-to-edge",
+        "imageUuidOrDatabaseUri": "729b014d-f0e9-4b67-b99d-177756102d0e",
+        "isUuid": true,
+        "visible": false,
+        "minfilter": "linear",
+        "magfilter": "linear",
+        "mipfilter": "none",
+        "anisotropy": 0
+      },
+      "ver": "1.0.22",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    },
+    "f9941": {
+      "importer": "sprite-frame",
+      "uuid": "729b014d-f0e9-4b67-b99d-177756102d0e@f9941",
+      "displayName": "IconTips",
+      "id": "f9941",
+      "name": "spriteFrame",
+      "userData": {
+        "trimThreshold": 1,
+        "rotated": false,
+        "offsetX": 0.5,
+        "offsetY": 0,
+        "trimX": 31,
+        "trimY": 12,
+        "width": 139,
+        "height": 176,
+        "rawWidth": 200,
+        "rawHeight": 200,
+        "borderTop": 0,
+        "borderBottom": 0,
+        "borderLeft": 0,
+        "borderRight": 0,
+        "packable": true,
+        "pixelsToUnit": 100,
+        "pivotX": 0.5,
+        "pivotY": 0.5,
+        "meshType": 0,
+        "vertices": {
+          "rawPosition": [
+            -69.5,
+            -88,
+            0,
+            69.5,
+            -88,
+            0,
+            -69.5,
+            88,
+            0,
+            69.5,
+            88,
+            0
+          ],
+          "indexes": [
+            0,
+            1,
+            2,
+            2,
+            1,
+            3
+          ],
+          "uv": [
+            31,
+            188,
+            170,
+            188,
+            31,
+            12,
+            170,
+            12
+          ],
+          "nuv": [
+            0.155,
+            0.06,
+            0.85,
+            0.06,
+            0.155,
+            0.94,
+            0.85,
+            0.94
+          ],
+          "minPos": [
+            -69.5,
+            -88,
+            0
+          ],
+          "maxPos": [
+            69.5,
+            88,
+            0
+          ]
+        },
+        "isUuid": true,
+        "imageUuidOrDatabaseUri": "729b014d-f0e9-4b67-b99d-177756102d0e@6c48a",
+        "atlasUuid": "",
+        "trimType": "auto"
+      },
+      "ver": "1.0.12",
+      "imported": true,
+      "files": [
+        ".json"
+      ],
+      "subMetas": {}
+    }
+  },
+  "userData": {
+    "type": "sprite-frame",
+    "fixAlphaTransparencyArtifacts": false,
+    "hasAlpha": true,
+    "redirect": "729b014d-f0e9-4b67-b99d-177756102d0e@6c48a"
+  }
+}
diff --git a/assets/scripts/utils/RoundedRectMask.ts b/assets/scripts/utils/RoundedRectMask.ts
new file mode 100644
index 0000000..c5a373c
--- /dev/null
+++ b/assets/scripts/utils/RoundedRectMask.ts
@@ -0,0 +1,111 @@
+import { _decorator, Component, UITransform, Graphics, Color, Mask } from 'cc';
+const { ccclass, property } = _decorator;
+
+/**
+ * 圆角矩形遮罩组件
+ * 使用 Graphics + Mask 绘制圆角矩形作为遮罩
+ *
+ * 使用方法：
+ * 1. 将此组件添加到需要圆角的节点上
+ * 2. 设置圆角半径
+ * 3. 该节点及其子节点会被裁剪为圆角矩形
+ */
+@ccclass('RoundedRectMask')
+export class RoundedRectMask extends Component {
+
+    @property({
+        tooltip: '圆角半径（像素）'
+    })
+    radius: number = 20;
+
+    private _graphics: Graphics | null = null;
+    private _mask: Mask | null = null;
+    private _uiTransform: UITransform | null = null;
+
+    onLoad() {
+        this._uiTransform = this.getComponent(UITransform);
+        this.setupComponents();
+    }
+
+    /**
+     * 设置组件
+     */
+    private setupComponents() {
+        // 获取或添加 Graphics 组件
+        this._graphics = this.getComponent(Graphics);
+        if (!this._graphics) {
+            this._graphics = this.addComponent(Graphics);
+        }
+
+        // 获取或添加 Mask 组件
+        this._mask = this.getComponent(Mask);
+        if (!this._mask) {
+            this._mask = this.addComponent(Mask);
+        }
+
+        // 设置 Mask 使用 Graphics 类型
+        this._mask.type = Mask.Type.GRAPHICS_STENCIL;
+
+        this.drawRoundedRect();
+    }
+
+    /**
+     * 绘制圆角矩形
+     */
+    private drawRoundedRect() {
+        if (!this._graphics || !this._uiTransform) return;
+
+        const width = this._uiTransform.width;
+        const height = this._uiTransform.height;
+        const r = Math.min(this.radius, Math.min(width, height) / 2);
+
+        // 清除之前的绘制
+        this._graphics.clear();
+
+        // 设置填充颜色
+        this._graphics.fillColor = new Color(255, 255, 255, 255);
+
+        // 绘制圆角矩形路径
+        const halfW = width / 2;
+        const halfH = height / 2;
+
+        // 使用 lineTo 和 arc 绘制圆角矩形
+        // 从左下角开始，逆时针绘制
+        this._graphics.moveTo(-halfW + r, -halfH);
+
+        // 下边
+        this._graphics.lineTo(halfW - r, -halfH);
+
+        // 右下角圆角 (90度弧，从 -90度 到 0度)
+        this._graphics.arc(halfW - r, -halfH + r, r, -Math.PI / 2, 0, false);
+
+        // 右边
+        this._graphics.lineTo(halfW, halfH - r);
+
+        // 右上角圆角 (90度弧，从 0度 到 90度)
+        this._graphics.arc(halfW - r, halfH - r, r, 0, Math.PI / 2, false);
+
+        // 上边
+        this._graphics.lineTo(-halfW + r, halfH);
+
+        // 左上角圆角 (90度弧，从 90度 到 180度)
+        this._graphics.arc(-halfW + r, halfH - r, r, Math.PI / 2, Math.PI, false);
+
+        // 左边
+        this._graphics.lineTo(-halfW, -halfH + r);
+
+        // 左下角圆角 (90度弧，从 180度 到 270度)
+        this._graphics.arc(-halfW + r, -halfH + r, r, Math.PI, Math.PI * 1.5, false);
+
+        // 填充
+        this._graphics.fill();
+    }
+
+    /**
+     * 设置圆角半径
+     */
+    setRadius(radius: number) {
+        this.radius = radius;
+        this.drawRoundedRect();
+    }
+}
diff --git a/assets/scripts/utils/RoundedRectMask.ts.meta b/assets/scripts/utils/RoundedRectMask.ts.meta
new file mode 100644
index 0000000..c50674b
--- /dev/null
+++ b/assets/scripts/utils/RoundedRectMask.ts.meta
@@ -0,0 +1,9 @@
+{
+  "ver": "4.0.24",
+  "importer": "typescript",
+  "imported": true,
+  "uuid": "e5f6a7b8-c901-2345-def6-789012345678",
+  "files": [],
+  "subMetas": {},
+  "userData": {}
+}