修改样式逻辑

src/components/HomePage.vue

@@ -286,9 +286,7 @@ window.updateTenantName = (newName) => {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  box-shadow: 0 4px 8px rgba(202, 52, 52, 0.1);
   box-sizing: border-box;
-  // padding: 0 rpx(20); // 添加左右内边距
   cursor: pointer; // 添加鼠标指针样式
 }
 .box-2 span {
@@ -314,7 +312,7 @@ window.updateTenantName = (newName) => {
 .left-box-in-box2:active,
 .center-box-in-box2:hover,
 .center-box-in-box2:active {
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
+  box-shadow: 0 4px 8px rgb(0, 0, 0, 0.5);
 }
 .left-box-in-box2,
 .center-box-in-box2,

src/views/AIPage/AILaboratory.vue

@@ -262,20 +262,20 @@ const groupList = ref([
   height: rpx(35);
 }
 .box-icon {
-  width: 100%;
-  height: 100%;
-  flex: 1;
-  display: flex; // 添加 flex 布局
-  align-items: center; // 垂直居中
-  color: black; // 设置图标颜色为白色
-  padding-left: rpx(15);
-  font-size: rpx(10); // 设置图标大小，可按需调整
-  cursor: pointer; // 添加鼠标指针样式
+  display: flex;
+  align-items: center;
+  gap: rpx(5);
+  margin-top: rpx(15);
+  border-radius: rpx(30);
+  backdrop-filter: blur(10px);
+  cursor: pointer;
+  transition: all 0.3s ease;
+  font-size: rpx(11);
+  color: black;
+  font-weight: 900;
+  width: fit-content;
+  margin-left: rpx(15);
 }
-// .box-icon .left-icon {
-//   margin-left: rpx(10);
-//   margin-right: rpx(5); // 设置图标和文字之间的间距 ;
-// }
 // 内容样式
 .content-box {
   // width: 100%;