diff --git a/src/App.vue b/src/App.vue
index dbab86c..28969a4 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -17,6 +17,7 @@ body,
 html {
   padding: 0;
   margin: 0;
+  line-height: 1.0;
   font-family: "ui-sans-serif", "system-ui", "-apple-system",
     "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial",
     "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji",
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG(1).png
deleted file mode 100644
index 1e57578..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角(2).png
deleted file mode 100644
index cd2d128..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角.png
deleted file mode 100644
index cd2d128..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(1).png
deleted file mode 100644
index ff3e4af..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(2).png
deleted file mode 100644
index e7e90f2..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(3).png
deleted file mode 100644
index 68f7374..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(3).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(4).png
deleted file mode 100644
index 803c440..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互(4).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互.png
deleted file mode 100644
index 1ecbba3..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/交互.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/右边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/右边batlle.png
deleted file mode 100644
index 23dccf5..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/右边batlle.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/时间轴.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/时间轴.png
deleted file mode 100644
index bf785b8..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/时间轴.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(1).png
deleted file mode 100644
index da74614..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(4).png
deleted file mode 100644
index c2f4b00..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(4).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认.png
deleted file mode 100644
index 94566fd..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4).zip b/src/assets/img/badge/Badge领取(切图)-0423_slices (4).zip
deleted file mode 100644
index 64de37f..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4).zip and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(1).png
deleted file mode 100644
index 1e57578..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(2).png
deleted file mode 100644
index 5a568a4..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG.png
deleted file mode 100644
index 8a886df..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/BG.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/ICON.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/ICON.png
deleted file mode 100644
index 2b3540a..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/ICON.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/LOGO.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/LOGO.png
deleted file mode 100644
index 119a36b..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/LOGO.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(1).png
deleted file mode 100644
index 1e9365e..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(2).png
deleted file mode 100644
index cd2d128..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角.png
deleted file mode 100644
index cd2d128..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/三角.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(1).png
deleted file mode 100644
index ff3e4af..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(2).png
deleted file mode 100644
index e7e90f2..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(3).png
deleted file mode 100644
index 68f7374..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(3).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(4).png
deleted file mode 100644
index 803c440..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互(4).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互.png
deleted file mode 100644
index 1ecbba3..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/交互.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/人物.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/人物.png
deleted file mode 100644
index f3f740b..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/人物.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/关闭按钮.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/关闭按钮.png
deleted file mode 100644
index e659ea0..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/关闭按钮.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/分割线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/分割线.png
deleted file mode 100644
index f09abe5..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/分割线.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/右边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/右边batlle.png
deleted file mode 100644
index 23dccf5..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/右边batlle.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/导航.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/导航.png
deleted file mode 100644
index 67bff5b..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/导航.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/左边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/左边batlle.png
deleted file mode 100644
index 8c986b5..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/左边batlle.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/提示BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/提示BG.png
deleted file mode 100644
index cdf7a77..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/提示BG.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/时间轴.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/时间轴.png
deleted file mode 100644
index bf785b8..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/时间轴.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/浮动装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/浮动装饰.png
deleted file mode 100644
index 5dacd9f..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/浮动装饰.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰.png
deleted file mode 100644
index 049bf8f..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰线.png
deleted file mode 100644
index 6b0dfdc..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/装饰线.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(1).png
deleted file mode 100644
index da74614..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(1).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(2).png
deleted file mode 100644
index cd324c6..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(2).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(3).png
deleted file mode 100644
index 7bb8181..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(3).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(4).png
deleted file mode 100644
index c2f4b00..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认(4).png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认.png
deleted file mode 100644
index 94566fd..0000000
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (4)/默认.png and /dev/null differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png
new file mode 100644
index 0000000..c2a15e7
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(1).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(2).png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG(2).png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG(2).png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png
similarity index 63%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png
index 8a886df..e5f4668 100644
Binary files a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/BG.png and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/BG.png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/ICON.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/ICON.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/ICON.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/ICON.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/LOGO.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/LOGO.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/LOGO.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/LOGO.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(1).png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/三角(1).png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(1).png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png
new file mode 100644
index 0000000..82cbff5
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角(2).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png
new file mode 100644
index 0000000..82cbff5
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/三角.png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png
new file mode 100644
index 0000000..53dd9b8
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(1).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png
new file mode 100644
index 0000000..6046a9f
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(2).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png
new file mode 100644
index 0000000..2991269
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(3).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png
new file mode 100644
index 0000000..9ef025c
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互(4).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png
new file mode 100644
index 0000000..2cb1bc3
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/交互.png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/人物.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/人物.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/人物.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/人物.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/关闭按钮.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/关闭按钮.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/关闭按钮.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/关闭按钮.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/分割线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/分割线.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/分割线.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/分割线.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png
new file mode 100644
index 0000000..908e719
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/右边batlle.png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/导航.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/导航.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/导航.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/导航.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/左边batlle.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/左边batlle.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/左边batlle.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/左边batlle.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/提示BG.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/提示BG.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/提示BG.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/提示BG.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png
new file mode 100644
index 0000000..4d3b134
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/时间轴.png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/浮动装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/浮动装饰.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/浮动装饰.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/浮动装饰.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/装饰.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/装饰.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/装饰线.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰线.png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/装饰线.png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/装饰线.png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png
new file mode 100644
index 0000000..e5f0322
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(1).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(2).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(2).png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(2).png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(2).png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(3).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(3).png
similarity index 100%
rename from src/assets/img/badge/Badge领取(切图)-0423_slices (3)/默认(3).png
rename to src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(3).png
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png
new file mode 100644
index 0000000..ca7f785
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认(4).png differ
diff --git a/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png
new file mode 100644
index 0000000..35cd70d
Binary files /dev/null and b/src/assets/img/badge/Badge领取(切图)-0423_slices (5)/默认.png differ
diff --git a/src/views/ClaimBadgeView.vue b/src/views/ClaimBadgeView.vue
index afcc574..0930a82 100644
--- a/src/views/ClaimBadgeView.vue
+++ b/src/views/ClaimBadgeView.vue
@@ -35,7 +35,7 @@
             </div>
           </div>
           <div class="genesicard">
-            <div class="genesis-title pt-16">
+            <div class="genesis-title pt-24">
               Genesis NFT <br />
               holder Only
             </div>
@@ -56,24 +56,29 @@
               <div class="ml-3 flex align-center">December 1 (st), 2022</div>
             </div>
             <div class="december-number">2000 / 4000</div>
-            <div class="claim">
+            <div
+              :class="isbtn === true ? 'disabled-claim' : 'claim'"
+              @click="handClaimBadge"
+            >
               <div class="claim-item">Claim your Airdorp</div>
             </div>
           </div>
           <div
             class="card shadow-md rounded cards-container"
+           
+          >
+            <div
+              class="text-xl font-bold card-title-right mb-4 p-3 text-black-color-300 cards-container"
+            >
+              EXPLORER
+            </div>
+            <div class="card-body cards-container flex pt-24" 
             :style="{
               transform: `translate3d(0, ${scrollOffset}, 0) ${cardStyle2.transform}`,
             }"
             @mouseenter="startTracking2"
             @mouseleave="stopTracking2"
-          >
-            <div
-              class="text-xl font-bold card-title-right mb-4 text-black-color-300 cards-container"
             >
-              EXPLORER
-            </div>
-            <div class="card-body cards-container flex pt-12">
               <img src="../assets/img/badge/explorer BG.png" alt="" />
             </div>
           </div>
@@ -117,6 +122,7 @@ import ImageTextModal from "../components/global/ImageTextModal.vue";
 const scrollOffset = ref("0%");
 const parallaxFactor = 0.135; // 视差滚动系数，可以根据需要调整
 const visible = ref(false);
+const isbtn = ref(false);
 
 const handlHero = () => {
   visible.value = true;
@@ -146,6 +152,9 @@ const {
   stopTracking: stopTracking2,
 } = useMouseRotation();
 
+const handClaimBadge = () => {
+  isbtn.value = true;
+};
 onMounted(() => {
   window.addEventListener("scroll", handleScroll);
 });
@@ -234,7 +243,7 @@ onBeforeUnmount(() => {
   font-family: "Poppins";
   font-weight: 400;
 }
-p{
+p {
   margin: 0;
 }
 .btn-more {
@@ -347,8 +356,8 @@ p{
   margin-right: 194px;
 }
 .title-boder {
-  margin-top: 20px;
-  margin-bottom: 21px;
+  margin-top: 25px;
+  margin-bottom: 25px;
 }
 .text-content {
   font-size: 14px;
@@ -370,9 +379,49 @@ p{
   font-family: Arial;
   font-weight: 400;
   color: #ffffff;
-  margin-bottom: 20px;
+  margin-bottom: 30px;
   // line-height: 60px;
 }
+.disabled-claim {
+  width: 300px;
+  height: 64px;
+  font-size: 18px;
+  font-family: Arial;
+  font-weight: 400;
+  color: #8b8b8b;
+  display: flex;
+  cursor: pointer;
+  border-radius: 12px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid #a6a6a6;
+  user-select: none;
+  cursor: not-allowed;
+  // background: #FFEA00;
+  .claim-item {
+    position: relative;
+    padding-right: 20px;
+  }
+  .claim-item::after {
+    content: "";
+    display: inline-block;
+    position: absolute;
+    top: 50%;
+    left: 100%; /* 将图标放在文字的右侧 */
+    transform: translateY(-50%); /* 垂直居中对齐 */
+    width: 10px; /* 设置图标宽度 */
+    height: 10px; /* 设置图标高度 */
+    background-image: url("../assets/img/badge/grey.png");
+    background-size: contain;
+    background-repeat: no-repeat;
+    margin-left: 0px; /* 与文字之间的间距 */
+    transition: margin-left 0.3s, background-image 0.3s; /* 添加过渡动画 */
+  }
+}
+.disabled-claim:hover .claim-item::after {
+  background-image: url("../assets/img/badge/grey.png");
+  margin-left: 10px; /* 在 hover 时向前移动 4px */
+}
 .claim {
   width: 300px;
   height: 64px;
@@ -380,15 +429,17 @@ p{
   font-family: Arial;
   font-weight: 400;
   color: #2f2b0b;
+  user-select: none;
   display: flex;
   cursor: pointer;
   border-radius: 12px;
   align-items: center;
   justify-content: center;
-  background: #FFEA00;
+  background: #ffea00;
   // background-size: contain;
   .claim-item {
     position: relative;
+    padding-right: 20px;
   }
   .claim-item::after {
     content: "";
@@ -402,15 +453,13 @@ p{
     background-image: url("../assets/img/badge/triangle-black.png");
     background-size: contain;
     background-repeat: no-repeat;
-    margin-left: 10px; /* 与文字之间的间距 */
+    margin-left: 0px; /* 与文字之间的间距 */
     transition: margin-left 0.3s, background-image 0.3s; /* 添加过渡动画 */
-
   }
-
-}  
+}
 .claim:hover .claim-item::after {
   background-image: url("../assets/img/badge/triangle-black.png");
-   margin-left: 16px; /* 在 hover 时向前移动 4px */
+  margin-left: 10px; /* 在 hover 时向前移动 4px */
 }
 .claim:hover {
   width: 300px;
@@ -424,7 +473,6 @@ p{
   align-items: center;
   justify-content: center;
   background: #ffba00;
-  
 }
 @keyframes slide-up {
   0% {