页面修改

src/views/withmind/index.vue

@@ -182,7 +182,7 @@
         <div class="group_13 flex-row justify-between">
           <div class="text-wrapper_4 flex-col justify-between">
             <span class="text_21">AI创作：</span>
-            <span class="text_22">让传播精准触达</span>
+            <span class="text_22">让内容高效而生</span>
           </div>
           <div class="group_14 flex-col"><div class="box_5 flex-col"></div></div>
         </div>
@@ -202,14 +202,11 @@
     <div class="practice_text_wrapper_13 flex-row" id="practice"><span class="practice_text_23">应用实践</span></div>
     <div class="practice_box_23 flex-row justify-between">
       <div class="practice_box_24 flex-col justify-between">
-        <div class="practice_block_5 flex-row justify-between">
         <img
           class="practice_image_13"
           referrerpolicy="no-referrer"
           src="./assets/img/suishi.png"
         />
-          <div class="practice_group_18 flex-col"></div>
-        </div>
         <span class="practice_text_24">员工随时问AI清晰解答</span>
       </div>
       <div class="practice_image_text_15 flex-col justify-between">
@@ -229,13 +226,11 @@
         <span class="practice_text_group_6">新人快速开单标准化话术</span>
       </div>
       <div class="practice_box_25 flex-col justify-between">
-        <div class="practice_block_7 flex-col">
         <img
           class="practice_image_17"
           referrerpolicy="no-referrer"
           src="./assets/img/24xinren.png"
         />
-        </div>
         <span class="practice_text_25">24小时新员工培训导师</span>
       </div>
     </div>
@@ -249,15 +244,12 @@
         />
         <span class="practice_row2_caption">无需设计功底，一键生成品牌视觉</span>
       </div>
-      <div class="practice_row2_item practice_row2_item--video flex-col justify-between">
-        <div class="practice_row2_video_placeholder">
+      <div class="practice_row2_item flex-col justify-between">
         <img
           class="practice_row2_img"
           referrerpolicy="no-referrer"
           src="/img/yici.png"
         />
-          <div class="practice_row2_play_icon">▶</div>
-        </div>
         <span class="practice_row2_caption">一次可创作多图文/视频</span>
       </div>
       <div class="practice_row2_item flex-col justify-between">
@@ -272,11 +264,11 @@
         class="practice_row2_item practice_row2_item--video flex-col justify-between"
         @click="openVideo('xuanchuan')"
       >
-        <div class="practice_row2_video_placeholder practice_row2_video_placeholder--cover">
+        <div class="practice_row2_video_placeholder">
           <img
-            class="practice_row2_cover"
+            class="practice_row2_img"
             referrerpolicy="no-referrer"
-            src="/img/chahua.png"
+            src="/img/chahua2.png"
           />
           <div class="practice_row2_play_icon_big">▶</div>
         </div>
@@ -862,6 +854,8 @@ export default {
   width: 4.694rem;
   height: 1.707rem;
   margin: 6.4rem 0 0 6.934rem;
+  position: relative;
+  top: -20px;
 }
 
 .practice_text_23 {
@@ -888,12 +882,7 @@ export default {
   min-height: 8.267rem;
 }
 
-.practice_block_5 {
-  background-color: rgba(255, 255, 255, 1);
-  position: relative;
-  width: 8.534rem;
-  height: 6.934rem;
-}
+/* 旧 border 样式清理(已删除模板中的 wrapper div,这些类不再使用) */
 
 .practice_image_13 {
   width: 8.534rem;
@@ -901,17 +890,6 @@ export default {
   object-fit: contain;
 }
 
-.practice_group_18 {
-  border-radius: 16px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 8.534rem;
-  height: 6.934rem;
-  border: 2px solid rgba(232, 244, 255, 1);
-  pointer-events: none;
-}
-
 .practice_text_24 {
   width: 8.534rem;
   height: 0.96rem;
@@ -984,16 +962,6 @@ export default {
   margin-left: 1.067rem;
 }
 
-.practice_block_7 {
-  background-color: rgba(255, 255, 255, 1);
-  height: 6.934rem;
-  width: 8.534rem;
-  position: relative;
-  border: 2px solid rgba(232, 244, 255, 1);
-  border-radius: 16px;
-  overflow: hidden;
-}
-
 .practice_image_17 {
   width: 8.534rem;
   height: 6.934rem;
@@ -1018,7 +986,7 @@ export default {
 .practice_row2 {
   width: 37.334rem;
   min-height: 8.267rem;
-  margin: 110px 0 0 6.934rem;
+  margin: 130px 0 0 6.934rem;
 }
 
 .practice_row2_item {
@@ -1040,16 +1008,6 @@ export default {
   background-color: rgba(255, 255, 255, 1);
 }
 
-/* 视频封面专用:横屏图要 cover 撑满,中心对齐(避免头尾裁掉关键内容) */
-.practice_row2_cover {
-  width: 8.534rem;
-  height: 6.934rem;
-  object-fit: cover;
-  object-position: center center;
-  border-radius: 16px;
-  background-color: rgba(255, 255, 255, 1);
-}
-
 .practice_row2_caption {
   width: 8.534rem;
   height: 0.96rem;
@@ -1064,26 +1022,18 @@ export default {
   margin-top: 40px;
 }
 
-/* 视频卡片占位框 (等待 MP4 文件) */
+/* 视频卡片占位框 (用于绝对定位中央大三角 ▶;chahua2.png 自带浅蓝边,容器层不再叠 border/背景) */
 .practice_row2_video_placeholder {
   position: relative;
   width: 8.534rem;
   height: 6.934rem;
   border-radius: 16px;
-  background-color: rgba(245, 245, 245, 1);
-  border: 2px solid rgba(232, 244, 255, 1);
   overflow: hidden;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-/* 当 cover 封面撑满时,去掉灰底和浅边框,让封面自己作为视觉外框 */
-.practice_row2_video_placeholder--cover {
-  background-color: transparent;
-  border: none;
-}
-
 /* 视频封面 + 播放图标叠加层 (yici.png 项) */
 .practice_row2_video_placeholder .practice_row2_img {
   border-radius: 16px;