chore: update

app/pages/yougu/index.vue

@@ -26,43 +26,45 @@ const ends = [
     tag: '学校端',
     product: '产教图谱',
     sub: '高校专业建设与人才培养AI决策智能体',
-    desc: '专业动态适配产业，以产业需求为导向的专业与课程调整。',
+    desc: '以产业需求为起点，贯通产业、岗位、能力、专业与课程，为学校专业调整、培养优化和资源配置提供数据支撑。',
+    en: ['SCHOOL', 'PARTNER'],
     to: '/yougu/school',
-    icon: '<path d="M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z"/><path d="M22 10v6"/><path d="M6 12.5V16a6 3 0 0 0 12 0v-3.5"/>',
+    icon: '<path d="M22 10 12 5 2 10l10 5 10-5z"/><path d="M6 12v4.5c0 1.4 2.7 2.5 6 2.5s6-1.1 6-2.5V12"/><path d="M22 10v6"/>',
     feats: [
-      { name: '看清产业', note: '｜产业链全景分析与人才需求动态洞察' },
-      { name: '对准专业', note: '｜产业—岗位—专业供需匹配分析' },
-      { name: '找准差距', note: '｜岗位能力图谱与课程能力诊断' },
-      { name: '推动改进', note: '｜智能预警、整改闭环与成果输出' },
+      { name: '看产业', note: '｜洞察产业趋势与岗位需求' },
+      { name: '调专业', note: '｜支撑专业布局与动态调整' },
+      { name: '找差距', note: '｜诊断能力缺口与课程矩阵' },
+      { name: '促修改', note: '｜推动专业建设持续改进' },
     ],
   },
   {
     tag: '学生端',
     product: '北斗星',
-    sub: '生涯发展与就业能力提升 AI 平台',
-    desc: '就业能力提前养成，让生涯教育贯穿人才培养全过程。',
+    sub: '高校生涯教育与就业能力提升AI平台',
+    desc: '以AI职业发展教练贯穿大学四年，帮助学生明方向、练能力、强就业。',
+    en: ['STUDENT', 'EMPOWERMENT'],
     to: '/yougu/student',
-    icon: '<circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>',
+    icon: '<circle cx="12" cy="8" r="4"/><path d="M5 21v-1a7 7 0 0 1 14 0v1"/>',
     feats: [
-      { name: '看方向', note: '｜从大一开始明确未来方向' },
-      { name: '找差距', note: '｜看清距离目标岗位还差什么' },
-      { name: '练能力', note: '｜把岗位要求真正练成能力' },
-      { name: '做求职', note: '｜把四年成长转化为岗位语言' },
-      { name: '去职场', note: '｜AI职业发展教练陪伴就业全过程' },
+      { name: '明方向', note: '｜从职业认知到目标岗位' },
+      { name: '练能力', note: '｜从知道做什么到真正练出来' },
+      { name: '沉成果', note: '｜从学习经历到能力证据' },
+      { name: '强就业', note: '｜让求职准备更早、更准、更实' },
     ],
   },
   {
     tag: '企业端',
     product: '人才桥',
     sub: 'AI 校企人才匹配与用人反馈平台',
-    desc: '从看简历到看能力，基于真实能力与项目成果精准匹配。',
+    desc: '以岗位标准、能力匹配和实践验证连接企业与高校，让用人反馈反哺培养。',
+    en: ['ENTERPRISE', 'CONNECT'],
     to: '/yougu/enterprise',
-    icon: '<path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/>',
+    icon: '<path d="M17 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9.5" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/>',
     feats: [
-      { name: '定标准', note: '｜AI把业务需求转化为岗位能力标准' },
-      { name: '找人才', note: '｜AI按岗位能力精准匹配候选人' },
-      { name: '验能力', note: '｜用实战任务验证岗位胜任力' },
-      { name: '做决策', note: '｜沉淀招聘评价与用人反馈' },
+      { name: '定标准', note: '｜把业务需求转化为岗位标准' },
+      { name: '识人才', note: '｜基于能力与成果精准匹配' },
+      { name: '验胜任', note: '｜用真实任务验证岗位能力' },
+      { name: '助育人', note: '｜用人数据反哺人才培养' },
     ],
   },
 ]
@@ -216,11 +218,16 @@ onBeforeUnmount(() => {
             <article class="scene-card reveal">
               <header class="scene-head">
                 <div class="scene-head-top">
-                  <span class="end-tag"><i></i>{{ item.tag }}</span>
                   <span class="scene-mark" aria-hidden="true">
                     <svg viewBox="0 0 24 24" v-html="item.icon" />
                   </span>
+                  <span class="end-tag">{{ item.tag }}</span>
+                  <span class="scene-en" aria-hidden="true">
+                    <span v-for="word in item.en" :key="word">{{ word }}</span>
+                  </span>
                 </div>
+              </header>
+              <div class="scene-body">
                 <div class="head-lockup">
                   <div class="head-title">
                     <span class="brand">紫荆优雇<em>Agent</em></span>
@@ -229,8 +236,6 @@ onBeforeUnmount(() => {
                   </div>
                   <p class="scene-sub">{{ item.sub }}</p>
                 </div>
-              </header>
-              <div class="scene-body">
                 <p class="scene-desc">{{ item.desc }}</p>
                 <ul class="feat-list">
                   <li v-for="feat in item.feats" :key="feat.name">
@@ -889,6 +894,146 @@ onBeforeUnmount(() => {
     box-shadow: 0 16px 30px rgba(171, 10, 61, 0.3);
   }
 
+  /* 三端卡片：红渐变横幅头 + 白底内容，与参考站保持一致 */
+  .scene-head {
+    padding: 16px 24px;
+    border-bottom: 0;
+    background: linear-gradient(135deg, #c22650 0%, var(--red) 45%, var(--red-deep) 100%);
+  }
+
+  .scene-link:nth-child(2) .scene-card .scene-head {
+    background: linear-gradient(135deg, #c22650 0%, var(--red) 45%, var(--red-deep) 100%);
+  }
+
+  .scene-head-top {
+    justify-content: flex-start;
+    gap: 14px;
+  }
+
+  .scene-mark {
+    width: 46px;
+    height: 46px;
+    border-radius: 50%;
+    background: #fff;
+    color: var(--red);
+    box-shadow: 0 4px 12px rgba(90, 5, 26, 0.28);
+
+    svg {
+      width: 24px;
+      height: 24px;
+      stroke-width: 1.7;
+    }
+  }
+
+  .scene-link:nth-child(2) .scene-card .scene-mark {
+    background: #fff;
+    color: var(--red);
+    box-shadow: 0 4px 12px rgba(90, 5, 26, 0.28);
+  }
+
+  /* 端名称：横幅内白色大字 */
+  .end-tag {
+    padding: 0;
+    border-radius: 0;
+    background: none;
+    box-shadow: none;
+    font-size: 21px;
+    font-weight: 800;
+    letter-spacing: 0.16em;
+    color: #fff;
+    white-space: nowrap;
+  }
+
+  .scene-link:nth-child(2) .scene-card .end-tag {
+    background: none;
+    box-shadow: none;
+  }
+
+  .scene-en {
+    margin-left: auto;
+    padding-left: 12px;
+    border-left: 1px solid rgba(255, 255, 255, 0.45);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 2px;
+    color: rgba(255, 255, 255, 0.82);
+    font-size: 10px;
+    font-weight: 700;
+    letter-spacing: 0.22em;
+    line-height: 1.6;
+    white-space: nowrap;
+  }
+
+  /* 产品名与副标题位于横幅下方白底区 */
+  .head-lockup {
+    margin: 0 0 14px;
+  }
+
+  .head-title {
+    .brand,
+    h3 {
+      font-size: 21px;
+    }
+
+    .brand em {
+      font-family: Georgia, 'Times New Roman', 'Songti SC', serif;
+      font-style: italic;
+    }
+  }
+
+  .scene-sub {
+    margin: 10px 0 0;
+    padding-left: 0;
+    font-size: 16px;
+    font-weight: 800;
+    letter-spacing: 0.01em;
+
+    &::before {
+      display: none;
+    }
+  }
+
+  .scene-card .scene-desc {
+    margin-bottom: 18px;
+    font-size: 14.5px;
+    line-height: 1.85;
+  }
+
+  .feat-list {
+    margin-top: auto;
+
+    li {
+      gap: 10px;
+      padding: 11px 0;
+      font-size: 13.5px;
+      line-height: 1.55;
+
+      &:first-child {
+        border-top: 1px solid var(--line);
+      }
+
+      &::before {
+        display: none;
+      }
+
+      b {
+        color: var(--red);
+      }
+
+      .fx {
+        color: var(--ink-3);
+      }
+    }
+  }
+
+  .scene-go {
+    min-width: 168px;
+    padding: 13px 26px;
+    border-radius: 999px;
+    font-size: 14px;
+  }
+
   .scene-link {
     height: 100%;
   }
@@ -905,17 +1050,13 @@ onBeforeUnmount(() => {
     flex-direction: column;
   }
 
-  .scene-card .scene-go {
-    margin-top: auto;
-  }
-
   @media (min-width: 860px) {
-    .scene-card .feat-list li {
-      gap: 8px;
+    .scene-card .feat-list li b {
+      font-size: 15.5px;
     }
 
     .scene-card .feat-list li .fx {
-      font-size: 12.5px;
+      font-size: 14px;
     }
   }