Merge branch 'milestone-20250909-周更新分支' into dev

src/views/DBQBmodel.vue

@@ -135,7 +135,7 @@ const closeNoPermissionDialog = () => {
 <style scoped>
 .homepage {
   /* background-image: url("@/assets/img/DBQBmodel/bg.png"); */
-  /* width: 100vw; */
+  width: 100%;
   min-height: 100vh;
   background-size: cover;
   background-position: center;
@@ -143,6 +143,7 @@ const closeNoPermissionDialog = () => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow-x: hidden;
 }
 
 /* 顶部标题图 */
@@ -156,12 +157,14 @@ const closeNoPermissionDialog = () => {
 }
 
 .bottom-icon {
-  /* width: 100%; */
+  width: 100%;
   display: flex;
   flex-direction: column;
   position: absolute;
   bottom: 10vh;
-
+  left: 0;
+  right: 0;
+  margin: 0 auto;
   align-items: center;
 }
 
@@ -224,6 +227,8 @@ const closeNoPermissionDialog = () => {
   align-items: center;
   position: fixed;
   bottom: 15%;
+  left: 0;
+  right: 0;
   /* margin: auto auto; */
   color: white;
 }
@@ -254,6 +259,11 @@ const closeNoPermissionDialog = () => {
 
 /* 手机适配 - 小屏幕时保持纵向排列 */
 @media screen and (max-width: 768px) {
+  .homepage {
+    width: 100%;
+    overflow-x: hidden;
+  }
+  
   .top-icon {
     margin-top: 12%;
     width: 90%;

src/views/Emotionsmodel.vue

@@ -147,16 +147,19 @@ const closeNoPermissionDialog = () => {
   width: 20vw;
   min-width: 300px;
   height: auto;
-  position: absolute;
-  top: 10vh;
+  /* position: absolute; */
+  /* top: 10vh; */
 }
 
 .bottom-icon {
   display: flex;
   flex-direction: column;
   align-items: center;
-  position: absolute;
+  /* position: absolute;
   bottom: 0vh;
+  left: 0;
+  right: 0;
+  margin: 0 auto; */
 }
 
 /* 四维体系整体容器修复 */
@@ -216,6 +219,8 @@ const closeNoPermissionDialog = () => {
   align-items: center;
   position: fixed;
   bottom: 15%;
+  left: 0;
+  right: 0;
   /* margin: auto auto; */
   color: white;
 }
@@ -255,6 +260,7 @@ const closeNoPermissionDialog = () => {
 @media (max-width: 768px) {
   .homepage {
     min-height: 100vh;
+    width: 100%;
     background-image: url("@/assets/img/DBQBmodel/手机背景.png");
     background-size: cover;
     background-position: center;
@@ -263,11 +269,13 @@ const closeNoPermissionDialog = () => {
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
+    overflow-x: hidden;
   }
 
   .top-icon {
     width: 80vw;
     margin-top: -1vh;
+    scale: 0.8;
   }
 
   .sub-title {

src/views/Selectmodel.vue

@@ -186,6 +186,7 @@ const goToEmotionsmodel = () => {
   height: 150px;
   width: 100%;
   background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵logo.png");
+  scale: 0.8;
 }
 
 .btn-ai {