新需求样式修改

src/views/withmind/assets/index.rem.css

@@ -6,13 +6,19 @@ html {
   background-color: rgba(255, 255, 255, 1);
   position: relative;
   width: 51.2rem;
-  height: 152.4rem;                /* 同步缩 3.3rem 跟 footer 缩保持一致,避免底部出现新空白 */
+  /* 改用 min-height:页面跟内容自适应,后续插入任何板块不会被 page 高度裁掉。
-  overflow: visible;              /* 改 hidden -> visible,让 window.scrollTo 能正常滚到锚点 */
+     152.4rem 是历史基线高度,内容多了 page 会自动撑开。 */
+  min-height: 152.4rem;
+  height: auto;
+  overflow: visible;
 }
 
 .group_1 {
   width: 71.467rem;
   height: 60.054rem;
+  /* hero 区(width 71.467rem)比 page(51.2rem)宽 20.267rem,
+     page 改 visible 后由 hero 自己裁掉自己的右侧溢出,不影响其他 section */
+  overflow: hidden;
 }
 
 .section_1 {
@@ -51,7 +57,8 @@ html {
   text-align: right;
   white-space: nowrap;
   line-height: 0.694rem;
-  margin: 0.72rem 0 0 15.787rem;
+  /* 比照 newcss:.text_1(首页)margin-left 12.294rem;用户微调 → 11.3rem(再右移 0.3rem) */
+  margin: 0.72rem 0 0 11.3rem;
 }
 
 .text_2 {
@@ -96,6 +103,39 @@ html {
   margin: 0.72rem 0 0 1.707rem;
 }
 
+/* nav 新增的"应用实践"项:比照其他 nav-link,4 字宽度 1.92rem */
+.text_nav_practice {
+  width: 1.92rem;
+  height: 0.694rem;
+  overflow-wrap: break-word;
+  color: rgba(22, 22, 22, 1);
+  font-size: 0.48rem;
+  font-family: Source Han Sans CN-Medium;
+  font-weight: 500;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 0.694rem;
+  margin: 0.72rem 0 0 1.707rem;
+}
+
+/* footer 新增的"应用实践"项:跟其他 footer nav-link 字体一致 */
+.text_nav_practice_footer {
+  /* 比照 newcss .text_34:width 2.134rem(原 1.92rem,跟其他 4 个镜像标题宽度一致) */
+  width: 2.134rem;
+  height: 0.694rem;
+  overflow-wrap: break-word;
+  color: rgba(255, 255, 255, 1);
+  font-size: 0.533rem;
+  font-family: Source Han Sans CN-Medium;
+  font-weight: 500;
+  text-align: right;
+  white-space: nowrap;
+  line-height: 0.694rem;
+  /* 回退到 newcss .text_34:margin-left 1.2rem */
+  margin: 0.187rem 0 0 1.2rem;
+  cursor: pointer;
+}
+
 .text_5 {
   width: 1.92rem;
   height: 0.694rem;
@@ -132,19 +172,20 @@ html {
 
 .text-wrapper_1 {
   width: 13.867rem;
-  height: 1.707rem;
+  /* 跟 logo 高度对齐:1.067rem + padding 让"关于"和 logo 视觉居中 */
+  height: 1.6rem;
   overflow-wrap: break-word;
   font-size: 0;
   font-family: Source Han Sans CN-Medium;
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.707rem;
+  line-height: 1.6rem;
 }
 
 .text_6 {
   width: 13.867rem;
-  height: 1.707rem;
+  height: 1.6rem;
   overflow-wrap: break-word;
   color: rgba(22, 23, 26, 1);
   font-size: 1.173rem;
@@ -152,22 +193,27 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.707rem;
+  line-height: 1.6rem;
+  vertical-align: middle;
   /* 原 margin-right: 0.293rem 已删:导致"关于"和"WithMind"间距过大,
      改用 HTML 里的   控制间距(更精确) */
 }
 
 .text_7 {
-  width: 13.867rem;
+  width: 8rem;
-  height: 1.707rem;
+  height: 1.067rem;
-  overflow-wrap: break-word;
+  vertical-align: middle;
-  color: rgba(25, 140, 255, 1);
+}
-  font-size: 1.173rem;
+.logo_about {
-  font-family: Source Han Sans CN-Medium;
+  /* 关于 WithMind 区里的 logo 图:源 714×96,
-  font-weight: 500;
+     跟 nav 左上角 image_1 同款 slice-3-black-3x.png,放大到 8×1.067rem(原 4.107×0.554rem,放大约 1.95 倍)
-  text-align: left;
+     源图宽高比 7.44:1,显示比例保持一致 */
-  white-space: nowrap;
+  width: 8rem;
-  line-height: 1.707rem;
+  height: 1.067rem;
+  margin-left: 0.187rem;
+  vertical-align: middle;
+  display: inline-block;
+  image-rendering: -webkit-optimize-contrast;
 }
 
 .text_8 {
@@ -180,20 +226,20 @@ html {
   font-family: Source Han Sans CN-Regular;
   font-weight: 400;
   text-align: justify;
-  /* 原 line-height: 1.814rem 已删:文字 0.533rem,行高 1.814rem 让行间距过大(48px 空隙),
+  /* 比照 newcss .text_8:line-height 0.96rem(原 0.8rem 比 newcss 紧,行间距偏小) */
-     改用 0.8rem 紧凑显示,跟其他小字描述一致(text_59 / lanhu 原始) */
+  line-height: 0.96rem;
-  line-height: 0.8rem;
 }
 
 .section_6 {
   width: 37.28rem;
-  height: 5.014rem;
+  /* 跟 newcss 比照:6.507rem 装 4 列(原 5.014rem 装不下,描述被裁) */
+  height: 6.507rem;
   margin: 2.134rem 0 0 6.934rem;
 }
 
 .image-text_1 {
   width: 6.4rem;
-  height: 5.014rem;
+  height: 6.507rem;
 }
 
 .group_4 {
@@ -223,15 +269,15 @@ html {
 
 .text-group_1 {
   width: 6.4rem;
-  /* 跟 text-group_2/3/4 一致(2.56rem),原 2.667rem 比其他 3 个高 0.107rem,导致"降本"列跟其他 3 列垂直不齐 */
+  /* 跟 newcss 比照:4.16rem(原 2.56rem 装不下三行长文案,垂直不对齐) */
-  height: 2.56rem;
+  height: 4.16rem;
   margin-top: 0.534rem;
 }
 
 .text_9 {
   width: 6.4rem;
-  /* 跟 text_11/13/15 一致(0.854rem),原 1.814rem 让"降本"标题高度是其他 3 个的 2 倍,垂直不对齐 */
+  /* 跟 newcss 比照:0.96rem(原 0.854rem 让标题略矮) */
-  height: 0.854rem;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -239,12 +285,13 @@ html {
   font-weight: 500;
   text-align: center;
   white-space: nowrap;
-  line-height: 0.854rem;
+  line-height: 0.96rem;
 }
 
 .text_10 {
   width: 6.4rem;
-  height: 1.6rem;
+  /* 跟 newcss 比照:三行描述,3.2rem(原 1.6rem 只能装两行) */
+  height: 3.2rem;
   display: block;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
@@ -260,13 +307,13 @@ html {
 .group_5 {
   background-color: rgba(245, 245, 245, 1);
   width: 0.054rem;
-  height: 4rem;
+  height: 4.8rem;
-  margin: 0.507rem 0 0 1.92rem;
+  margin: 0.907rem 0 0 1.92rem;
 }
 
 .image-text_2 {
   width: 6.4rem;
-  height: 4.907rem;
+  height: 6.507rem;
   margin: 0.054rem 0 0 1.92rem;
 }
 
@@ -297,7 +344,8 @@ html {
 
 .text-group_2 {
   width: 6.4rem;
-  height: 2.56rem;
+  /* 跟 newcss 比照:4.16rem(原 2.56rem 装不下三行长文案) */
+  height: 4.16rem;
   margin-top: 0.534rem;
 }
 
@@ -316,7 +364,8 @@ html {
 
 .text_12 {
   width: 6.4rem;
-  height: 1.6rem;
+  /* 跟 newcss 比照:三行描述,3.2rem */
+  height: 3.2rem;
   display: block;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
@@ -332,13 +381,13 @@ html {
 .group_6 {
   background-color: rgba(245, 245, 245, 1);
   width: 0.054rem;
-  height: 4rem;
+  height: 4.8rem;
-  margin: 0.507rem 0 0 1.92rem;
+  margin: 0.907rem 0 0 1.92rem;
 }
 
 .image-text_3 {
   width: 6.4rem;
-  height: 4.907rem;
+  height: 6.507rem;
   margin: 0.054rem 0 0 1.92rem;
 }
 
@@ -355,7 +404,8 @@ html {
 
 .text-group_3 {
   width: 6.4rem;
-  height: 2.56rem;
+  /* 跟 newcss 比照:4.16rem */
+  height: 4.16rem;
   margin-top: 0.534rem;
 }
 
@@ -374,7 +424,8 @@ html {
 
 .text_14 {
   width: 6.4rem;
-  height: 1.6rem;
+  /* 跟 newcss 比照:三行描述,3.2rem */
+  height: 3.2rem;
   display: block;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
@@ -390,13 +441,13 @@ html {
 .group_7 {
   background-color: rgba(245, 245, 245, 1);
   width: 0.054rem;
-  height: 4rem;
+  height: 4.8rem;
-  margin: 0.507rem 0 0 1.92rem;
+  margin: 0.907rem 0 0 1.92rem;
 }
 
 .image-text_4 {
   width: 6.4rem;
-  height: 4.907rem;
+  height: 6.507rem;
   margin: 0.054rem 0 0 1.92rem;
 }
 
@@ -413,7 +464,8 @@ html {
 
 .text-group_4 {
   width: 6.4rem;
-  height: 2.56rem;
+  /* 跟 newcss 比照:4.16rem */
+  height: 4.16rem;
   margin-top: 0.534rem;
 }
 
@@ -432,7 +484,8 @@ html {
 
 .text_16 {
   width: 6.4rem;
-  height: 1.6rem;
+  /* 跟 newcss 比照:三行描述,3.2rem */
+  height: 3.2rem;
   display: block;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
@@ -534,7 +587,8 @@ html {
   font-family: Source Han Sans CN-Regular;
   font-weight: 400;
   text-align: justify;
-  line-height: 0.8rem;
+  /* 比照 newcss .paragraph_1:line-height 0.96rem(原 0.8rem 比 newcss 紧) */
+  line-height: 0.96rem;
   margin-top: 0.8rem;
 }
 
@@ -618,7 +672,8 @@ html {
   font-family: Source Han Sans CN-Regular;
   font-weight: 400;
   text-align: justify;
-  line-height: 0.8rem;
+  /* 比照 newcss .paragraph_2:line-height 0.96rem */
+  line-height: 0.96rem;
   margin-top: 0.8rem;
 }
 
@@ -696,7 +751,8 @@ html {
   font-family: Source Han Sans CN-Regular;
   font-weight: 400;
   text-align: justify;
-  line-height: 0.8rem;
+  /* 比照 newcss .paragraph_3:line-height 0.96rem */
+  line-height: 0.96rem;
   margin-top: 0.8rem;
 }
 
@@ -1160,7 +1216,8 @@ html {
   text-align: right;
   white-space: nowrap;
   line-height: 0.694rem;
-  margin: 0.187rem 0 0 13.253rem;
+  /* 回退到 newcss .text_31:margin-left 12.507rem(让"关于 WithMind"标题放在描述区上方) */
+  margin: 0.187rem 0 0 12.507rem;
 }
 
 .text_29 {
@@ -1174,7 +1231,8 @@ html {
   text-align: right;
   white-space: nowrap;
   line-height: 0.694rem;
-  margin: 0.187rem 0 0 2.427rem;
+  /* 回退到 newcss .text_32:margin-left 1.574rem */
+  margin: 0.187rem 0 0 1.574rem;
 }
 
 .text_30 {
@@ -1188,7 +1246,8 @@ html {
   text-align: right;
   white-space: nowrap;
   line-height: 0.694rem;
-  margin: 0.187rem 0 0 3.974rem;
+  /* 回退到 newcss .text_33:margin-left 3.094rem */
+  margin: 0.187rem 0 0 3.094rem;
 }
 
 .text_31 {
@@ -1202,29 +1261,34 @@ html {
   text-align: right;
   white-space: nowrap;
   line-height: 0.694rem;
-  margin: 0.187rem 0 0 2.054rem;
+  /* 回退到 newcss .text_35:margin-left 1.334rem */
+  margin: 0.187rem 0 0 1.334rem;
 }
 
 .group_23 {
   width: 37.12rem;
   height: 6.267rem;
-  margin: 0.56rem 0 0 6.934rem;
+  /* 用户要求整体左移让下方 5 列文字对齐顶部 5 个镜像标题:
+     左移 0.3rem 后再回退 0.1rem(6.134 → 6.234rem),比 newcss 原版 6.934rem 仍左移 0.7rem */
+  margin: 0.56rem 0 0 6.234rem;
 }
 
 .group_24 {
   width: 15.947rem;
   height: 6.054rem;
-  margin-top: 0.214rem;
+  /* 描述区再右移 0.2rem(原 0.6rem → 0.8rem) */
+  margin: 0.214rem 0 0 0.8rem;
 }
 
 .text_32 {
-  width: 15.947rem;
+  /* 比照 newcss .text_36:width 15.094rem(原 15.947rem 过宽 0.853rem),font-weight 400(原 NaN) */
+  width: 15.094rem;
   height: 1.814rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: justified;
   line-height: 0.907rem;
 }
@@ -1258,29 +1322,30 @@ html {
 .text-group_9 {
   width: 2.16rem;
   height: 2.347rem;
-  margin-left: 3.787rem;
+  /* 左移 0.3rem(原 3.26rem → 2.96rem) */
+  margin-left: 2.96rem;
 }
 
 .text_33 {
   width: 2.16rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
 }
 
 .text_34 {
   width: 1.92rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1289,29 +1354,30 @@ html {
 .text-wrapper_6 {
   width: 2.88rem;
   height: 5.12rem;
-  margin-left: 3.787rem;
+  /* 右移 1rem(原 1.927rem → 2.927rem) */
+  margin-left: 2.927rem;
 }
 
 .text_35 {
   width: 2.88rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
 }
 
 .text_36 {
   width: 2.4rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1319,12 +1385,12 @@ html {
 
 .text_37 {
   width: 1.92rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1332,12 +1398,12 @@ html {
 
 .text_38 {
   width: 1.92rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1346,29 +1412,30 @@ html {
 .text-group_10 {
   width: 2.4rem;
   height: 3.734rem;
-  margin-left: 2.454rem;
+  /* 再左移 0.5rem(原 2.141rem → 1.641rem) */
+  margin-left: 1.641rem;
 }
 
 .text_39 {
   width: 1.44rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
 }
 
 .text_40 {
   width: 1.307rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1376,12 +1443,12 @@ html {
 
 .text_41 {
   width: 2.4rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
   margin-top: 0.427rem;
@@ -1390,24 +1457,26 @@ html {
 .text-group_11 {
   width: 1.92rem;
   height: 2.347rem;
-  margin-left: 1.787rem;
+  /* 再左移 0.1rem(原 1.6rem → 1.5rem) */
+  margin-left: 1.5rem;
 }
 
 .text_42 {
   width: 1.92rem;
-  height: auto;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
   font-family: Source Han Sans CN-Regular;
-  font-weight: NaN;
+  font-weight: 400;
   text-align: right;
   line-height: 0.96rem;
 }
 
 .text_43 {
-  width: 1.814rem;
+  /* 比照 newcss .text_50:width 0.96rem(原 1.814rem 过宽,"文档"2 字只占一半) */
-  height: auto;
+  width: 0.96rem;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(153, 153, 153, 1);
   font-size: 0.48rem;
@@ -1534,7 +1603,8 @@ html {
 
 .text_48 {
   width: 14.4rem;
-  height: 1.814rem;
+  /* 比照 newcss .text_55:height 0.96rem(原 1.814rem 过大,导致"Skills 核心能力"和"四大..."间距过大) */
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(86, 86, 86, 1);
   font-size: 0.533rem;
@@ -1542,7 +1612,9 @@ html {
   font-weight: NaN;
   text-align: justified;
   white-space: nowrap;
-  line-height: 1.814rem;
+  /* 比照 newcss .text_55:line-height 0.96rem,加 margin-top 0.534rem 拉开与上方"核心能力"的距离 */
+  line-height: 0.96rem;
+  margin-top: 0.534rem;
   margin-top: 0.534rem;
 }
 
@@ -1560,8 +1632,8 @@ html {
 
 .text_49 {
   width: 8.32rem;
-  /* 跟 text_51/53/55/57(其他 4 张 Skills 卡片标题)一致,原 1.814rem 让卡片1底部留白多 86px */
+  /* 比照 newcss .text_56:height 0.96rem(原 0.854rem 略矮,与其他 3 个卡片标题对齐) */
-  height: 0.854rem;
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -1569,7 +1641,8 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 0.854rem;
+  /* 比照 newcss .text_56:line-height 0.96rem */
+  line-height: 0.96rem;
   margin: 1.067rem 0 0 0.747rem;
 }
 
@@ -1593,8 +1666,8 @@ html {
   border-radius: 16px;
   width: 9.814rem;
   height: 8.107rem;
-  /* 用户要求下挪:0.8 → 1.6 → 2.2 → 2.6 → 3.4 → 3.1 → 3.2rem(再加 0.1rem ≈ 4px ≈ 5px) */
+  /* 比照 newcss .group_28:margin-top 3.094rem(原 3.2rem 略大,微调对齐) */
-  margin-top: 3.2rem;
+  margin-top: 3.094rem;
   justify-content: flex-center;
 }
 
@@ -1629,7 +1702,8 @@ html {
 
 .text_51 {
   width: 7.147rem;
-  height: 1.814rem;
+  /* 比照 newcss .text_58:height 0.96rem(原 1.814rem 过大,导致"新媒体专家"标题过高) */
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -1637,7 +1711,8 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.814rem;
+  /* 比照 newcss .text_58:line-height 0.96rem */
+  line-height: 0.96rem;
 }
 
 .text_52 {
@@ -1689,7 +1764,8 @@ html {
 
 .text_53 {
   width: 7.147rem;
-  height: 1.814rem;
+  /* 比照 newcss .text_60:height 0.96rem(原 1.814rem 过大) */
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -1697,7 +1773,8 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.814rem;
+  /* 比照 newcss .text_60:line-height 0.96rem */
+  line-height: 0.96rem;
 }
 
 .text_54 {
@@ -1743,7 +1820,8 @@ html {
 
 .text_55 {
   width: 7.147rem;
-  height: 1.814rem;
+  /* 比照 newcss .text_62:height 0.96rem(原 1.814rem 过大) */
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -1751,7 +1829,8 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.814rem;
+  /* 比照 newcss .text_62:line-height 0.96rem */
+  line-height: 0.96rem;
 }
 
 .text_56 {
@@ -1830,7 +1909,8 @@ html {
 
 .text_57 {
   width: 7.147rem;
-  height: 1.814rem;
+  /* 比照 newcss .text_64:height 0.96rem(原 1.814rem 过大) */
+  height: 0.96rem;
   overflow-wrap: break-word;
   color: rgba(22, 22, 22, 1);
   font-size: 0.64rem;
@@ -1838,7 +1918,8 @@ html {
   font-weight: 500;
   text-align: left;
   white-space: nowrap;
-  line-height: 1.814rem;
+  /* 比照 newcss .text_64:line-height 0.96rem */
+  line-height: 0.96rem;
 }
 
 .text_58 {
@@ -1891,8 +1972,8 @@ html {
   font-size: 1.44rem;
   letter-spacing: 4px;
   font-family: Source Han Sans CN-Bold;
-  font-weight: 900;             /* Black 字体粗度,比 Bold(700)更粗 */
+  /* 比照 newcss:font-weight 700(Bold,原 900 Black 偏粗),删除 -webkit-text-stroke 0.5px 模拟加粗 */
-  -webkit-text-stroke: 0.5px rgba(22, 22, 22, 1);   /* 模拟加粗,字外描边 0.5px */
+  font-weight: 700;
   text-align: left;
   line-height: 2rem;
 }
@@ -1907,9 +1988,8 @@ html {
   font-family: Source Han Sans CN-Regular;
   font-weight: 400;
   text-align: justify;
-  /* 原 line-height: 1.814rem 已删:文字 0.533rem,行高 1.814rem 让行间距过大(48px 空隙),
+  /* 比照 newcss .text_66:line-height 0.96rem(原 0.8rem 比 newcss 紧,行间距偏小) */
-     改用 0.8rem 紧凑显示,跟 lanhu_shouye2 原始小字描述一致 */
+  line-height: 0.96rem;
-  line-height: 0.8rem;
   margin-top: 1.067rem;
 }
 
@@ -2009,3 +2089,4 @@ html {
   width: 8.934rem;
   height: 8.747rem;
 }
+

src/views/withmind/index.vue

@@ -17,6 +17,7 @@
           <span class="text_2 nav-link" :class="{ 'nav-active': activeSection === 'about' }" data-spy="about" @click="scrollTo('about')">WithMind</span>
           <span class="text_3 nav-link" :class="{ 'nav-active': activeSection === 'skills' }" data-spy="skills" @click="scrollTo('skills')">Skills</span>
           <span class="text_4 nav-link" :class="{ 'nav-active': activeSection === 'platform' }" data-spy="platform" @click="scrollTo('platform')">创作平台</span>
+          <span class="text_nav_practice nav-link" :class="{ 'nav-active': activeSection === 'practice' }" data-spy="practice" @click="scrollTo('practice')">应用实践</span>
           <span class="text_5 nav-link" :class="{ 'nav-active': activeSection === 'gateway' }" data-spy="gateway" @click="scrollTo('gateway')">模型网关</span>
           <div class="group_3 flex-col"></div>
         </div>
@@ -28,7 +29,11 @@
         <div class="section_5 flex-row justify-between" id="about">
           <div class="text-wrapper_1">
             <span class="text_6">关于&nbsp;</span>
-            <span class="text_7">WithMind</span>
+            <img
+              class="text_7 logo_about"
+              referrerpolicy="no-referrer"
+              src="./assets/img/slice-3-black-3x.png"
+            />
           </div>
           <span class="text_8">
             WithMind&nbsp;以AI&nbsp;Agent为核心，构建专属AI能力体系，落地在企业本地、专属企业数据、持续自我迭代的全员AI赋能系统。依托本地私有Agent智能节点&nbsp;+&nbsp;企业私有知识库沉淀&nbsp;+&nbsp;四大行业成熟技能插件，真正实现：企业知识留得住、员工能力带得走、销售业绩涨得快、团队培训零成本。
@@ -49,7 +54,7 @@
             </div>
             <div class="text-group_1 flex-col justify-between">
               <span class="text_9">降本：一个顶一个团队</span>
-              <span class="text_10">省去策划、培训、行政答疑的大量<br />人力成本</span>
+              <span class="text_10">无需再设专职策划、讲师或行政答疑岗，系统自动化处理；话术政策变更5分钟在线生效，无需研发介入，大幅减少重复性人力投入。</span>
             </div>
           </div>
           <div class="group_5 flex-col"></div>
@@ -67,7 +72,7 @@
             </div>
             <div class="text-group_2 flex-col justify-between">
               <span class="text_11">增效：能力统一升级</span>
-              <span class="text_12">共享企业顶级知识/话术、新人快<br />速成长，团队能力无短板</span>
+              <span class="text_12">全员同步最优话术与知识库，新人一周即可具备成熟能力；系统自动推送最新优秀案例，团队能力始终拉齐，无短板员工。</span>
             </div>
           </div>
           <div class="group_6 flex-col"></div>
@@ -81,7 +86,7 @@
             </div>
             <div class="text-group_3 flex-col justify-between">
               <span class="text_13">留资：企业资产沉淀</span>
-              <span class="text_14">沉淀员工经验/案例/流程等知识资<br />产，人走经验留，越用越增值</span>
+              <span class="text_14">典型案例与处理流程一键归档，形成企业专属知识库；人员流动不带走经验，新员工可随时复用，内容随业务增长持续增值。</span>
             </div>
           </div>
           <div class="group_7 flex-col"></div>
@@ -95,7 +100,7 @@
             </div>
             <div class="text-group_4 flex-col justify-between">
               <span class="text_15">安全：本地私有化部署</span>
-              <span class="text_16">数据本地存储，杜绝公网泄露风<br />险，适配各类正规企业</span>
+              <span class="text_16">全部数据存于企业自有服务器，物理隔离公网，满足金融、政务等高合规要求；企业拥有完整权限与审计能力，安全自主可控。</span>
             </div>
           </div>
         </div>
@@ -160,7 +165,7 @@
             <img
               class="image_10"
               referrerpolicy="no-referrer"
-              src="./assets/img/FigmaDDSSlicePNG3878e1d3cb469cdcbd99b9c05feba2ac.png"
+              src="./assets/img/Slice_16@3x.png"
             />
           </div>
         </div>
@@ -194,6 +199,58 @@
         src="./assets/img/new-media.png"
       />
     </div>
+    <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/FigmaDDSSlicePNG38af9e11503ff1d7ac74d0eeb9dd4f1e.png"
+          />
+          <img
+            class="practice_image_14"
+            referrerpolicy="no-referrer"
+            src="./assets/img/FigmaDDSSlicePNG95bb06f93849eb4fda3afcae18737685.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">
+        <img
+          class="practice_image_15"
+          referrerpolicy="no-referrer"
+          src="./assets/img/FigmaDDSSlicePNG9f52383cacd98f169cfa2e612b998325.png"
+        />
+        <span class="practice_text_group_5">员工即刻获取文案标签</span>
+      </div>
+      <div class="practice_image_text_16 flex-col justify-between">
+        <img
+          class="practice_image_16"
+          referrerpolicy="no-referrer"
+          src="./assets/img/FigmaDDSSlicePNGa56aa142e64ca24ffc07e30c92a3363d.png"
+        />
+        <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/FigmaDDSSlicePNG4f1be8f45f397d1a477d171fa0fe7a3e.png"
+          />
+          <div class="practice_image_wrapper_7 flex-col">
+            <img
+              class="practice_image_18"
+              referrerpolicy="no-referrer"
+              src="./assets/img/FigmaDDSSlicePNG29c2fea3ab599f0c9cf863b29ac33e1a.png"
+            />
+          </div>
+        </div>
+        <span class="practice_text_25">24小时新员工培训导师</span>
+      </div>
+    </div>
     <div class="group_15 flex-row" id="gateway">
       <div class="group_16 flex-col">
         <div class="group_17 flex-col">
@@ -228,7 +285,7 @@
                   <img
                     class="thumbnail_1"
                     referrerpolicy="no-referrer"
-                    src="./assets/img/FigmaDDSSlicePNG19d3d976285cb5b68f43bc632b989544.png"
+                    src="./assets/img/miyao@3x.png"
                   />
                 </div>
                 <span class="text-group_6">获取秘钥</span>
@@ -240,7 +297,7 @@
                   <img
                     class="thumbnail_2"
                     referrerpolicy="no-referrer"
-                    src="./assets/img/FigmaDDSSlicePNG84a786470b984b9dd918797997ece549.png"
+                    src="./assets/img/wendang@3x.png"
                   />
                 </div>
                 <span class="text-group_7">文档</span>
@@ -348,6 +405,7 @@
           <span class="text_28 nav-link" @click="scrollTo('about')">关于 WithMind</span>
           <span class="text_29 nav-link" @click="scrollTo('skills')">Skills</span>
           <span class="text_30 nav-link" @click="scrollTo('platform')">创作平台</span>
+          <span class="text_nav_practice_footer nav-link" @click="scrollTo('practice')">应用实践</span>
           <span class="text_31 nav-link" @click="scrollTo('gateway')">模型网关</span>
         </div>
         <div class="group_23 flex-row">
@@ -364,22 +422,28 @@
               <span class="text-group_8">在线咨询</span>
             </div>
           </div>
-          <div class="text-group_9 flex-col justify-between">
+          <div class="text-group_9 flex-col">
             <span class="text_33 nav-link" @click="scrollTo('about')">WithMind</span>
             <span class="text_34 nav-link" @click="scrollTo('skills')">核心价值</span>
           </div>
-          <div class="text-wrapper_6 flex-col justify-between">
+          <div class="text-wrapper_6 flex-col">
             <span class="text_35 nav-link" @click="scrollTo('skills')">企业管理大师</span>
             <span class="text_36 nav-link" @click="scrollTo('skills')">新媒体专家</span>
             <span class="text_37 nav-link" @click="scrollTo('skills')">销冠助手</span>
             <span class="text_38 nav-link" @click="scrollTo('skills')">培训导师</span>
           </div>
-          <div class="text-group_10 flex-col justify-between">
+          <div class="text-group_10 flex-col">
             <span class="text_39 nav-link" @click="scrollTo('platform')">知识库</span>
             <span class="text_40 nav-link" @click="scrollTo('agent')">Agent</span>
             <span class="text_41 nav-link" @click="scrollTo('media')">新媒体应用</span>
           </div>
-          <div class="text-group_11 flex-col justify-between">
+          <div class="practice_footer_col flex-col">
+            <span class="practice_footer_col_item nav-link" @click="scrollTo('practice')">员工问答</span>
+            <span class="practice_footer_col_item nav-link" @click="scrollTo('practice')">获取文案</span>
+            <span class="practice_footer_col_item nav-link" @click="scrollTo('practice')">标准话术</span>
+            <span class="practice_footer_col_item nav-link" @click="scrollTo('practice')">培训导师</span>
+          </div>
+          <div class="text-group_11 flex-col">
             <span class="text_42 nav-link" @click="scrollTo('gateway')">获取秘钥</span>
             <span class="text_43 nav-link" @click="scrollTo('gateway')">文档</span>
           </div>
@@ -535,7 +599,7 @@ export default {
        直到平滑滚动结束再校准。这样彻底避免"点击瞬间设的 activeSection
        被 IO/scroll 回调里的 compute() 改掉"的竞态。 */
     initScrollSpy() {
-      const sectionIds = ['about', 'skills', 'platform', 'agent', 'media', 'gateway'];
+      const sectionIds = ['about', 'skills', 'platform', 'agent', 'media', 'practice', 'gateway'];
 
       // 单一 compute:section 顶 ≤ 视口高度的 50%(即"section 顶已过视口中线")就算激活
       // 这避开 about 段高度只有 ~144px 的边界问题:
@@ -599,7 +663,7 @@ export default {
         this.scrollSuppressUntil = 0; // 解除抑制
         // 此时页面已稳定,scrollY 是最终值,compute() 必然正确
         this.activeSection = (() => {
-          const sectionIds = ['about', 'skills', 'platform', 'agent', 'media', 'gateway'];
+          const sectionIds = ['about', 'skills', 'platform', 'agent', 'media', 'practice', 'gateway'];
           const scrollY = window.scrollY || window.pageYOffset || 0;
           if (scrollY < 100) return 'top';
           const vh = window.innerHeight || document.documentElement.clientHeight;
@@ -718,4 +782,218 @@ export default {
   margin: 0.747rem 4.16rem 0 8.907rem;
   display: block;
 }
+
+/* ============ 应用实践板块(全部 class 用 practice_ 前缀避开与 gateway 的 class 冲突)============ */
+/* 关键设计:这些 CSS 写在 <style scoped> 里(不是 index.rem.css),
+   自动带 [data-v-xxx] 属性选择器,scope 隔离不会被全局污染 */
+.practice_text_wrapper_13 {
+  width: 4.694rem;
+  height: 1.707rem;
+  margin: 6.4rem 0 0 6.934rem;
+}
+
+.practice_text_23 {
+  width: 4.694rem;
+  height: 1.707rem;
+  overflow-wrap: break-word;
+  color: rgba(22, 22, 22, 1);
+  font-size: 1.173rem;
+  font-family: Source Han Sans CN-Medium;
+  font-weight: 500;
+  text-align: left;
+  white-space: nowrap;
+  line-height: 1.707rem;
+}
+
+.practice_box_23 {
+  width: 37.334rem;
+  min-height: 8.267rem;
+  margin: 0.8rem 0 0 6.934rem;
+}
+
+.practice_box_24 {
+  width: 8.534rem;
+  min-height: 8.267rem;
+}
+
+.practice_block_5 {
+  background-color: rgba(255, 255, 255, 1);
+  position: relative;
+  width: 8.534rem;
+  height: 6.934rem;
+}
+
+.practice_image_13 {
+  width: 4.347rem;
+  height: 6.934rem;
+  object-fit: contain;
+}
+
+.practice_image_14 {
+  width: 4.187rem;
+  height: 6.934rem;
+  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;
+  overflow-wrap: break-word;
+  color: rgba(86, 86, 86, 1);
+  font-size: 0.533rem;
+  font-family: Source Han Sans CN-Regular;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin-top: 0.374rem;
+}
+
+.practice_image_text_15 {
+  width: 8.534rem;
+  min-height: 8.267rem;
+  margin-left: 1.067rem;
+}
+
+.practice_image_15 {
+  width: 8.534rem;
+  height: 6.934rem;
+  object-fit: contain;
+}
+
+.practice_text_group_5 {
+  width: 8.534rem;
+  height: 0.96rem;
+  overflow-wrap: break-word;
+  color: rgba(86, 86, 86, 1);
+  font-size: 0.533rem;
+  font-family: Source Han Sans CN-Regular;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin-top: 0.374rem;
+}
+
+.practice_image_text_16 {
+  width: 8.534rem;
+  min-height: 8.267rem;
+  margin-left: 1.067rem;
+}
+
+.practice_image_16 {
+  width: 8.534rem;
+  height: 6.934rem;
+  object-fit: contain;
+}
+
+.practice_text_group_6 {
+  width: 8.534rem;
+  height: 0.96rem;
+  overflow-wrap: break-word;
+  color: rgba(86, 86, 86, 1);
+  font-size: 0.533rem;
+  font-family: Source Han Sans CN-Regular;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin-top: 0.374rem;
+}
+
+.practice_box_25 {
+  width: 8.534rem;
+  min-height: 8.267rem;
+  margin-left: 1.067rem;
+}
+
+.practice_block_7 {
+  background-color: rgba(255, 255, 255, 1);
+  height: 6.934rem;
+  width: 8.534rem;
+  position: relative;
+}
+
+.practice_image_17 {
+  width: 4.054rem;
+  height: 6.934rem;
+  object-fit: contain;
+}
+
+.practice_image_wrapper_7 {
+  border-radius: 16px;
+  height: 6.934rem;
+  border: 2px solid rgba(232, 244, 255, 1);
+  width: 8.534rem;
+  position: absolute;
+  left: 0;
+  top: 0;
+  pointer-events: none;
+}
+
+.practice_image_18 {
+  width: 4.774rem;
+  height: 6.934rem;
+  margin-left: 3.76rem;
+  object-fit: contain;
+}
+
+.practice_text_25 {
+  width: 8.534rem;
+  height: 0.96rem;
+  overflow-wrap: break-word;
+  color: rgba(86, 86, 86, 1);
+  font-size: 0.533rem;
+  font-family: Source Han Sans CN-Regular;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  line-height: 0.96rem;
+  margin-top: 0.374rem;
+}
+
+/* ============ footer 应用实践列(比照 newcss text-wrapper_16,放在"创作平台"和"模型网关"之间)============ */
+/* 比照 newcss .text-wrapper_16:
+   - width: 1.92rem(原 withmind 误用 2.4rem)
+   - height: 5.12rem(原 withmind 误用 3.734rem,4 项需要 5.12rem)
+   - margin-left: 0.934rem(原 withmind 误用 1.787rem)
+   写在 <style scoped> 里自动带 [data-v-xxx],scope 隔离不会污染其他列。
+
+   关键修复:不要用 justify-between,改用普通流式布局 + 每项固定 margin-top,
+   这样 4 项的实际渲染高度 = 4*0.96 + 3*0.427 = 5.121rem ≈ 5.12rem,精确填满,
+   不会因 justify-between 撑开产生视觉间距不一致 */
+.practice_footer_col {
+  width: 1.92rem;
+  height: 5.12rem;
+  /* 再右移 0.2rem(原 0.747rem → 0.947rem) */
+  margin-left: 0.947rem;
+}
+
+.practice_footer_col_item {
+  width: 1.92rem;
+  height: 0.96rem;
+  overflow-wrap: break-word;
+  color: rgba(153, 153, 153, 1);
+  font-size: 0.48rem;
+  font-family: Source Han Sans CN-Regular;
+  font-weight: 400;
+  text-align: right;
+  line-height: 0.96rem;
+  cursor: pointer;
+}
+
+.practice_footer_col_item + .practice_footer_col_item {
+  margin-top: 0.427rem;
+}
 </style>