Merge remote-tracking branch 'origin/main'

- 调整了多处图片的宽度和高度设置，确保适应不同容器
- 优化了表单、列表等元素的样式
- 改进了文本内容的排版
- 统一了代码格式

src/assets/styles/v-vision.scss

@@ -150,7 +150,8 @@ img {
     right: 0 !important;
   }
 
-  th.el-table__cell, td.el-table__cell {
+  th.el-table__cell,
+  td.el-table__cell {
     color: #000;
     font-weight: 400 !important;
     background-color: #fff;
@@ -245,7 +246,8 @@ img {
       overflow: hidden;
 
       .img {
-        width: 100%; height: 180px;
+        width: 100%;
+        height: 180px;
       }
     }
 
@@ -346,6 +348,18 @@ img {
   padding-top: 100px;
   padding-bottom: 100px;
 
+  .detail-left {
+    max-width: 780px;
+
+    .detail-content {
+
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
+  }
+
   .detail-title {
     position: relative;
     padding-left: 40px;
@@ -380,7 +394,15 @@ img {
   .detail-right {
     width: 370px;
     margin-left: 70px;
+    max-width: 370px;
 
+    .detail-content {
+
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
 
     .list-title {
       margin-bottom: 10px;
@@ -562,6 +584,16 @@ img {
     width: 300px;
     flex: 0 0 300px;
 
+    max-width: 300px;
+
+    .detail-content {
+
+      img {
+        max-width: 100% !important;
+        margin-left: -2em;
+      }
+    }
+
     .about-box {
       .list-item {
         margin-bottom: 20px;
@@ -629,27 +661,33 @@ img {
       margin-left: 10px;
       padding-left: 10px;
       border-left: 1px solid #ccc;
-      scrollbar-width: thin; /* 设置滚动条的宽度 */
-      scrollbar-color: rgba(#2A333D, .3) #f1f1f1; /* 设置滑块颜色和轨道颜色 */
+      scrollbar-width: thin;
+      /* 设置滚动条的宽度 */
+      scrollbar-color: rgba(#2A333D, .3) #f1f1f1;
+      /* 设置滑块颜色和轨道颜色 */
 
       /* 自定义整个滚动条 */
       &::-webkit-scrollbar {
-        width: 12px; /* 设置滚动条的宽度 */
+        width: 12px;
+        /* 设置滚动条的宽度 */
       }
 
       /* 自定义滚动条轨道 */
       &::-webkit-scrollbar-track {
-        background: #f1f1f1; /* 设置轨道的背景颜色 */
+        background: #f1f1f1;
+        /* 设置轨道的背景颜色 */
       }
 
       /* 自定义滚动条的滑块（thumb） */
       &::-webkit-scrollbar-thumb {
-        background: #888; /* 设置滑块的背景颜色 */
+        background: #888;
+        /* 设置滑块的背景颜色 */
       }
 
       /* 当滑块悬停或活动时自定义滚动条的滑块 */
       &::-webkit-scrollbar-thumb:hover {
-        background: rgba(#2A333D, .3); /* 设置滑块在悬停状态下的背景颜色 */
+        background: rgba(#2A333D, .3);
+        /* 设置滑块在悬停状态下的背景颜色 */
       }
 
 
@@ -667,7 +705,8 @@ img {
         background: linear-gradient(90deg, rgba(11, 89, 179, .1) 0%, rgba(11, 89, 179, 0) 100%);
       }
 
-      .list-item:hover, .list-item.active {
+      .list-item:hover,
+      .list-item.active {
         color: #0B59B3
       }
     }
@@ -675,7 +714,15 @@ img {
 
   .detail-right {
     margin-left: 60px;
+    max-width: 780px;
+
+    .detail-content {
 
+      img {
+        max-width: 100% !important;
+        // margin-left: -2em;
+      }
+    }
     .detail-title {
       position: relative;
       padding-left: 40px;
@@ -902,6 +949,7 @@ img {
         width: 250px;
         height: 150px;
         cursor: pointer;
+
         &:before {
           content: "";
           position: absolute;
@@ -1685,16 +1733,19 @@ cursor: pointer;
 }
 
 @media (pointer: coarse) {
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active),
   .ql-snow .ql-toolbar button:hover:not(.ql-active) {
     color: #444;
   }
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
     fill: #444;
   }
+
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
   .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
@@ -2232,6 +2283,11 @@ cursor: pointer;
 
 .classic-case-text-right-middle-images {
 
-  .el-image__inner{height: auto!important;}}
+  .el-image__inner {
+    height: auto !important;
+  }
+}
 
-.cjy-about-popper{width: 150px;}
+.cjy-about-popper {
+  width: 150px;
+}