diff --git a/Build_God_Game/src/assets/images/character.svg b/Build_God_Game/src/assets/images/character.svg
new file mode 100644
index 0000000..f8c8b73
--- /dev/null
+++ b/Build_God_Game/src/assets/images/character.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774669454892" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24840" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M728.64 577.67a25.92 25.92 0 0 0-12.89-15.52c-2.93-3.53-5.78-7-8.45-10.2 93.14-102.54 90.44-275.69 7.75-388-97.19-132-274.55-133.19-366.92-3.75C290.45 222 257 308.7 269.75 388.8c9.24 58.07 32.18 127.4 75.58 172.94-36.54 77.4-94.83 143.81-137.62 217.8-19.06 33-51.87 83.41-35.8 123.93 35.5 89.57 250 47.27 315.51 41.71 88.27-7.5 174.73-17.66 262.06-32.56 34.43-5.87 76.15-8.32 94.25-42.15 47.89-89.47-51.15-215.58-115.09-292.8z m-233.87 208c-3.66 36.19-9.83 72.49-6.76 108.68q-23.45 1.86-46.76 3.58c-52.48 4-106.86 6.74-159.44 3.77-67.53-3.82-54.18-45.64-31.14-97.1 29.85-66.66 78-132.93 103.56-203.15 5 26 5.13 59.14 11.11 87.33-17 38.38-49.11 71.73-78.21 101.64-18.12 18.62-45.61 43-44.2 71.45 0.29 5.82 9 5.89 9.1 0 0.57-35.41 40.73-63.07 61.88-87.89 10.14-11.91 19.88-24.46 29.37-36.91a260.72 260.72 0 0 0 17.57-25.43c4.54-7.7 3.52-12.42 4-16.24-0.2 1.72 1.3 2.66 2.82 2.74 5.49 19.77 14.78 36.17 32.34 44.29 34.58 16 71.11-2.51 98.27-31.64a713.34 713.34 0 0 1-3.51 74.92z m-133-207.07c0.12-0.41 0.29-0.81 0.41-1.22a153.07 153.07 0 0 0 27 17.6c31.26 15.8 67.92 26.82 105.41 31.31-2.14 43.17-60.29 117.05-99.72 71.7-10.08-11.59-10.78-41.08-13.59-55.38-4.28-21.73-6.44-45.77-19.47-63.97z m44.09-34.2a140.9 140.9 0 0 1-14.46-9.81c14.18-25 26.69-50.69 35.31-78.65 1.4-4.54-5.69-6.48-7.11-2-8.41 26.89-20.67 51.32-34.55 75.13A168.46 168.46 0 0 1 357 497.86c30.66-38.35 57.58-79.88 79-124 2.34-4.82-4.81-9.07-7.24-4.23-21.51 42.91-48.64 81.14-78.11 118.47a243.13 243.13 0 0 1-16.01-31.1c10.81-13.52 16-30.2 23.8-46.53 13.87-29.17 31.45-56.32 49.51-83 2.72-4-3.76-7.74-6.49-3.79-15.55 22.55-30.71 45.38-43.59 69.59-9.28 17.44-15.56 37.81-27 54.11a384.72 384.72 0 0 1-16.59-55.2 192.62 192.62 0 0 1-3-19.31c11.24-30.45 42.29-52.7 62.45-77 24-28.94 45.51-59.87 70.32-88.19 2.8-3.2-1.84-7.91-4.7-4.7-31.88 35.83-58.39 76.24-92 110.53-13.52 13.8-27.67 27-37.23 42.84-1.89-52.87 15.94-107.75 47.16-153.71a17.38 17.38 0 0 0 9.72-7.14c75.56-113 234.55-107.43 310 1.55 78.64 113.56 68.79 296.2-66.77 362.29-61.04 29.78-146.88 19.01-204.33-14.9zM670 590.32c-10 24.39-13.7 51.89-31.77 72.84-23.34 27.06-57.87 41.9-80.06 6.91-7.85-12.37-12.34-27.34-16.14-41.73 33.74-1.21 66.61-8.31 95.23-22.78a246.11 246.11 0 0 0 30.37-18.34c0.72 0.96 1.63 2.11 2.37 3.1z m119.3 259.33c-9.41 12.2-126.28 23.89-150 27.78-27.72 4.56-55.88 7.92-84.12 10.83a29.23 29.23 0 0 0-12.18-21.9c-4.33-40.72 4.93-91.17 3.86-136.12a76.1 76.1 0 0 0 47.55 18.26c65.54 2 90.5-58.08 112.95-110.84C760.19 704.89 828 799.45 789.3 849.65z" fill="#49e356" p-id="24841"></path><path d="M383.91 739.39c-28.26 36.32-64.15 68.21-82.17 111.4-1.2 2.88 1.75 5.34 4.24 5.57l6.24 0.57c4.73 0.43 5.9-7.73 1.13-8.37l-0.79-0.11c18.75-39.74 50.08-70.37 76.45-105.12 2.22-2.91-2.83-6.86-5.1-3.94zM363.25 860.68l-8.83 27.86c-1.64 5.18 6.32 7.27 8.08 2.23l9.67-27.63c1.96-5.6-7.11-8.14-8.92-2.46z" fill="#49e356" p-id="24842"></path></svg>
\ No newline at end of file
diff --git a/Build_God_Game/src/assets/images/mission.svg b/Build_God_Game/src/assets/images/mission.svg
new file mode 100644
index 0000000..6b51a6d
--- /dev/null
+++ b/Build_God_Game/src/assets/images/mission.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774669383132" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22425" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M962.56 502.784c-30.72-109.056-73.216-220.16-87.552-247.808-18.432-34.816-44.032-61.44-75.776-79.36-32.768-18.432-73.728-27.648-121.344-27.648h-327.68c-47.616 0-88.064 9.216-121.344 27.648-31.744 17.92-57.344 44.544-75.776 79.36-14.848 27.648-56.832 138.752-88.064 247.808-40.96 145.408-46.592 259.072-16.384 317.44 16.896 32.256 44.544 52.224 80.896 56.32 14.848 2.048 28.672 2.56 41.472 2.56 96.768 0 141.312-49.152 180.736-92.672 23.552-26.112 45.568-50.688 78.336-64h183.808c32.768 13.824 51.712 37.376 73.216 64.512 19.968 25.088 40.448 51.2 72.704 69.12 36.352 20.48 80.896 27.136 137.216 19.968 36.352-4.608 64-24.064 80.896-56.32 31.232-57.856 26.112-171.52-15.36-316.928z m-36.352 288.768c-8.192 16.384-19.968 24.576-38.4 26.624-12.288 1.536-24.064 2.048-34.304 2.048-68.096 0-93.184-31.744-123.904-70.144-24.064-30.208-51.2-64.512-100.352-82.944-3.072-1.024-6.144-1.536-9.728-1.536H426.496c-3.072 0-6.656 0.512-9.728 1.536-47.104 17.92-77.312 50.688-103.424 79.36-42.496 46.592-75.776 83.456-173.056 71.168-17.92-2.048-29.696-10.24-38.4-26.624-22.528-44.032-15.36-147.456 19.968-273.408C152.064 412.16 193.024 306.176 204.8 283.648c28.16-52.224 74.752-76.8 146.944-76.8H675.84c72.192 0 119.296 24.576 146.944 76.8 11.776 22.016 52.736 128 82.432 233.984 36.352 125.952 43.52 229.888 20.992 273.92z" p-id="22426" fill="#d81e06"></path><path d="M610.304 424.448c0 25.6 20.48 46.08 46.08 46.08s46.08-20.48 46.08-46.08-20.48-46.08-46.08-46.08-46.08 20.48-46.08 46.08zM712.704 527.872c0 25.6 20.48 46.08 46.08 46.08s46.08-20.48 46.08-46.08-20.48-46.08-46.08-46.08-46.08 20.992-46.08 46.08zM411.648 447.488H353.28V389.12c0-16.384-13.312-29.696-29.696-29.696s-29.696 13.312-29.696 29.696v58.368H235.52c-16.384 0-29.696 13.312-29.696 29.696S219.136 506.88 235.52 506.88h58.368v58.368c0 16.384 13.312 29.696 29.696 29.696s29.696-13.312 29.696-29.696V506.368h58.368c16.384 0 29.696-13.312 29.696-29.696s-13.312-29.184-29.696-29.184z" p-id="22427" fill="#d81e06"></path></svg>
\ No newline at end of file
diff --git a/Build_God_Game/src/assets/images/scrap.svg b/Build_God_Game/src/assets/images/scrap.svg
new file mode 100644
index 0000000..d6ff75f
--- /dev/null
+++ b/Build_God_Game/src/assets/images/scrap.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774669962720" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="33845" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M518.5536 934.0416c-99.3792 0-286.464-15.36-286.464-76.1344l-60.6208-645.12A14.2336 14.2336 0 1 1 199.68 209.92l60.7744 646.7072c0 15.36 87.7568 50.3296 259.328 50.3296s259.328-34.816 259.328-49.0496L839.68 209.92a14.2336 14.2336 0 0 1 28.3648 2.56l-60.4672 646.7072c-2.56 58.0608-189.44 74.8544-289.024 74.8544z" p-id="33846" fill="#ffffff"></path><path d="M518.5536 947.2c-49.9712 0-299.3664-4.3008-299.3664-89.0368L158.72 213.9648c-2.2528-13.2608 8.2944-26.8288 23.6032-29.44a27.2384 27.2384 0 0 1 30.3616 23.5008l60.6208 645.632c10.5984 10.24 87.04 40.3968 246.6816 40.3968 157.9008 0 235.52-29.6448 246.784-39.6288l60.2112-645.4272a28.2624 28.2624 0 0 1 28.3136-24.6784h2.1504a28.0576 28.0576 0 0 1 23.6544 28.2112L820.4288 860.16c-3.7376 84.3264-271.4112 87.04-301.8752 87.04zM185.856 209.92a5.12 5.12 0 0 0-1.7408 1.3824l60.8256 645.376c0 32.3072 102.4 64.4608 273.6128 64.4608 131.9936 0 274.4832-25.1392 276.1216-62.5152l60.672-647.0656a3.3792 3.3792 0 0 0-1.1776-1.2288 2.304 2.304 0 0 0-1.6384 1.9456l-60.5184 646.8096c0 32.3584-124.6208 60.7232-272.1792 60.7232-150.1184 0-272.2816-28.3648-272.2816-63.232l-60.5696-645.12a3.8912 3.8912 0 0 0-1.1264-1.536z m580.608 646.2976a8.8064 8.8064 0 0 0 0 1.6896zM273.2544 855.04v0.5632a2.0992 2.0992 0 0 0 0-0.5632z" p-id="33847" fill="#ffffff"></path><path d="M518.5536 318.5664c-167.7312 0-347.0848-38.7072-347.0848-109.6704s179.2-109.6704 347.0848-109.6704 347.0848 38.7072 347.0848 109.6704c0 72.2432-179.5584 109.6704-347.0848 109.6704z m0-189.44C321.1264 128.8704 199.68 176.64 199.68 209.92s121.2928 81.3056 318.72 81.3056S837.2224 243.712 837.2224 209.92s-121.2928-81.0496-318.6688-81.0496z m0 805.1712a14.6432 14.6432 0 0 1-10.24-3.8912l-296.96-314.8288a13.6704 13.6704 0 1 1 19.3536-19.3536l296.96 314.8288a14.0288 14.0288 0 0 1 0 19.3536 11.7248 11.7248 0 0 1-9.1136 3.6352z" p-id="33848" fill="#ffffff"></path><path d="M518.5536 947.2a27.5456 27.5456 0 0 1-19.456-7.68l-296.96-315.0848a26.9312 26.9312 0 0 1 0.256-37.3248 27.904 27.904 0 0 1 37.5808 0l296.96 315.0848a26.9312 26.9312 0 0 1-0.256 37.3248 24.5248 24.5248 0 0 1-18.1248 7.68z m-296.96-342.1184l-0.8192 1.4336 296.96 315.0848c-0.3584-0.3584 0 0 0.9216 0l-0.4608-1.3312z m296.96-273.3568C373.76 331.4688 158.72 298.8032 158.72 208.896s215.04-122.5728 359.9872-122.5728 359.9872 32.6656 359.9872 122.5728c-0.1536 84.224-186.7776 122.5728-360.1408 122.5728z m0-219.3408C334.2848 112.128 184.32 155.5456 184.32 208.896s149.9136 96.768 334.1824 96.768 334.1824-43.4176 334.1824-96.768-149.8624-96.768-334.1312-96.768z m0 192.256c-182.8352 0-331.6224-42.24-331.6224-94.208s148.7872-94.208 331.6224-94.208S849.92 158.208 849.92 209.92s-148.48 94.464-331.3664 94.464z m0-162.56C308.0704 141.7728 212.736 194.2528 212.736 209.92s95.3344 68.4032 305.8176 68.4032S824.32 226.0992 824.32 209.92s-95.2832-68.1472-305.7664-68.1472z" p-id="33849" fill="#ffffff"></path><path d="M783.0528 886.272a14.6432 14.6432 0 0 1-10.24-3.8912L180.48 283.6992A13.6704 13.6704 0 1 1 199.68 264.3456l592.384 598.7328a14.0288 14.0288 0 0 1 0 19.3536 14.7456 14.7456 0 0 1-9.0112 3.84z m32.256-269.6704a14.6432 14.6432 0 0 1-10.24-3.8912l-296.96-298.0864a13.6704 13.6704 0 0 1 19.2512-19.3024l296.96 298.0864a14.0288 14.0288 0 0 1 0 19.3536 11.7248 11.7248 0 0 1-9.0112 3.84z" p-id="33850" fill="#ffffff"></path><path d="M783.0528 899.2256a27.5968 27.5968 0 0 1-19.4048-7.6288L171.3152 292.8128a26.9312 26.9312 0 0 1 0-37.5296 27.904 27.904 0 0 1 37.632 0L801.2288 854.016a26.9312 26.9312 0 0 1 0 37.5296 27.5968 27.5968 0 0 1-18.176 7.68z m-1.1264-25.9072h0.512l0.4608-1.1776L190.6688 273.4592l-1.024 1.1776 592.2304 598.7328s0-0.0512 0.0512-0.0512z m33.3824-243.5584a27.4944 27.4944 0 0 1-19.456-7.6288l-296.96-298.0864a26.9312 26.9312 0 0 1 0-37.5808 27.904 27.904 0 0 1 37.5808 0l296.96 298.0864a26.9312 26.9312 0 0 1 0 37.5808 24.576 24.576 0 0 1-18.1248 7.6288z m-1.1776-25.9072a8.96 8.96 0 0 0 1.1776 0l-296.96-299.264-1.0752 1.1776 296.96 298.0352-0.1536-0.2048z" p-id="33851" fill="#ffffff"></path><path d="M518.5536 934.0416a11.7248 11.7248 0 0 1-9.0112-3.8912 12.9536 12.9536 0 0 1 0-19.3536l296.96-316.1088a13.6704 13.6704 0 0 1 19.3536 19.3536l-296.96 316.1088a24.6272 24.6272 0 0 1-10.3424 3.8912z m-264.5504-47.7696a14.6432 14.6432 0 0 1-10.24-3.8912 14.0288 14.0288 0 0 1 0-19.3536L835.9424 264.3456a13.6704 13.6704 0 0 1 19.3536 19.3536L263.0656 882.432a27.3408 27.3408 0 0 1-9.0624 3.84z m-32.256-267.1104a14.6432 14.6432 0 0 1-10.24-3.8912 14.0288 14.0288 0 0 1 0-19.3536l296.96-299.3664a13.6704 13.6704 0 1 1 18.8928 19.4048l-296.96 299.3664a14.7456 14.7456 0 0 1-8.6528 3.8912z" p-id="33852" fill="#ffffff"></path><path d="M518.5536 947.2a24.6272 24.6272 0 0 1-18.176-7.68 27.7504 27.7504 0 0 1-8.0896-20.7872 24.2176 24.2176 0 0 1 8.3456-17.1008l296.2432-315.5968a28.0064 28.0064 0 0 1 21.0944-8.3968 24.1664 24.1664 0 0 1 17.3056 8.6016 27.7504 27.7504 0 0 1 7.6288 20.48 24.1152 24.1152 0 0 1-8.3456 17.0496l-297.8304 317.44-3.2256 1.6384a31.1296 31.1296 0 0 1-14.9504 4.352z m0-25.6l0.768 0.256-0.512-0.3072z m-0.3584 0z m297.984-317.952s-0.3072 0.3584-0.5632 0.5632l-297.8304 317.0816h0.6144a23.6032 23.6032 0 0 0 2.7136-1.3312l295.936-315.8016s-0.3584-0.3072-0.5632-0.5632z m-562.176 295.5776a27.5968 27.5968 0 0 1-19.4048-7.6288 26.9312 26.9312 0 0 1 0-37.632L826.7776 255.2832a27.8528 27.8528 0 0 1 37.632 0 26.9824 26.9824 0 0 1 0 37.5808l-593.92 600.1664-3.4304 1.792a27.7504 27.7504 0 0 1-13.056 4.4032zM844.8 273.5104L252.8768 872.1408a1.0752 1.0752 0 0 0 0 1.024l1.6896-0.9216h0.4608L846.1312 274.6368z m-623.3088 358.4a27.4944 27.4944 0 0 1-19.456-7.6288 26.9312 26.9312 0 0 1 0-37.632l296.96-299.3152a27.8528 27.8528 0 0 1 37.632 0 26.9312 26.9312 0 0 1 0 37.5808L239.9744 624.64a27.6992 27.6992 0 0 1-18.2272 7.4752zM517.12 305.7664l-296.4992 299.3152c0 0.768 0 1.0752 0.6144 1.1776l296.96-299.3664z" p-id="33853" fill="#ffffff"></path></svg>
\ No newline at end of file
diff --git a/Build_God_Game/src/assets/images/training.svg b/Build_God_Game/src/assets/images/training.svg
new file mode 100644
index 0000000..82fa64e
--- /dev/null
+++ b/Build_God_Game/src/assets/images/training.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1774669051910" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="19064" xmlns:xlink="http://www.w3.org/1999/xlink" width="128" height="128"><path d="M509.608 85.118c32.817-1.356 57.343 9.137 72.785 30.517 12.411 17.186 17.485 39.495 18.711 63.058 5.532 2.549 10.239 6.409 13.634 11.71 5.755 8.986 5.841 19.193 3.885 27.292-1.976 8.181-6.387 15.995-12.343 21.94-3.307 3.301-7.485 6.388-12.376 8.467-5.881 19.146-11.478 30.364-18.002 38.811-3.621 4.689-7.296 8.19-10.12 10.958a127.665 127.665 0 0 0-3.723 3.767c0.571 3.638 0.951 6.775 1.236 9.514 0.525 5.044 0.614 7.055 0.963 9.375 0.244 1.622 0.466 2.109 0.659 2.479 0.174 0.332 0.521 0.904 1.267 1.83 16.705 6.147 32.024 9.522 49.517 14.486 17.698 5.023 36.156 11.361 55.46 23.466l1.87 1.19 0.559 0.376c0.55 0.388 1.074 0.811 1.571 1.265 27.141 24.829 35.533 60.842 40.309 106.693 11.673 112.077 13.263 118.986 16.728 132.846-0.141-0.566 0.132 0.455 2.026 4.098 1.621 3.119 3.904 7.184 6.761 12.048 5.701 9.702 13.362 22.034 21.827 35.292 14.447 22.63 31.012 47.613 43.663 66.169 5.157-0.564 10.463-0.528 15.166-0.131 9.03 0.761 21.745 3.313 30.309 10.975 4.259 3.811 7.666 6.89 10.396 10.53 2.602 3.469 4.51 7.452 6.411 11.064 3.947 7.5 5.06 15.438 4.751 22.084l0.059-0.009a16 16 0 0 1 16.912 22.622v0.002l-0.001 0.003-0.001-0.001-0.001 0.004a94.728 94.728 0 0 0-2.953 7.111 45.953 45.953 0 0 0-0.923 2.773 15.992 15.992 0 0 1-5.02 14.119c-15.712 14.403-33.626 14.291-40.909 15.774-0.799 0.162-1.595 0.308-2.386 0.439 3.903 11.872 4.205 24.932-2.787 37.831-10.912 26.202-25.487 42.19-46.701 50.852-19.628 8.014-43.743 9.024-70.49 10.178-0.23 0.01-0.46 0.015-0.69 0.015-28.784 0-75.843-8.794-118.435-18.989-42.525-10.18-83.869-22.551-101.075-30.764a15.93 15.93 0 0 1-5.393-4.184c-0.684 0.274-1.37 0.551-2.059 0.826-59.315 23.686-127.619 48.774-174.666 52.083-44.689 3.143-72.955-0.709-93.017-14.017-19.549-12.968-28.803-33.945-38.919-52.472-5.319-9.74-6.177-19.864-3.782-29.552-6.171 0.402-11.935-1.007-17.197-3.514-6.928-3.301-13.568-8.902-18.552-12.864-10.586-8.416-13.718-20.716-13.512-29.289 0.055-2.285 0.346-4.727 1.009-7.135 0.594-2.16 1.818-5.514 4.526-8.543 2.703-3.024 7.662-6.317 14.088-5.918 0.294-2.781 0.686-5.569 1.163-8.262 0.92-5.195 2.273-10.719 4.218-15.777 1.813-4.718 4.754-10.681 9.734-15.128l0.521-0.457c10.975-9.466 24.967-11.197 34.846-11.394 5.302-0.105 10.324 0.231 14.327 0.544 1.12 0.088 2.107 0.167 2.984 0.238 1.305-1.643 2.922-3.82 4.838-6.561 5.625-8.048 12.809-19.436 20.608-32.377 15.549-25.797 32.934-56.739 44.06-77.017 4.372-7.97 8.676-22.355 12.605-45.567 3.839-22.676 7.092-52.258 10.156-89.634 0.221-69.624 33.621-106.492 65.066-117.183 22.958-7.806 61.376-20.018 85.216-32.275a104.109 104.109 0 0 1 1.555-4.583c1.171-3.218 1.546-4.067 1.914-5.43 0.354-1.31 0.83-3.606 0.419-10.807-12.502-11.179-20.17-22.014-25.297-32.394-3.396-6.879-5.777-14.036-7.548-19.751a64.534 64.534 0 0 1-3.694-1.374c-5.079-2.075-13.454-6.246-18.546-14.167-5.488-8.537-8.563-17.478-7.84-26.513 0.744-9.31 5.324-16.308 10.487-21.041l0.302-0.27a16.001 16.001 0 0 1 5.184-3.024l5.748-2.029c0.938-20.425 4.742-41.768 15.39-59.43 13.448-22.308 36.394-36.475 70.559-37.887z m201.837 690.194a34.031 34.031 0 0 1 2.735 3.087c3.936 5.044 7.386 12.807 5.099 21.675-1.584 6.146-5.372 10.503-8.775 13.368-3.422 2.882-7.373 5.042-11.109 6.711-7.464 3.334-16.607 5.806-25.602 7.743-18.007 3.88-39.39 6.396-53.057 8.35-7.715 1.103-24.206 6.89-48.29 16.45-12.288 4.878-25.206 10.173-39.015 15.83 18.567 6.159 44.913 13.593 73.201 20.365 42.436 10.158 85.997 18.039 110.664 18.107 28.336-1.226 46.078-2.376 59.405-7.817 11.556-4.719 20.966-13.278 29.559-34.256l0.204-0.478c0.212-0.474 0.449-0.939 0.707-1.39 2.972-5.208 2.977-12.715-5.555-24.86a16.006 16.006 0 0 1-1.441-2.499 89.282 89.282 0 0 1-14.88-7.396 73.7 73.7 0 0 1-3.617-2.391 53.398 53.398 0 0 1-1.412-1.033l-0.121-0.093-0.048-0.037a0.387 0.387 0 0 1-0.021-0.017 0.131 0.131 0 0 0-0.01-0.006c-0.002-0.002-0.004-0.004 1.227-1.58l8.625-11.028-9.86 12.6a16.019 16.019 0 0 1-2.975-3.047l-21.406-28.759a15.925 15.925 0 0 1-9.729-2.085c-9.304-5.418-20.039-9.907-27.931-13.11-2.072-0.7-4.271-1.507-6.572-2.404zM556.45 134.371c-7.744-10.722-20.79-18.302-45.52-17.28-24.733 1.022-37.218 10.396-44.476 22.435-8.054 13.36-11.047 32.328-11.047 54.319 0 6.783-4.278 12.83-10.675 15.088l-10.658 3.76 0.043 0.15c0.324 1.055 1.009 2.671 2.402 4.882 0.094 0.08 0.263 0.219 0.534 0.403 0.772 0.525 1.912 1.13 3.374 1.727a35.302 35.302 0 0 0 5.761 1.775c0.221 0.046 0.383 0.077 0.485 0.095l0.127 0.021 0.558 0.086a16.003 16.003 0 0 1 12.412 10.566c3.336 9.705 4.311 15.576 8.489 24.037 3.576 7.242 9.435 15.719 21.009 25.363l1.137 0.937 0.309 0.258a16.001 16.001 0 0 1 5.525 10.677c1.233 13.313 1.076 21.156-0.9 28.476-0.841 3.115-2.082 6.229-2.739 8.034a67.958 67.958 0 0 0-2.429 8.122 16.002 16.002 0 0 1-7.575 10.177c-26.491 15.284-73.845 30.195-96.536 37.911-16.011 5.443-43.368 28.291-43.369 87.58 0 0.435-0.017 0.87-0.052 1.303-3.103 37.954-6.459 68.813-10.55 92.978-4.021 23.752-8.993 42.66-16.102 55.617-11.227 20.464-28.844 51.825-44.708 78.145-7.906 13.117-15.532 25.241-21.787 34.19-3.089 4.419-6.113 8.455-8.846 11.527-1.334 1.499-2.984 3.208-4.842 4.67-1.032 0.812-5.465 4.377-11.84 4.377-3.323 0-7.742-0.423-11.023-0.68-3.769-0.296-7.515-0.525-11.19-0.452-7.668 0.152-12.138 1.607-14.47 3.536-0.099 0.162-0.649 0.982-1.398 2.93-0.993 2.582-1.89 5.995-2.577 9.875-0.123 0.693-0.233 1.38-0.336 2.059a15.72 15.72 0 0 0 3.196-5.752c2.6-8.445 11.554-13.184 19.999-10.585 8.445 2.6 13.184 11.554 10.585 19.999-4.839 15.719-16.048 25.277-27.568 30.367 4.596-0.38 9.029-0.736 13.486-1.299a15.988 15.988 0 0 1 4.756-1.566c13.941-2.275 22.726-6.485 27.297-14.386 2.608-4.509 6.179-9.98 10.481-16.158 0.176-0.269 0.361-0.534 0.553-0.793 11.417-16.319 27.787-37.398 45.036-58.643 23.007-28.335 48.455-58.026 67.845-79.155l20.269-148.242c1.198-8.755 9.266-14.882 18.021-13.685 8.754 1.198 14.881 9.266 13.684 18.021l-6.179 45.196c8.336 37.208 15.266 81.604 18.07 101.22 1.071 7.494 0.267 16.342-1.043 24.584-1.363 8.575-3.516 17.916-5.931 26.971-4.828 18.108-10.965 36.065-14.856 46.322a16.005 16.005 0 0 1-9.072 9.203l-96.189 38.069c-0.18 0.072-0.361 0.14-0.544 0.205-7.317 2.592-16.064 6.579-25.213 11.621-2.979 4.358-5.425 8.163-7.233 11.289-10.304 17.811-27.423 25.106-42.524 28.526-4.593 5.439-7.126 9.756-8.232 13.094-1.058 3.195-0.82 5.309 0.475 7.679 12.284 22.497 17.33 33.718 28.522 41.142 10.68 7.084 29.599 11.819 73.083 8.761 41.128-2.893 104.61-25.745 165.044-49.879l2.564-1.027c-7.835-1.868-16.169-3.954-24.704-6.051-15.357-3.774-31.775-7.677-48.61-10.809-28.34-5.272-56.679-8.111-81.888-4.954-5.247 1.482-11.512 2.372-16.561 2.967-8.414 0.991-16.142-4.749-17.624-13.09-1.483-8.341 3.794-16.392 12.033-18.361 2.049-0.49 4.113-0.937 6.188-1.346 0.967-13.513 10.116-27.5 27.121-34.591 11.364-4.738 25.199-6.224 37.648-6.475 12.785-0.259 25.728 0.771 36.175 2.016 0.037 0.001 1.011 0.051 3.629-0.665 2.701-0.739 5.72-1.862 9.954-3.42 7.642-2.811 18.922-6.998 31.232-6.998 12.514 0 21.936 6.873 27.245 10.238 6.006 3.808 11.96 7.305 21.507 9.125 1.153 0.22 3.936 0.163 8.992-1.438 4.824-1.528 10.166-3.942 15.918-6.749 5.243-2.558 11.619-5.86 16.708-8 2.616-1.1 5.746-2.274 8.952-2.944 2.65-0.555 7.993-1.369 13.571 0.987l0.541 0.238 0.918 0.416c19.378 8.66 45.327 13.057 82.568 6.48 9.899-1.749 19.242-1.793 27.634-0.532a619.755 619.755 0 0 1-11.914-6.173c-17.23-9.169-34.102-19.152-42.813-25.627a16.03 16.03 0 0 1-4.207-4.664c-4.863-8.18-9.232-20.511-12.708-34.491-3.558-14.312-6.456-31.48-7.887-49.982-2.84-36.703-0.035-80.336 16.377-117.688a15.953 15.953 0 0 1 3.249-4.795 1366.926 1366.926 0 0 1-2.126-19.066 914.909 914.909 0 0 1-0.44-4.318l-0.023-0.237a1.532 1.532 0 0 1-0.006-0.063l-0.002-0.018v-0.004c0.022-0.004 0.607-0.062 15.925-1.544l-15.926 1.541c-0.851-8.796 5.589-16.616 14.385-17.467 8.795-0.851 16.615 5.589 17.467 14.384v0.002l0.001 0.01 0.004 0.05 0.021 0.208 0.084 0.845a1313.618 1313.618 0 0 0 1.667 15.474 1521.427 1521.427 0 0 0 5.096 40.147c4.428 31.411 10.612 67.097 17.836 88.88 10.195 23.312 29.409 48.13 46.973 67.781a503.105 503.105 0 0 0 22.643 23.709 405.455 405.455 0 0 0 6.926 6.641c0.812 0.759 1.437 1.335 1.849 1.713l0.457 0.416 0.104 0.093 0.019 0.018h-0.001a15.93 15.93 0 0 1 2.14 2.347l45.553 61.197c0.283 0.185 0.603 0.391 0.959 0.612a57.392 57.392 0 0 0 8.053 4.141c6.836 2.856 15.157 4.753 23.613 3.151a38.107 38.107 0 0 1-1.01-0.41c-14.17-6.008-20.055-18.946-24.545-30.525-3.195-8.239 0.894-17.508 9.133-20.703a15.965 15.965 0 0 1 13.324 0.806l-0.136-0.122c0.075 0.067-0.752-0.615-3.226-1.392-2.304-0.723-5.228-1.273-8.435-1.544-3.188-0.268-6.287-0.23-8.848 0.038-2.809 0.293-3.994 0.757-3.936 0.73a16 16 0 0 1-19.897-5.41c-13.276-19.194-33.312-49.249-50.431-76.064-8.554-13.398-16.456-26.106-22.445-36.301-2.988-5.085-5.581-9.684-7.565-13.501-1.711-3.293-3.773-7.483-4.676-11.094-4.144-16.577-5.938-26.16-17.512-137.292-4.648-44.624-12.229-69.402-29.119-85.498-15.748-9.942-31.041-15.335-47.558-20.023-16.478-4.676-35.921-9.033-55.868-16.762a15.995 15.995 0 0 1-5.752-3.828c-3.535-3.677-6.551-7.412-8.783-11.678-2.333-4.461-3.36-8.641-3.948-12.548-0.483-3.208-0.81-7.589-1.147-10.823-0.392-3.764-0.98-8.339-2.168-14.28a16 16 0 0 1 2.971-12.845c4.168-5.463 7.99-9.265 11.112-12.324 3.165-3.103 5.168-5.042 7.194-7.665 3.801-4.922 8.706-13.679 15.139-36.881l0.192-0.644a16.001 16.001 0 0 1 15.226-11.082c-0.333 0 0.676 0.103 2.542-1.76 1.816-1.813 3.262-4.403 3.843-6.804 0.306-1.271 0.283-2.036 0.232-2.411-0.502-0.259-1.604-0.653-3.743-0.841-8.26-0.729-14.594-7.647-14.594-15.939 0-25.736-4.333-44.671-12.963-56.62zM455.945 785.367c-5.8 0-11.958 2.004-20.184 5.03-3.7 1.361-8.225 3.069-12.56 4.254-4.316 1.181-9.904 2.284-15.856 1.575-9.571-1.141-20.936-2.018-31.742-1.799-11.143 0.225-20.186 1.601-25.981 4.017a20.26 20.26 0 0 0-3.069 1.577c22.742-0.197 45.819 2.799 67.339 6.802 17.779 3.308 34.933 7.395 50.392 11.194 15.667 3.85 29.216 7.305 40.588 9.604 6.625 1.34 11.46 6.594 12.583 12.867 15.69-6.419 30.593-12.535 43.185-17.534 22.817-9.057 43.265-16.627 55.567-18.386 14.93-2.134 34.3-4.389 50.847-7.954 4.617-0.995 8.708-2.032 12.19-3.097-5.29-1.284-12.355-1.778-20.813-0.285-41.132 7.265-72.949 3.17-98.586-7.647-0.33 0.128-0.704 0.279-1.125 0.456-3.994 1.679-8.602 4.1-15.079 7.261-5.968 2.912-13.084 6.214-20.289 8.496-6.972 2.208-15.791 4.054-24.647 2.366-15.475-2.95-25.489-8.992-32.649-13.532-7.857-4.981-8.803-5.265-10.111-5.265z m105.876-0.447l-0.053 0.014c0.192-0.03 0.222-0.049 0.053-0.014z m275.867-20.039c0.156 0.334 0.303 0.676 0.439 1.025 1.316 3.395 2.417 5.859 3.332 7.653-0.161-1.299-0.513-2.489-1.02-3.452-1.343-2.552-2.003-3.862-2.689-5.115l-0.062-0.111z m-448.03-119.485a15.994 15.994 0 0 1-4.128 8.72c-19.136 20.607-45.802 51.611-69.896 81.284a1764.78 1764.78 0 0 0-7.006 8.686l64.528-25.539c3.448-9.684 7.858-23.174 11.451-36.652 2.252-8.447 4.118-16.64 5.247-23.749 1.183-7.441 1.342-12.428 0.969-15.034-0.136-0.952-0.284-1.963-0.439-3.028l-0.726 5.312z m242.873-46.934c-0.848 13.27-0.642 26.572 0.344 39.321 1.298 16.782 3.92 32.191 7.037 44.729 2.628 10.568 5.433 18.387 7.734 23.169 7.578 5.182 21.046 13.142 35.971 21.084 9.623 5.12 19.33 9.954 27.907 13.837a533.12 533.12 0 0 1-13.851-14.904c-18.312-20.487-40.534-48.679-52.76-77.033a16.027 16.027 0 0 1-0.471-1.229c-4.509-13.391-8.496-30.818-11.911-48.974z" fill="#8E3701" p-id="19065"></path></svg>
\ No newline at end of file
diff --git a/Build_God_Game/src/components/ShinyText/ShinyText.vue b/Build_God_Game/src/components/ShinyText/ShinyText.vue
new file mode 100644
index 0000000..e7c0c30
--- /dev/null
+++ b/Build_God_Game/src/components/ShinyText/ShinyText.vue
@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import { Motion, useAnimationFrame, useMotionValue, useTransform } from 'motion-v';
+import { computed, ref, watch } from 'vue';
+
+interface ShinyTextProps {
+  text: string;
+  disabled?: boolean;
+  speed?: number;
+  className?: string;
+  color?: string;
+  shineColor?: string;
+  spread?: number;
+  yoyo?: boolean;
+  pauseOnHover?: boolean;
+  direction?: 'left' | 'right';
+  delay?: number;
+}
+
+const props = withDefaults(defineProps<ShinyTextProps>(), {
+  disabled: false,
+  speed: 2,
+  className: '',
+  color: '#b5b5b5',
+  shineColor: '#ffffff',
+  spread: 120,
+  yoyo: false,
+  pauseOnHover: false,
+  direction: 'left',
+  delay: 0
+});
+
+const isPaused = ref(false);
+const progress = useMotionValue(0);
+const elapsedRef = ref(0);
+const lastTimeRef = ref<number | null>(null);
+const directionRef = ref(props.direction === 'left' ? 1 : -1);
+
+const animationDuration = computed(() => props.speed * 1000);
+const delayDuration = computed(() => props.delay * 1000);
+
+useAnimationFrame(time => {
+  if (props.disabled || isPaused.value) {
+    lastTimeRef.value = null;
+    return;
+  }
+
+  if (lastTimeRef.value === null) {
+    lastTimeRef.value = time;
+    return;
+  }
+
+  const deltaTime = time - lastTimeRef.value;
+  lastTimeRef.value = time;
+
+  elapsedRef.value += deltaTime;
+
+  // Animation goes from 0 to 100
+  if (props.yoyo) {
+    const cycleDuration = animationDuration.value + delayDuration.value;
+    const fullCycle = cycleDuration * 2;
+    const cycleTime = elapsedRef.value % fullCycle;
+
+    if (cycleTime < animationDuration.value) {
+      // Forward animation: 0 -> 100
+      const p = (cycleTime / animationDuration.value) * 100;
+      progress.set(directionRef.value === 1 ? p : 100 - p);
+    } else if (cycleTime < cycleDuration) {
+      // Delay at end
+      progress.set(directionRef.value === 1 ? 100 : 0);
+    } else if (cycleTime < cycleDuration + animationDuration.value) {
+      // Reverse animation: 100 -> 0
+      const reverseTime = cycleTime - cycleDuration;
+      const p = 100 - (reverseTime / animationDuration.value) * 100;
+      progress.set(directionRef.value === 1 ? p : 100 - p);
+    } else {
+      // Delay at start
+      progress.set(directionRef.value === 1 ? 0 : 100);
+    }
+  } else {
+    const cycleDuration = animationDuration.value + delayDuration.value;
+    const cycleTime = elapsedRef.value % cycleDuration;
+
+    if (cycleTime < animationDuration.value) {
+      // Animation phase: 0 -> 100
+      const p = (cycleTime / animationDuration.value) * 100;
+      progress.set(directionRef.value === 1 ? p : 100 - p);
+    } else {
+      // Delay phase - hold at end (shine off-screen)
+      progress.set(directionRef.value === 1 ? 100 : 0);
+    }
+  }
+});
+
+watch(
+  () => props.direction,
+  () => {
+    directionRef.value = props.direction === 'left' ? 1 : -1;
+    elapsedRef.value = 0;
+    progress.set(0);
+  },
+  {
+    immediate: true
+  }
+);
+
+const backgroundPosition = useTransform(progress, p => `${150 - p * 2}% center`);
+
+const handleMouseEnter = () => {
+  if (props.pauseOnHover) isPaused.value = true;
+};
+
+const handleMouseLeave = () => {
+  if (props.pauseOnHover) isPaused.value = false;
+};
+
+const gradientStyle = computed(() => ({
+  backgroundImage: `linear-gradient(${props.spread}deg, ${props.color} 0%, ${props.color} 35%, ${props.shineColor} 50%, ${props.color} 65%, ${props.color} 100%)`,
+  backgroundSize: '200% auto',
+  WebkitBackgroundClip: 'text',
+  backgroundClip: 'text',
+  WebkitTextFillColor: 'transparent'
+}));
+</script>
+
+<template>
+  <Motion
+    tag="span"
+    :class="['inline-block', className]"
+    :style="{ ...gradientStyle, backgroundPosition }"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
+  >
+    {{ text }}
+  </Motion>
+</template>
diff --git a/Build_God_Game/src/components/StarBorder/StarBorder.vue b/Build_God_Game/src/components/StarBorder/StarBorder.vue
new file mode 100644
index 0000000..a003478
--- /dev/null
+++ b/Build_God_Game/src/components/StarBorder/StarBorder.vue
@@ -0,0 +1,94 @@
+<template>
+  <component
+    :is="as"
+    :class="['relative inline-block overflow-hidden !bg-transparent !border-none !rounded-[20px]', customClass]"
+    v-bind="restAttrs"
+    :style="componentStyle"
+  >
+    <div
+      class="absolute w-[300%] h-[50%] opacity-70 bottom-[-11px] right-[-250%] rounded-full animate-star-movement-bottom z-0"
+      :style="{
+        background: `radial-gradient(circle, ${color}, transparent 10%)`,
+        animationDuration: speed
+      }"
+    ></div>
+
+    <div
+      class="absolute w-[300%] h-[50%] opacity-70 top-[-10px] left-[-250%] rounded-full animate-star-movement-top z-0"
+      :style="{
+        background: `radial-gradient(circle, ${color}, transparent 10%)`,
+        animationDuration: speed
+      }"
+    ></div>
+
+    <div
+      class="relative z-10 border border-[#333] bg-[#0b0b0b] text-white text-[16px] text-center px-[64px] py-[24px] rounded-[20px]"
+    >
+      <slot />
+    </div>
+  </component>
+</template>
+
+<script setup lang="ts">
+import { computed, defineProps, useAttrs } from 'vue';
+
+interface StarBorderProps {
+  as?: string;
+  customClass?: string;
+  color?: string;
+  speed?: string;
+  thickness?: number;
+}
+
+const props = withDefaults(defineProps<StarBorderProps>(), {
+  as: 'button',
+  customClass: '',
+  color: 'white',
+  speed: '6s',
+  thickness: 1
+});
+
+const restAttrs = useAttrs();
+
+const componentStyle = computed(() => {
+  const base = {
+    padding: `${props.thickness}px 0`
+  };
+  const userStyle = (restAttrs.style as Record<string, string>) || {};
+  return { ...base, ...userStyle };
+});
+</script>
+
+<style scoped>
+@keyframes star-movement-bottom {
+  0% {
+    transform: translate(0%, 0%);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translate(-100%, 0%);
+    opacity: 0;
+  }
+}
+
+@keyframes star-movement-top {
+  0% {
+    transform: translate(0%, 0%);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translate(100%, 0%);
+    opacity: 0;
+  }
+}
+
+.animate-star-movement-bottom {
+  animation: star-movement-bottom linear infinite alternate;
+}
+
+.animate-star-movement-top {
+  animation: star-movement-top linear infinite alternate;
+}
+</style>
diff --git a/Build_God_Game/src/views/GameView.vue b/Build_God_Game/src/views/GameView.vue
index 571128b..59cf24e 100644
--- a/Build_God_Game/src/views/GameView.vue
+++ b/Build_God_Game/src/views/GameView.vue
@@ -7,6 +7,12 @@ import { useRouter } from 'vue-router'
 import Particles from '@/components/Particles/Particles.vue'
 import GlareHover from '@/components/GlareHover/GlareHover.vue'
 import ChatBox from '@/components/ChatBox.vue'
+import ShinyText from '@/components/ShinyText/ShinyText.vue'
+import StarBorder from '@/components/StarBorder/StarBorder.vue'
+import trainingIcon from '@/assets/images/training.svg'
+import missionIcon from '@/assets/images/mission.svg'
+import scrapIcon from '@/assets/images/scrap.svg'
+import characterIco from '@/assets/images/character.svg'
 
 const authStore = useAuthStore()
 const characterStore = useCharacterStore()
@@ -33,12 +39,10 @@ const breakthroughMessage = ref('')
 const showBreakthroughMessage = ref(false)
 
 const menuItems = computed(() => [
-  { label: '任务', icon: '🗺️' },
-  // { label: '战斗', icon: '⚔️' },
-  // { label: '背包', icon: '🎒' },
-  { label: '角色', icon: '👤' },
-  { label: isTraining.value ? '打坐中' : '打坐', icon: isTraining.value ? '🔥' : '🧘', isTraining: isTraining.value },
-  { label: '捡垃圾', icon: '🗑️' },
+  { label: '任务', icon: missionIcon, useImage: true },
+  { label: '角色', icon: characterIco, useImage: true },
+  { label: isTraining.value ? '打坐中' : '打坐', icon: trainingIcon, useImage: true, isTraining: isTraining.value },
+  { label: '捡垃圾', icon: scrapIcon, useImage: true },
 ])
 
 const handleLogout = () => {
@@ -74,18 +78,19 @@ const handleBreakthrough = async () => {
 <template>
   <div class="game-page">
     <Particles :particle-count="100" :particle-colors="['#ffffff', '#cccccc']" class="particles-bg" />
-
     <div class="game-container">
       <div class="character-header" @click="handleSwitchCharacter">
-        <div class="character-info">
-          <span class="character-name">{{ characterStore.currentCharacter?.name || '未选择角色' }}</span>
-          <span class="character-level">{{ characterStore.currentCharacter?.levelName || '' }}</span>
+          <div class="character-info">
+            <span class="character-name">{{ characterStore.currentCharacter?.name || '未选择角色' }}</span>
+            <span class="character-level">{{ characterStore.currentCharacter?.levelName || '' }}</span>
+          </div>
+          <span class="switch-btn">切换角色</span>
         </div>
-        <span class="switch-btn">切换角色</span>
+      <div style="text-align: center;">
+        <ShinyText class="welcome-text" text="✨ 欢迎来到我的世界" :speed="2" :delay="0.5" :disabled="false" :color="'#b5b5b5'"
+          :shine-color="'#34fef1'" :spread="120" :direction="'left'" :yoyo="false" :pause-on-hover="false" />
       </div>
 
-      <h1 class="welcome-text">欢迎来到CUPOWER</h1>
-
       <div class="menu-grid">
         <GlareHover v-for="item in menuItems" :key="item.label" width="100%" height="120px"
           :background="item.isTraining ? 'rgba(255,136,68,0.1)' : 'rgba(255,255,255,0.02)'" border-radius="16px"
@@ -93,7 +98,8 @@ const handleBreakthrough = async () => {
           :glare-color="item.isTraining ? '#ff8844' : '#ffffff'" :glare-opacity="0.1" class="menu-card"
           :class="{ 'training-active': item.isTraining }" @click="navigateTo(item)">
           <div class="menu-content">
-            <span class="menu-icon">{{ item.icon }}</span>
+            <img v-if="item.useImage" :src="item.icon" class="menu-icon-img" />
+            <span v-else class="menu-icon">{{ item.icon }}</span>
             <span class="menu-label">{{ item.label }}</span>
           </div>
         </GlareHover>
@@ -217,6 +223,7 @@ const handleBreakthrough = async () => {
   color: #ffffff;
   letter-spacing: 0.1em;
   margin-bottom: 24px;
+  font-weight: bold;
 }
 
 .menu-grid {
@@ -247,6 +254,12 @@ const handleBreakthrough = async () => {
   opacity: 0.8;
 }
 
+.menu-icon-img {
+  width: 3rem;
+  height: 3rem;
+  object-fit: contain;
+}
+
 .menu-label {
   color: #cccccc;
   font-size: 0.875rem;