diff --git a/.env.dev b/.env.dev
index 32a7b57..56f648b 100644
--- a/.env.dev
+++ b/.env.dev
@@ -1,4 +1,5 @@
 VUE_APP_BASE_API='https://market.cebg.games'
 VUE_APP_BASE_API2='https://invitation.counterfire.games'
 //VUE_APP_BASE_API2='http://192.168.100.83:3000/'
-VUE_APP_GPAL_API='https://game2006api.cebggame.com/'
\ No newline at end of file
+LOGIN_API='https://login-test.kingsome.cn'
+VUE_APP_GPAL_API='https://game2006api.cebggame.com/'
diff --git a/.env.production b/.env.production
index 32a7b57..00b9cf0 100644
--- a/.env.production
+++ b/.env.production
@@ -1,4 +1,6 @@
 VUE_APP_BASE_API='https://market.cebg.games'
 VUE_APP_BASE_API2='https://invitation.counterfire.games'
 //VUE_APP_BASE_API2='http://192.168.100.83:3000/'
-VUE_APP_GPAL_API='https://game2006api.cebggame.com/'
\ No newline at end of file
+VUE_APP_GPAL_API='https://game2006api.cebggame.com/'
+
+LOGIN_API='https://login.kingsome.cn'
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 8d2456f..82b1b33 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -28,7 +28,7 @@
         "process": "^0.11.10",
         "rollup-plugin-polyfill-node": "^0.12.0",
         "stream-browserify": "^3.0.0",
-        "swiper": "8",
+        "swiper": "^10.3.0",
         "three": "^0.155.0",
         "util": "^0.12.5",
         "uuid": "^9.0.0",
@@ -42,6 +42,7 @@
         "vue-router": "^4.1.6",
         "vue3-autocounter": "^1.0.6",
         "vue3-clipboard": "^1.0.0",
+        "vue3-virtual-scroller": "^0.2.3",
         "web3": "^1.8.2",
         "youtube-player": "^5.6.0"
       },
@@ -4707,15 +4708,6 @@
       "resolved": "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz",
       "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
     },
-    "node_modules/dom7": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz",
-      "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
-      "license": "MIT",
-      "dependencies": {
-        "ssr-window": "^4.0.0"
-      }
-    },
     "node_modules/domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -11084,6 +11076,11 @@
         "compute-scroll-into-view": "^1.0.20"
       }
     },
+    "node_modules/scrollparent": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/scrollparent/-/scrollparent-2.1.0.tgz",
+      "integrity": "sha512-bnnvJL28/Rtz/kz2+4wpBjHzWoEzXhVg/TE8BeVGJHUqE8THNIRnDxDWMktwM+qahvlRdvlLdsQfYe+cuqfZeA=="
+    },
     "node_modules/scrypt-js": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/scrypt-js/-/scrypt-js-3.0.1.tgz",
@@ -11552,12 +11549,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/ssr-window": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
-      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ==",
-      "license": "MIT"
-    },
     "node_modules/static-extend": {
       "version": "0.1.2",
       "resolved": "https://registry.npmmirror.com/static-extend/-/static-extend-0.1.2.tgz",
@@ -11892,25 +11883,9 @@
       }
     },
     "node_modules/swiper": {
-      "version": "8.4.7",
-      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz",
-      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
-      "funding": [
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/swiperjs"
-        },
-        {
-          "type": "open_collective",
-          "url": "http://opencollective.com/swiper"
-        }
-      ],
-      "hasInstallScript": true,
-      "license": "MIT",
-      "dependencies": {
-        "dom7": "^4.0.4",
-        "ssr-window": "^4.0.2"
-      },
+      "version": "10.3.0",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-10.3.0.tgz",
+      "integrity": "sha512-o81KZH4phL/dJxKFWpZ/zf78QxOyFMood+c86vJJO0ZeSOoniyzV8HWDsw12KOlQdm4WRxrc/6kfGImAcxcS3w==",
       "engines": {
         "node": ">= 4.7.0"
       }
@@ -13492,6 +13467,88 @@
         "vue": "^3.0.0"
       }
     },
+    "node_modules/vue3-observe-visibility2": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/vue3-observe-visibility2/-/vue3-observe-visibility2-0.0.3.tgz",
+      "integrity": "sha512-yJL0G5RrI/uXdDrs+0fdlk/dYKhKBRZtkwJO0ar44NTIX+Rnw63iHgTz+p00M+yp6Avm1Q+o6y82h0hkTzmpHg==",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue3-resize": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/vue3-resize/-/vue3-resize-0.2.0.tgz",
+      "integrity": "sha512-vZkbEv4PjMEWFV0igAxCvdSIH9hrIJjXyJ9XPTxH0cS/L2/VW1dLVORMWJKU0VXHpHiYKwskB62ju7aBQMVpOQ==",
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue3-virtual-scroller": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmmirror.com/vue3-virtual-scroller/-/vue3-virtual-scroller-0.2.3.tgz",
+      "integrity": "sha512-iPBi0FocZGxVar46iLYzLMfdTMe/O3X8h1iTc21aPhAaGRyMMAZ64AN7Dn6FA+qYFam5f3wHIUktAnpgCFtNuw==",
+      "dependencies": {
+        "@rollup/plugin-json": "^4.1.0",
+        "scrollparent": "^2.0.1",
+        "vue3-observe-visibility2": "^0.0.3",
+        "vue3-resize": "^0.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
+      }
+    },
+    "node_modules/vue3-virtual-scroller/node_modules/@rollup/plugin-json": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmmirror.com/@rollup/plugin-json/-/plugin-json-4.1.0.tgz",
+      "integrity": "sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==",
+      "dependencies": {
+        "@rollup/pluginutils": "^3.0.8"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0 || ^2.0.0"
+      }
+    },
+    "node_modules/vue3-virtual-scroller/node_modules/@rollup/pluginutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+      "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+      "dependencies": {
+        "@types/estree": "0.0.39",
+        "estree-walker": "^1.0.1",
+        "picomatch": "^2.2.2"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0"
+      }
+    },
+    "node_modules/vue3-virtual-scroller/node_modules/@types/estree": {
+      "version": "0.0.39",
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-0.0.39.tgz",
+      "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
+    },
+    "node_modules/vue3-virtual-scroller/node_modules/estree-walker": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-1.0.1.tgz",
+      "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
+    },
+    "node_modules/vue3-virtual-scroller/node_modules/rollup": {
+      "version": "2.79.1",
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-2.79.1.tgz",
+      "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
+      "peer": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
     "node_modules/w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
@@ -17821,14 +17878,6 @@
       "resolved": "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz",
       "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
     },
-    "dom7": {
-      "version": "4.0.6",
-      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz",
-      "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
-      "requires": {
-        "ssr-window": "^4.0.0"
-      }
-    },
     "domelementtype": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz",
@@ -22486,6 +22535,11 @@
         "compute-scroll-into-view": "^1.0.20"
       }
     },
+    "scrollparent": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmmirror.com/scrollparent/-/scrollparent-2.1.0.tgz",
+      "integrity": "sha512-bnnvJL28/Rtz/kz2+4wpBjHzWoEzXhVg/TE8BeVGJHUqE8THNIRnDxDWMktwM+qahvlRdvlLdsQfYe+cuqfZeA=="
+    },
     "scrypt-js": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/scrypt-js/-/scrypt-js-3.0.1.tgz",
@@ -22826,11 +22880,6 @@
         "tweetnacl": "~0.14.0"
       }
     },
-    "ssr-window": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
-      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
-    },
     "static-extend": {
       "version": "0.1.2",
       "resolved": "https://registry.npmmirror.com/static-extend/-/static-extend-0.1.2.tgz",
@@ -23079,13 +23128,9 @@
       }
     },
     "swiper": {
-      "version": "8.4.7",
-      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz",
-      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
-      "requires": {
-        "dom7": "^4.0.4",
-        "ssr-window": "^4.0.2"
-      }
+      "version": "10.3.0",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-10.3.0.tgz",
+      "integrity": "sha512-o81KZH4phL/dJxKFWpZ/zf78QxOyFMood+c86vJJO0ZeSOoniyzV8HWDsw12KOlQdm4WRxrc/6kfGImAcxcS3w=="
     },
     "symbol-tree": {
       "version": "3.2.4",
@@ -24203,6 +24248,68 @@
         "clipboard": "^2.0.6"
       }
     },
+    "vue3-observe-visibility2": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmmirror.com/vue3-observe-visibility2/-/vue3-observe-visibility2-0.0.3.tgz",
+      "integrity": "sha512-yJL0G5RrI/uXdDrs+0fdlk/dYKhKBRZtkwJO0ar44NTIX+Rnw63iHgTz+p00M+yp6Avm1Q+o6y82h0hkTzmpHg==",
+      "requires": {}
+    },
+    "vue3-resize": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmmirror.com/vue3-resize/-/vue3-resize-0.2.0.tgz",
+      "integrity": "sha512-vZkbEv4PjMEWFV0igAxCvdSIH9hrIJjXyJ9XPTxH0cS/L2/VW1dLVORMWJKU0VXHpHiYKwskB62ju7aBQMVpOQ==",
+      "requires": {}
+    },
+    "vue3-virtual-scroller": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmmirror.com/vue3-virtual-scroller/-/vue3-virtual-scroller-0.2.3.tgz",
+      "integrity": "sha512-iPBi0FocZGxVar46iLYzLMfdTMe/O3X8h1iTc21aPhAaGRyMMAZ64AN7Dn6FA+qYFam5f3wHIUktAnpgCFtNuw==",
+      "requires": {
+        "@rollup/plugin-json": "^4.1.0",
+        "scrollparent": "^2.0.1",
+        "vue3-observe-visibility2": "^0.0.3",
+        "vue3-resize": "^0.2.0"
+      },
+      "dependencies": {
+        "@rollup/plugin-json": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npmmirror.com/@rollup/plugin-json/-/plugin-json-4.1.0.tgz",
+          "integrity": "sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw==",
+          "requires": {
+            "@rollup/pluginutils": "^3.0.8"
+          }
+        },
+        "@rollup/pluginutils": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz",
+          "integrity": "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg==",
+          "requires": {
+            "@types/estree": "0.0.39",
+            "estree-walker": "^1.0.1",
+            "picomatch": "^2.2.2"
+          }
+        },
+        "@types/estree": {
+          "version": "0.0.39",
+          "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-0.0.39.tgz",
+          "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
+        },
+        "estree-walker": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-1.0.1.tgz",
+          "integrity": "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
+        },
+        "rollup": {
+          "version": "2.79.1",
+          "resolved": "https://registry.npmmirror.com/rollup/-/rollup-2.79.1.tgz",
+          "integrity": "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw==",
+          "peer": true,
+          "requires": {
+            "fsevents": "~2.3.2"
+          }
+        }
+      }
+    },
     "w3c-xmlserializer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
diff --git a/package.json b/package.json
index 178162a..ffbf28f 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,7 @@
     "process": "^0.11.10",
     "rollup-plugin-polyfill-node": "^0.12.0",
     "stream-browserify": "^3.0.0",
-    "swiper": "8",
+    "swiper": "^10.3.0",
     "three": "^0.155.0",
     "util": "^0.12.5",
     "uuid": "^9.0.0",
@@ -43,6 +43,7 @@
     "vue-router": "^4.1.6",
     "vue3-autocounter": "^1.0.6",
     "vue3-clipboard": "^1.0.0",
+    "vue3-virtual-scroller": "^0.2.3",
     "web3": "^1.8.2",
     "youtube-player": "^5.6.0"
   },
diff --git a/src/api/User.js b/src/api/User.js
index 2b74019..1a513a7 100644
--- a/src/api/User.js
+++ b/src/api/User.js
@@ -1,92 +1,93 @@
-import request from '@/utils/request'
-import request2 from '@/utils/requestduplicate'
-
+import request from "@/utils/request";
+import request2 from "@/utils/requestduplicate";
+import request3 from "@/utils/request3";
+import request4 from "@/utils/request4";
 
 const GPAL_URL = import.meta.env.VUE_APP_GPAL_API;
 
-export const defaultUser =  {
-  id: '',
-  username: '',
-  showname: '',
-  comment: '',
+export const defaultUser = {
+  id: "",
+  username: "",
+  showname: "",
+  comment: "",
   locked: false,
-  password: '',
-  avatar: '',
-  account: ''
-}
+  password: "",
+  avatar: "",
+  account: "",
+};
 /**
  * @param data {account: string, token: string}
  */
 export const getUserInfo = (data) =>
   request({
-    url: '/webapp/index.php?c=BcUser&a=info',
-    method: 'get',
-    params: data
-  })
+    url: "/webapp/index.php?c=BcUser&a=info",
+    method: "get",
+    params: data,
+  });
 
 export const login = (data) =>
   request({
-    url: '/webapp/index.php?c=Market&a=auth',
-    method: 'get',
-    params: data
-  })
+    url: "/webapp/index.php?c=Market&a=auth",
+    method: "get",
+    params: data,
+  });
 
 export const logout = () =>
   request({
-    url: '/api/user/logout',
-    method: 'post'
-  })
+    url: "/api/user/logout",
+    method: "post",
+  });
 
-  export const beginclaim = (data) => {
-    return request2({
-      url: '/aa2/beginClaim',
-      method: 'post',
-      data
-    })
-  }
-
-  export  const Claim=(data)=>{
-    return  request2({
-      url: '/aa2/claim',
-      method: 'post',
-      data
-    })
-  }
-  export  const UserStatus=(data)=>{
-    return request2({
-      url: '/aa2/user_status',
-      method: 'post',
-      data
-    })
-  }
-  export  const getLeaderboard=(data)=>{
-    return request2({
-      url: '/aa2/leaderboard',
-      method: 'post',
-      data
-    })
-  }
-  export  const UserInfo=(data)=>{
-    return request2({
-      url: '/aa2/user_info',
-      method: 'post',
-      data
-    })
-  }
-  export  const totalClaimed=(data)=>{
-    return  request2({
-      url: '/aa2/totalClaimed',
-      method: 'post',
-      data
-    })
-  }
- export const getJoin=(data)=>{
+export const beginclaim = (data) => {
   return request2({
-    url: '/aa2/join',
-    method: 'post',
-    data
-  })
-}
+    url: "/aa2/beginClaim",
+    method: "post",
+    data,
+  });
+};
+
+export const Claim = (data) => {
+  return request2({
+    url: "/aa2/claim",
+    method: "post",
+    data,
+  });
+};
+export const UserStatus = (data) => {
+  return request2({
+    url: "/aa2/user_status",
+    method: "post",
+    data,
+  });
+};
+export const getLeaderboard = (data) => {
+  return request2({
+    url: "/aa2/leaderboard",
+    method: "post",
+    data,
+  });
+};
+export const UserInfo = (data) => {
+  return request2({
+    url: "/aa2/user_info",
+    method: "post",
+    data,
+  });
+};
+export const totalClaimed = (data) => {
+  return request2({
+    url: "/aa2/totalClaimed",
+    method: "post",
+    data,
+  });
+};
+export const getJoin = (data) => {
+  return request2({
+    url: "/aa2/join",
+    method: "post",
+    data,
+  });
+};
 //
 // export const changePass = (params: any) =>
 //   request({
@@ -96,16 +97,48 @@ export const logout = () =>
 //   })
 
 export const getOutAppPlanet = (params) =>
-
   request2({
-    url: '/webapp/index.php?c=OutAppPlanet&a=buy',
-    method: 'get',
-    params: params
-  })
+    url: "/webapp/index.php?c=OutAppPlanet&a=buy",
+    method: "get",
+    params: params,
+  });
 export const getNonce = (params) =>
-
   request({
-    url: '/webapp/index.php?c=Market&a=getNonce',
-    method: 'get',
-    params: params
-  })
+    url: "/webapp/index.php?c=Market&a=getNonce",
+    method: "get",
+    params: params,
+  });
+
+export const getlogin = (params) =>
+  request3({
+    url: "/webapp/index.php?c=Login&a=auth",
+    method: "get",
+    params: params,
+  });
+
+export const getNftListByType = (params) =>
+  request4({
+    url: "/webapp/index.php?c=Nft&a=getNftListByType",
+    method: "get",
+    params: params,
+  });
+export const getComputingPower = (params) =>
+  request4({
+    url: "/webapp/index.php?c=ComputingPower&a=info",
+    method: "get",
+    params: params,
+  });
+
+export const getStaking = (params) =>
+  request4({
+    url: "/webapp/index.php?c=Staking&a=info",
+    method: "get",
+    params: params,
+  });
+
+  export const getCecRewardHistory = (params) =>
+  request4({
+    url: "/webapp/index.php?c=Other&a=getCecRewardHistory",
+    method: "get",
+    params: params,
+  });
diff --git a/src/assets/img/stake/wallet-slices/badge/1.png b/src/assets/img/stake/wallet-slices/badge/1.png
new file mode 100644
index 0000000..e741126
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/badge/1.png differ
diff --git a/src/assets/img/stake/wallet-slices/badge/2.png b/src/assets/img/stake/wallet-slices/badge/2.png
new file mode 100644
index 0000000..5cc322b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/badge/2.png differ
diff --git a/src/assets/img/stake/wallet-slices/badge/3.png b/src/assets/img/stake/wallet-slices/badge/3.png
new file mode 100644
index 0000000..6dfbf14
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/badge/3.png differ
diff --git a/src/assets/img/stake/wallet-slices/gacha/240001.png b/src/assets/img/stake/wallet-slices/gacha/240001.png
new file mode 100644
index 0000000..fc4c711
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/gacha/240001.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Aoi.png b/src/assets/img/stake/wallet-slices/hero/web_img_Aoi.png
new file mode 100644
index 0000000..e38eb63
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Aoi.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Astral.png b/src/assets/img/stake/wallet-slices/hero/web_img_Astral.png
new file mode 100644
index 0000000..c841d1a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Astral.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Canoe.png b/src/assets/img/stake/wallet-slices/hero/web_img_Canoe.png
new file mode 100644
index 0000000..44ade75
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Canoe.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Dragonscale.png b/src/assets/img/stake/wallet-slices/hero/web_img_Dragonscale.png
new file mode 100644
index 0000000..c11f12a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Dragonscale.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Hill.png b/src/assets/img/stake/wallet-slices/hero/web_img_Hill.png
new file mode 100644
index 0000000..273e370
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Hill.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Kurosawa.png b/src/assets/img/stake/wallet-slices/hero/web_img_Kurosawa.png
new file mode 100644
index 0000000..d77ca69
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Kurosawa.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Lazar.png b/src/assets/img/stake/wallet-slices/hero/web_img_Lazar.png
new file mode 100644
index 0000000..4eaf686
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Lazar.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Mariana.png b/src/assets/img/stake/wallet-slices/hero/web_img_Mariana.png
new file mode 100644
index 0000000..a240917
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Mariana.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Miffy.png b/src/assets/img/stake/wallet-slices/hero/web_img_Miffy.png
new file mode 100644
index 0000000..94a3f95
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Miffy.png differ
diff --git a/src/assets/img/stake/wallet-slices/hero/web_img_Yamada.png b/src/assets/img/stake/wallet-slices/hero/web_img_Yamada.png
new file mode 100644
index 0000000..bc7cb4c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/hero/web_img_Yamada.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280001.png b/src/assets/img/stake/wallet-slices/planet/280001.png
new file mode 100644
index 0000000..12fc966
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280001.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280002.png b/src/assets/img/stake/wallet-slices/planet/280002.png
new file mode 100644
index 0000000..790b541
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280002.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280003.png b/src/assets/img/stake/wallet-slices/planet/280003.png
new file mode 100644
index 0000000..b76cd97
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280003.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280004.png b/src/assets/img/stake/wallet-slices/planet/280004.png
new file mode 100644
index 0000000..76a1a0e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280004.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280005.png b/src/assets/img/stake/wallet-slices/planet/280005.png
new file mode 100644
index 0000000..a5ba11c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280005.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280006.png b/src/assets/img/stake/wallet-slices/planet/280006.png
new file mode 100644
index 0000000..6ae5292
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280006.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280007.png b/src/assets/img/stake/wallet-slices/planet/280007.png
new file mode 100644
index 0000000..69a9cd0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280007.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280008.png b/src/assets/img/stake/wallet-slices/planet/280008.png
new file mode 100644
index 0000000..2476691
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280008.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280009.png b/src/assets/img/stake/wallet-slices/planet/280009.png
new file mode 100644
index 0000000..ae2b81c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280009.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280010.png b/src/assets/img/stake/wallet-slices/planet/280010.png
new file mode 100644
index 0000000..8a15315
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280010.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280011.png b/src/assets/img/stake/wallet-slices/planet/280011.png
new file mode 100644
index 0000000..373ee2d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280011.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280012.png b/src/assets/img/stake/wallet-slices/planet/280012.png
new file mode 100644
index 0000000..f972599
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280012.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280013.png b/src/assets/img/stake/wallet-slices/planet/280013.png
new file mode 100644
index 0000000..7f13885
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280013.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280014.png b/src/assets/img/stake/wallet-slices/planet/280014.png
new file mode 100644
index 0000000..4252493
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280014.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280015.png b/src/assets/img/stake/wallet-slices/planet/280015.png
new file mode 100644
index 0000000..832c0e7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280015.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280016.png b/src/assets/img/stake/wallet-slices/planet/280016.png
new file mode 100644
index 0000000..ebd6ef5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280016.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280017.png b/src/assets/img/stake/wallet-slices/planet/280017.png
new file mode 100644
index 0000000..d3f7cf1
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280017.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280018.png b/src/assets/img/stake/wallet-slices/planet/280018.png
new file mode 100644
index 0000000..4c35cf1
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280018.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280019.png b/src/assets/img/stake/wallet-slices/planet/280019.png
new file mode 100644
index 0000000..43ffe46
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280019.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280020.png b/src/assets/img/stake/wallet-slices/planet/280020.png
new file mode 100644
index 0000000..eb87cf3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280020.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280021.png b/src/assets/img/stake/wallet-slices/planet/280021.png
new file mode 100644
index 0000000..4d320fb
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280021.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280022.png b/src/assets/img/stake/wallet-slices/planet/280022.png
new file mode 100644
index 0000000..0a66a8f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280022.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280023.png b/src/assets/img/stake/wallet-slices/planet/280023.png
new file mode 100644
index 0000000..924bd22
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280023.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280024.png b/src/assets/img/stake/wallet-slices/planet/280024.png
new file mode 100644
index 0000000..5307ccc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280024.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280025.png b/src/assets/img/stake/wallet-slices/planet/280025.png
new file mode 100644
index 0000000..2270e53
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280025.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280026.png b/src/assets/img/stake/wallet-slices/planet/280026.png
new file mode 100644
index 0000000..b0bc53e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280026.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280027.png b/src/assets/img/stake/wallet-slices/planet/280027.png
new file mode 100644
index 0000000..7e322a1
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280027.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280028.png b/src/assets/img/stake/wallet-slices/planet/280028.png
new file mode 100644
index 0000000..57df89e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280028.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280029.png b/src/assets/img/stake/wallet-slices/planet/280029.png
new file mode 100644
index 0000000..17c4f8a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280029.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280030.png b/src/assets/img/stake/wallet-slices/planet/280030.png
new file mode 100644
index 0000000..4649a40
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280030.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280031.png b/src/assets/img/stake/wallet-slices/planet/280031.png
new file mode 100644
index 0000000..1868308
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280031.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280032.png b/src/assets/img/stake/wallet-slices/planet/280032.png
new file mode 100644
index 0000000..95c11b0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280032.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280033.png b/src/assets/img/stake/wallet-slices/planet/280033.png
new file mode 100644
index 0000000..806ec4f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280033.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280034.png b/src/assets/img/stake/wallet-slices/planet/280034.png
new file mode 100644
index 0000000..7b10dab
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280034.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280035.png b/src/assets/img/stake/wallet-slices/planet/280035.png
new file mode 100644
index 0000000..eb84e2e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280035.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280036.png b/src/assets/img/stake/wallet-slices/planet/280036.png
new file mode 100644
index 0000000..139756c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280036.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280037.png b/src/assets/img/stake/wallet-slices/planet/280037.png
new file mode 100644
index 0000000..64efb11
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280037.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280038.png b/src/assets/img/stake/wallet-slices/planet/280038.png
new file mode 100644
index 0000000..db4c5bc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280038.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280039.png b/src/assets/img/stake/wallet-slices/planet/280039.png
new file mode 100644
index 0000000..e419d40
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280039.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280040.png b/src/assets/img/stake/wallet-slices/planet/280040.png
new file mode 100644
index 0000000..f331e9f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280040.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280041.png b/src/assets/img/stake/wallet-slices/planet/280041.png
new file mode 100644
index 0000000..1a3d21e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280041.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280042.png b/src/assets/img/stake/wallet-slices/planet/280042.png
new file mode 100644
index 0000000..d66e5f0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280042.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280043.png b/src/assets/img/stake/wallet-slices/planet/280043.png
new file mode 100644
index 0000000..9303878
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280043.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280044.png b/src/assets/img/stake/wallet-slices/planet/280044.png
new file mode 100644
index 0000000..edb01a4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280044.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280045.png b/src/assets/img/stake/wallet-slices/planet/280045.png
new file mode 100644
index 0000000..d9a0c54
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280045.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280046.png b/src/assets/img/stake/wallet-slices/planet/280046.png
new file mode 100644
index 0000000..141d001
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280046.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280047.png b/src/assets/img/stake/wallet-slices/planet/280047.png
new file mode 100644
index 0000000..d7e12d5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280047.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280048.png b/src/assets/img/stake/wallet-slices/planet/280048.png
new file mode 100644
index 0000000..e0d3f86
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280048.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280049.png b/src/assets/img/stake/wallet-slices/planet/280049.png
new file mode 100644
index 0000000..6ee9c72
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280049.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280050.png b/src/assets/img/stake/wallet-slices/planet/280050.png
new file mode 100644
index 0000000..057c6b6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280050.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280051.png b/src/assets/img/stake/wallet-slices/planet/280051.png
new file mode 100644
index 0000000..1ee3acf
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280051.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280052.png b/src/assets/img/stake/wallet-slices/planet/280052.png
new file mode 100644
index 0000000..075601e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280052.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280053.png b/src/assets/img/stake/wallet-slices/planet/280053.png
new file mode 100644
index 0000000..6132bcd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280053.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280054.png b/src/assets/img/stake/wallet-slices/planet/280054.png
new file mode 100644
index 0000000..f85628f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280054.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280055.png b/src/assets/img/stake/wallet-slices/planet/280055.png
new file mode 100644
index 0000000..f836ab4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280055.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280056.png b/src/assets/img/stake/wallet-slices/planet/280056.png
new file mode 100644
index 0000000..47834df
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280056.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280057.png b/src/assets/img/stake/wallet-slices/planet/280057.png
new file mode 100644
index 0000000..df58277
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280057.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280058.png b/src/assets/img/stake/wallet-slices/planet/280058.png
new file mode 100644
index 0000000..3320862
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280058.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280059.png b/src/assets/img/stake/wallet-slices/planet/280059.png
new file mode 100644
index 0000000..822bdb8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280059.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280060.png b/src/assets/img/stake/wallet-slices/planet/280060.png
new file mode 100644
index 0000000..24d6dd3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280060.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280061.png b/src/assets/img/stake/wallet-slices/planet/280061.png
new file mode 100644
index 0000000..6c94fc5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280061.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280062.png b/src/assets/img/stake/wallet-slices/planet/280062.png
new file mode 100644
index 0000000..0bf68fa
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280062.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280063.png b/src/assets/img/stake/wallet-slices/planet/280063.png
new file mode 100644
index 0000000..a543f6b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280063.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280064.png b/src/assets/img/stake/wallet-slices/planet/280064.png
new file mode 100644
index 0000000..25fedbb
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280064.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280065.png b/src/assets/img/stake/wallet-slices/planet/280065.png
new file mode 100644
index 0000000..9ba2c0f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280065.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280066.png b/src/assets/img/stake/wallet-slices/planet/280066.png
new file mode 100644
index 0000000..4b33419
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280066.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280067.png b/src/assets/img/stake/wallet-slices/planet/280067.png
new file mode 100644
index 0000000..2a18574
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280067.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280068.png b/src/assets/img/stake/wallet-slices/planet/280068.png
new file mode 100644
index 0000000..066a14f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280068.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280069.png b/src/assets/img/stake/wallet-slices/planet/280069.png
new file mode 100644
index 0000000..d48380c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280069.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280070.png b/src/assets/img/stake/wallet-slices/planet/280070.png
new file mode 100644
index 0000000..2ab05e7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280070.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280071.png b/src/assets/img/stake/wallet-slices/planet/280071.png
new file mode 100644
index 0000000..d3c5a82
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280071.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280072.png b/src/assets/img/stake/wallet-slices/planet/280072.png
new file mode 100644
index 0000000..37b08b9
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280072.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280073.png b/src/assets/img/stake/wallet-slices/planet/280073.png
new file mode 100644
index 0000000..ef332a4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280073.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280074.png b/src/assets/img/stake/wallet-slices/planet/280074.png
new file mode 100644
index 0000000..0c3de41
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280074.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280075.png b/src/assets/img/stake/wallet-slices/planet/280075.png
new file mode 100644
index 0000000..b68e80c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280075.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280076.png b/src/assets/img/stake/wallet-slices/planet/280076.png
new file mode 100644
index 0000000..9ca6782
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280076.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280077.png b/src/assets/img/stake/wallet-slices/planet/280077.png
new file mode 100644
index 0000000..12303c0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280077.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280078.png b/src/assets/img/stake/wallet-slices/planet/280078.png
new file mode 100644
index 0000000..75bbff7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280078.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280079.png b/src/assets/img/stake/wallet-slices/planet/280079.png
new file mode 100644
index 0000000..aed2c1d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280079.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280080.png b/src/assets/img/stake/wallet-slices/planet/280080.png
new file mode 100644
index 0000000..4400ce3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280080.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280081.png b/src/assets/img/stake/wallet-slices/planet/280081.png
new file mode 100644
index 0000000..f28b03d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280081.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280082.png b/src/assets/img/stake/wallet-slices/planet/280082.png
new file mode 100644
index 0000000..ca2cd90
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280082.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280083.png b/src/assets/img/stake/wallet-slices/planet/280083.png
new file mode 100644
index 0000000..5457139
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280083.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280084.png b/src/assets/img/stake/wallet-slices/planet/280084.png
new file mode 100644
index 0000000..3d5e76c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280084.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280085.png b/src/assets/img/stake/wallet-slices/planet/280085.png
new file mode 100644
index 0000000..c8c77c6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280085.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280086.png b/src/assets/img/stake/wallet-slices/planet/280086.png
new file mode 100644
index 0000000..c6e0492
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280086.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280087.png b/src/assets/img/stake/wallet-slices/planet/280087.png
new file mode 100644
index 0000000..91af561
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280087.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280088.png b/src/assets/img/stake/wallet-slices/planet/280088.png
new file mode 100644
index 0000000..4b300db
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280088.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280089.png b/src/assets/img/stake/wallet-slices/planet/280089.png
new file mode 100644
index 0000000..34912a2
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280089.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280090.png b/src/assets/img/stake/wallet-slices/planet/280090.png
new file mode 100644
index 0000000..366426a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280090.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280091.png b/src/assets/img/stake/wallet-slices/planet/280091.png
new file mode 100644
index 0000000..ad10354
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280091.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280092.png b/src/assets/img/stake/wallet-slices/planet/280092.png
new file mode 100644
index 0000000..8e931c8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280092.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280093.png b/src/assets/img/stake/wallet-slices/planet/280093.png
new file mode 100644
index 0000000..ec8424e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280093.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280094.png b/src/assets/img/stake/wallet-slices/planet/280094.png
new file mode 100644
index 0000000..c3a6661
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280094.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280095.png b/src/assets/img/stake/wallet-slices/planet/280095.png
new file mode 100644
index 0000000..ab55545
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280095.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280096.png b/src/assets/img/stake/wallet-slices/planet/280096.png
new file mode 100644
index 0000000..e1628b4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280096.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280097.png b/src/assets/img/stake/wallet-slices/planet/280097.png
new file mode 100644
index 0000000..f81f192
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280097.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280098.png b/src/assets/img/stake/wallet-slices/planet/280098.png
new file mode 100644
index 0000000..821c36a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280098.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280099.png b/src/assets/img/stake/wallet-slices/planet/280099.png
new file mode 100644
index 0000000..6ddcd11
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280099.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280100.png b/src/assets/img/stake/wallet-slices/planet/280100.png
new file mode 100644
index 0000000..d400082
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280100.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280101.png b/src/assets/img/stake/wallet-slices/planet/280101.png
new file mode 100644
index 0000000..696412d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280101.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280102.png b/src/assets/img/stake/wallet-slices/planet/280102.png
new file mode 100644
index 0000000..29db8b9
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280102.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280103.png b/src/assets/img/stake/wallet-slices/planet/280103.png
new file mode 100644
index 0000000..28de0c7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280103.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280104.png b/src/assets/img/stake/wallet-slices/planet/280104.png
new file mode 100644
index 0000000..d5420b6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280104.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280105.png b/src/assets/img/stake/wallet-slices/planet/280105.png
new file mode 100644
index 0000000..1084d77
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280105.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280106.png b/src/assets/img/stake/wallet-slices/planet/280106.png
new file mode 100644
index 0000000..78def15
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280106.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280107.png b/src/assets/img/stake/wallet-slices/planet/280107.png
new file mode 100644
index 0000000..26f1067
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280107.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280108.png b/src/assets/img/stake/wallet-slices/planet/280108.png
new file mode 100644
index 0000000..0a652f3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280108.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280109.png b/src/assets/img/stake/wallet-slices/planet/280109.png
new file mode 100644
index 0000000..42d245f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280109.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280110.png b/src/assets/img/stake/wallet-slices/planet/280110.png
new file mode 100644
index 0000000..2801e1b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280110.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280111.png b/src/assets/img/stake/wallet-slices/planet/280111.png
new file mode 100644
index 0000000..a374f6c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280111.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280112.png b/src/assets/img/stake/wallet-slices/planet/280112.png
new file mode 100644
index 0000000..77d1137
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280112.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280113.png b/src/assets/img/stake/wallet-slices/planet/280113.png
new file mode 100644
index 0000000..a7ae243
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280113.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280114.png b/src/assets/img/stake/wallet-slices/planet/280114.png
new file mode 100644
index 0000000..c49fc7e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280114.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280115.png b/src/assets/img/stake/wallet-slices/planet/280115.png
new file mode 100644
index 0000000..66655eb
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280115.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280116.png b/src/assets/img/stake/wallet-slices/planet/280116.png
new file mode 100644
index 0000000..b37a28d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280116.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280117.png b/src/assets/img/stake/wallet-slices/planet/280117.png
new file mode 100644
index 0000000..8a7dbc2
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280117.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280118.png b/src/assets/img/stake/wallet-slices/planet/280118.png
new file mode 100644
index 0000000..ab8a5e6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280118.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280119.png b/src/assets/img/stake/wallet-slices/planet/280119.png
new file mode 100644
index 0000000..d1ed6f1
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280119.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280120.png b/src/assets/img/stake/wallet-slices/planet/280120.png
new file mode 100644
index 0000000..6ff5788
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280120.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280121.png b/src/assets/img/stake/wallet-slices/planet/280121.png
new file mode 100644
index 0000000..5afaa5b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280121.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280122.png b/src/assets/img/stake/wallet-slices/planet/280122.png
new file mode 100644
index 0000000..feaf82b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280122.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280123.png b/src/assets/img/stake/wallet-slices/planet/280123.png
new file mode 100644
index 0000000..4d1f5af
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280123.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280124.png b/src/assets/img/stake/wallet-slices/planet/280124.png
new file mode 100644
index 0000000..e4edf68
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280124.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280125.png b/src/assets/img/stake/wallet-slices/planet/280125.png
new file mode 100644
index 0000000..d7cfcc2
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280125.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280126.png b/src/assets/img/stake/wallet-slices/planet/280126.png
new file mode 100644
index 0000000..dcee6a5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280126.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280127.png b/src/assets/img/stake/wallet-slices/planet/280127.png
new file mode 100644
index 0000000..39f0a7c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280127.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280128.png b/src/assets/img/stake/wallet-slices/planet/280128.png
new file mode 100644
index 0000000..1f2f0cc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280128.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280129.png b/src/assets/img/stake/wallet-slices/planet/280129.png
new file mode 100644
index 0000000..e67147a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280129.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280130.png b/src/assets/img/stake/wallet-slices/planet/280130.png
new file mode 100644
index 0000000..5e25179
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280130.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280131.png b/src/assets/img/stake/wallet-slices/planet/280131.png
new file mode 100644
index 0000000..db35834
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280131.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280132.png b/src/assets/img/stake/wallet-slices/planet/280132.png
new file mode 100644
index 0000000..3574631
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280132.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280133.png b/src/assets/img/stake/wallet-slices/planet/280133.png
new file mode 100644
index 0000000..aa6bcb9
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280133.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280134.png b/src/assets/img/stake/wallet-slices/planet/280134.png
new file mode 100644
index 0000000..9fd8280
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280134.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280135.png b/src/assets/img/stake/wallet-slices/planet/280135.png
new file mode 100644
index 0000000..b2bf82a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280135.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280136.png b/src/assets/img/stake/wallet-slices/planet/280136.png
new file mode 100644
index 0000000..316eb9c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280136.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280137.png b/src/assets/img/stake/wallet-slices/planet/280137.png
new file mode 100644
index 0000000..97fe69c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280137.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280138.png b/src/assets/img/stake/wallet-slices/planet/280138.png
new file mode 100644
index 0000000..abccd9b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280138.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280139.png b/src/assets/img/stake/wallet-slices/planet/280139.png
new file mode 100644
index 0000000..d40df69
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280139.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280140.png b/src/assets/img/stake/wallet-slices/planet/280140.png
new file mode 100644
index 0000000..dd66539
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280140.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280141.png b/src/assets/img/stake/wallet-slices/planet/280141.png
new file mode 100644
index 0000000..10f5443
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280141.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280142.png b/src/assets/img/stake/wallet-slices/planet/280142.png
new file mode 100644
index 0000000..d2911f4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280142.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280143.png b/src/assets/img/stake/wallet-slices/planet/280143.png
new file mode 100644
index 0000000..c623a5e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280143.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280144.png b/src/assets/img/stake/wallet-slices/planet/280144.png
new file mode 100644
index 0000000..a35736d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280144.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280145.png b/src/assets/img/stake/wallet-slices/planet/280145.png
new file mode 100644
index 0000000..52d8011
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280145.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280146.png b/src/assets/img/stake/wallet-slices/planet/280146.png
new file mode 100644
index 0000000..3ef9024
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280146.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280147.png b/src/assets/img/stake/wallet-slices/planet/280147.png
new file mode 100644
index 0000000..2a593ad
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280147.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280148.png b/src/assets/img/stake/wallet-slices/planet/280148.png
new file mode 100644
index 0000000..ff09b37
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280148.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280149.png b/src/assets/img/stake/wallet-slices/planet/280149.png
new file mode 100644
index 0000000..cd1cbe4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280149.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280150.png b/src/assets/img/stake/wallet-slices/planet/280150.png
new file mode 100644
index 0000000..bb17a54
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280150.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280151.png b/src/assets/img/stake/wallet-slices/planet/280151.png
new file mode 100644
index 0000000..37683cc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280151.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280152.png b/src/assets/img/stake/wallet-slices/planet/280152.png
new file mode 100644
index 0000000..91e4d6a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280152.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280153.png b/src/assets/img/stake/wallet-slices/planet/280153.png
new file mode 100644
index 0000000..6e6d1c0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280153.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280154.png b/src/assets/img/stake/wallet-slices/planet/280154.png
new file mode 100644
index 0000000..0bcfe1a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280154.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280155.png b/src/assets/img/stake/wallet-slices/planet/280155.png
new file mode 100644
index 0000000..540fa7e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280155.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280156.png b/src/assets/img/stake/wallet-slices/planet/280156.png
new file mode 100644
index 0000000..86588bb
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280156.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280157.png b/src/assets/img/stake/wallet-slices/planet/280157.png
new file mode 100644
index 0000000..bf3608f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280157.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280158.png b/src/assets/img/stake/wallet-slices/planet/280158.png
new file mode 100644
index 0000000..b5bae13
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280158.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280159.png b/src/assets/img/stake/wallet-slices/planet/280159.png
new file mode 100644
index 0000000..3685ce7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280159.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280160.png b/src/assets/img/stake/wallet-slices/planet/280160.png
new file mode 100644
index 0000000..ba6ed48
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280160.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280161.png b/src/assets/img/stake/wallet-slices/planet/280161.png
new file mode 100644
index 0000000..05ba95c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280161.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280162.png b/src/assets/img/stake/wallet-slices/planet/280162.png
new file mode 100644
index 0000000..0be12ee
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280162.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280163.png b/src/assets/img/stake/wallet-slices/planet/280163.png
new file mode 100644
index 0000000..a2622a5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280163.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280164.png b/src/assets/img/stake/wallet-slices/planet/280164.png
new file mode 100644
index 0000000..5ee9f1b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280164.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280165.png b/src/assets/img/stake/wallet-slices/planet/280165.png
new file mode 100644
index 0000000..5d4e4dc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280165.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280166.png b/src/assets/img/stake/wallet-slices/planet/280166.png
new file mode 100644
index 0000000..08e66b3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280166.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280167.png b/src/assets/img/stake/wallet-slices/planet/280167.png
new file mode 100644
index 0000000..a6a131f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280167.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280168.png b/src/assets/img/stake/wallet-slices/planet/280168.png
new file mode 100644
index 0000000..a987b08
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280168.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280169.png b/src/assets/img/stake/wallet-slices/planet/280169.png
new file mode 100644
index 0000000..a7bb639
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280169.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280170.png b/src/assets/img/stake/wallet-slices/planet/280170.png
new file mode 100644
index 0000000..d46f4e5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280170.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280171.png b/src/assets/img/stake/wallet-slices/planet/280171.png
new file mode 100644
index 0000000..68a6228
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280171.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280172.png b/src/assets/img/stake/wallet-slices/planet/280172.png
new file mode 100644
index 0000000..594074f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280172.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280173.png b/src/assets/img/stake/wallet-slices/planet/280173.png
new file mode 100644
index 0000000..344dbb5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280173.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280174.png b/src/assets/img/stake/wallet-slices/planet/280174.png
new file mode 100644
index 0000000..dbf3b0d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280174.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280175.png b/src/assets/img/stake/wallet-slices/planet/280175.png
new file mode 100644
index 0000000..9ccacc7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280175.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280176.png b/src/assets/img/stake/wallet-slices/planet/280176.png
new file mode 100644
index 0000000..d708cae
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280176.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280177.png b/src/assets/img/stake/wallet-slices/planet/280177.png
new file mode 100644
index 0000000..b30e403
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280177.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280178.png b/src/assets/img/stake/wallet-slices/planet/280178.png
new file mode 100644
index 0000000..617b59b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280178.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280179.png b/src/assets/img/stake/wallet-slices/planet/280179.png
new file mode 100644
index 0000000..9052d8e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280179.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280180.png b/src/assets/img/stake/wallet-slices/planet/280180.png
new file mode 100644
index 0000000..a219f36
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280180.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280181.png b/src/assets/img/stake/wallet-slices/planet/280181.png
new file mode 100644
index 0000000..e63b6a9
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280181.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280182.png b/src/assets/img/stake/wallet-slices/planet/280182.png
new file mode 100644
index 0000000..a148237
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280182.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280183.png b/src/assets/img/stake/wallet-slices/planet/280183.png
new file mode 100644
index 0000000..843e98d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280183.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280184.png b/src/assets/img/stake/wallet-slices/planet/280184.png
new file mode 100644
index 0000000..772b4f4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280184.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280185.png b/src/assets/img/stake/wallet-slices/planet/280185.png
new file mode 100644
index 0000000..99dabcd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280185.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280186.png b/src/assets/img/stake/wallet-slices/planet/280186.png
new file mode 100644
index 0000000..da2c99a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280186.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280187.png b/src/assets/img/stake/wallet-slices/planet/280187.png
new file mode 100644
index 0000000..69de7a0
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280187.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280188.png b/src/assets/img/stake/wallet-slices/planet/280188.png
new file mode 100644
index 0000000..e31acea
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280188.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280189.png b/src/assets/img/stake/wallet-slices/planet/280189.png
new file mode 100644
index 0000000..74da3e7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280189.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280190.png b/src/assets/img/stake/wallet-slices/planet/280190.png
new file mode 100644
index 0000000..bf990b8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280190.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280191.png b/src/assets/img/stake/wallet-slices/planet/280191.png
new file mode 100644
index 0000000..20cb59b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280191.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280192.png b/src/assets/img/stake/wallet-slices/planet/280192.png
new file mode 100644
index 0000000..dbd00f6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280192.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280193.png b/src/assets/img/stake/wallet-slices/planet/280193.png
new file mode 100644
index 0000000..464ae1d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280193.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280194.png b/src/assets/img/stake/wallet-slices/planet/280194.png
new file mode 100644
index 0000000..0abbbcd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280194.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280195.png b/src/assets/img/stake/wallet-slices/planet/280195.png
new file mode 100644
index 0000000..a4e1af4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280195.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280196.png b/src/assets/img/stake/wallet-slices/planet/280196.png
new file mode 100644
index 0000000..07c23dd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280196.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280197.png b/src/assets/img/stake/wallet-slices/planet/280197.png
new file mode 100644
index 0000000..b7420fc
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280197.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280198.png b/src/assets/img/stake/wallet-slices/planet/280198.png
new file mode 100644
index 0000000..37b7285
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280198.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280199.png b/src/assets/img/stake/wallet-slices/planet/280199.png
new file mode 100644
index 0000000..18cbb36
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280199.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280200.png b/src/assets/img/stake/wallet-slices/planet/280200.png
new file mode 100644
index 0000000..4d8ad99
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280200.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280201.png b/src/assets/img/stake/wallet-slices/planet/280201.png
new file mode 100644
index 0000000..6c967eb
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280201.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280202.png b/src/assets/img/stake/wallet-slices/planet/280202.png
new file mode 100644
index 0000000..d260fcd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280202.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280203.png b/src/assets/img/stake/wallet-slices/planet/280203.png
new file mode 100644
index 0000000..d294d72
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280203.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280204.png b/src/assets/img/stake/wallet-slices/planet/280204.png
new file mode 100644
index 0000000..f9ae08e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280204.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280205.png b/src/assets/img/stake/wallet-slices/planet/280205.png
new file mode 100644
index 0000000..f652a19
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280205.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280206.png b/src/assets/img/stake/wallet-slices/planet/280206.png
new file mode 100644
index 0000000..985c83c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280206.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280207.png b/src/assets/img/stake/wallet-slices/planet/280207.png
new file mode 100644
index 0000000..eb89a04
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280207.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280208.png b/src/assets/img/stake/wallet-slices/planet/280208.png
new file mode 100644
index 0000000..fc48e20
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280208.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280209.png b/src/assets/img/stake/wallet-slices/planet/280209.png
new file mode 100644
index 0000000..481fc7e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280209.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280210.png b/src/assets/img/stake/wallet-slices/planet/280210.png
new file mode 100644
index 0000000..1e43101
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280210.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280211.png b/src/assets/img/stake/wallet-slices/planet/280211.png
new file mode 100644
index 0000000..b067426
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280211.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280212.png b/src/assets/img/stake/wallet-slices/planet/280212.png
new file mode 100644
index 0000000..986f962
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280212.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280213.png b/src/assets/img/stake/wallet-slices/planet/280213.png
new file mode 100644
index 0000000..74a1bde
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280213.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280214.png b/src/assets/img/stake/wallet-slices/planet/280214.png
new file mode 100644
index 0000000..04ff15e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280214.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280215.png b/src/assets/img/stake/wallet-slices/planet/280215.png
new file mode 100644
index 0000000..03edd8f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280215.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280216.png b/src/assets/img/stake/wallet-slices/planet/280216.png
new file mode 100644
index 0000000..240865a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280216.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280217.png b/src/assets/img/stake/wallet-slices/planet/280217.png
new file mode 100644
index 0000000..34f144f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280217.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280218.png b/src/assets/img/stake/wallet-slices/planet/280218.png
new file mode 100644
index 0000000..f6a9e6e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280218.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280219.png b/src/assets/img/stake/wallet-slices/planet/280219.png
new file mode 100644
index 0000000..f340e34
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280219.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280220.png b/src/assets/img/stake/wallet-slices/planet/280220.png
new file mode 100644
index 0000000..b81ae9f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280220.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280221.png b/src/assets/img/stake/wallet-slices/planet/280221.png
new file mode 100644
index 0000000..1abf9db
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280221.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280222.png b/src/assets/img/stake/wallet-slices/planet/280222.png
new file mode 100644
index 0000000..e673648
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280222.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280223.png b/src/assets/img/stake/wallet-slices/planet/280223.png
new file mode 100644
index 0000000..7d3f2c2
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280223.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280224.png b/src/assets/img/stake/wallet-slices/planet/280224.png
new file mode 100644
index 0000000..6b680c3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280224.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280225.png b/src/assets/img/stake/wallet-slices/planet/280225.png
new file mode 100644
index 0000000..5a920f7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280225.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280226.png b/src/assets/img/stake/wallet-slices/planet/280226.png
new file mode 100644
index 0000000..d939025
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280226.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280227.png b/src/assets/img/stake/wallet-slices/planet/280227.png
new file mode 100644
index 0000000..00f4597
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280227.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280228.png b/src/assets/img/stake/wallet-slices/planet/280228.png
new file mode 100644
index 0000000..761123a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280228.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280229.png b/src/assets/img/stake/wallet-slices/planet/280229.png
new file mode 100644
index 0000000..2a6ace3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280229.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280230.png b/src/assets/img/stake/wallet-slices/planet/280230.png
new file mode 100644
index 0000000..e025244
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280230.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280231.png b/src/assets/img/stake/wallet-slices/planet/280231.png
new file mode 100644
index 0000000..a6eb0ae
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280231.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280232.png b/src/assets/img/stake/wallet-slices/planet/280232.png
new file mode 100644
index 0000000..8958757
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280232.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280233.png b/src/assets/img/stake/wallet-slices/planet/280233.png
new file mode 100644
index 0000000..4af1b7f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280233.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280234.png b/src/assets/img/stake/wallet-slices/planet/280234.png
new file mode 100644
index 0000000..6749e6f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280234.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280235.png b/src/assets/img/stake/wallet-slices/planet/280235.png
new file mode 100644
index 0000000..03b92f3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280235.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280236.png b/src/assets/img/stake/wallet-slices/planet/280236.png
new file mode 100644
index 0000000..756ef75
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280236.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280237.png b/src/assets/img/stake/wallet-slices/planet/280237.png
new file mode 100644
index 0000000..bb81be4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280237.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280238.png b/src/assets/img/stake/wallet-slices/planet/280238.png
new file mode 100644
index 0000000..0af4929
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280238.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280239.png b/src/assets/img/stake/wallet-slices/planet/280239.png
new file mode 100644
index 0000000..baf1299
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280239.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280240.png b/src/assets/img/stake/wallet-slices/planet/280240.png
new file mode 100644
index 0000000..ac8a7b5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280240.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280241.png b/src/assets/img/stake/wallet-slices/planet/280241.png
new file mode 100644
index 0000000..1d50bca
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280241.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280242.png b/src/assets/img/stake/wallet-slices/planet/280242.png
new file mode 100644
index 0000000..d951132
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280242.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280243.png b/src/assets/img/stake/wallet-slices/planet/280243.png
new file mode 100644
index 0000000..c95a1a8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280243.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280244.png b/src/assets/img/stake/wallet-slices/planet/280244.png
new file mode 100644
index 0000000..c4d0c92
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280244.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280245.png b/src/assets/img/stake/wallet-slices/planet/280245.png
new file mode 100644
index 0000000..af2da4c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280245.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280246.png b/src/assets/img/stake/wallet-slices/planet/280246.png
new file mode 100644
index 0000000..812603f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280246.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280247.png b/src/assets/img/stake/wallet-slices/planet/280247.png
new file mode 100644
index 0000000..5d71fdd
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280247.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280248.png b/src/assets/img/stake/wallet-slices/planet/280248.png
new file mode 100644
index 0000000..558d977
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280248.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280249.png b/src/assets/img/stake/wallet-slices/planet/280249.png
new file mode 100644
index 0000000..98815ce
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280249.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280250.png b/src/assets/img/stake/wallet-slices/planet/280250.png
new file mode 100644
index 0000000..7be28ef
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280250.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280251.png b/src/assets/img/stake/wallet-slices/planet/280251.png
new file mode 100644
index 0000000..31b526e
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280251.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280252.png b/src/assets/img/stake/wallet-slices/planet/280252.png
new file mode 100644
index 0000000..4812ae4
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280252.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280253.png b/src/assets/img/stake/wallet-slices/planet/280253.png
new file mode 100644
index 0000000..49bcb67
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280253.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280254.png b/src/assets/img/stake/wallet-slices/planet/280254.png
new file mode 100644
index 0000000..5320ae1
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280254.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280255.png b/src/assets/img/stake/wallet-slices/planet/280255.png
new file mode 100644
index 0000000..002db87
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280255.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280256.png b/src/assets/img/stake/wallet-slices/planet/280256.png
new file mode 100644
index 0000000..2a054de
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280256.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280257.png b/src/assets/img/stake/wallet-slices/planet/280257.png
new file mode 100644
index 0000000..dba2cd8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280257.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280258.png b/src/assets/img/stake/wallet-slices/planet/280258.png
new file mode 100644
index 0000000..5e30474
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280258.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280259.png b/src/assets/img/stake/wallet-slices/planet/280259.png
new file mode 100644
index 0000000..2ecfc63
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280259.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280260.png b/src/assets/img/stake/wallet-slices/planet/280260.png
new file mode 100644
index 0000000..9794559
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280260.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280261.png b/src/assets/img/stake/wallet-slices/planet/280261.png
new file mode 100644
index 0000000..769fca8
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280261.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280262.png b/src/assets/img/stake/wallet-slices/planet/280262.png
new file mode 100644
index 0000000..9afcf22
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280262.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280263.png b/src/assets/img/stake/wallet-slices/planet/280263.png
new file mode 100644
index 0000000..dcfbf55
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280263.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280264.png b/src/assets/img/stake/wallet-slices/planet/280264.png
new file mode 100644
index 0000000..3a65524
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280264.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280265.png b/src/assets/img/stake/wallet-slices/planet/280265.png
new file mode 100644
index 0000000..c9b6549
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280265.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280266.png b/src/assets/img/stake/wallet-slices/planet/280266.png
new file mode 100644
index 0000000..764c516
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280266.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280267.png b/src/assets/img/stake/wallet-slices/planet/280267.png
new file mode 100644
index 0000000..906fb2f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280267.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280268.png b/src/assets/img/stake/wallet-slices/planet/280268.png
new file mode 100644
index 0000000..d14108d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280268.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280269.png b/src/assets/img/stake/wallet-slices/planet/280269.png
new file mode 100644
index 0000000..c469f27
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280269.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280270.png b/src/assets/img/stake/wallet-slices/planet/280270.png
new file mode 100644
index 0000000..229857f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280270.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280271.png b/src/assets/img/stake/wallet-slices/planet/280271.png
new file mode 100644
index 0000000..79761ca
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280271.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280272.png b/src/assets/img/stake/wallet-slices/planet/280272.png
new file mode 100644
index 0000000..3e46f12
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280272.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280273.png b/src/assets/img/stake/wallet-slices/planet/280273.png
new file mode 100644
index 0000000..65cb606
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280273.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280274.png b/src/assets/img/stake/wallet-slices/planet/280274.png
new file mode 100644
index 0000000..8514ca2
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280274.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280275.png b/src/assets/img/stake/wallet-slices/planet/280275.png
new file mode 100644
index 0000000..48b7470
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280275.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280276.png b/src/assets/img/stake/wallet-slices/planet/280276.png
new file mode 100644
index 0000000..6d143ff
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280276.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280277.png b/src/assets/img/stake/wallet-slices/planet/280277.png
new file mode 100644
index 0000000..b69a545
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280277.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280278.png b/src/assets/img/stake/wallet-slices/planet/280278.png
new file mode 100644
index 0000000..a0c70e6
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280278.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280279.png b/src/assets/img/stake/wallet-slices/planet/280279.png
new file mode 100644
index 0000000..1f8dc5c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280279.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280280.png b/src/assets/img/stake/wallet-slices/planet/280280.png
new file mode 100644
index 0000000..d1a369f
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280280.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280281.png b/src/assets/img/stake/wallet-slices/planet/280281.png
new file mode 100644
index 0000000..ce0d8c7
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280281.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280282.png b/src/assets/img/stake/wallet-slices/planet/280282.png
new file mode 100644
index 0000000..6beea58
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280282.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280283.png b/src/assets/img/stake/wallet-slices/planet/280283.png
new file mode 100644
index 0000000..255b450
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280283.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280284.png b/src/assets/img/stake/wallet-slices/planet/280284.png
new file mode 100644
index 0000000..103075a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280284.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280285.png b/src/assets/img/stake/wallet-slices/planet/280285.png
new file mode 100644
index 0000000..e0dc695
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280285.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280286.png b/src/assets/img/stake/wallet-slices/planet/280286.png
new file mode 100644
index 0000000..3533549
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280286.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280287.png b/src/assets/img/stake/wallet-slices/planet/280287.png
new file mode 100644
index 0000000..952f23a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280287.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280288.png b/src/assets/img/stake/wallet-slices/planet/280288.png
new file mode 100644
index 0000000..4321b89
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280288.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280289.png b/src/assets/img/stake/wallet-slices/planet/280289.png
new file mode 100644
index 0000000..2909a68
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280289.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280290.png b/src/assets/img/stake/wallet-slices/planet/280290.png
new file mode 100644
index 0000000..36281f3
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280290.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280291.png b/src/assets/img/stake/wallet-slices/planet/280291.png
new file mode 100644
index 0000000..3fd492c
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280291.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280292.png b/src/assets/img/stake/wallet-slices/planet/280292.png
new file mode 100644
index 0000000..3a86a7b
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280292.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280293.png b/src/assets/img/stake/wallet-slices/planet/280293.png
new file mode 100644
index 0000000..8861498
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280293.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280294.png b/src/assets/img/stake/wallet-slices/planet/280294.png
new file mode 100644
index 0000000..3404103
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280294.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280295.png b/src/assets/img/stake/wallet-slices/planet/280295.png
new file mode 100644
index 0000000..db999f5
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280295.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280296.png b/src/assets/img/stake/wallet-slices/planet/280296.png
new file mode 100644
index 0000000..97ba145
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280296.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280297.png b/src/assets/img/stake/wallet-slices/planet/280297.png
new file mode 100644
index 0000000..223c503
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280297.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280298.png b/src/assets/img/stake/wallet-slices/planet/280298.png
new file mode 100644
index 0000000..5c17839
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280298.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280299.png b/src/assets/img/stake/wallet-slices/planet/280299.png
new file mode 100644
index 0000000..028a04d
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280299.png differ
diff --git a/src/assets/img/stake/wallet-slices/planet/280300.png b/src/assets/img/stake/wallet-slices/planet/280300.png
new file mode 100644
index 0000000..28ec13a
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/planet/280300.png differ
diff --git a/src/assets/img/stake/wallet-slices/ referralLink_icon.png b/src/assets/img/stake/wallet-slices/referralLink_icon.png
similarity index 100%
rename from src/assets/img/stake/wallet-slices/ referralLink_icon.png
rename to src/assets/img/stake/wallet-slices/referralLink_icon.png
diff --git a/src/assets/img/stake/wallet-slices/星球第一批128x128.rar b/src/assets/img/stake/wallet-slices/星球第一批128x128.rar
new file mode 100644
index 0000000..8223d10
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/星球第一批128x128.rar differ
diff --git a/src/assets/img/stake/wallet-slices/角色切图.rar b/src/assets/img/stake/wallet-slices/角色切图.rar
new file mode 100644
index 0000000..da12182
Binary files /dev/null and b/src/assets/img/stake/wallet-slices/角色切图.rar differ
diff --git a/src/components/global/CreateWalletModal.vue b/src/components/global/CreateWalletModal.vue
new file mode 100644
index 0000000..3da721d
--- /dev/null
+++ b/src/components/global/CreateWalletModal.vue
@@ -0,0 +1,647 @@
+<template>
+  <a-modal
+    wrapClassName="web"
+    :visible="visible"
+    :footer="null"
+    width="797px"
+    :closable="false"
+    :centered="true"
+    @cancel="onCancel"
+  >
+    <div class="flex modal-content">
+      <div class="content-title">
+        <div class="create-wallet">
+          <div class="wallet-icon">
+            <img
+              src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
+              alt=""
+            />
+          </div>
+          <div>Create Wallet</div>
+        </div>
+        <div class="cancel" @click="onCancel">
+          <div class="close-img">
+            <img
+              src="../../assets/img/planet/close_btn.png"
+              alt="/hero.png"
+              class=""
+            />
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <div class="procedures">
+          <div class="procedures-number">
+            <div
+              :class="procedures == 1 ? 'number-item-active' : 'number-item'"
+              @click="selectTab(1)"
+            >
+              1
+            </div>
+            <div class="stepLine"></div>
+            <div
+              :class="procedures == 2 ? 'number-item-active' : 'number-item'"
+              @click="selectTab(2)"
+            >
+              2
+            </div>
+            <div
+              :class="procedures == 3 ? 'number-item-active' : 'number-item'"
+              @click="selectTab(3)"
+            >
+              3
+            </div>
+          </div>
+          <div class="procedures-title">
+            <div :class="procedures == 1 ? 'title-item-active' : 'title-item'">
+              Establish <br />
+              password
+            </div>
+            <div :class="procedures == 2 ? 'title-item-active' : 'title-item'">
+              Verify<br />
+              password
+            </div>
+            <div :class="procedures == 3 ? 'title-item-active' : 'title-item'">
+              creation <br />Complete
+            </div>
+          </div>
+          <div class="procedures-from">
+            <div class="establish" v-show="procedures == 1">
+              <div class="establish-title">Establish Password</div>
+              <div class="establish-text">
+                Once this password is created, it cannot be altered. Please
+                ensure its safekeeping.
+              </div>
+
+              <a-form
+                :model="formState1"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 16 }"
+                autocomplete="off"
+                @finish="onFinish"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="Enter Password"
+                  name="enterPassword"
+                  :rules="[
+                    {
+                      required: true,
+                      message: 'Password is required.',
+                    },
+                    {
+                      min: 8,
+                      message: 'It must comprise a minimum of 8 characters.',
+                    },
+                  ]"
+                >
+                  <a-input-password
+                    v-model:value="formState1.enterPassword"
+                    class="custom-input"
+                  />
+                </a-form-item>
+
+                <a-form-item
+                  label="Reenter password"
+                  name="reenterPassword"
+                  :rules="[
+                    {
+                      required: true,
+                      message: 'Password is required.',
+                    },
+                    {
+                      min: 8,
+                      message: 'It must comprise a minimum of 8 characters.',
+                    },
+                    {
+                      validator: validatePassword,
+                      message: 'Passwords do not match.',
+                    },
+                  ]"
+                >
+                  <a-input-password
+                    v-model:value="formState1.reenterPassword"
+                    class="custom-input"
+                  />
+                </a-form-item>
+
+                <a-form-item :wrapper-col="{ offset: 7, span: 12 }">
+                  <a-button
+                    type="primary"
+                    class="establish-btn"
+                    html-type="submit"
+                    >Establish</a-button
+                  >
+                </a-form-item>
+
+                <a-form-item :wrapper-col="{ offset: 1, span: 24 }">
+                  <div class="establishing">
+                    We are in need of establishing an integrated wallet for
+                    Counter Fire.This wallet will serve as a repository for
+                    significant assets acquired within the game.
+                  </div>
+                </a-form-item>
+              </a-form>
+            </div>
+            <div class="establish" v-show="procedures == 2">
+              <div class="establish-title">Verify password 1st</div>
+              <div class="establish-text">
+                Kindly enter the password you have reated And please remember
+                it.
+              </div>
+
+              <a-form
+                :model="formState2"
+                name="basic"
+                :label-col="{ span: 5 }"
+                :wrapper-col="{ span: 16 }"
+                autocomplete="off"
+                @finish="onFinish2"
+                @finishFailed="onFinishFailed"
+              >
+                <a-form-item
+                  label="Enter Password"
+                  name="enterPassword"
+                  :rules="[
+                    {
+                      required: true,
+                      message: 'Password is required.',
+                    },
+                    {
+                      min: 8,
+                      message: 'It must comprise a minimum of 8 characters.',
+                    },
+                    {
+                      validator: validatePassword,
+                      message: 'Passwords do not match.',
+                    },
+                  ]"
+                >
+                  <a-input-password
+                    v-model:value="formState2.enterPassword"
+                    class="custom-input"
+                  />
+                </a-form-item>
+
+                <a-form-item
+                  class="submit-btn"
+                  :wrapper-col="{ offset: 1, span: 23 }"
+                >
+                  <a-button
+                    type="primary"
+                    class="establish-btn"
+                    @click="selectTab(1)"
+                    >Retumn</a-button
+                  >
+                  <a-button
+                    type="primary"
+                    class="confirm-btn-active"
+                    html-type="submit"
+                    >Confirm</a-button
+                  >
+                </a-form-item>
+
+                <!-- <a-form-item :wrapper-col="{ offset: 1, span: 24 }">
+                  <div class="establishing">
+                    We are in need of establishing an integrated wallet for
+                    Counter Fire.This wallet will serve as a repository for
+                    significant assets acquired within the game.
+                  </div>
+                </a-form-item> -->
+              </a-form>
+            </div>
+            <div class="establish" v-show="procedures == 3">
+              <div class="establish-title">Wallet creation successful.</div>
+              <div class="sign-up">
+                <a-button
+                  type="primary"
+                  class="establish-btn"
+                  @click="initInternalWallet"
+                  >Confirm</a-button
+                >
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import {
+  ref,
+  reactive,
+  watchEffect,
+  onMounted,
+  watch,
+  computed,
+  inject,
+} from "vue";
+import { UserInfo, getOutAppPlanet } from "@/api/User";
+import { useChainStore } from "@/store/chain";
+import { useAppStore } from "@/store/app";
+import { hasMetamask } from "@/utils/chain.util";
+import { message } from "ant-design-vue";
+import ChainManager from "@/chain/ChainManager";
+const addNotification = inject("addNotification");
+const chain = useChainStore();
+const AppModule = useAppStore();
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+  },
+  activeIndex: {
+    type: Number,
+    required: true,
+  },
+});
+const count = ref(1);
+const avaliable = ref(300);
+const procedures = ref(1);
+const formState1 = reactive({
+  enterPassword: "",
+  reenterPassword: "",
+});
+const formState2 = reactive({
+  enterPassword: "",
+});
+function establish() {
+  const { enterPassword, reenterPassword } = formState1;
+  if (!enterPassword || enterPassword.length < 8) {
+    // 处理密码为空或长度小于8的情况
+    alert(
+      "Password must not be empty and should be at least 8 characters long."
+    );
+    return;
+  }
+
+  if (enterPassword !== reenterPassword) {
+    // 处理两次输入的密码不匹配的情况
+    alert("Passwords do not match.");
+    return;
+  }
+
+  // 在这里处理所有验证通过后的逻辑（比如跳转到下一步）
+  console.log("All validations passed.");
+  // 跳转到下一步的代码...
+}
+
+function validatePassword(rule, value) {
+  return new Promise((resolve, reject) => {
+    if (value !== formState1.enterPassword) {
+      reject(new Error("Passwords do not match."));
+    } else {
+      resolve();
+    }
+  });
+}
+
+watch(
+  () => chain.logined,
+  async (newValue, oldValue) => {
+    console.log("logined changed from", oldValue, "to", newValue);
+
+    // totalSupply.value = await chain.chainManager.bc.totalSupply();
+  }
+);
+
+const onFinish = (values) => {
+  console.log("Success:", values);
+  procedures.value = 2;
+};
+const onFinishFailed = (errorInfo) => {
+  console.log("Failed:", errorInfo);
+};
+const onFinish2 = (values) => {
+  console.log("Success:", values);
+  procedures.value = 3;
+};
+const emit = defineEmits(["update:visible"]);
+const selectTab = (index) => {
+  procedures.value = index;
+};
+const initInternalWallet = async () => {
+  let res = await callMethod(
+    "initInternalWallet",
+    "421613",
+    formState2.enterPassword,
+    "dev"
+  );
+  console.log(JSON.parse(res), "initInternalWallet");
+  res = JSON.parse(res);
+  AppModule.updateAddressValue(res.data);
+  //  console.log(JSON.stringify(res, null, 2))
+  if (AppModule.addressValue) {
+    emit("update:visible", false);
+  }
+  console.log(AppModule.addressValue, "(AppModule.addressValue");
+};
+const onCancel = () => {
+  // count.value = 1;
+  emit("update:visible", false);
+};
+
+onMounted(async () => {});
+</script>
+
+<style lang="scss" scoped>
+.modal-content {
+  display: flex;
+  // height: 302px;
+  // width: 1362px;
+  // height: 848px;
+  flex-direction: column;
+  padding: 10px 25px 25px;
+  border-radius: 10px;
+  background-color: #1e1e2b;
+  justify-content: space-between;
+  position: relative;
+  .content-title {
+    display: flex;
+    justify-content: space-between;
+    .create-wallet {
+      display: flex;
+      font-size: 40px;
+      //   margin-left: 10px;
+      font-family: "Poppins";
+      font-weight: bold;
+      color: #f3f0ff;
+    }
+    .wallet-icon {
+      margin-right: 10px;
+    }
+  }
+
+  .content {
+    width: 100%;
+    height: 100%;
+    background: #2a2b3e;
+    background-size: 100% 100%;
+    // margin-top: 90px;
+    // margin-bottom: 30px;
+    padding-top: 24px;
+    padding-right: 32px;
+    padding-left: 32px;
+    // padding-bottom: 32px;
+    display: flex;
+    justify-content: space-between;
+    .procedures {
+      width: 100%;
+
+      .procedures-number {
+        display: flex;
+        padding-left: 15px;
+        padding-right: 15px;
+        position: relative;
+        z-index: 0;
+        justify-content: space-between;
+        .number-item {
+          width: 74px;
+          height: 74px;
+          background: #232336;
+          text-align: center;
+          line-height: 74px;
+          border: 4px solid #7073a0;
+          border-radius: 50%;
+          font-size: 39px;
+          font-family: "Poppins";
+          font-weight: bold;
+          color: #ffffff;
+        }
+        .stepLine {
+          width: 90%;
+          height: 3px;
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          top: 50%;
+          z-index: -1;
+          background: #7073a0;
+        }
+        .number-item-active {
+          width: 74px;
+          height: 74px;
+          background: #232336;
+          text-align: center;
+          line-height: 74px;
+          border: 4px solid #43fff8;
+          border-radius: 50%;
+          font-size: 39px;
+          font-family: "Poppins";
+          font-weight: bold;
+          color: #43fff8;
+        }
+      }
+      .procedures-title {
+        display: flex;
+        justify-content: space-between;
+        .title-item {
+          text-align: center;
+          font-size: 21px;
+          font-family: "Poppins-Regular";
+          font-weight: bold;
+          line-height: 25px;
+          color: #ffffff;
+        }
+        .title-item-active {
+          text-align: center;
+          font-size: 21px;
+          font-family: "Poppins-Regular";
+          font-weight: bold;
+          line-height: 25px;
+          color: #43fff8;
+        }
+      }
+    }
+    .procedures-from {
+      padding-top: 32px;
+      .establish-title {
+        font-size: 30px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #f3f0ff;
+        text-align: center;
+      }
+      .custom-input {
+        height: 40px;
+        border-radius: 10px;
+      }
+      .establish-btn {
+        width: 269px;
+        height: 64px;
+        background: #1778f1;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+      .confirm-btn {
+        width: 269px;
+        height: 64px;
+        background: #1778f1;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+
+      .confirm-btn-active {
+        width: 269px;
+        height: 64px;
+        background: #4b4b4f;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        margin-left: 67px;
+        border: 1px solid #4b4b4f;
+        color: #ffffff;
+      }
+      .submit-btn {
+        padding-top: 187px;
+        display: flex;
+        padding-bottom: 30px;
+      }
+      .sign-up {
+        width: 100%;
+        display: flex;
+        padding-top: 187px;
+        padding-bottom: 160px;
+        justify-content: center;
+      }
+      .establish-text {
+        font-size: 20px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #ff4747;
+        margin-bottom: 50px;
+      }
+      .establishing {
+        font-size: 20px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #a9a9a9;
+      }
+    }
+  }
+
+  .cancel {
+    //   position: absolute;
+    //   right: 10px;
+    //   top: 10px;
+    width: 42px;
+    height: 42px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    // background: #3f3f5b;
+    border-radius: 10px;
+    cursor: pointer;
+    .close-img {
+      width: 42px;
+      height: 42px;
+    }
+  }
+  .cancel:hover {
+    transform: scale(1.07);
+  }
+}
+
+// .exclusive {
+//   width: 621px;
+//   margin-left: 529px;
+// }
+
+.text-content {
+  opacity: 0;
+  font-size: 18px;
+  line-height: 42px;
+  animation: slideInFromRight 0.5s forwards;
+}
+
+@keyframes slideInFromLeft {
+  0% {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideInFromRight {
+  0% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+// 响应式设计
+// @media screen and (max-width: 1424px) {
+//   .exclusive {
+//     width: 100%;
+//     margin-left: 0;
+//   }
+
+//   .text-content {
+//     font-size: 14px;
+//     padding: 0 10px;
+//   }
+// }
+::v-deep(.ant-form-item-label) {
+  font-size: 20px;
+  font-family: "Poppins-Regular";
+  font-weight: 400;
+  color: #f3f0ff;
+  //   text-align: left;
+}
+</style>
+<style lang="scss">
+.web {
+  .ant-modal-body {
+    background-color: #1e1e2b;
+    // background: url("@/assets/img/badge/dialog-bg.png") no-repeat;
+    background-size: 100% 100%;
+    // border: 1px solid #ccc;
+    padding: 0;
+  }
+
+  .ant-modal-content {
+    background-color: #21211e !important;
+    border-radius: 0;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+  }
+  .ant-modal-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.65) !important;
+  }
+}
+.ant-modal-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65) !important;
+}
+</style>
diff --git a/src/components/global/LoginModal.vue b/src/components/global/LoginModal.vue
new file mode 100644
index 0000000..12fc474
--- /dev/null
+++ b/src/components/global/LoginModal.vue
@@ -0,0 +1,504 @@
+<template>
+  <a-modal
+    wrapClassName="web"
+    :visible="visible"
+    :footer="null"
+    width="797px"
+    :closable="false"
+    :centered="true"
+    @cancel="onCancel"
+  >
+    <div class="flex modal-content">
+      <div class="content-title">
+        <div class="create-wallet">
+          <div class="wallet-icon">
+            <img
+              src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
+              alt=""
+            />
+          </div>
+          <div>Create Wallet</div>
+        </div>
+        <div class="cancel" @click="onCancel">
+          <div class="close-img">
+            <img
+              src="../../assets/img/planet/close_btn.png"
+              alt="/hero.png"
+              class=""
+            />
+          </div>
+        </div>
+      </div>
+      <div class="content">
+        <a-form
+          :model="formState2"
+          name="basic"
+          :label-col="{ span: 5 }"
+          :wrapper-col="{ span: 16 }"
+          autocomplete="off"
+          @finish="onFinish2"
+          @finishFailed="onFinishFailed"
+        >
+          <a-form-item
+            label="Enter Password"
+            name="enterPassword"
+            :rules="[
+              {
+                required: true,
+                message: 'Password is required.',
+              },
+              {
+                min: 8,
+                message: 'It must comprise a minimum of 8 characters.',
+              }
+              
+            ]"
+          >
+            <a-input-password
+              v-model:value="formState2.enterPassword"
+              class="custom-input"
+            />
+          </a-form-item>
+
+          <a-form-item
+            class="submit-btn"
+            :wrapper-col="{ offset: 8, span: 6 }"
+          >
+           
+            <a-button
+              type="primary"
+              class="confirm-btn"
+              html-type="submit"
+              >LOGIN</a-button
+            >
+          </a-form-item>
+
+          <!-- <a-form-item :wrapper-col="{ offset: 1, span: 24 }">
+                  <div class="establishing">
+                    We are in need of establishing an integrated wallet for
+                    Counter Fire.This wallet will serve as a repository for
+                    significant assets acquired within the game.
+                  </div>
+                </a-form-item> -->
+        </a-form>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import {
+  ref,
+  reactive,
+  watchEffect,
+  onMounted,
+  watch,
+  computed,
+  inject,
+} from "vue";
+import { UserInfo, getOutAppPlanet } from "@/api/User";
+import { useChainStore } from "@/store/chain";
+import { useAppStore } from "@/store/app";
+import { hasMetamask } from "@/utils/chain.util";
+import { message } from "ant-design-vue";
+import ChainManager from "@/chain/ChainManager";
+const addNotification = inject("addNotification");
+const chain = useChainStore();
+const AppModule = useAppStore();
+
+const props = defineProps({
+  visible: {
+    type: Boolean,
+    required: true,
+  },
+  activeIndex: {
+    type: Number,
+    required: true,
+  },
+});
+const count = ref(1);
+const avaliable = ref(300);
+const procedures = ref(1);
+
+const formState2 = reactive({
+  enterPassword: "",
+});
+function establish() {
+  const { enterPassword, reenterPassword } = formState1;
+  if (!enterPassword || enterPassword.length < 8) {
+    // 处理密码为空或长度小于8的情况
+    alert(
+      "Password must not be empty and should be at least 8 characters long."
+    );
+    return;
+  }
+
+  if (enterPassword !== reenterPassword) {
+    // 处理两次输入的密码不匹配的情况
+    alert("Passwords do not match.");
+    return;
+  }
+
+  // 在这里处理所有验证通过后的逻辑（比如跳转到下一步）
+  console.log("All validations passed.");
+  // 跳转到下一步的代码...
+}
+
+function validatePassword(rule, value) {
+  return new Promise((resolve, reject) => {
+    if (value !== formState1.enterPassword) {
+      reject(new Error("Passwords do not match."));
+    } else {
+      resolve();
+    }
+  });
+}
+
+watch(
+  () => chain.logined,
+  async (newValue, oldValue) => {
+    console.log("logined changed from", oldValue, "to", newValue);
+
+    // totalSupply.value = await chain.chainManager.bc.totalSupply();
+  }
+);
+
+
+const onFinish2 = (values) => {
+  console.log("Success:", values);
+  initInternalWallet()
+};
+const emit = defineEmits(["update:visible"]);
+
+const initInternalWallet = async () => {
+  let res = await callMethod(
+    "initInternalWallet",
+    "421613",
+    formState2.enterPassword,
+    "dev"
+  );
+  console.log(JSON.parse(res), "initInternalWallet");
+  res = JSON.parse(res);
+  AppModule.updateAddressValue(res.data);
+  //  console.log(JSON.stringify(res, null, 2))
+  if (AppModule.addressValue) {
+    emit("update:visible", false);
+  }
+  console.log(AppModule.addressValue, "(AppModule.addressValue");
+};
+const onCancel = () => {
+  // count.value = 1;
+  emit("update:visible", false);
+};
+
+onMounted(async () => {});
+</script>
+
+<style lang="scss" scoped>
+.modal-content {
+  display: flex;
+  // height: 302px;
+  // width: 1362px;
+  // height: 848px;
+  flex-direction: column;
+  padding: 10px 25px 25px;
+  border-radius: 10px;
+  background-color: #1e1e2b;
+  justify-content: space-between;
+  position: relative;
+  .content-title {
+    display: flex;
+    justify-content: space-between;
+    .create-wallet {
+      display: flex;
+      font-size: 40px;
+      //   margin-left: 10px;
+      font-family: "Poppins";
+      font-weight: bold;
+      color: #f3f0ff;
+    }
+    .wallet-icon {
+      margin-right: 10px;
+    }
+  }
+
+  .content {
+    width: 100%;
+    height: 100%;
+    background: #2a2b3e;
+    background-size: 100% 100%;
+    // margin-top: 90px;
+    // margin-bottom: 30px;
+    padding-top: 24px;
+    padding-right: 32px;
+    padding-left: 32px;
+    // padding-bottom: 32px;
+    // display: flex;
+    justify-content: space-between;
+    .procedures {
+      width: 100%;
+
+      .procedures-number {
+        display: flex;
+        padding-left: 15px;
+        padding-right: 15px;
+        position: relative;
+        z-index: 0;
+        justify-content: space-between;
+        .number-item {
+          width: 74px;
+          height: 74px;
+          background: #232336;
+          text-align: center;
+          line-height: 74px;
+          border: 4px solid #7073a0;
+          border-radius: 50%;
+          font-size: 39px;
+          font-family: "Poppins";
+          font-weight: bold;
+          color: #ffffff;
+        }
+        .stepLine {
+          width: 90%;
+          height: 3px;
+          position: absolute;
+          left: 50%;
+          transform: translateX(-50%);
+          top: 50%;
+          z-index: -1;
+          background: #7073a0;
+        }
+        .number-item-active {
+          width: 74px;
+          height: 74px;
+          background: #232336;
+          text-align: center;
+          line-height: 74px;
+          border: 4px solid #43fff8;
+          border-radius: 50%;
+          font-size: 39px;
+          font-family: "Poppins";
+          font-weight: bold;
+          color: #43fff8;
+        }
+      }
+      .procedures-title {
+        display: flex;
+        justify-content: space-between;
+        .title-item {
+          text-align: center;
+          font-size: 21px;
+          font-family: "Poppins-Regular";
+          font-weight: bold;
+          line-height: 25px;
+          color: #ffffff;
+        }
+        .title-item-active {
+          text-align: center;
+          font-size: 21px;
+          font-family: "Poppins-Regular";
+          font-weight: bold;
+          line-height: 25px;
+          color: #43fff8;
+        }
+      }
+    }
+    .procedures-from {
+      padding-top: 32px;
+      .establish-title {
+        font-size: 30px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #f3f0ff;
+        text-align: center;
+      }
+      .custom-input {
+        height: 40px;
+        border-radius: 10px;
+      }
+      .establish-btn {
+        width: 269px;
+        height: 64px;
+        background: #1778f1;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+      .confirm-btn {
+        width: 269px;
+        height: 64px;
+        background: #1778f1;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+
+      .confirm-btn-active {
+        width: 269px;
+        height: 64px;
+        background: #4b4b4f;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        margin-left: 67px;
+        border: 1px solid #4b4b4f;
+        color: #ffffff;
+      }
+      .submit-btn {
+        padding-top: 187px;
+        display: flex;
+        padding-bottom: 30px;
+      }
+      .sign-up {
+        width: 100%;
+        display: flex;
+        padding-top: 187px;
+        padding-bottom: 160px;
+        justify-content: center;
+      }
+      .establish-text {
+        font-size: 20px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #ff4747;
+        margin-bottom: 50px;
+      }
+      .establishing {
+        font-size: 20px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #a9a9a9;
+      }
+    }
+  }
+
+  .cancel {
+    //   position: absolute;
+    //   right: 10px;
+    //   top: 10px;
+    width: 42px;
+    height: 42px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    // background: #3f3f5b;
+    border-radius: 10px;
+    cursor: pointer;
+    .close-img {
+      width: 42px;
+      height: 42px;
+    }
+  }
+  .cancel:hover {
+    transform: scale(1.07);
+  }
+}
+
+// .exclusive {
+//   width: 621px;
+//   margin-left: 529px;
+// }
+.confirm-btn {
+        width: 269px;
+        height: 64px;
+        background: #1778f1;
+        border-radius: 20px;
+        font-size: 26px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+.text-content {
+  opacity: 0;
+  font-size: 18px;
+  line-height: 42px;
+  animation: slideInFromRight 0.5s forwards;
+}
+
+@keyframes slideInFromLeft {
+  0% {
+    transform: translateX(-100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slideInFromRight {
+  0% {
+    transform: translateX(100%);
+    opacity: 0;
+  }
+  100% {
+    transform: translateX(0);
+    opacity: 1;
+  }
+}
+// 响应式设计
+// @media screen and (max-width: 1424px) {
+//   .exclusive {
+//     width: 100%;
+//     margin-left: 0;
+//   }
+
+//   .text-content {
+//     font-size: 14px;
+//     padding: 0 10px;
+//   }
+// }
+::v-deep(.ant-form-item-label) {
+  font-size: 20px;
+  font-family: "Poppins-Regular";
+  font-weight: 400;
+  color: #f3f0ff;
+  //   text-align: left;
+}
+</style>
+<style lang="scss">
+.web {
+  .ant-modal-body {
+    background-color: #1e1e2b;
+    // background: url("@/assets/img/badge/dialog-bg.png") no-repeat;
+    background-size: 100% 100%;
+    // border: 1px solid #ccc;
+    padding: 0;
+  }
+
+  .ant-modal-content {
+    background-color: #21211e !important;
+    border-radius: 0;
+    margin: 0;
+    padding: 0;
+    box-shadow: none;
+  }
+  .ant-modal-mask {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 1000;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.65) !important;
+  }
+}
+.ant-modal-mask {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1000;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.65) !important;
+}
+</style>
+
+
diff --git a/src/components/home/HistoryCard.vue b/src/components/home/HistoryCard.vue
new file mode 100644
index 0000000..479d5a6
--- /dev/null
+++ b/src/components/home/HistoryCard.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="cec-source">
+    <div class="cec-title">CEC source</div>
+
+    <div class="info-container">
+      <div class="info-card-staking">
+        <div>
+          <div class="title">Staking</div>
+          <div class="number">{{ staking }}</div>
+        </div>
+      </div>
+
+      <div class="info-card-hashRate">
+        <div>
+          <div class="title">HashRate</div>
+          <div class="number">{{ computingPower }}</div>
+        </div>
+      </div>
+    </div>
+
+    <div class="history" v-if="historyList.length">
+      <div class="history-title">My History</div>
+      <DynamicScroller
+        ref="scroller"
+        :items="historyList"
+        :min-item-size="50"
+        :buffer="1000"
+        class="scroller"
+        style="height: 400px"
+        key-field="id"
+        :emit-update="true"
+        @update="updateIndex"
+      >
+        <template v-slot="{ item, index, active }">
+          <DynamicScrollerItem
+            :item="item"
+            :active="active"
+            :data-index="index"
+            class="scroller-item"
+          >
+            <div class="avatar">
+              {{ formatHistoryItem(item) }} Obtain the
+              <span class="text">{{ item.cecVal }}</span> cec by
+              <span class="text">{{ getTypeWord(item.type) }}</span>
+            </div>
+          </DynamicScrollerItem>
+        </template>
+      </DynamicScroller>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from "vue";
+import { getStaking, getComputingPower, getCecRewardHistory } from "@/api/User";
+
+const computingPower = ref(0);
+
+const staking = ref(0);
+const historyList = ref([]);
+
+const getTypeWord = (type) => {
+  switch (type) {
+    case 0:
+      return "ranking";
+    case 1:
+      return "ComputingPower";
+    case 3:
+      return "Staking";
+    default:
+      return "";
+  }
+};
+
+const formatHistoryItem = (item) => {
+  const date = new Date(item.createtime * 1000);
+  const formattedDate = date.toISOString().split("T")[0].replace(/-/g, ".");
+  const time = date.toTimeString().split(" ")[0].slice(0, 5);
+  return `${formattedDate} ${time}`;
+};
+onMounted(async () => {
+  const resCecRewardHistory = await getCecRewardHistory({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+  });
+  resCecRewardHistory.list.sort(
+    (a, b) => Number(a.createtime) - Number(b.createtime)
+  );
+  let newArr = resCecRewardHistory.list.map((item, index) => ({
+    ...item,
+    id: index,
+  }));
+
+  historyList.value = [...newArr].reverse();;
+  //   for (let i = 0; i < historyList.value.length; i++) {
+  //     historyList.value[i].id = i;
+  //   }
+  console.log(resCecRewardHistory, "resCecRewardHistory");
+
+  const resComputingPower = await getComputingPower({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+  });
+  computingPower.value =
+    resComputingPower.info.curr_period.total_exchange_hash_rate;
+
+  console.log(resComputingPower, "resComputingPower");
+
+  const resStaking = await getStaking({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+  });
+  staking.value = resStaking.total_staking_value;
+
+  console.log(resStaking, "resStaking");
+});
+</script>
+
+<style lang="scss" scoped>
+.cec-source {
+  // your global styles for this component
+  .cec-title {
+    font-size: 42px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+  }
+
+  .info-container {
+    display: flex;
+    gap: 1rem;
+    margin-bottom: 50px;
+
+    .info-card-staking {
+      width: 330px;
+      height: 136px;
+      display: flex;
+      align-items: center;
+      padding-right: 28px;
+      background: url("../../assets/img/stake/wallet-slices/CECsource_staking.png")
+        no-repeat;
+      background-size: contain;
+      //   background-color: #292C4B;
+      justify-content: flex-end;
+      // general styles for each card
+      .title {
+        font-size: 30px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #eeecff;
+      }
+      .number {
+        font-size: 30px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+
+      .icon {
+        // styles for the icon
+      }
+
+      p {
+        // styles for the label below the icon
+      }
+
+      h2 {
+        font-size: 36px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+    }
+    .info-card-hashRate {
+      width: 330px;
+      height: 136px;
+      display: flex;
+      align-items: center;
+      padding-right: 28px;
+      //   background-color: #292C4B;
+      background: url("../../assets/img/stake/wallet-slices/CECsource_HashRate.png")
+        no-repeat;
+      background-size: contain;
+      justify-content: flex-end;
+      // general styles for each card
+      .title {
+        font-size: 30px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #eeecff;
+      }
+      .number {
+        font-size: 30px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+      .icon {
+        // styles for the icon
+      }
+
+      p {
+        // styles for the label below the icon
+      }
+
+      h2 {
+        font-size: 36px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+    }
+  }
+
+  .history {
+    margin-top: 2rem;
+    height: 100%;
+    .history-title {
+      font-size: 36px;
+      font-family: "Poppins";
+      font-weight: bold;
+      color: #ffffff;
+      position: relative;
+    }
+
+    .history-title::after {
+      position: absolute;
+      bottom: -2px;
+      left: 0;
+      content: "";
+      width: 100%;
+      height: 2px;
+      background: #3a3b57;
+    }
+
+    .history-item {
+      margin-top: 10px;
+      height: 560px;
+      color: #ffffff;
+      font-size: 24px;
+      font-family: "Poppins-Regular";
+      font-weight: 400;
+      color: #eeecff;
+      //   .scroller-item {
+      //     height: 30px;
+      //   }
+      // styles for each history item
+    }
+  }
+}
+
+.scroller {
+  height: 300px;
+  font-size: 24px;
+  margin-top: 10px;
+  font-family: "Poppins-Regular";
+  font-weight: 400;
+  color: #eeecff;
+}
+.text {
+  color: #2effb8 !important;
+}
+.vue-recycle-scroller.direction-vertical:not(.page-mode) {
+  overflow-y: auto;
+}
+.avatar {
+  color: #eeecff;
+}
+
+.scroller-item {
+  display: flex;
+}
+</style>
diff --git a/src/components/home/HonorCard.vue b/src/components/home/HonorCard.vue
index 4f2e60b..e95be16 100644
--- a/src/components/home/HonorCard.vue
+++ b/src/components/home/HonorCard.vue
@@ -1,13 +1,283 @@
 <template>
-    <div>
-        HonorCard
+  <div class="honor-container">
+    <div class="wallet-container">
+      <div class="wallet-left">
+        <button class="wallet-button">
+          <img
+            src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
+            alt="Counter Fire Wallet"
+          />
+          Counter Fire wallet
+        </button>
+        <button class="connect-button">
+          <img
+            src="../../assets/img/stake/wallet-slices/wallet_icon.png"
+            alt="Connect Icon"
+          />
+          Connect wallet
+        </button>
+      </div>
+      <div class="address">
+        Address: <span>0x52cd9EC9b84ac666f9d14f96f076f3475C1983Ca</span>
+      </div>
     </div>
+
+    <div class="involves-container">
+      <div class="involves-top">
+        <div class="involves-top-item">
+          <div class="involves-title">My participation involves</div>
+
+          <div class="image-section">
+            <img
+              src="../../assets/img/stake/wallet-slices/wallet_event_test.png"
+              alt="Landscape"
+            />
+          </div>
+        </div>
+
+        <div class="events-slider">
+          <Swiper
+            :slides-per-view="1"
+            :space-between="30"
+            :modules="modules"
+            :navigation="true"
+          >
+            <SwiperSlide>
+              <div class="event-card">
+                <div
+                  class="event-card-item"
+                  v-for="event in oldEvents"
+                  :key="event"
+                >
+                  {{ event }}
+                </div>
+              </div>
+            </SwiperSlide>
+            <SwiperSlide>
+              <div class="event-card">
+                <div
+                  class="event-card-item"
+                  v-for="event in oldEvents"
+                  :key="event"
+                >
+                  {{ event }}
+                </div>
+              </div>
+            </SwiperSlide>
+          </Swiper>
+        </div>
+      </div>
+      <div class="involves-top-bottom">
+        <div class="description-section">
+          <div class="genesis-title">Genesis</div>
+          <div>Genesis description...</div>
+        </div>
+
+        <div class="rewards-section">
+          <div class="rewards-title">My Rewards</div>
+          <div class="badge">
+            <div>
+              <img
+                src="../../assets/img/stake/wallet-slices/Badge_test.png"
+                alt="Genesis Badge"
+              />
+            </div>
+
+            <div>Genesis Badge x1</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
+import { ref, reactive, onMounted, onUnmounted } from "vue";
+import { Swiper, SwiperSlide } from "swiper/vue";
+import "swiper/css";
+import "swiper/css/pagination";
+import "swiper/css/navigation";
 
+// import required modules
+import { Pagination, Navigation } from "swiper/modules";
+const modules = [Pagination, Navigation];
+const oldEvents = ref([
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+  "Old Event",
+]);
 </script>
 
 <style lang="scss" scoped>
+.honor-container {
+  // background-color: #111;
+  color: #fff;
+}
+.wallet-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px;
+  width: 100%;
+  //   background: #333;
+  border-radius: 8px;
+  .wallet-left {
+    display: flex;
+  }
+  button {
+    display: flex;
+    align-items: center;
+    background: #2a2b3e;
+    color: #fff;
+    border: none;
+    // justify-content: center;
+    width: 301px;
+    height: 68px;
+    font-size: 22px;
+    font-family: "Poppins";
+    font-weight: 400;
+    color: #eeecff;
+    background: #2a2b3e;
+    border-radius: 10px;
+    border-radius: 4px;
+    padding: 8px 0px;
+    cursor: pointer;
+    margin-right: 16px;
 
-</style>
\ No newline at end of file
+    img {
+      width: 60px;
+      height: 60px;
+      margin-right: 8px;
+    }
+
+    &:hover {
+      //   background-color: #555;
+    }
+  }
+
+  .address {
+    font-size: 22px;
+    font-family: "Poppins-Regular";
+    font-weight: 400;
+    color: #b3b5da;
+    span {
+      font-weight: bold;
+      word-break: break-all;
+      font-size: 22px;
+      font-family: "Poppins-Regular";
+      font-weight: 400;
+      color: #eeecff;
+    }
+  }
+}
+
+.involves-container {
+  width: 100%;
+
+  .involves-top {
+    //margin-top: 20px;
+    display: flex;
+    .involves-title {
+      font-size: 36px;
+      font-family: "Poppins";
+      font-weight: bold;
+      margin-bottom: 20px;
+      color: #ffffff;
+    }
+  }
+  .image-section {
+    width: 597px;
+  }
+  .involves-top-item {
+    // width: 100%;
+    // display: flex;
+    // justify-content: space-around;
+  }
+}
+.involves-top-bottom {
+  margin-top: 30px;
+  display: flex;
+  .genesis-title {
+    font-size: 36px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+    margin-bottom: 10px;
+    position: relative;
+  }
+  .genesis-title::after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    content: "";
+    width: 550px;
+    height: 2px;
+    background: #3a3b57;
+  }
+
+  .rewards-title {
+    font-size: 36px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+     margin-bottom: 10px;
+    position: relative;
+  }
+  .rewards-title::after {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    content: "";
+    width: 859px;
+    height: 2px;
+    background: #3a3b57;
+  }
+  .description-section {
+    width: 600px;
+  }
+  .badge {
+    display: flex;
+  }
+}
+
+.events-slider {
+  margin-top: 70px;
+  width: 890px;
+}
+.event-card {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-content: space-between;
+  width: 800px;
+  margin: 0 auto;
+}
+.event-card-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 244px; // 根据图中的尺寸调整
+  height: 79px; // 根据图中的尺寸调整
+  border: 1px solid #fff; // 增加边框
+  padding: 16px;
+  border-radius: 20px;
+  margin: 5px 0; /* 在上下方向添加间隔 */
+  box-sizing: border-box;
+}
+.swiper {
+  width: 100%;
+  height: 100%;
+
+  .swiper-slide {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+}
+</style>
diff --git a/src/components/home/MyWalle.vue b/src/components/home/MyWalle.vue
index 6c165f3..73f74b6 100644
--- a/src/components/home/MyWalle.vue
+++ b/src/components/home/MyWalle.vue
@@ -25,10 +25,10 @@
         </div>
       </div>
       <div class="content-right">
-        <div v-if="selectedTabIndex == 0"><ProfileCard></ProfileCard></div>
-        <div v-else-if="selectedTabIndex == 1">2</div>
-        <div v-else-if="selectedTabIndex == 2">3</div>
-        <div v-else>4</div>
+        <ProfileCard v-if="selectedTabIndex == 0"></ProfileCard>
+        <ReferralCard v-else-if="selectedTabIndex == 1"></ReferralCard>
+        <HonorCard v-else-if="selectedTabIndex == 2"></HonorCard>
+        <HistoryCard v-else>4</HistoryCard>
       </div>
     </div>
   </div>
@@ -37,6 +37,9 @@
 <script setup>
 import { ref, reactive, onMounted } from "vue";
 import ProfileCard from "./ProfileCard.vue";
+import ReferralCard from "./ReferralCard.vue";
+import HonorCard from "./HonorCard.vue";
+import HistoryCard from "./HistoryCard.vue";
 const selectedTabIndex = ref(0);
 
 const tabs = ref([
@@ -108,7 +111,9 @@ const selectTab = (index) => {
       margin-top: 36px;
     }
     .content-right{
+      width:calc(100% - 225px - 40px);
       margin-top: 36px;
+      margin-left: 40px                  ;
     }
     .tabs-buttons {
       // width: 350px;
diff --git a/src/components/home/ProfileCard.vue b/src/components/home/ProfileCard.vue
index 650e41e..814ff9c 100644
--- a/src/components/home/ProfileCard.vue
+++ b/src/components/home/ProfileCard.vue
@@ -1,39 +1,527 @@
 <template>
   <div class="profile-container">
     <div class="wallet">
-      <div class="counter-fire-wallet">
-        <div>
-          <img
-            src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
-            alt=""
-          />
+      <div class="wallet-left">
+        <div class="counter-fire-wallet">
+          <div class="cf-wallet-icon">
+            <img
+              src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
+              alt=""
+            />
+          </div>
+          <div>Counter Fire wallet</div>
         </div>
-        <div>Counter Fire wallet</div>
-      </div>
-      <div class="connect-wallet">
-        <div>
-          <img
-            src="../../assets/img/stake/wallet-slices/wallet_icon.png"
-            alt=""
-          />
+        <div class="connect-wallet">
+          <div class="connect-wallet-icon">
+            <img
+              src="../../assets/img/stake/wallet-slices/wallet_icon.png"
+              alt=""
+            />
+          </div>
+          <div>Connect wallet</div>
         </div>
-        <div>Connect wallet</div>
       </div>
+
       <div class="adress">
-        <div>Adress:</div>
-        <div class="adress-icon"> <img
+        <div class="address-text">Adress: {{ AppModule.addressValue }}</div>
+        <div class="adress-icon">
+          <img
             src="../../assets/img/stake/wallet-slices/copyLink_icon.png"
             alt=""
-          /></div>
+          />
+        </div>
       </div>
     </div>
+    <div class="token">
+      <div class="token-title">Token</div>
+      <div class="token-list">
+        <div
+          class="token-list-item"
+          v-for="(item, index) in tokenList"
+          :key="index"
+        >
+          <div class="token-icon"><img :src="item.imgUrl" alt="" /></div>
+          <div>{{ item.tokenNumber }}</div>
+        </div>
+      </div>
+    </div>
+    <div class="nft-content">
+      <div class="nft-title">NFT</div>
+      <div
+        v-for="(item, index) in nftList"
+        :key="index"
+        @click="selectTab(item)"
+        :class="selectedTabIndex === item ? 'tabs-item-active' : 'tabs-item'"
+      >
+        <div>{{ item }}</div>
+      </div>
+    </div>
+    <div class="nft-list">
+      <HerosCarousel
+        :listItem="HeroNftList"
+        :type="'Heros'"
+        v-show="selectedTabIndex === 'Heros'"
+      ></HerosCarousel>
+      <!-- <HerosCarousel v-show="selectedTabIndex === 'Weapen'"></HerosCarousel> -->
+      <HerosCarousel
+        :listItem="GachaList"
+        :type="'Gacha'"
+        v-show="selectedTabIndex === 'Gacha'"
+      ></HerosCarousel>
+      <HerosCarousel
+        :listItem="GachaList"
+        v-show="selectedTabIndex === 'Badge'"
+      ></HerosCarousel>
+      <HerosCarousel
+        :listItem="PlanetList"
+        :type="'Planet'"
+        v-show="selectedTabIndex === 'Planet'"
+      ></HerosCarousel>
+      <!-- <div v-show="selectedTabIndex === 'Weapen'">2</div>
+      <div v-show="selectedTabIndex === 'Gacha'">3</div>
+      <div v-show="selectedTabIndex === 'Badge'">4</div>
+      <div v-show="selectedTabIndex === 'Planet'">5</div> -->
+    </div>
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import { ref, reactive, onMounted, watch } from "vue";
+import HerosCarousel from "./nftcarousel/HerosCarousel.vue";
+import { getNftListByType } from "@/api/User";
+import { useAppStore } from "@/store/app";
+const tokenList = ref([
+  {
+    label: "CEC",
+    imgUrl: new URL(
+      `../../assets/img/stake/wallet-slices/icon_CEC.png`,
+      import.meta.url
+    ).href,
+    tokenNumber: "0",
+  },
+  {
+    label: "CEG",
+    imgUrl: new URL(
+      `../../assets/img/stake/wallet-slices/icon_CEG.png`,
+      import.meta.url
+    ).href,
+    tokenNumber: "0",
+  },
+  {
+    label: "ETH",
+    imgUrl: new URL(
+      `../../assets/img/stake/wallet-slices/icon_ETH.png`,
+      import.meta.url
+    ).href,
+    tokenNumber: "0",
+  },
+  {
+    label: "USDT",
+    imgUrl: new URL(
+      `../../assets/img/stake/wallet-slices/icon_USDT.png`,
+      import.meta.url
+    ).href,
+    tokenNumber: "0",
+  },
+  {
+    label: "USDC",
+    imgUrl: new URL(
+      `../../assets/img/stake/wallet-slices/icon_USDC.png`,
+      import.meta.url
+    ).href,
+    tokenNumber: "0",
+  },
+]);
+const HeroNftList = ref([]);
+const GachaList = ref([]);
+const PlanetList = ref([]);
+const BadgeList = ref([]);
+const AppModule = useAppStore();
+const selectedTabIndex = ref("Heros");
+const nftList = ["Heros", "Gacha", "Badge", "Planet"];
+
+const selectTab = (index) => {
+  selectedTabIndex.value = index;
+};
+watch(
+  () => AppModule.addressValue,
+  async (newValue, oldValue) => {
+    // debugger
+    console.log("logined changed from", oldValue, "to", newValue);
+    if (newValue) {
+      let restokenList = await callMethod("tokenList");
+
+      restokenList = JSON.parse(restokenList);
+      console.log(restokenList, "restokenList1");
+      const addressesList = restokenList.data
+        .filter(
+          (item) =>
+            ["CEC", "CEG", "USDT", "USDC"].includes(item.symbol) ||
+            item.type === "eth"
+        )
+        .map((item) => item.address);
+      console.log(addressesList, "addressesList");
+      // console.log(
+      //   res,
+      //   "erc20Balanceerc20Balanceerc20Balanceerc20Balanceerc20Balance"
+      // );
+
+      let resCEC = await callMethod("erc20Balance", addressesList[1], newValue);
+      let resCEG = await callMethod("erc20Balance", addressesList[2], newValue);
+      let resUSDT = await callMethod(
+        "erc20Balance",
+        addressesList[3],
+        newValue
+      );
+      let resUSDC = await callMethod(
+        "erc20Balance",
+        addressesList[4],
+        newValue
+      );
+      let resETH = await callMethod("getEthBalance", newValue);
+      console.log(resCEC, "resCECresCECresCECresCECresCECresCECresCECresCEC");
+      const updatedTokenList = tokenList.value.map((item, index) => {
+        let newTokenNumber;
+        switch (item.label) {
+          case "CEC":
+            newTokenNumber = JSON.parse(resCEC).data;
+            break;
+          case "CEG":
+            newTokenNumber = JSON.parse(resCEG).data;
+            break;
+          case "USDT":
+            newTokenNumber = JSON.parse(resUSDT).data;
+            break;
+          case "USDC":
+            newTokenNumber = JSON.parse(resUSDC).data;
+            break;
+          case "ETH":
+            newTokenNumber = JSON.parse(resETH).data;
+            break;
+          default:
+            newTokenNumber = item.tokenNumber;
+        }
+        return {
+          ...item,
+          tokenNumber: newTokenNumber,
+        };
+      });
+      tokenList.value = updatedTokenList;
+      //现在 updatedTokenList 包含了更新的 tokenNumber 值
+      console.log(updatedTokenList, "updatedTokenList");
+
+      const resHeroNft = await getNftListByType({
+        session_id:
+          "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+        account_id: "6517_2006_0_106938563111572673791",
+        token_type: "1",
+      });
+      console.log("resBalance: ", resHeroNft.nfts);
+
+      HeroNftList.value = resHeroNft.nfts;
+
+      const resGacha = await getNftListByType({
+        session_id:
+          "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+        account_id: "6517_2006_0_106938563111572673791",
+        token_type: "6",
+      });
+      console.log("resGacha: ", resGacha.nfts);
+
+      GachaList.value = resGacha.nfts;
+
+      const resBadge = await getNftListByType({
+        session_id:
+          "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+        account_id: "6517_2006_0_106938563111572673791",
+        token_type: "7",
+      });
+      console.log("resBadge: ", resBadge.nfts);
+
+      BadgeList.value = resBadge.nfts;
+      const resPlanet = await getNftListByType({
+        session_id:
+          "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+        account_id: "6517_2006_0_106938563111572673791",
+        token_type: "8",
+      });
+      console.log("resPlanet: ", resPlanet.nfts);
+
+      PlanetList.value = resPlanet.nfts;
+
+      console.log("AppModule.userInfo22222", AppModule.userInfo.session_id);
+    }
+  }
+);
+onMounted(async () => {
+  // let res = await callMethod('erc20Balance', '0xaa34B79A0Ab433eaC900fB3CB9f191F5Cd27501D', AppModule.addressValue);
+  //   console.log(res,'erc20Balance');
+
+  let restokenList = await callMethod("tokenList");
+
+  restokenList = JSON.parse(restokenList);
+  console.log(restokenList, "restokenList1");
+  const addressesList = restokenList.data
+    .filter(
+      (item) =>
+        ["CEC", "CEG", "USDT", "USDC"].includes(item.symbol) ||
+        item.type === "eth"
+    )
+    .map((item) => item.address);
+  console.log(addressesList, "addressesList");
+  // console.log(
+  //   res,
+  //   "erc20Balanceerc20Balanceerc20Balanceerc20Balanceerc20Balance"
+  // );
+
+  let resCEC = await callMethod(
+    "erc20Balance",
+    addressesList[1],
+    AppModule.addressValue
+  );
+  let resCEG = await callMethod(
+    "erc20Balance",
+    addressesList[2],
+    AppModule.addressValue
+  );
+  let resUSDT = await callMethod(
+    "erc20Balance",
+    addressesList[3],
+    AppModule.addressValue
+  );
+  let resUSDC = await callMethod(
+    "erc20Balance",
+    addressesList[4],
+    AppModule.addressValue
+  );
+  let resETH = await callMethod("getEthBalance", AppModule.addressValue);
+  console.log(resCEC, "resCECresCECresCECresCECresCECresCECresCECresCEC");
+  const updatedTokenList = tokenList.value.map((item, index) => {
+    let newTokenNumber;
+    switch (item.label) {
+      case "CEC":
+        newTokenNumber = JSON.parse(resCEC).data;
+        break;
+      case "CEG":
+        newTokenNumber = JSON.parse(resCEG).data;
+        break;
+      case "USDT":
+        newTokenNumber = JSON.parse(resUSDT).data;
+        break;
+      case "USDC":
+        newTokenNumber = JSON.parse(resUSDC).data;
+        break;
+      case "ETH":
+        newTokenNumber = JSON.parse(resETH).data;
+        break;
+      default:
+        newTokenNumber = item.tokenNumber;
+    }
+    return {
+      ...item,
+      tokenNumber: newTokenNumber,
+    };
+  });
+  tokenList.value = updatedTokenList;
+  //现在 updatedTokenList 包含了更新的 tokenNumber 值
+  console.log(updatedTokenList, "updatedTokenList");
+
+  const resHeroNft = await getNftListByType({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+    token_type: "1",
+  });
+  console.log("resBalance: ", resHeroNft.nfts);
+
+  HeroNftList.value = resHeroNft.nfts;
+
+  const resGacha = await getNftListByType({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+    token_type: "6",
+  });
+  console.log("resGacha: ", resGacha.nfts);
+
+  GachaList.value = resGacha.nfts;
+
+  const resBadge = await getNftListByType({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+    token_type: "7",
+  });
+  console.log("resBadge: ", resBadge.nfts);
+
+  BadgeList.value = resBadge.nfts;
+  const resPlanet = await getNftListByType({
+    session_id:
+      "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+    account_id: "6517_2006_0_106938563111572673791",
+    token_type: "8",
+  });
+  console.log("resPlanet: ", resPlanet.nfts);
+
+  PlanetList.value = resPlanet.nfts;
+
+  console.log("AppModule.userInfo22222", AppModule.userInfo.session_id);
+});
+</script>
 
 <style lang="scss" scoped>
+.profile-container {
+  width: 100%;
+}
 .wallet {
   display: flex;
+  width: 100%;
+  justify-content: space-between;
+  .wallet-left {
+    display: flex;
+  }
+  .counter-fire-wallet {
+    display: flex;
+    width: 301px;
+    height: 68px;
+    background: #2a2b3e;
+    border-radius: 10px;
+    align-items: center;
+    font-size: 22px;
+    cursor: pointer;
+    font-family: "Poppins-Regular";
+    font-weight: 400;
+    color: #eeecff;
+    // justify-content: center;
+    .cf-wallet-icon {
+      width: 60px;
+      height: 60px;
+      margin-right: 10px;
+    }
+  }
+  .connect-wallet {
+    display: flex;
+    width: 301px;
+    height: 68px;
+    background: #2a2b3e;
+    border-radius: 10px;
+    align-items: center;
+    font-size: 22px;
+    margin-left: 10px;
+    cursor: pointer;
+    font-family: "Poppins-Regular";
+    font-weight: 400;
+    color: #eeecff;
+    .connect-wallet-icon {
+      width: 46px;
+      height: 46px;
+      margin-right: 10px;
+      img {
+        width: 100%;
+      }
+    }
+  }
+  .adress {
+    display: flex;
+    align-items: center;
+    font-size: 22px;
+    font-family: "Poppins-Regular";
+    font-weight: 400;
+    color: #eeecff;
+    .adress-icon {
+      width: 46px;
+      height: 46px;
+      cursor: pointer;
+      margin-left: 10px;
+      img {
+        width: 100%;
+      }
+    }
+  }
+}
+.token {
+  width: 100%;
+  padding-top: 27px;
+  .token-title {
+    font-size: 42px;
+    text-align: left;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+  }
+  .token-list {
+    width: 100%;
+    height: 228px;
+    // padding-top: 12px;
+    padding-left: 27px;
+    // padding-right: 113px;
+    // padding-bottom: 11px;
+    border-radius: 0px 20px 0px 20px;
+    background: #2a2b3e;
+    display: flex;
+    flex-wrap: wrap;
+    .token-list-item {
+      display: flex;
+      align-items: center;
+      width: 33.33%;
+      font-size: 30px;
+      font-family: "Poppins-Regular";
+      font-weight: 400;
+      color: #ffffff;
+      .token-icon {
+        width: 78px;
+        height: 78px;
+        img {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+.nft-content {
+  display: flex;
+  align-items: center;
+  margin-top: 35px;
+  margin-bottom: 20px;
+  .nft-title {
+    font-size: 42px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+    margin-right: 40px;
+  }
+
+  .tabs-item-active {
+    width: 214px;
+    height: 56px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    color: #000000;
+    background: #2dadb2;
+    border-radius: 20px 20px 0px 0px;
+    font-size: 32px;
+    font-family: "Poppins";
+    font-weight: bold;
+    justify-content: center;
+  }
+  .tabs-item {
+    width: 214px;
+    height: 56px;
+    display: flex;
+    cursor: pointer;
+    align-items: center;
+
+    justify-content: center;
+    font-size: 32px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #686a87;
+    border-radius: 20px;
+  }
+}
+.nft-list {
+  width: 100%;
+  height: 100%;
 }
 </style>
diff --git a/src/components/home/ReferralCard.vue b/src/components/home/ReferralCard.vue
index a41c911..fa306bc 100644
--- a/src/components/home/ReferralCard.vue
+++ b/src/components/home/ReferralCard.vue
@@ -1,13 +1,187 @@
 <template>
-    <div>
-        ReferralCard
+  <div class="referral-container">
+    <div class="referral-title">My referral</div>
+    <div class="referral-card">
+      <div class="referral-card-left">
+        <div class="referral-item">
+          <div class="referral-item-title">You have invited</div>
+          <div class="referral-content">
+            <div class="referral-item-icon">
+              <img
+                src="../../assets/img/stake/wallet-slices/invited_icon.png"
+                alt=""
+              />
+            </div>
+            <div>100333</div>
+          </div>
+        </div>
+        <div class="referral-item">
+          <div class="referral-item-title">You have gained</div>
+          <div class="referral-content">
+            <div class="referral-item-icon">
+              <img
+                src="../../assets/img/stake/wallet-slices/icon_CEC.png"
+                alt=""
+              />
+            </div>
+            <div>59000.7965</div>
+          </div>
+        </div>
+        <div class="referral-item">
+          <div class="referral-item-title">You have gained</div>
+          <div class="referral-content">
+            <div class="referral-item-icon">
+              <img
+                src="../../assets/img/stake/wallet-slices/icon_USDT.png"
+                alt=""
+              />
+            </div>
+            <div>959000.7965</div>
+          </div>
+        </div>
+      </div>
+      <div class="referral-card-right">
+        <div class="referral-link">
+          <div class="referral-link-icon">
+            <img
+              src="../../assets/img/stake/wallet-slices/referralLink_icon.png"
+              alt=""
+            />
+          </div>
+          <div class="referral-link-btn">referral link</div>
+        </div>
+      </div>
     </div>
+    <div>
+      <div class="latest">
+        <div
+         
+          v-for="(item, index) in latestText"
+          :key="index" 
+          :class="index == current? 'latest-item-active':'latest-item'"
+          @click="handcurrent(index)"
+        >
+          {{ item }}
+        </div>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
-
+import { ref, reactive, onMounted, onUnmounted } from "vue";
+const current = ref(0);
+const latestText = ref(["Latest Earnings", "Referral List"]);
+const handcurrent = (index) => {
+    current.value =index
+};
 </script>
 
 <style lang="scss" scoped>
-
-</style>
\ No newline at end of file
+.referral-container {
+  width: 100%;
+  .referral-title {
+    font-size: 42px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #ffffff;
+  }
+  .referral-card {
+    width: 1479px;
+    height: 228px;
+    border-radius: 0px 20px 0px 20px;
+    background: #2a2b3e;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-left: 20px;
+    padding-right: 20px;
+    .referral-card-left {
+      display: flex;
+      width: calc(100% - 323px);
+      height: 100%;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .referral-item {
+      .referral-item-title {
+        font-size: 24px;
+        margin-left: 90px;
+        font-family: "Poppins-Regular";
+        font-weight: 400;
+        color: #ffffff;
+      }
+      .referral-content {
+        width: 345px;
+        height: 62px;
+        display: flex;
+        padding-right: 29px;
+        align-items: center;
+        font-size: 30px;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+        justify-content: space-between;
+        background: #1d1e2d;
+        border-radius: 31px;
+      }
+    }
+    .referral-card-right {
+      .referral-link {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      .referral-link-btn {
+        width: 221px;
+        height: 65px;
+        background: #1778f1;
+        border-radius: 20px;
+        display: flex;
+        margin-top: 7px;
+        justify-content: center;
+        align-items: center;
+        font-size: 30px;
+        cursor: pointer;
+        font-family: "Poppins";
+        font-weight: bold;
+        color: #ffffff;
+      }
+    }
+  }
+  .latest {
+    display: flex;
+    padding-top: 42px;
+  }
+  .latest-item-active{
+    width: 299px;
+    height: 56px;
+    background: #2dadb2;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 20px;
+    font-size: 32px;
+    cursor: pointer;
+    margin-right: 30px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #000000;
+  }
+  .latest-item {
+    width: 299px;
+    height: 56px;
+    // background: #2dadb2;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    border-radius: 20px;
+    font-size: 32px;
+    cursor: pointer;
+    margin-right: 30px;
+    font-family: "Poppins";
+    font-weight: bold;
+    color: #686A87;
+  }
+}
+</style>
diff --git a/src/components/home/nftcarousel/HerosCarousel.vue b/src/components/home/nftcarousel/HerosCarousel.vue
new file mode 100644
index 0000000..cfdd312
--- /dev/null
+++ b/src/components/home/nftcarousel/HerosCarousel.vue
@@ -0,0 +1,94 @@
+<template>
+  <div class="heros-carousel">
+    <swiper
+      :slidesPerView="6"
+      :navigation="true"
+      :spaceBetween="45"
+      :modules="modules"
+      class="mySwiper"
+    >
+      <swiper-slide v-for="(item, index) in listItem" :key="index">
+        <div class="card">
+          <img :src="productImage(item)" alt="" />
+          
+        </div>
+      </swiper-slide>
+    </swiper>
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, onUnmounted, computed } from "vue";
+
+import { Swiper, SwiperSlide } from "swiper/vue";
+import "swiper/css";
+import "swiper/css/pagination";
+import "swiper/css/navigation";
+
+// import required modules
+import { Pagination, Navigation } from "swiper/modules";
+const props = defineProps({
+  listItem: {
+    type: Array,
+    required: true,
+  },
+  type: {
+    type: Number,
+    required: true,
+  },
+});
+
+const productImage = (item) => {
+  if (props.type === "Heros") {
+    return `https://www.cebg.games/res/avatars/${item.item_id}.png`;
+  } else if (props.type === "Gacha") {
+    return new URL(
+      `../../../assets/img/stake/wallet-slices/gacha/${item.item_id}.png`,
+      import.meta.url
+    ).href; 
+  } else if (props.type === "Planet") {
+    return new URL(
+      `../../../assets/img/stake/wallet-slices/planet/${item.item_id}.png`,
+      import.meta.url
+    ).href; 
+  } else {
+    return "/images/default.jpg"; 
+  }
+};
+const modules = [Pagination, Navigation];
+</script>
+
+<style lang="scss" scoped>
+.heros-carousel {
+  width: 100%;
+  height: 100%;
+
+  overflow: hidden;
+}
+// .mySwiper {
+//   padding-left: 50px;
+//   padding-right: 50px;
+// }
+.swiper {
+  //   width: 100%;
+  //   height: 100%;
+  padding-left: 45px;
+  padding-right: 45px;
+}
+.card{
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.swiper-slide {
+  width: 200px;
+  height: 279px;
+  background: #2a2b3e;
+  border-radius: 20px;
+}
+::deep(.swiper-button-prev, .swiper-button-next) {
+  color: #8f8d8d;
+}
+</style>
diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index f302bb5..cb12292 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -72,7 +72,7 @@
         </div> -->
         <div
           class="metaMask-login"
-          v-if="!chain.logined"
+          v-if="!AppModule.addressValue"
           @click="loginShowMenu = !loginShowMenu"
         >
           <!-- <div class="metaMask-logo">
@@ -89,16 +89,18 @@
                   alt=""
                 />
               </div>
-              <div @click="login">Sign In with Google</div>
+              <div @click="loginWithGoogle">Sign In with Google</div>
             </div>
           </div>
         </div>
-        <div   class="metaMask-login-btn" v-else>
+        <div class="metaMask-login-btn" v-else>
           <div class="metaMask-logo">
-            <img src="../../assets/img/stake/wallet-slices/CF_walletIcon.png" alt="" />
+            <img
+              src="../../assets/img/stake/wallet-slices/CF_walletIcon.png"
+              alt=""
+            />
           </div>
           <div class="metaMask-login-active" @click="showMenu = !showMenu">
-            
             <div class="matamask">
               <div class="title">{{ formatAddress }}</div>
             </div>
@@ -107,29 +109,40 @@
             </div>
           </div>
           <div class="metaMask-avatar">
-            <img src="../../assets/img/stake/wallet-slices/member_icon.png" alt="" />
+            <img
+              src="../../assets/img/stake/wallet-slices/member_icon.png"
+              alt=""
+            />
           </div>
         </div>
       </div>
     </div>
     <ChainModel></ChainModel>
+    <LoginModal v-model:visible="Loginvisible"></LoginModal>
+    <CreateWalletModal v-model:visible="visible"></CreateWalletModal>
   </div>
 </template>
 
 <script setup>
-import { ref, reactive, onMounted, computed, watchEffect } from "vue";
+import { ref, reactive, onMounted, computed, watchEffect, watch } from "vue";
 import { useChainStore } from "@/store/chain";
 import { useAppStore } from "@/store/app";
 import { hasMetamask } from "@/utils/chain.util";
 import { useRouter, useRoute } from "vue-router";
+import { getlogin, getNftListByType } from "@/api/User";
 import ChainModel from "@/components/home/ChainModel.vue";
+import CreateWalletModal from "@/components/global/CreateWalletModal.vue";
+import LoginModal from "@/components/global/LoginModal.vue";
 import { useCopyToClipboard } from "./../../hooks/useCopyToClipboard";
+import { fillFieldNames } from "ant-design-vue/lib/vc-cascader/utils/commonUtil";
 
 const AppModule = useAppStore();
 const router = useRouter();
 const route = useRoute();
 const chain = useChainStore();
 const app = useAppStore();
+const visible = ref(false);
+const Loginvisible = ref(false);
 
 function click(event) {
   router.push(event.key);
@@ -141,7 +154,7 @@ const message = copied.value
   ? "Text copied!"
   : "Click the button to copy text.";
 const formatAddress = computed(() => {
-  const accountId = AppModule.accountId;
+  const accountId = AppModule.addressValue;
   if (!accountId) return "-";
   if (accountId.length >= 10) {
     return `${accountId.substring(0, 6)}......${accountId.slice(-4)}`;
@@ -149,13 +162,50 @@ const formatAddress = computed(() => {
   return accountId;
 });
 const loginWithGoogle = async () => {
-  let res = await callMethod("walletLogin", "0", "dev");
-  console.log(res);
-  if (res.data && res.data.address) {
-    var addressValue = res.data.address;
-    console.log("存在 'address' 字段，其值为: " + addressValue);
-  } else {
-    console.log("不存在 'address' 字段或其值为空。");
+  try {
+    let res = await callMethod("walletLogin", "0", "dev");
+
+    res = JSON.parse(res);
+    console.log(res);
+    if (res && res.errcode == 1) {
+      console.log("请稍后再试");
+      return false;
+    }
+    if (res.data && res.data.address && res.errcode == 0) {
+      handLoginModal();
+      ////  AppModule.updateAddressValue(res.data.address);
+      let reslogin = await getlogin({
+        channel: "6517",
+        gameid: "2006",
+        token: res.data.token,
+      });
+      let resBalance = await callMethod(
+        "erc20Balance",
+        "0xaa34B79A0Ab433eaC900fB3CB9f191F5Cd27501D",
+        AppModule.addressValue
+      );
+      // reslogin = JSON.stringify(reslogin);
+      // reslogin = JSON.parse(reslogin);
+      AppModule.updateUserInfo(reslogin)
+      console.log("reslogin:reslogin", reslogin);
+      console.log("reslogin.session_id", reslogin.session_id);
+      console.log("reslogin.account_id", reslogin.account_id);
+      console.log("AppModule.userInfo", AppModule.userInfo.session_id);
+      const resnft = await getNftListByType({
+        session_id:
+          "1687245799_1686537138_8872708fec6bbf7e250d81aa86de029c_88621a2f59e431dc3917130a33943896",
+        account_id: "6517_2006_0_106938563111572673791",
+        token_type: "1",
+      });
+      console.log("resBalance: ",resnft);
+
+      // console.log("存在 'address' 字段，其值为: " + AppModule.addressValue);
+    } else {
+      handlModal();
+      console.log("不存在 'address' 字段或其值为空。");
+    }
+  } catch (error) {
+    console.log("error", error);
   }
 };
 async function login(event) {
@@ -166,11 +216,11 @@ async function login(event) {
   } else {
     if (!chain.logined) {
       //没有登录情况下执行登录
-
-      await chain.chainManager.login();
-      // console.log("logined:", chain.chainManager.isLogined);
-      chain.logined = chain.chainManager.isLogined;
-      loginWithGoogle();
+      handlModal();
+      // await chain.chainManager.login();
+      // // console.log("logined:", chain.chainManager.isLogined);
+      // chain.logined = chain.chainManager.isLogined;
+      // loginWithGoogle();
     }
   }
 }
@@ -231,6 +281,14 @@ function openThirdPartyLink(url) {
   window.open(url, "_blank");
 }
 
+const handlModal = () => {
+  visible.value = true;
+  // addNotification("Purchase failed");
+};
+const handLoginModal = () => {
+  Loginvisible.value = true;
+  // addNotification("Purchase failed");
+};
 const handleCopy = () => {
   const accountId = AppModule.accountId;
   reset();
@@ -240,6 +298,14 @@ const handleCopy = () => {
     // }
   });
 };
+watch(
+  () => AppModule.addressValue,
+  async (newValue, oldValue) => {
+    console.log("logined changed from", oldValue, "to", newValue);
+
+    // totalSupply.value = await chain.chainManager.bc.totalSupply();
+  }
+);
 watchEffect(() => {
   const index = navList.findIndex(
     (navItem) => route.path.slice(0, 5) === navItem.path.slice(0, 5)
@@ -522,11 +588,10 @@ watchEffect(() => {
   .dropdown-content :hover {
     background-color: #2a2b3e;
   }
-  .metaMask-avatar{
+  .metaMask-avatar {
     width: 60px;
     height: 60px;
     margin-left: 10px;
-   
   }
   .metaMask-logo {
     width: 60px;
@@ -589,7 +654,7 @@ watchEffect(() => {
       background-color: #f5f5f5;
     }
   }
-  .metaMask-login-btn{
+  .metaMask-login-btn {
     display: flex;
     align-items: center;
   }
diff --git a/src/js-assets/scripts/run_sample.js b/src/js-assets/scripts/run_sample.js
index fa766bd..8f8965a 100644
--- a/src/js-assets/scripts/run_sample.js
+++ b/src/js-assets/scripts/run_sample.js
@@ -196,12 +196,12 @@ const pages = {
 
 // 根据上面的事件列表, 在页面上显示按钮
 let app = document.getElementById('app');
-for (let key in pages) {
-  let button = document.createElement('button');
-  button.innerText = key;
-  button.addEventListener('click', pages[key]);
-  app.appendChild(button);
-}
+// for (let key in pages) {
+//   let button = document.createElement('button');
+//   button.innerText = key;
+//   button.addEventListener('click', pages[key]);
+//   app.appendChild(button);
+// }
 window.addEventListener('envready', (e) => {
   console.log('接受到环境初始化事件, 可以显示登录按钮了');
 });
diff --git a/src/main.js b/src/main.js
index 32a2aa0..23b174a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -6,6 +6,7 @@ import "@/assets/text/text.css";
 import "./index.css"; // 导入 Tailwind CSS 样式
 import Antd from "ant-design-vue";
 import "ant-design-vue/dist/antd.css";
+import 'vue3-virtual-scroller/dist/vue3-virtual-scroller.css'
 import pinia from "@/store";
 import router from "./router/index";
 import VueAnimXyz from "@animxyz/vue3";
@@ -15,6 +16,8 @@ import vue3dLoader from "vue-3d-loader";
 import VueClipboard from "vue3-clipboard";
 import Vue3Autocounter from 'vue3-autocounter';
 import { notification } from 'ant-design-vue';
+import VueVirtualScroller from 'vue3-virtual-scroller'
+
 
 notification.config({
   placement: 'topRight',
@@ -28,6 +31,7 @@ app.config.globalProperties.$log = console.log.bind(console);
 
 app
   .use(pinia)
+  .use(VueVirtualScroller)
   .use(VueClipboard)
   .use(VueAnimXyz)
   .use(vue3dLoader)
diff --git a/src/store/app.js b/src/store/app.js
index d2f42c0..2110a88 100644
--- a/src/store/app.js
+++ b/src/store/app.js
@@ -1,35 +1,40 @@
-import { defineStore } from 'pinia';
-import { ref } from 'vue';
+import { defineStore } from "pinia";
+import { ref } from "vue";
 
-export const useAppStore = defineStore('app', () => {
-  
+export const useAppStore = defineStore("app", () => {
   const list = ref([
-    {userId: "1", headpic: "/images/1667520250923113.webp"},
-    {userId: "2", headpic: "/images/16555781459976085.webp"},
-    {userId: "3", headpic: "/images/16595363622946259.webp"},
-    {userId: "4", headpic: "/images/16620693455819353.webp"},
+    { userId: "1", headpic: "/images/1667520250923113.webp" },
+    { userId: "2", headpic: "/images/16555781459976085.webp" },
+    { userId: "3", headpic: "/images/16595363622946259.webp" },
+    { userId: "4", headpic: "/images/16620693455819353.webp" },
   ]);
 
   function get(userId) {
-    return list.value.find(i=>i.userId==userId);
+    return list.value.find((i) => i.userId == userId);
   }
 
   const walletConnected = ref(false);
-  const accountId = ref('');
+  const accountId = ref("");
   const chainId = ref(0);
   const presaleStatus = ref(0);
   const step = ref(0);
-  const nonce = ref('');
-  const token = ref('');
+  const nonce = ref("");
+  const token = ref("");
+  const addressValue = ref("");
+  const userInfo = ref({});
 
   function updateWalletStatus(_connected) {
     walletConnected.value = _connected;
   }
 
   function updateAccount(_accountId) {
-   
     accountId.value = _accountId;
-   
+  }
+  function updateAddressValue(_addressValue) {
+    addressValue.value = _addressValue;
+  }
+  function updateUserInfo(_userInfo) {
+    userInfo.value = _userInfo;
   }
   function updateChainID(_chainId) {
     chainId.value = _chainId;
@@ -44,12 +49,24 @@ export const useAppStore = defineStore('app', () => {
     token.value = _token;
   }
 
-  return { list, get, 
-    accountId, updateAccount, 
-    chainId, updateChainID,
-    walletConnected, updateWalletStatus,
-    step, updateStep,
-    nonce, updateNonce,
-    token, updateToken,
-  }
-})
\ No newline at end of file
+  return {
+    list,
+    get,
+    accountId,
+    updateAccount,
+    addressValue,
+    updateAddressValue,
+    chainId,
+    updateChainID,
+    walletConnected,
+    updateWalletStatus,
+    step,
+    updateStep,
+    nonce,
+    updateNonce,
+    token,
+    updateToken,
+    userInfo,
+    updateUserInfo
+  };
+});
diff --git a/src/utils/request.ts b/src/utils/request.ts
index 9866c9d..4b27da3 100644
--- a/src/utils/request.ts
+++ b/src/utils/request.ts
@@ -4,7 +4,7 @@ import { message } from 'ant-design-vue'
 import glodata from '@/store/user_global';
 
 // console.log(import.meta.env);
-
+// console.log(import.meta.env.VUE_APP_BASE_API2,'LOGIN_API');
 const service = axios.create({
   baseURL: import.meta.env.VUE_APP_BASE_API,
   timeout: 10000
diff --git a/src/utils/request3.ts b/src/utils/request3.ts
new file mode 100644
index 0000000..bc0ce5c
--- /dev/null
+++ b/src/utils/request3.ts
@@ -0,0 +1,65 @@
+import axios from 'axios'
+import { message } from 'ant-design-vue'
+
+import glodata from '@/store/user_global';
+
+// console.log(import.meta.env.VUE_APP_BASE_API2,'LOGIN_API');
+
+const service = axios.create({
+  baseURL: 'https://login-test.kingsome.cn',
+  timeout: 10000
+})
+
+// Request interceptors
+service.interceptors.request.use(
+  (config) => {
+    // Add X-Access-Token header to every request, you can add other custom headers here
+    if (glodata.token) {
+      if (config.url) {
+        if (config.url.indexOf('?') > 0) {
+          config.url += `&token=${glodata.token}`
+        } else {
+          config.url += `?token=${glodata.token}`
+        }
+        if (config.url.indexOf('account=') < 0 && glodata.accountId) {
+          config.url += `&account=${glodata.accountId}`
+        }
+        if (config.url.indexOf('net_id=') < 0 && glodata.chainId) {
+          config.url += `&net_id=${glodata.chainId}`
+        }
+      }
+    }
+    config.headers['Content-Type'] = 'application/json'
+    return config
+  },
+  (error) => {
+    Promise.reject(error)
+  }
+)
+
+// Response interceptors
+service.interceptors.response.use(
+  (response) => {
+    // Some example codes here:
+    // code == 0: success
+    // code == 10: username or password is incorrect
+    // You can change this part for your own usage.
+    const res = response.data
+    if (res.errcode) {
+      // Message({
+      //   message: res.errmsg || 'Error',
+      //   type: 'error',
+      //   duration: 5 * 1000
+      // })
+     // return Promise.reject(new Error(res.errmsg || 'Error'))
+    } else {
+      return response.data
+    }
+  },
+  (error) => {
+    message.error(error.message, 5);
+    return Promise.reject(error)
+  }
+)
+
+export default service
diff --git a/src/utils/request4.ts b/src/utils/request4.ts
new file mode 100644
index 0000000..58c5c0c
--- /dev/null
+++ b/src/utils/request4.ts
@@ -0,0 +1,65 @@
+import axios from 'axios'
+import { message } from 'ant-design-vue'
+
+import glodata from '@/store/user_global';
+
+// console.log(import.meta.env.VUE_APP_BASE_API2,'LOGIN_API');
+
+const service = axios.create({
+  baseURL: 'https://game2006api-test.kingsome.cn',
+  timeout: 10000
+})
+
+// Request interceptors
+service.interceptors.request.use(
+  (config) => {
+    // Add X-Access-Token header to every request, you can add other custom headers here
+    if (glodata.token) {
+      if (config.url) {
+        if (config.url.indexOf('?') > 0) {
+          config.url += `&token=${glodata.token}`
+        } else {
+          config.url += `?token=${glodata.token}`
+        }
+        if (config.url.indexOf('account=') < 0 && glodata.accountId) {
+          config.url += `&account=${glodata.accountId}`
+        }
+        if (config.url.indexOf('net_id=') < 0 && glodata.chainId) {
+          config.url += `&net_id=${glodata.chainId}`
+        }
+      }
+    }
+    config.headers['Content-Type'] = 'application/json'
+    return config
+  },
+  (error) => {
+    Promise.reject(error)
+  }
+)
+
+// Response interceptors
+service.interceptors.response.use(
+  (response) => {
+    // Some example codes here:
+    // code == 0: success
+    // code == 10: username or password is incorrect
+    // You can change this part for your own usage.
+    const res = response.data
+    if (res.errcode) {
+      // Message({
+      //   message: res.errmsg || 'Error',
+      //   type: 'error',
+      //   duration: 5 * 1000
+      // })
+     // return Promise.reject(new Error(res.errmsg || 'Error'))
+    } else {
+      return response.data
+    }
+  },
+  (error) => {
+    message.error(error.message, 5);
+    return Promise.reject(error)
+  }
+)
+
+export default service
\ No newline at end of file
diff --git a/src/views/CollateralizeView.vue b/src/views/CollateralizeView.vue
new file mode 100644
index 0000000..b75cfc8
--- /dev/null
+++ b/src/views/CollateralizeView.vue
@@ -0,0 +1,13 @@
+<template>
+    <div>
+
+    </div>
+</template>
+
+<script setup>
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 9f1ebf7..703c380 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="map-container">
-    <swiper
+    <MyWalle></MyWalle>
+    <!-- <swiper
       :direction="'vertical'"
       :slidesPerView="1"
       :mousewheel="true"
@@ -12,8 +13,8 @@
       class="mySwiper"
     >
       <swiper-slide><MyWalle></MyWalle></swiper-slide>
-      <!-- <swiper-slide><CounterFire></CounterFire></swiper-slide> -->
-    </swiper>
+    
+    </swiper> -->
     <div class="please" v-if="!isLandscape && isMobileDevice">
       <div class="content">
         <div class="logo">
@@ -35,15 +36,15 @@
 <script setup>
 //  引入想要效果模块
 import { ref, reactive, onMounted ,onUnmounted } from "vue";
-import { Autoplay, EffectFade, Mousewheel, Pagination } from "swiper";
+
 import { Swiper, SwiperSlide } from "swiper/vue";
 import MyWalle from "../components/home/MyWalle.vue";
 import CounterFire from "../components/home/CounterFire.vue";
 // 引入样式
-import "swiper/css";
-import "swiper/css/autoplay";
-import "swiper/css/effect-fade";
-const modules = [Mousewheel, Pagination];
+// import "swiper/css";
+// import "swiper/css/autoplay";
+// import "swiper/css/effect-fade";
+// const modules = [Mousewheel, Pagination];
 // 嫌麻烦，直接引入了所有 Swiper 样式，包括所有模块样式
 // import 'swiper/css/bundle'
 
diff --git a/yarn.lock b/yarn.lock
index b706f46..95c0ced 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -647,6 +647,22 @@
     "estree-walker" "^2.0.2"
     "magic-string" "^0.27.0"
 
+"@rollup/plugin-json@^4.1.0":
+  "integrity" "sha512-yfLbTdNS6amI/2OpmbiBoW12vngr5NW2jCJVZSBEz+H5KfUJZ2M7sDjk0U6GOOdCWFVScShte29o9NezJ53TPw=="
+  "resolved" "https://registry.npmmirror.com/@rollup/plugin-json/-/plugin-json-4.1.0.tgz"
+  "version" "4.1.0"
+  dependencies:
+    "@rollup/pluginutils" "^3.0.8"
+
+"@rollup/pluginutils@^3.0.8":
+  "integrity" "sha512-GksZ6pr6TpIjHm8h9lSQ8pi8BE9VeubNT0OMJ3B5uZJ8pz73NPiqOtCog/x2/QzM1ENChPKxMDhiQuRHsqc+lg=="
+  "resolved" "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-3.1.0.tgz"
+  "version" "3.1.0"
+  dependencies:
+    "@types/estree" "0.0.39"
+    "estree-walker" "^1.0.1"
+    "picomatch" "^2.2.2"
+
 "@rollup/pluginutils@^5.0.1":
   "integrity" "sha512-pTd9rIsP92h+B6wWwFbW8RkZv4hiR/xKsqre4SIuAOaOEQRxi0lqLke9k2/7WegC85GgUs9pjmOjCUi3In4vwA=="
   "resolved" "https://registry.npmmirror.com/@rollup/pluginutils/-/pluginutils-5.0.2.tgz"
@@ -740,6 +756,11 @@
   "resolved" "https://registry.npmmirror.com/@types/estree/-/estree-1.0.0.tgz"
   "version" "1.0.0"
 
+"@types/estree@0.0.39":
+  "integrity" "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw=="
+  "resolved" "https://registry.npmmirror.com/@types/estree/-/estree-0.0.39.tgz"
+  "version" "0.0.39"
+
 "@types/html-minifier-terser@^6.0.0":
   "integrity" "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg=="
   "resolved" "https://registry.npmmirror.com/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz"
@@ -2811,13 +2832,6 @@
   "resolved" "https://registry.npmmirror.com/dom-walk/-/dom-walk-0.1.2.tgz"
   "version" "0.1.2"
 
-"dom7@^4.0.4":
-  "integrity" "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA=="
-  "resolved" "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz"
-  "version" "4.0.6"
-  dependencies:
-    "ssr-window" "^4.0.0"
-
 "domelementtype@^2.0.1", "domelementtype@^2.2.0":
   "integrity" "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="
   "resolved" "https://registry.npmmirror.com/domelementtype/-/domelementtype-2.3.0.tgz"
@@ -3219,6 +3233,11 @@
   "resolved" "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz"
   "version" "5.3.0"
 
+"estree-walker@^1.0.1":
+  "integrity" "sha512-1fMXF3YP4pZZVozF8j/ZLfvnR8NSIljt56UhbZ5PeeDmmGHpgpdwQt7ITlGvYaQukCvuBRMLEiKiYC+oeIg4cg=="
+  "resolved" "https://registry.npmmirror.com/estree-walker/-/estree-walker-1.0.1.tgz"
+  "version" "1.0.1"
+
 "estree-walker@^2.0.2":
   "integrity" "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
   "resolved" "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz"
@@ -5977,7 +5996,7 @@
   "resolved" "https://registry.npmmirror.com/picocolors/-/picocolors-1.0.0.tgz"
   "version" "1.0.0"
 
-"picomatch@^2.0.4", "picomatch@^2.2.1", "picomatch@^2.3.1":
+"picomatch@^2.0.4", "picomatch@^2.2.1", "picomatch@^2.2.2", "picomatch@^2.3.1":
   "integrity" "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
   "resolved" "https://registry.npmmirror.com/picomatch/-/picomatch-2.3.1.tgz"
   "version" "2.3.1"
@@ -6562,6 +6581,13 @@
   optionalDependencies:
     "fsevents" "~2.3.2"
 
+"rollup@^1.20.0 || ^2.0.0", "rollup@^1.20.0||^2.0.0":
+  "integrity" "sha512-uKxbd0IhMZOhjAiD5oAFp7BqvkA4Dv47qpOCtaNvng4HBwdbWtdOh8f5nZNuk2rp51PMGk3bzfWu5oayNEuYnw=="
+  "resolved" "https://registry.npmmirror.com/rollup/-/rollup-2.79.1.tgz"
+  "version" "2.79.1"
+  optionalDependencies:
+    "fsevents" "~2.3.2"
+
 "rrweb-cssom@^0.6.0":
   "integrity" "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
   "resolved" "https://registry.npmmirror.com/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz"
@@ -6673,6 +6699,11 @@
   dependencies:
     "compute-scroll-into-view" "^1.0.20"
 
+"scrollparent@^2.0.1":
+  "integrity" "sha512-bnnvJL28/Rtz/kz2+4wpBjHzWoEzXhVg/TE8BeVGJHUqE8THNIRnDxDWMktwM+qahvlRdvlLdsQfYe+cuqfZeA=="
+  "resolved" "https://registry.npmmirror.com/scrollparent/-/scrollparent-2.1.0.tgz"
+  "version" "2.1.0"
+
 "scrypt-js@^3.0.0", "scrypt-js@^3.0.1":
   "integrity" "sha512-cdwTTnqPu0Hyvf5in5asVdZocVDTNRmR7XEcJuIzMjJeSHybHl7vpB66AzwTaIg6CLSbtjcxc8fqcySfnTkccA=="
   "resolved" "https://registry.npmmirror.com/scrypt-js/-/scrypt-js-3.0.1.tgz"
@@ -6947,11 +6978,6 @@
     "safer-buffer" "^2.0.2"
     "tweetnacl" "~0.14.0"
 
-"ssr-window@^4.0.0", "ssr-window@^4.0.2":
-  "integrity" "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
-  "resolved" "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz"
-  "version" "4.0.2"
-
 "static-extend@^0.1.1":
   "integrity" "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g=="
   "resolved" "https://registry.npmmirror.com/static-extend/-/static-extend-0.1.2.tgz"
@@ -7109,13 +7135,10 @@
     "tar" "^4.0.2"
     "xhr-request" "^1.0.1"
 
-"swiper@8":
-  "integrity" "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g=="
-  "resolved" "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz"
-  "version" "8.4.7"
-  dependencies:
-    "dom7" "^4.0.4"
-    "ssr-window" "^4.0.2"
+"swiper@^10.3.0":
+  "integrity" "sha512-o81KZH4phL/dJxKFWpZ/zf78QxOyFMood+c86vJJO0ZeSOoniyzV8HWDsw12KOlQdm4WRxrc/6kfGImAcxcS3w=="
+  "resolved" "https://registry.npmmirror.com/swiper/-/swiper-10.3.0.tgz"
+  "version" "10.3.0"
 
 "symbol-tree@^3.2.4":
   "integrity" "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
@@ -7782,6 +7805,26 @@
   dependencies:
     "clipboard" "^2.0.6"
 
+"vue3-observe-visibility2@^0.0.3":
+  "integrity" "sha512-yJL0G5RrI/uXdDrs+0fdlk/dYKhKBRZtkwJO0ar44NTIX+Rnw63iHgTz+p00M+yp6Avm1Q+o6y82h0hkTzmpHg=="
+  "resolved" "https://registry.npmmirror.com/vue3-observe-visibility2/-/vue3-observe-visibility2-0.0.3.tgz"
+  "version" "0.0.3"
+
+"vue3-resize@^0.2.0":
+  "integrity" "sha512-vZkbEv4PjMEWFV0igAxCvdSIH9hrIJjXyJ9XPTxH0cS/L2/VW1dLVORMWJKU0VXHpHiYKwskB62ju7aBQMVpOQ=="
+  "resolved" "https://registry.npmmirror.com/vue3-resize/-/vue3-resize-0.2.0.tgz"
+  "version" "0.2.0"
+
+"vue3-virtual-scroller@^0.2.3":
+  "integrity" "sha512-iPBi0FocZGxVar46iLYzLMfdTMe/O3X8h1iTc21aPhAaGRyMMAZ64AN7Dn6FA+qYFam5f3wHIUktAnpgCFtNuw=="
+  "resolved" "https://registry.npmmirror.com/vue3-virtual-scroller/-/vue3-virtual-scroller-0.2.3.tgz"
+  "version" "0.2.3"
+  dependencies:
+    "@rollup/plugin-json" "^4.1.0"
+    "scrollparent" "^2.0.1"
+    "vue3-observe-visibility2" "^0.0.3"
+    "vue3-resize" "^0.2.0"
+
 "w3c-xmlserializer@^4.0.0":
   "integrity" "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw=="
   "resolved" "https://registry.npmmirror.com/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz"