feat: 更新二维码图片尺寸，优化页面视觉效果；调整功能描述，增强用户理解

components/YouguEndLanding.vue

@@ -84,7 +84,7 @@
         <h2>欢迎咨询<em>{{ page.productName }}</em></h2>
         <p class="yg-cta-sub">{{ page.ctaSub }}</p>
         <div class="yg-qr-card">
-          <img src="/images/yougu/qr.webp" :alt="page.productName + '详情咨询微信二维码'" width="230" height="230" />
+          <img src="/images/yougu/qr.webp" :alt="page.productName + '详情咨询微信二维码'" width="444" height="444" />
           <div class="yg-qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div>
         </div>
         <p class="yg-apply-note">{{ page.applyNote }}</p>
@@ -297,6 +297,14 @@ export default {
     }
   }
 
+  .yg-features .yg-kicker {
+    color: var(--red);
+
+    &::before {
+      background: var(--red);
+    }
+  }
+
   .yg-title {
     margin: 0.1rem 0 0;
     font-size: 0.26rem;
@@ -399,8 +407,8 @@ export default {
   }
 
   .yg-route-item:last-child .yg-route-node {
-    background: linear-gradient(140deg, var(--gold), #b96a22);
-    box-shadow: 0 0.08rem 0.18rem rgba(201, 125, 49, 0.28);
+    background: linear-gradient(140deg, var(--red), var(--red-deep));
+    box-shadow: 0 0.08rem 0.18rem rgba(171, 10, 61, 0.26);
   }
 
   .yg-route-card {
@@ -534,7 +542,7 @@ export default {
         display: block;
         margin-top: 0.04rem;
         font-style: normal;
-        color: #f0cf9a;
+        color: #fff;
         font-size: 0.2rem;
       }
     }

pages/yougu/index.vue

@@ -8,7 +8,7 @@
         src="/images/yougu/banner.webp"
         alt="紫荆·优雇 Agent — AI 一体化人才供需协同平台"
         width="1920"
-        height="807" />
+        height="615" />
       <div class="yg-hero-actions">
         <div class="yg-tags">
           <span><b>学校端</b> · 产教图谱</span>
@@ -33,7 +33,7 @@
 
         <!-- 三端协同生态图（设计稿整图） -->
         <div class="yg-eco reveal d2">
-          <img src="/images/yougu/eco.webp" alt="紫荆·优雇 Agent 三端协同生态图" width="1607" height="841" />
+          <img src="/images/yougu/eco.webp" alt="紫荆优雇 Agent 三端协同：学校端产教图谱、学生端北斗星、企业端人才桥" width="1672" height="842" />
         </div>
 
         <!-- 三端分述卡片 -->
@@ -125,7 +125,7 @@
           深度落地"十五五"教育规划要求，将"人工智能+教育、产教融合、专业动态调整、就业提质、生涯教育"转化为校、生、企三端可落地、可操作、可溯源的数字化工具。
         </p>
         <div class="yg-qr-card">
-          <img src="/images/yougu/qr.webp" alt="紫荆·优雇 Agent 详情咨询微信二维码" width="230" height="230" />
+          <img src="/images/yougu/qr.webp" alt="紫荆优雇 Agent 详情咨询微信二维码" width="444" height="444" />
           <div class="yg-qr-caption">微信扫码 · 详情咨询<span>添加顾问，获取平台详情与咨询服务</span></div>
         </div>
         <p class="yg-apply-note">长按识别或使用微信扫一扫，我们的顾问将为您介绍紫荆·优雇 Agent 平台，并提供详情咨询。</p>
@@ -159,10 +159,10 @@ export default {
           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"/>',
           feats: [
-            { name: '看清产业', note: '｜洞察产业与岗位需求' },
-            { name: '对准专业', note: '｜研判专业与市场匹配' },
-            { name: '找准差距', note: '｜定位岗位能力与课程缺口' },
-            { name: '推动改进', note: '｜形成专业持续诊改闭环' }
+            { name: '看清产业', note: '｜产业链全景分析与人才需求动态洞察' },
+            { name: '对准专业', note: '｜产业—岗位—专业供需匹配分析' },
+            { name: '找准差距', note: '｜岗位能力图谱与课程能力诊断' },
+            { name: '推动改进', note: '｜智能预警、整改闭环与成果输出' }
           ]
         },
         {
@@ -174,10 +174,11 @@ export default {
           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"/>',
           feats: [
-            { name: '生涯前移', note: '｜从“毕业季”走向“大学四年”' },
-            { name: '能力形成', note: '｜从“知道缺什么”到“真正练出来”' },
-            { name: '成长有据', note: '｜从“学过什么”到“练成什么”' },
-            { name: 'AI陪伴', note: '｜让个性化指导覆盖更多学生' }
+            { name: '看方向', note: '｜从大一开始明确未来方向' },
+            { name: '找差距', note: '｜看清距离目标岗位还差什么' },
+            { name: '练能力', note: '｜把岗位要求真正练成能力' },
+            { name: '做求职', note: '｜把四年成长转化为岗位语言' },
+            { name: '去职场', note: '｜AI职业发展教练陪伴就业全过程' }
           ]
         },
         {
@@ -444,6 +445,14 @@ export default {
     }
   }
 
+  .yg-features .yg-kicker {
+    color: var(--red);
+
+    &::before {
+      background: var(--red);
+    }
+  }
+
   .yg-title {
     margin: 0.1rem 0 0;
     font-size: 0.26rem;
@@ -481,6 +490,7 @@ export default {
   .yg-scene-grid {
     display: grid;
     grid-template-columns: 1fr;
+    grid-auto-rows: 1fr;
     gap: 0.16rem;
     margin-top: 0.26rem;
   }
@@ -492,6 +502,8 @@ export default {
     border: 1px solid var(--line);
     border-radius: 0.16rem;
     box-shadow: 0 0.04rem 0.16rem rgba(42, 13, 22, 0.05);
+    display: flex;
+    flex-direction: column;
   }
 
   .yg-scene-head {
@@ -504,7 +516,7 @@ export default {
   }
 
   .yg-scene-grid .yg-scene-card:nth-child(2) .yg-scene-head {
-    background: linear-gradient(180deg, rgba(201, 125, 49, 0.1) 0%, rgba(201, 125, 49, 0) 100%);
+    background: linear-gradient(180deg, rgba(171, 10, 61, 0.07) 0%, rgba(171, 10, 61, 0) 100%);
   }
 
   .yg-end-tag {
@@ -530,8 +542,8 @@ export default {
   }
 
   .yg-scene-grid .yg-scene-card:nth-child(2) .yg-end-tag {
-    background: linear-gradient(135deg, #e8b57a, #b96a22);
-    box-shadow: 0 0.05rem 0.14rem rgba(201, 125, 49, 0.24);
+    background: linear-gradient(135deg, var(--red), var(--red-deep));
+    box-shadow: 0 0.05rem 0.14rem rgba(171, 10, 61, 0.24);
   }
 
   .yg-scene-mark {
@@ -557,12 +569,15 @@ export default {
   }
 
   .yg-scene-grid .yg-scene-card:nth-child(2) .yg-scene-mark {
-    color: #b96a22;
-    background: rgba(201, 125, 49, 0.13);
+    color: var(--red);
+    background: rgba(171, 10, 61, 0.08);
   }
 
   .yg-scene-body {
     padding: 0.16rem;
+    flex: 1;
+    display: flex;
+    flex-direction: column;
   }
 
   .yg-scene-title {
@@ -578,7 +593,7 @@ export default {
 
       em {
         font-style: normal;
-        color: var(--gold);
+        color: var(--red);
       }
     }
 
@@ -618,10 +633,10 @@ export default {
   }
 
   .yg-scene-grid .yg-scene-card:nth-child(2) .yg-scene-sub {
-    color: #b96a22;
+    color: var(--red);
 
     &::before {
-      background: linear-gradient(180deg, #e8b57a, #b96a22);
+      background: linear-gradient(180deg, var(--red), var(--red-deep));
     }
   }
 
@@ -672,6 +687,7 @@ export default {
     letter-spacing: 0.04em;
     background: linear-gradient(135deg, var(--red), var(--red-deep));
     box-shadow: 0 0.06rem 0.16rem rgba(171, 10, 61, 0.2);
+    margin-top: auto;
 
     i {
       font-style: normal;
@@ -679,8 +695,8 @@ export default {
   }
 
   .yg-scene-grid .yg-scene-card:nth-child(2) .yg-scene-go {
-    background: linear-gradient(135deg, #e8b57a, #b96a22);
-    box-shadow: 0 0.06rem 0.16rem rgba(201, 125, 49, 0.22);
+    background: linear-gradient(135deg, var(--red), var(--red-deep));
+    box-shadow: 0 0.06rem 0.16rem rgba(171, 10, 61, 0.22);
   }
 
   /* ============ 核心功能 ============ */
@@ -735,8 +751,8 @@ export default {
   }
 
   .yg-route-item:last-child .yg-route-node {
-    background: linear-gradient(140deg, var(--gold), #b96a22);
-    box-shadow: 0 0.08rem 0.18rem rgba(201, 125, 49, 0.28);
+    background: linear-gradient(140deg, var(--red), var(--red-deep));
+    box-shadow: 0 0.08rem 0.18rem rgba(171, 10, 61, 0.26);
   }
 
   .yg-route-card {
@@ -862,7 +878,7 @@ export default {
       em {
         display: block;
         margin-top: 0.04rem;
-        color: #f0cf9a;
+        color: #fff;
         font-style: normal;
         font-size: 0.2rem;
       }