update

src/components/GenerateImgConfirm.vue

@@ -42,15 +42,17 @@ const closeTodoList = () => {
 .home-wrapper {
   width: 100vw;
   height: 100vh;
+  min-height: 100vh;
   background-image: url('../assets/images/generate-img-confirm.webp');
-  background-size: cover;
+  background-size: 100%;
   background-repeat: no-repeat;
+  background-position: center bottom; /* 从底部开始显示，上方可截断 */
   display: flex;
   flex-direction: column;
-  justify-content: center;
+  justify-content: flex-end; /* 内容向底部对齐 */
   align-items: center;
   position: relative;
-  min-height: -webkit-fill-available;
+  overflow: hidden; /* 隐藏溢出的上方内容 */
 }
 
 .scene-item {
@@ -60,6 +62,7 @@ const closeTodoList = () => {
   overflow: hidden;
   border: 3px solid transparent;
   animation: float 4s ease-in-out infinite;
+  z-index: 10;
 }
 
 .scene-item:hover {
@@ -75,14 +78,16 @@ const closeTodoList = () => {
 
 .item-1 {
   width: 10vw;
-  top: 15%;
+  bottom: 160vw;
   right: 4%;
   animation-delay: 0s;
 }
 
 .item-2 {
   width: 47vw;
-  bottom: 5vw;
+  bottom: max(5vh, 5vw);
+  left: 50%;
+  transform: translateX(-50%);
   animation-delay: 0s;
 }
 </style>