From 7b8644a8ec842d633272f3890a02fbe093ff9b89 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B2=85?= <907037276@qq.com>
Date: Tue, 25 Aug 2026 16:18:34 +0800
Subject: [PATCH] feat: improve student training experience

---
 src/api/studentTrainingAnswer.js              | 169 ++++
 src/assets/styles/student-training.scss       |  73 +-
 src/views/components/TrainingAiSidebar.vue    |   6 +-
 .../components/TrainingMaterialButton.vue     |   2 +-
 src/views/components/TrainingTaskBrief.vue    |  22 +-
 .../product-development-process.vue           |  12 +-
 .../product/market-opportunity-selection.vue  |   2 +-
 src/views/product/price.vue                   | 769 +++++++++++++++++-
 8 files changed, 996 insertions(+), 59 deletions(-)

diff --git a/src/api/studentTrainingAnswer.js b/src/api/studentTrainingAnswer.js
index bcb5bde..32b2708 100644
--- a/src/api/studentTrainingAnswer.js
+++ b/src/api/studentTrainingAnswer.js
@@ -64,6 +64,175 @@ export function uploadStudentTrainingFile(data) {
   });
 }
 
+export function validateProductPricingStepOne(payload) {
+  const value = payload || {};
+  const rows = Array.isArray(value.pricingRows) ? value.pricingRows : [];
+  if (isStudentDemo()) {
+    const ranges = { dealer: [15, 25], "direct-retail": [40, 60], "premium-brand": [70, 80] };
+    const unitCost = Number(value.unitCost);
+    if (!Number.isFinite(unitCost) || unitCost <= 0) return Promise.reject(new Error("单台综合成本必须大于 0"));
+    if (rows.length !== 3) return Promise.reject(new Error("请填写三个渠道的加成率"));
+    try {
+      const pricingRows = Object.keys(ranges).map((id) => {
+        const markupRate = Number(rows.find((item) => item?.id === id)?.markupRate);
+        const [min, max] = ranges[id];
+        if (!Number.isFinite(markupRate) || markupRate < min || markupRate > max) {
+          throw new Error(`渠道加成率需在 ${min}%~${max}% 范围内`);
+        }
+        return { id, markupRate: Number(markupRate.toFixed(2)), salePrice: Number((unitCost * (1 + markupRate / 100)).toFixed(2)) };
+      });
+      return Promise.resolve({ code: 200, data: { valid: true, message: "渠道加成定价已校验", unitCost: Number(unitCost.toFixed(2)), pricingRows } });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  return request({ url: "/api/student-training-answers/product-pricing/step-1/validate", method: "post", data: value, headers: { repeatSubmit: false } });
+}
+
+export function validateProductPricingStepTwo(payload) {
+  const value = payload || {};
+  const rows = Array.isArray(value.competitorRows) ? value.competitorRows : [];
+  const decision = value.decision || {};
+  if (isStudentDemo()) {
+    const unitCost = Number(value.unitCost);
+    if (!Number.isFinite(unitCost) || unitCost <= 0) return Promise.reject(new Error("请先完成第 1 步并填写单台综合成本"));
+    if (rows.length !== 4) return Promise.reject(new Error("请完整填写 4 个竞品信息"));
+    try {
+      const productTypes = rows.map((row, index) => {
+        const productType = String(row?.productType || "").trim();
+        const brand = String(row?.brand || "").trim();
+        const differentiator = String(row?.differentiator || "").trim();
+        const ecommercePrice = Number(row?.ecommercePrice);
+        if (!productType || !brand || !differentiator || !Number.isFinite(ecommercePrice) || ecommercePrice <= 0) throw new Error(`请完整填写竞品 ${index + 1} 的信息`);
+        return productType;
+      });
+      if (new Set(productTypes).size !== productTypes.length) {
+        throw new Error("竞品产品类型不能重复，请使用可区分的竞品名称");
+      }
+      const targetPrice = Number(decision.targetPrice);
+      if (!productTypes.includes(String(decision.benchmarkCompetitor || "").trim())) throw new Error("对标竞品必须从上方已填写的竞品中选择");
+      if (!Number.isFinite(targetPrice) || targetPrice <= 0 || !String(decision.differentiator || "").trim() || !String(decision.pricingReason || "").trim()) throw new Error("请完整填写本产品定价、差异化优势和定价原因");
+      return Promise.resolve({ code: 200, data: { valid: true, message: "竞品价格带与定价已校验", competitorRows: rows, decision: { ...decision, targetPrice: Number(targetPrice.toFixed(2)), grossMarginRate: Number((((targetPrice - unitCost) / targetPrice) * 100).toFixed(2)) } } });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  return request({ url: "/api/student-training-answers/product-pricing/step-2/validate", method: "post", data: value, headers: { repeatSubmit: false } });
+}
+
+export function validateProductPricingStepThree(payload) {
+  const value = payload || {};
+  const valueItems = Array.isArray(value.valueItems) ? value.valueItems : [];
+  if (isStudentDemo()) {
+    try {
+      if (!valueItems.length) throw new Error("请至少填写一项可替代产品或功能的价值感知");
+      const normalizedItems = valueItems.map((item, index) => {
+        const name = String(item?.name || "").trim();
+        const perceivedValue = Number(item?.perceivedValue);
+        if (!String(item?.id || "").trim() || !name || !Number.isFinite(perceivedValue) || perceivedValue <= 0) {
+          throw new Error(`请完整填写第 ${index + 1} 项价值感知`);
+        }
+        return { ...item, id: String(item.id).trim(), name, perceivedValue: Number(perceivedValue.toFixed(2)) };
+      });
+      if (new Set(normalizedItems.map((item) => item.id)).size !== normalizedItems.length) throw new Error("价值感知条目不能重复");
+      const discountRate = Number(value.discountRate);
+      if (!Number.isFinite(discountRate) || discountRate <= 0 || discountRate > 100) throw new Error("利润让渡折扣率应大于 0 且不超过 100%");
+      const perceivedValueTotal = Number(normalizedItems.reduce((total, item) => total + item.perceivedValue, 0).toFixed(2));
+      return Promise.resolve({
+        code: 200,
+        data: {
+          valid: true,
+          message: "用户感知价值定价已校验",
+          valueItems: normalizedItems,
+          perceivedValueTotal,
+          discountRate: Number(discountRate.toFixed(2)),
+          valueBasedPrice: Number((perceivedValueTotal * discountRate / 100).toFixed(2)),
+        },
+      });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  return request({ url: "/api/student-training-answers/product-pricing/step-3/validate", method: "post", data: value, headers: { repeatSubmit: false } });
+}
+
+export function validateProductPricingStepFour(payload) {
+  const value = payload || {};
+  const psmRows = Array.isArray(value.psmRows) ? value.psmRows : [];
+  const pricePoints = value.pricePoints || {};
+  if (isStudentDemo()) {
+    try {
+      const requiredRanges = ["≤100元", "100~150元", "150~200元", "200~250元", "250~300元", "≥300元"];
+      if (psmRows.length < requiredRanges.length) throw new Error("请完整填写 6 个固定价格区间的 PSM 累计占比");
+      const seenIds = new Set();
+      const seenRanges = new Set();
+      const normalizedRows = psmRows.map((row, index) => {
+        const id = String(row?.id || "").trim();
+        const priceRange = String(row?.priceRange || "").trim();
+        if (!id || !priceRange || seenIds.has(id) || seenRanges.has(priceRange)) throw new Error("PSM 价格区间不能重复且不能为空");
+        seenIds.add(id);
+        seenRanges.add(priceRange);
+        const normalized = { ...row, id, priceRange };
+        [["tooExpensive", "太贵不买"], ["tooCheap", "太便宜不买"], ["expensiveAcceptable", "偏高可接受"], ["cheapValue", "便宜划算"]].forEach(([field, label]) => {
+          const percentage = Number(row?.[field]);
+          if (!Number.isFinite(percentage) || percentage < 0 || percentage > 100) throw new Error(`第 ${index + 1} 行“${label}”累计占比应在 0%–100% 之间`);
+          normalized[field] = Number(percentage.toFixed(2));
+        });
+        return normalized;
+      });
+      if (!requiredRanges.every((range) => seenRanges.has(range))) throw new Error("请保留并填写 6 个固定价格区间");
+      const optimalPrice = Number(pricePoints.optimalPrice);
+      const acceptablePrice = Number(pricePoints.acceptablePrice);
+      const acceptableRange = String(pricePoints.acceptableRange || "").trim();
+      if (!Number.isFinite(optimalPrice) || optimalPrice <= 0 || !Number.isFinite(acceptablePrice) || acceptablePrice <= 0 || !acceptableRange) {
+        throw new Error("请完整填写最优价格点、可接受价格点和可接受价格范围");
+      }
+      return Promise.resolve({ code: 200, data: {
+        valid: true,
+        message: "PSM 价格敏感度测试已校验",
+        psmRows: normalizedRows,
+        pricePoints: { optimalPrice: Number(optimalPrice.toFixed(2)), acceptablePrice: Number(acceptablePrice.toFixed(2)), acceptableRange },
+      } });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  return request({ url: "/api/student-training-answers/product-pricing/step-4/validate", method: "post", data: value, headers: { repeatSubmit: false } });
+}
+
+export function validateProductPricingStepFive(payload) {
+  const value = payload || {};
+  const methodResults = Array.isArray(value.methodResults) ? value.methodResults : [];
+  if (isStudentDemo()) {
+    try {
+      const requiredKeys = ["cost-markup", "competitive", "value-based", "psm"];
+      const selectedCostMarkupChannel = String(value.selectedCostMarkupChannel || "").trim();
+      if (!selectedCostMarkupChannel) throw new Error("请选择用于汇总的成本加成定价渠道");
+      if (methodResults.length !== requiredKeys.length) throw new Error("请完整汇总四种定价方法的测算结果");
+      const seenKeys = new Set();
+      const normalizedResults = methodResults.map((item) => {
+        const key = String(item?.key || "").trim();
+        const methodName = String(item?.methodName || "").trim();
+        const measuredPrice = Number(item?.measuredPrice);
+        const grossMarginRate = Number(item?.grossMarginRate);
+        if (!requiredKeys.includes(key) || seenKeys.has(key) || !methodName || !Number.isFinite(measuredPrice) || measuredPrice <= 0 || !Number.isFinite(grossMarginRate)) {
+          throw new Error("请完整填写四种定价方法的测算结果和毛利润率");
+        }
+        if (grossMarginRate < -100 || grossMarginRate > 100) throw new Error("毛利润率应在 -100% 至 100% 之间");
+        seenKeys.add(key);
+        return { key, methodName, measuredPrice: Number(measuredPrice.toFixed(2)), grossMarginRate: Number(grossMarginRate.toFixed(2)) };
+      });
+      if (!requiredKeys.every((key) => seenKeys.has(key))) throw new Error("定价方法汇总项不正确或重复");
+      const finalAnalysis = String(value.finalAnalysis || "").trim();
+      if (!finalAnalysis) throw new Error("请填写最终量产定价分析");
+      return Promise.resolve({ code: 200, data: { valid: true, message: "最终量产定价汇总已校验", selectedCostMarkupChannel, methodResults: normalizedResults, finalAnalysis } });
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  }
+  return request({ url: "/api/student-training-answers/product-pricing/step-5/validate", method: "post", data: value, headers: { repeatSubmit: false } });
+}
+
 export function checkNewProductSurveyStepOne(items) {
   if (isStudentDemo()) {
     const results = Array.isArray(items)
diff --git a/src/assets/styles/student-training.scss b/src/assets/styles/student-training.scss
index e8fff74..3a88609 100644
--- a/src/assets/styles/student-training.scss
+++ b/src/assets/styles/student-training.scss
@@ -28,17 +28,47 @@
 #app .teacherLayout .app-main:has(.student-training-shell) .student-training-shell {
   box-sizing: border-box !important;
   display: grid !important;
-  grid-template-columns: minmax(720px, 1fr) 340px !important;
+  grid-template-columns: minmax(660px, 1fr) 300px !important;
   align-items: start !important;
-  gap: 24px !important;
+  gap: 14px !important;
   width: 100% !important;
   max-width: none !important;
   min-height: calc(100vh - 90px) !important;
   margin: 0 !important;
-  padding: 24px 24px 32px !important;
+  padding: 14px 14px 20px !important;
   background: #06111d !important;
 }
 
+/*
+ * Student pages use different local names for their main and workbench cards.
+ * Keep the layout density here so a page-specific card cannot reclaim the
+ * space reserved for the hands-on activity area.
+ */
+.student-training-shell > main {
+  min-width: 0 !important;
+  padding: 20px !important;
+  border-radius: 24px !important;
+}
+
+.student-training-shell > main > .task-card,
+.student-training-shell > main > .process-workbench,
+.student-training-shell > main > .factors-workbench,
+.student-training-shell > main > .workbench {
+  padding: 14px 16px !important;
+  border-radius: 20px !important;
+}
+
+.student-training-shell .step-card,
+.student-training-shell .process-step-card,
+.student-training-shell .factor-step-card {
+  padding: 16px !important;
+  border-radius: 20px !important;
+}
+
+.student-training-shell .task-header {
+  margin-bottom: 16px !important;
+}
+
 .student-training-shell .task-header .task-title {
   font-size: 30px !important;
   line-height: 1.3 !important;
@@ -76,7 +106,7 @@
   justify-content: space-between !important;
   gap: 6px !important;
   width: 100% !important;
-  margin: 0 0 32px !important;
+  margin: 0 0 18px !important;
   padding: 6px !important;
   border: 1px solid var(--student-panel-border) !important;
   border-radius: var(--student-radius-pill) !important;
@@ -443,7 +473,7 @@
   display: flex !important;
   align-items: flex-start !important;
   justify-content: space-between !important;
-  gap: 18px !important;
+  gap: 10px !important;
 }
 
 .student-training-shell .workbench-actions {
@@ -453,7 +483,7 @@
   align-items: center !important;
   justify-content: flex-end !important;
   align-self: flex-start !important;
-  gap: 10px !important;
+  gap: 8px !important;
   min-width: max-content !important;
   margin: 0 0 0 auto !important;
   padding: 0 !important;
@@ -467,16 +497,16 @@
   flex: 0 0 auto !important;
   min-width: 0 !important;
   width: auto !important;
-  height: 40px !important;
-  min-height: 40px !important;
-  max-height: 40px !important;
+  height: 34px !important;
+  min-height: 34px !important;
+  max-height: 34px !important;
   margin: 0 !important;
-  padding: 0 18px !important;
+  padding: 0 12px !important;
   border: 1px solid rgba(99, 217, 255, 0.55) !important;
   border-radius: var(--student-radius-pill) !important;
   color: #e9fbff !important;
   background: rgba(17, 126, 178, 0.36) !important;
-  font-size: 14px !important;
+  font-size: 13px !important;
   font-weight: 800 !important;
   line-height: 1 !important;
   white-space: nowrap !important;
@@ -527,10 +557,13 @@
 
 .legacy-training-page {
   display: grid !important;
-  grid-template-columns: minmax(0, 1fr) 360px !important;
-  gap: 24px !important;
+  box-sizing: border-box !important;
+  grid-template-columns: minmax(0, 1fr) 300px !important;
+  gap: 14px !important;
   align-items: start !important;
   width: 100% !important;
+  padding: 14px !important;
+  background: #06111d !important;
 }
 
 .legacy-training-page > :not(.training-ai-sidebar) {
@@ -553,22 +586,22 @@
 }
 
 .legacy-training-page .top_item {
-  margin-bottom: 18px !important;
+  margin-bottom: 12px !important;
 }
 
 .legacy-training-page .top_item .el-button {
   display: inline-flex !important;
   align-items: center !important;
   justify-content: center !important;
-  min-width: 150px !important;
-  height: 42px !important;
-  padding: 0 18px !important;
+  min-width: 136px !important;
+  height: 36px !important;
+  padding: 0 12px !important;
   border: 1px solid #2c83aa !important;
   border-radius: 6px !important;
   color: #e9fbff !important;
   background: rgba(13, 64, 88, 0.62) !important;
   box-shadow: none !important;
-  font-size: 15px !important;
+  font-size: 14px !important;
   font-weight: 800 !important;
   line-height: 1 !important;
   letter-spacing: 0 !important;
@@ -628,6 +661,10 @@
     padding: 14px 14px 18px !important;
   }
 
+  .legacy-training-page {
+    padding: 12px !important;
+  }
+
   .student-training-shell .workbench-head {
     flex-direction: column !important;
   }
diff --git a/src/views/components/TrainingAiSidebar.vue b/src/views/components/TrainingAiSidebar.vue
index d70250b..15657dc 100644
--- a/src/views/components/TrainingAiSidebar.vue
+++ b/src/views/components/TrainingAiSidebar.vue
@@ -163,12 +163,12 @@ async function requestEvaluation() {
 .training-ai-sidebar {
   display: flex;
   flex-direction: column;
-  gap: 22px;
+  gap: 16px;
   align-self: start;
   min-height: calc(100vh - 106px);
-  padding: 10px;
+  padding: 8px;
   border: 1px solid rgba(0, 174, 255, 0.22);
-  border-radius: 26px;
+  border-radius: 22px;
   background:
     linear-gradient(180deg, rgba(13, 30, 44, 0.92), rgba(5, 15, 26, 0.96)),
     radial-gradient(circle at 50% 0%, rgba(0, 220, 255, 0.16), transparent 42%);
diff --git a/src/views/components/TrainingMaterialButton.vue b/src/views/components/TrainingMaterialButton.vue
index b087ba3..a56d29f 100644
--- a/src/views/components/TrainingMaterialButton.vue
+++ b/src/views/components/TrainingMaterialButton.vue
@@ -47,5 +47,5 @@ function handleDownload() {
 </script>
 
 <style lang="scss" scoped>
-.material-actions{display:flex;flex-wrap:wrap;gap:10px}.material-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-color:rgba(99,217,255,.55);border-radius:9px;color:#e9fbff;background:rgba(17,126,178,.36);font-size:14px;font-weight:800}.material-button:hover{color:#e9fbff;border-color:rgba(116,235,255,.85);background:rgba(18,146,204,.5)}.image-preview{display:flex;justify-content:center;max-height:68vh;overflow:auto;background:#0b1720}.image-preview img{display:block;max-width:100%;height:auto;object-fit:contain}.pdf-preview{width:100%;height:68vh;border:0;background:#fff}
+.material-actions{display:flex;flex-wrap:wrap;gap:8px}.material-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border-color:rgba(99,217,255,.55);border-radius:7px;color:#e9fbff;background:rgba(17,126,178,.36);font-size:13px;font-weight:800}.material-button:hover{color:#e9fbff;border-color:rgba(116,235,255,.85);background:rgba(18,146,204,.5)}.image-preview{display:flex;justify-content:center;max-height:68vh;overflow:auto;background:#0b1720}.image-preview img{display:block;max-width:100%;height:auto;object-fit:contain}.pdf-preview{width:100%;height:68vh;border:0;background:#fff}
 </style>
diff --git a/src/views/components/TrainingTaskBrief.vue b/src/views/components/TrainingTaskBrief.vue
index 92bfb9d..ae1052b 100644
--- a/src/views/components/TrainingTaskBrief.vue
+++ b/src/views/components/TrainingTaskBrief.vue
@@ -131,10 +131,10 @@ function normalizeGoals(value) {
 
 <style lang="scss" scoped>
 .training-task-brief {
-  margin-bottom: 28px;
-  padding: 16px 20px;
+  margin-bottom: 14px;
+  padding: 12px 16px;
   border: 1px solid #2d5f7e;
-  border-radius: 24px;
+  border-radius: 20px;
   background: rgba(0, 35, 55, 0.6);
   box-shadow: none;
 }
@@ -143,7 +143,7 @@ function normalizeGoals(value) {
   display: flex;
   align-items: stretch;
   gap: 10px;
-  margin-bottom: 14px;
+  margin-bottom: 10px;
 }
 
 .brief-tabs {
@@ -233,8 +233,8 @@ function normalizeGoals(value) {
 }
 
 .brief-scroll {
-  max-height: 178px;
-  min-height: 126px;
+  max-height: 160px;
+  min-height: 110px;
   overflow-y: auto;
   overscroll-behavior: contain;
   scrollbar-width: thin;
@@ -243,10 +243,10 @@ function normalizeGoals(value) {
 
 .brief-content {
   margin: 0;
-  padding: 14px 16px 16px;
+  padding: 10px 16px 12px;
   color: #d9efff;
   font-size: 15px;
-  line-height: 1.85;
+  line-height: 1.55;
 }
 
 .brief-goals {
@@ -254,12 +254,12 @@ function normalizeGoals(value) {
   list-style: none;
 
   li {
-    padding: 8px 0 8px 12px;
+    padding: 5px 0 5px 12px;
     border-left: 2px solid rgba(105, 221, 255, 0.5);
   }
 
   li + li {
-    margin-top: 4px;
+    margin-top: 2px;
   }
 }
 
@@ -296,7 +296,7 @@ function normalizeGoals(value) {
   }
 
   .brief-scroll {
-    height: 160px;
+    height: 140px;
   }
 }
 </style>
diff --git a/src/views/foundation/product-development-process.vue b/src/views/foundation/product-development-process.vue
index a14816c..35acece 100644
--- a/src/views/foundation/product-development-process.vue
+++ b/src/views/foundation/product-development-process.vue
@@ -582,25 +582,25 @@ function exportOutcome() {
 
 .process-core {
   min-width: 0;
-  padding: 28px;
+  padding: 20px;
   border: 1px solid rgba(0, 180, 255, 0.25);
-  border-radius: 36px;
+  border-radius: 24px;
   background: rgba(8, 18, 28, 0.6);
   box-shadow: 0 22px 48px rgba(0, 0, 0, 0.22), inset 0 1px 0 rgba(169, 229, 255, 0.08);
   backdrop-filter: blur(8px);
 }
 
-.task-header { margin-bottom: 24px; }
+.task-header { margin-bottom: 16px; }
 .task-badge { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 12px; padding: 4px 14px; border: 1px solid rgba(0, 170, 255, 0.5); border-radius: 30px; color: #d6f6ff; background: rgba(0, 170, 255, 0.2); font-size: 12px; font-weight: 700; }
 .task-title { margin: 0; color: transparent; background: linear-gradient(135deg, #fff, #8bcbff); -webkit-background-clip: text; background-clip: text; font-size: 30px; font-weight: 900; line-height: 1.3; }
-.process-workbench { min-width: 0; margin: 0; padding: 18px 22px; border: 1px solid rgba(82, 174, 226, 0.42); border-radius: 26px; background: rgba(0, 25, 42, 0.64); }
+.process-workbench { min-width: 0; margin: 0; padding: 14px 16px; border: 1px solid rgba(82, 174, 226, 0.42); border-radius: 20px; background: rgba(0, 25, 42, 0.64); }
 .process-workbench::before { display: none !important; content: none !important; }
 .workbench-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(0, 180, 255, 0.2); }
 .workbench-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; justify-content: flex-end; gap: 10px; }
 .outline-action, .btn-nav { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: inherit; cursor: pointer; }
 .outline-action, .workbench-actions :deep(.material-download) { min-height: 40px; padding: 0 18px; border: 1px solid rgba(99, 217, 255, 0.55); border-radius: 999px; color: #e9fbff; background: rgba(17, 126, 178, 0.36); box-shadow: none; font-size: 14px; font-weight: 800; line-height: 1; }
 .outline-action:hover, .workbench-actions :deep(.material-download:hover) { border-color: rgba(116, 235, 255, 0.85); color: #fff; background: rgba(18, 146, 204, 0.5); transform: translateY(-1px); }
-.workbench-head--actions-only { justify-content: flex-end; margin-bottom: 18px; padding-bottom: 0; border-bottom: 0; }
+.workbench-head--actions-only { justify-content: flex-end; margin-bottom: 10px; padding-bottom: 0; border-bottom: 0; }
 
 .step-indicator { position: relative; display: flex; align-items: center; gap: 0; width: calc(100% + 24px); margin: 0 -12px 32px; padding: 18px 22px; overflow-x: auto; border: 1px solid rgba(0, 180, 255, 0.3); border-radius: 18px; background: linear-gradient(90deg, rgba(6, 42, 61, 0.58), rgba(1, 18, 31, 0.42)), rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 0 rgba(145, 233, 255, 0.08); scrollbar-width: thin; }
 .step-tab { display: flex; flex: 1 0 145px; align-items: center; min-width: 0; min-height: 66px; padding: 8px 10px; border: 1px solid rgba(68, 141, 177, 0.35); border-radius: 8px; color: #9ab3d0; background: rgba(3, 27, 43, 0.52); box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04); font-family: inherit; cursor: pointer; text-align: left; transition: transform .2s ease, color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
@@ -608,7 +608,7 @@ function exportOutcome() {
 .step-tab.active { border-color: rgba(89, 226, 255, .85); color: #fff; background: linear-gradient(115deg, rgba(4, 109, 155, .78), rgba(5, 62, 102, .64)); box-shadow: 0 0 18px rgba(24, 183, 235, .22), inset 0 1px 0 rgba(176, 246, 255, .2); }.step-tab.active .step-marker { border-color: #72e8ff; color: #fff; background: linear-gradient(135deg, #08b7e8, #1375d0); box-shadow: 0 0 0 5px rgba(25, 179, 237, .14), 0 0 18px rgba(46, 208, 255, .58); }.step-tab.complete { color: #dffbff; }.step-tab.complete .step-marker { border-color: rgba(84, 230, 221, .85); color: #062b37; background: #6ef0e1; box-shadow: 0 0 12px rgba(79, 231, 218, .35); }
 .step-marker { display: inline-flex; flex: 0 0 38px; align-items: center; justify-content: center; width: 38px; height: 38px; border: 1px solid rgba(101, 176, 208, .6); border-radius: 50%; color: #a6c4d9; background: rgba(3, 25, 40, .8); font-size: 12px; font-weight: 900; letter-spacing: .04em; }.step-copy { display: grid; min-width: 0; gap: 4px; margin-left: 10px; }.step-name { display: -webkit-box; overflow: hidden; color: inherit; font-size: 14px; font-weight: 800; line-height: 1.25; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.step-action { color: #66b6d4; font-size: 10px; font-weight: 800; letter-spacing: .06em; line-height: 1; }.step-connector { position: relative; flex: 0 1 40px; min-width: 18px; height: 2px; margin: 0 8px; background: rgba(98, 169, 201, .34); }.step-connector::after { position: absolute; top: 50%; right: -1px; width: 6px; height: 6px; border-top: 1px solid #73b1ce; border-right: 1px solid #73b1ce; content: ''; transform: translateY(-50%) rotate(45deg); }.step-tab.complete + .step-connector { background: linear-gradient(90deg, #6ef0e1, #1cb8e9); box-shadow: 0 0 9px rgba(53, 218, 235, .46); }.step-tab.complete + .step-connector::after { border-color: #63e6f1; }
 
-.process-step-card { margin: 0; padding: 18px 22px; border: 1px solid rgba(82, 174, 226, 0.42); border-radius: 26px; background: rgba(0, 25, 42, 0.64); }.step-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px; }.step-title-row h3 { margin: 4px 0 0; color: #fff; font-size: 22px; font-weight: 900; line-height: 1.3; }.section-eyebrow { margin: 0; color: #71dfff; font-size: 12px; font-weight: 800; line-height: 1.4; }.step-chip { padding: 6px 12px; border: 1px solid rgba(94, 219, 255, .54); border-radius: 999px; color: #a6ebff; background: rgba(9, 104, 149, .2); font-size: 13px; font-weight: 800; }
+.process-step-card { margin: 0; padding: 16px; border: 1px solid rgba(82, 174, 226, 0.42); border-radius: 20px; background: rgba(0, 25, 42, 0.64); }.step-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 12px; }.step-title-row h3 { margin: 4px 0 0; color: #fff; font-size: 22px; font-weight: 900; line-height: 1.3; }.section-eyebrow { margin: 0; color: #71dfff; font-size: 12px; font-weight: 800; line-height: 1.4; }.step-chip { padding: 6px 12px; border: 1px solid rgba(94, 219, 255, .54); border-radius: 999px; color: #a6ebff; background: rgba(9, 104, 149, .2); font-size: 13px; font-weight: 800; }
 .process-intro { margin: 0 0 18px; color: #d7ecff; font-size: 15px; line-height: 1.8; }.training-table-wrap { overflow-x: auto; border: 1px solid rgba(0, 180, 255, .22); border-radius: 22px; background: rgba(1, 14, 26, .72); }.process-table { width: 100%; min-width: 920px; border-collapse: collapse; table-layout: fixed; }.process-table th { padding: 12px; border-right: 1px solid rgba(77, 167, 220, .2); color: #eaffff; background: rgba(8, 55, 82, .98); font-size: 14px; font-weight: 900; text-align: center; }.process-table td { padding: 12px; border-top: 1px solid rgba(77, 167, 220, .2); border-right: 1px solid rgba(77, 167, 220, .2); color: #d7f1ff; background: rgba(1, 14, 26, .48); vertical-align: middle; }.process-table th:last-child, .process-table td:last-child { border-right: 0; }.stage-cell { width: 17%; color: #eafaff; font-size: 14px; font-weight: 900; text-align: center; }.task-no-cell { width: 12%; color: #eafaff; font-size: 14px; font-weight: 800; text-align: center; }.task-cell { color: #cfe8f8; font-size: 14px; line-height: 1.7; text-align: center; }.select-cell { width: 23%; }.select-cell select, .schedule-table input { box-sizing: border-box; width: 100%; min-height: 38px; padding: 7px 10px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 10px; outline: none; color: #eef5ff; background: #0f1a24; font: inherit; }.select-cell select:focus, .schedule-table input:focus { border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); }.classification-feedback { margin: 6px 0 0; color: #ff9b8f; font-size: 12px; line-height: 1.5; }.is-correct { background: rgba(55, 196, 147, .08); }.is-incorrect { background: rgba(255, 91, 82, .1); }.classification-summary { margin: 16px 0 0; color: #ffbc86; }.classification-summary.is-success { color: #6ee8b1; }
 .task-actions { display: flex; justify-content: center; gap: 52px; margin-top: 36px; }.btn-nav { min-width: 172px; min-height: 64px; padding: 0 28px; border: 1px solid #2c83aa; border-radius: 6px; color: #dff7ff; background: rgba(13, 64, 88, .62); box-shadow: none; font-size: 24px; font-weight: 900; line-height: 1; }.btn-submit { border-color: #2c83aa; background: rgba(13, 64, 88, .62); }.task-actions .btn-nav .el-icon { display: none; }.btn-nav:hover:not(:disabled) { border-color: #46b5e7; color: #fff; background: rgba(18, 85, 116, .78); }.btn-nav:disabled { cursor: not-allowed; opacity: .6; }.step-placeholder { display: grid; place-items: center; min-height: 280px; padding: 28px; border: 1px dashed rgba(101, 207, 239, .42); border-radius: 18px; color: #b8d9ec; background: rgba(1, 14, 26, .42); text-align: center; }.step-placeholder p { margin: 0 0 8px; color: #eaffff; font-size: 20px; font-weight: 800; }
 .step-warning { margin: 0 0 16px; padding: 10px 14px; border: 1px solid rgba(255, 173, 93, .62); border-radius: 10px; color: #ffd19f; background: rgba(187, 102, 27, .16); }.schedule-table { min-width: 1180px; }.schedule-table .stage-cell { width: 12%; }.schedule-table .task-no-cell { width: 8%; }.schedule-table .task-cell { width: 21%; }.classification-cell { width: 13%; color: #eafaff; font-weight: 800; text-align: center; }.schedule-table .dependency-input { min-width: 180px; }.schedule-table input:disabled { cursor: not-allowed; opacity: .6; }
diff --git a/src/views/product/market-opportunity-selection.vue b/src/views/product/market-opportunity-selection.vue
index 46e2da7..7b78065 100644
--- a/src/views/product/market-opportunity-selection.vue
+++ b/src/views/product/market-opportunity-selection.vue
@@ -141,7 +141,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ taskName: tas
 </script>
 
 <style lang="scss" scoped>
-.opportunity-page { display:grid; grid-template-columns:minmax(720px,1fr) 340px; gap:24px; min-height:calc(100vh - 106px); padding:24px; color:#e9f8ff; background:#06111d; }.opportunity-core { min-width:0; border:1px solid rgba(0,180,255,.25); background:rgba(8,18,28,.64); box-shadow:0 22px 48px rgba(0,0,0,.22); }.task-header { padding:24px 28px 4px; }.task-header span,.step-heading p { color:#66dcff; font-size:13px; font-weight:800; letter-spacing:.08em; }.task-header h1 { margin:9px 0 0; color:#fff; font-size:29px; }.workbench { margin:24px; padding:22px; border:1px solid rgba(33,194,255,.35); border-radius:20px; background:rgba(1,24,39,.72); }.workbench-actions { display:flex; justify-content:flex-end; gap:12px; }.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid #2cc9ff; border-radius:999px; padding:10px 18px; color:#dff8ff; background:rgba(8,87,121,.55); cursor:pointer; }.primary { border-color:#36d9ff; background:linear-gradient(110deg,#0eaae4,#0572ac); font-weight:700; }.btn:disabled { cursor:not-allowed; opacity:.6; }.step-indicator { display:flex; align-items:center; gap:12px; margin:28px 0; padding:12px; border:1px solid rgba(30,190,255,.28); border-radius:22px; }.step-tab { display:flex; align-items:center; flex:1; gap:10px; min-width:0; padding:10px; border:0; border-radius:16px; color:#96c6d8; background:transparent; text-align:left; cursor:pointer; }.step-tab.active { color:#fff; background:linear-gradient(110deg,#148fc6,#0879aa); }.step-tab b { display:grid; place-items:center; flex:0 0 42px; width:42px; height:42px; border:1px solid #4ed7ff; border-radius:50%; }.step-tab span { display:grid; gap:4px; min-width:0; }.step-tab strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.step-tab small { color:#5ec9ed; }.step-indicator i { flex:0 0 24px; height:2px; background:rgba(83,204,255,.4); }.step-card { padding:24px; border:1px solid rgba(31,185,249,.32); border-radius:18px; background:rgba(1,21,34,.65); }.step-heading { display:flex; justify-content:space-between; align-items:start; }.step-heading p { margin:0; }.step-heading h2 { margin:5px 0 0; color:#fff; font-size:24px; }.step-heading em { border:1px solid #38caff; border-radius:999px; padding:7px 12px; color:#9aeaff; font-style:normal; }.intro { margin:24px 0; color:#c5e4ef; font-size:16px; line-height:1.8; }.warning { margin:0 0 16px; color:#ffd58e; }.weight-summary { display:flex; align-items:baseline; gap:10px; margin:10px 0 18px; padding:13px 16px; border:1px solid rgba(57,207,255,.28); border-radius:11px; color:#c5e4ef; background:rgba(11,81,113,.18); }.weight-summary strong { color:#ffcf77; font-size:23px; }.weight-summary strong.valid { color:#67e8a9; }.weight-summary small { margin-left:auto; color:#8fc9dc; }.table-wrap,.score-table-wrap { overflow-x:auto; }.table-wrap table,.score-table { width:100%; min-width:720px; border-collapse:collapse; }.table-wrap th,.table-wrap td,.score-table th,.score-table td { border:1px solid rgba(139,213,241,.45); }.table-wrap th,.score-table th { padding:14px; color:#fff; background:#079ed9; font-size:16px; }.table-wrap th:first-child,.table-wrap td:first-child { width:22%; text-align:center; }.table-wrap th:nth-child(2),.metric { width:34%; text-align:center; font-weight:700; }.table-wrap td { padding:10px 18px; }.table-wrap select,.weight-table input,.score-table input { display:block; width:min(600px,100%); margin:auto; border:1px solid rgba(115,220,255,.58); border-radius:6px; padding:9px 12px; color:#e9faff; background:#09293c; font:inherit; }.weight-table .first-level { color:#67dcff; font-weight:800; }.weight-table td:last-child,.score-table td:last-child { position:relative; text-align:center; }.weight-table input,.score-table input { display:inline-block; width:150px; margin:0; text-align:center; }.weight-table .percent,.score-table .percent { margin-left:8px; color:#78d9f7; }.score-table th:first-child,.score-table td:first-child { width:16%; text-align:center; }.score-table th:nth-child(2) { width:45%; }.score-table td { padding:12px 18px; }.calculation-guide { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:22px; margin-top:26px; padding:19px 21px; border:1px solid rgba(64,206,255,.27); border-radius:14px; color:#c9e9f4; background:rgba(9,67,94,.18); line-height:1.75; }.calculation-guide h3 { margin:0 0 8px; color:#fff; font-size:16px; }.calculation-guide p { margin:6px 0; }.download-stack { display:grid; align-content:center; gap:12px; }.download-stack .btn { border-radius:8px; }.step-actions { display:flex; justify-content:center; gap:12px; margin-top:26px; }.placeholder { padding:94px 20px; color:#a8cfdd; text-align:center; }.placeholder p { color:#fff; font-size:20px; } @media (max-width:1280px) { .opportunity-page { grid-template-columns:1fr; }.step-indicator { overflow-x:auto; }.step-tab { min-width:180px; } } @media (max-width:720px) { .opportunity-page { padding:12px; }.workbench { margin:12px; padding:14px; }.task-header { padding:18px; }.workbench-actions { justify-content:flex-start; flex-wrap:wrap; }.step-heading em { display:none; }.weight-summary { flex-wrap:wrap; }.weight-summary small { width:100%; margin-left:0; }.calculation-guide { grid-template-columns:1fr; } }
+.opportunity-page { display:grid; grid-template-columns:minmax(720px,1fr) 340px; gap:24px; min-height:calc(100vh - 106px); padding:24px; color:#e9f8ff; background:#06111d; }.opportunity-core { min-width:0; border:1px solid rgba(0,180,255,.25); background:rgba(8,18,28,.64); box-shadow:0 22px 48px rgba(0,0,0,.22); }.task-header { padding:24px 28px 4px; }.task-header span,.step-heading p { color:#66dcff; font-size:13px; font-weight:800; letter-spacing:.08em; }.task-header h1 { margin:9px 0 0; color:#fff; font-size:29px; }.workbench { margin:24px; padding:22px; border:1px solid rgba(33,194,255,.35); border-radius:20px; background:rgba(1,24,39,.72); }.workbench-actions { display:flex; justify-content:flex-end; gap:8px; }.btn { display:inline-flex; align-items:center; justify-content:center; gap:6px; border:1px solid #2cc9ff; border-radius:999px; padding:10px 18px; color:#dff8ff; background:rgba(8,87,121,.55); cursor:pointer; }.primary { border-color:#36d9ff; background:linear-gradient(110deg,#0eaae4,#0572ac); font-weight:700; }.btn:disabled { cursor:not-allowed; opacity:.6; }.step-indicator { display:flex; align-items:center; gap:6px; margin:18px 0; padding:8px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; border:1px solid rgba(30,190,255,.28); border-radius:18px; }.step-tab { display:flex; align-items:center; flex:0 0 172px; gap:8px; min-width:0; padding:8px 10px; scroll-snap-align:start; border:0; border-radius:14px; color:#96c6d8; background:transparent; text-align:left; cursor:pointer; }.step-tab.active { color:#fff; background:linear-gradient(110deg,#148fc6,#0879aa); }.step-tab b { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border:1px solid #4ed7ff; border-radius:50%; font-size:13px; }.step-tab span { display:grid; gap:2px; min-width:0; }.step-tab strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }.step-tab small { color:#5ec9ed; font-size:12px; }.step-indicator i { flex:0 0 14px; height:2px; background:rgba(83,204,255,.4); }.step-card { padding:24px; border:1px solid rgba(31,185,249,.32); border-radius:18px; background:rgba(1,21,34,.65); }.step-heading { display:flex; justify-content:space-between; align-items:start; }.step-heading p { margin:0; }.step-heading h2 { margin:5px 0 0; color:#fff; font-size:24px; }.step-heading em { border:1px solid #38caff; border-radius:999px; padding:7px 12px; color:#9aeaff; font-style:normal; }.intro { margin:24px 0; color:#c5e4ef; font-size:16px; line-height:1.8; }.warning { margin:0 0 16px; color:#ffd58e; }.weight-summary { display:flex; align-items:baseline; gap:10px; margin:10px 0 18px; padding:13px 16px; border:1px solid rgba(57,207,255,.28); border-radius:11px; color:#c5e4ef; background:rgba(11,81,113,.18); }.weight-summary strong { color:#ffcf77; font-size:23px; }.weight-summary strong.valid { color:#67e8a9; }.weight-summary small { margin-left:auto; color:#8fc9dc; }.table-wrap,.score-table-wrap { overflow-x:auto; }.table-wrap table,.score-table { width:100%; min-width:720px; border-collapse:collapse; }.table-wrap th,.table-wrap td,.score-table th,.score-table td { border:1px solid rgba(139,213,241,.45); }.table-wrap th,.score-table th { padding:14px; color:#fff; background:#079ed9; font-size:16px; }.table-wrap th:first-child,.table-wrap td:first-child { width:22%; text-align:center; }.table-wrap th:nth-child(2),.metric { width:34%; text-align:center; font-weight:700; }.table-wrap td { padding:10px 18px; }.table-wrap select,.weight-table input,.score-table input { display:block; width:min(600px,100%); margin:auto; border:1px solid rgba(115,220,255,.58); border-radius:6px; padding:9px 12px; color:#e9faff; background:#09293c; font:inherit; }.weight-table .first-level { color:#67dcff; font-weight:800; }.weight-table td:last-child,.score-table td:last-child { position:relative; text-align:center; }.weight-table input,.score-table input { display:inline-block; width:150px; margin:0; text-align:center; }.weight-table .percent,.score-table .percent { margin-left:8px; color:#78d9f7; }.score-table th:first-child,.score-table td:first-child { width:16%; text-align:center; }.score-table th:nth-child(2) { width:45%; }.score-table td { padding:12px 18px; }.calculation-guide { display:grid; grid-template-columns:minmax(0,1fr) 210px; gap:22px; margin-top:26px; padding:19px 21px; border:1px solid rgba(64,206,255,.27); border-radius:14px; color:#c9e9f4; background:rgba(9,67,94,.18); line-height:1.75; }.calculation-guide h3 { margin:0 0 8px; color:#fff; font-size:16px; }.calculation-guide p { margin:6px 0; }.download-stack { display:grid; align-content:center; gap:12px; }.download-stack .btn { border-radius:8px; }.step-actions { display:flex; justify-content:center; gap:12px; margin-top:26px; }.placeholder { padding:94px 20px; color:#a8cfdd; text-align:center; }.placeholder p { color:#fff; font-size:20px; } @media (max-width:1280px) { .opportunity-page { grid-template-columns:1fr; } } @media (max-width:720px) { .opportunity-page { padding:12px; }.workbench { margin:12px; padding:14px; }.task-header { padding:18px; }.workbench-actions { justify-content:flex-start; flex-wrap:wrap; }.step-indicator { margin:14px 0; }.step-heading em { display:none; }.weight-summary { flex-wrap:wrap; }.weight-summary small { width:100%; margin-left:0; }.calculation-guide { grid-template-columns:1fr; } }
 .visualization-upload { display:grid; justify-items:center; gap:12px; min-height:280px; padding:48px 24px; border:1px dashed rgba(77,214,255,.68); border-radius:16px; background:radial-gradient(circle at 50% 25%,rgba(16,143,193,.23),rgba(5,31,48,.3) 58%,rgba(1,21,34,.5)); text-align:center; }.upload-trigger { display:inline-flex; align-items:center; gap:8px; border:1px solid #41d8ff; border-radius:8px; padding:15px 23px; color:#fff; background:linear-gradient(110deg,#0faee6,#0874af); font:inherit; font-weight:800; cursor:pointer; }.upload-trigger:disabled { cursor:not-allowed; opacity:.6; }.visualization-upload > p { margin:0; color:#8dc9dd; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }.visualization-preview { display:flex; align-items:center; width:min(620px,100%); gap:16px; padding:12px; border:1px solid rgba(91,218,255,.4); border-radius:12px; text-align:left; background:rgba(2,17,29,.55); }.visualization-preview .el-image { flex:0 0 164px; height:104px; border-radius:8px; cursor:zoom-in; overflow:hidden; }.visualization-preview div { display:grid; gap:8px; }.visualization-preview strong { color:#fff; }.visualization-preview span { color:#9bcbdc; font-size:13px; }.text-button { justify-self:start; border:0; padding:0; color:#ffb4a5; background:transparent; cursor:pointer; font:inherit; }.visual-guide { margin-top:24px; padding:18px 22px; border-left:3px solid #31d1ff; color:#c9e9f4; background:rgba(8,78,108,.18); line-height:1.75; }.visual-guide h3 { margin:0 0 7px; color:#fff; font-size:16px; }.visual-guide p { margin:5px 0; }
 .table-wrap select.input-error { border-color:#ff8d87; }
 .classification-error { display:block; margin-top:6px; color:#ffaaa4; font-size:12px; text-align:center; }
diff --git a/src/views/product/price.vue b/src/views/product/price.vue
index 33f1153..567e8f6 100644
--- a/src/views/product/price.vue
+++ b/src/views/product/price.vue
@@ -27,6 +27,10 @@
           <button type="button" :class="{ active: currentStep === 4 }" @click="switchStep(4)">
             <span>04</span>{{ labels.psmTitle }}
           </button>
+          <i>→</i>
+          <button type="button" :class="{ active: currentStep === 5 }" @click="switchStep(5)">
+            <span>05</span>{{ labels.finalPricingTitle }}
+          </button>
         </nav>
         -->
         <nav class="step-switcher" aria-label="新产品定价步骤">
@@ -37,6 +41,14 @@
           <button type="button" :class="{ active: currentStep === 2 }" @click="switchStep(2)">
             <span>02</span>{{ labels.competitorPricingTitle }}
           </button>
+          <i>→</i>
+          <button type="button" :class="{ active: currentStep === 3 }" @click="switchStep(3)">
+            <span>03</span>{{ labels.valueBasedPricingTitle }}
+          </button>
+          <i>→</i>
+          <button type="button" :class="{ active: currentStep === 4 }" @click="switchStep(4)">
+            <span>04</span>{{ labels.psmTitle }}
+          </button>
         </nav>
 
         <header class="workbench-head">
@@ -118,10 +130,80 @@
           </footer>
         </template>
 
+        <template v-else-if="currentStep === 3">
+          <section class="value-pricing-section">
+            <div class="value-pricing-toolbar">
+              <p>{{ labels.valueBasedPricingIntro }}</p>
+              <div class="toolbar-actions">
+                <button type="button" class="primary-button" @click="addPerceivedValueItem">{{ labels.valueBasedAddRow }}</button>
+                <button type="button" class="secondary-button" :disabled="!canRemovePerceivedValueItem" @click="removePerceivedValueItem">
+                  {{ labels.valueBasedRemoveRow }}
+                </button>
+              </div>
+            </div>
+
+            <div class="pricing-table-wrap">
+              <table class="pricing-table perceived-value-table">
+                <thead>
+                  <tr>
+                    <th>{{ labels.perceivedValueItem }}</th>
+                    <th>{{ labels.perceivedValueAmount }}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="row in perceivedValueItems" :key="row.id">
+                    <td><el-input v-model="row.name" :placeholder="labels.perceivedValueItemPlaceholder" @input="clearValidation" /></td>
+                    <td>
+                      <el-input v-model="row.perceivedValue" inputmode="decimal" :placeholder="labels.perceivedValueAmountPlaceholder" @input="clearValidation">
+                        <template #append>{{ labels.yuan }}</template>
+                      </el-input>
+                    </td>
+                  </tr>
+                  <tr class="total-row">
+                    <td>{{ labels.perceivedValueTotal }}</td>
+                    <td class="sale-price-cell">
+                      <span v-if="perceivedValueTotal !== null">{{ labels.yuanSign }} {{ formatMoney(perceivedValueTotal) }}</span>
+                      <span v-else class="empty-price">{{ labels.waitForInput }}</span>
+                    </td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+
+            <section class="value-pricing-result">
+              <label>
+                <span>{{ labels.profitDiscountRate }}</span>
+                <el-input v-model="perceivedValueDiscountRate" inputmode="decimal" :placeholder="labels.discountRatePlaceholder" @input="clearValidation">
+                  <template #append>%</template>
+                </el-input>
+              </label>
+              <div class="value-price-output">
+                <span>{{ labels.valueBasedPrice }}</span>
+                <strong v-if="valueBasedPrice !== null">{{ labels.yuanSign }} {{ formatMoney(valueBasedPrice) }}</strong>
+                <em v-else>{{ labels.waitForInput }}</em>
+              </div>
+              <p>{{ labels.valueBasedPriceFormula }}</p>
+            </section>
+
+            <p v-if="validationMessage" class="validation-message">{{ validationMessage }}</p>
+
+            <footer class="workbench-footer">
+              <p>{{ labels.valueBasedFooterTip }}</p>
+              <div class="footer-actions">
+                <el-button plain :disabled="saving" @click="resetStepThree">{{ labels.clearStepThree }}</el-button>
+                <el-button type="primary" :loading="saving" @click="saveStepThree">{{ labels.saveStepThree }}</el-button>
+              </div>
+            </footer>
+          </section>
+        </template>
+
         <template v-else-if="currentStep === 4">
           <section class="psm-section">
             <div class="psm-toolbar">
-              <p>{{ labels.psmIntro }}</p>
+              <div>
+                <p>{{ labels.psmIntro }}</p>
+                <p class="psm-subtitle">{{ labels.psmDataTitle }}</p>
+              </div>
               <div class="toolbar-actions">
                 <button type="button" class="primary-button" @click="addPsmRow">{{ labels.psmAddRow }}</button>
                 <button type="button" class="secondary-button" :disabled="!canRemovePsmRow" @click="removePsmRow">
@@ -148,10 +230,10 @@
                       <span v-if="row.isDefault">{{ row.priceRange }}</span>
                       <input v-else v-model="row.priceRange" type="text" :placeholder="labels.psmCustomRangePlaceholder" />
                     </td>
-                    <td><input v-model="row.tooExpensive" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" /></td>
-                    <td><input v-model="row.tooCheap" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" /></td>
-                    <td><input v-model="row.expensiveAcceptable" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" /></td>
-                    <td><input v-model="row.cheapValue" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" /></td>
+                    <td><input v-model="row.tooExpensive" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" @input="clearValidation" /></td>
+                    <td><input v-model="row.tooCheap" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" @input="clearValidation" /></td>
+                    <td><input v-model="row.expensiveAcceptable" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" @input="clearValidation" /></td>
+                    <td><input v-model="row.cheapValue" type="number" min="0" max="100" step="0.01" :placeholder="labels.psmPercentagePlaceholder" @input="clearValidation" /></td>
                   </tr>
                 </tbody>
               </table>
@@ -162,15 +244,15 @@
               <div class="psm-point-grid">
                 <label>
                   <span>{{ labels.psmOptimalPrice }}</span>
-                  <input v-model="psmPricePoints.optimalPrice" type="text" :placeholder="labels.psmPricePointPlaceholder" />
+                  <input v-model="psmPricePoints.optimalPrice" type="number" min="0" step="0.01" :placeholder="labels.psmPricePointPlaceholder" @input="clearValidation" />
                 </label>
                 <label>
                   <span>{{ labels.psmAcceptablePrice }}</span>
-                  <input v-model="psmPricePoints.acceptablePrice" type="text" :placeholder="labels.psmPricePointPlaceholder" />
+                  <input v-model="psmPricePoints.acceptablePrice" type="number" min="0" step="0.01" :placeholder="labels.psmPricePointPlaceholder" @input="clearValidation" />
                 </label>
                 <label>
                   <span>{{ labels.psmAcceptableRange }}</span>
-                  <input v-model="psmPricePoints.acceptableRange" type="text" :placeholder="labels.psmPricePointPlaceholder" />
+                  <input v-model="psmPricePoints.acceptableRange" type="text" :placeholder="labels.psmPricePointPlaceholder" @input="clearValidation" />
                 </label>
               </div>
             </section>
@@ -199,8 +281,14 @@
                   <button type="button" class="text-button" @click="removePsmChart">{{ labels.psmChartRemove }}</button>
                 </div>
               </div>
+              <div class="psm-guide-row">
+                <p>{{ labels.psmGuideTip }}</p>
+                <button type="button" class="secondary-button" @click="downloadPsmGuide">{{ labels.psmDownloadGuide }}</button>
+              </div>
             </section>
 
+            <p v-if="validationMessage" class="validation-message">{{ validationMessage }}</p>
+
             <div class="step-footer">
               <button type="button" class="primary-button" :disabled="saving" @click="saveStepFour">
                 {{ saving ? labels.psmSaving : labels.psmSave }}
@@ -209,7 +297,66 @@
           </section>
         </template>
 
-        <template v-else>
+        <template v-else-if="currentStep === 5">
+          <section class="final-pricing-section">
+            <p class="intro-copy final-pricing-intro">{{ labels.finalPricingIntro }}</p>
+
+            <div class="final-pricing-channel">
+              <div>
+                <h3>{{ labels.costMarkupChannel }}</h3>
+                <p>{{ labels.costMarkupChannelHint }}</p>
+              </div>
+              <el-select v-model="selectedCostMarkupChannel" :placeholder="labels.costMarkupChannelPlaceholder" @change="clearValidation">
+                <el-option
+                  v-for="option in costMarkupChannelOptions"
+                  :key="option.value"
+                  :label="option.label"
+                  :value="option.value"
+                  :disabled="option.disabled"
+                />
+              </el-select>
+            </div>
+
+            <div class="pricing-table-wrap">
+              <table class="pricing-table final-pricing-table">
+                <thead>
+                  <tr>
+                    <th>{{ labels.pricingMethod }}</th>
+                    <th>{{ labels.measuredResult }}</th>
+                    <th>{{ labels.grossMarginRate }}</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  <tr v-for="result in stepFiveMethodResults" :key="result.key">
+                    <td>{{ result.methodName }}</td>
+                    <td>{{ result.measuredPrice === null ? labels.waitForInput : `${labels.yuanSign} ${formatMoney(result.measuredPrice)}` }}</td>
+                    <td>{{ result.grossMarginRate === null ? labels.waitForInput : `${formatMoney(result.grossMarginRate)}%` }}</td>
+                  </tr>
+                </tbody>
+              </table>
+            </div>
+
+            <section class="final-analysis-section">
+              <h3>{{ labels.finalAnalysisTitle }}</h3>
+              <el-input
+                v-model="finalPricingAnalysis"
+                type="textarea"
+                :autosize="{ minRows: 7, maxRows: 12 }"
+                :placeholder="labels.finalAnalysisPlaceholder"
+                @input="clearValidation"
+              />
+            </section>
+
+            <p v-if="validationMessage" class="validation-message">{{ validationMessage }}</p>
+            <div class="step-footer">
+              <button type="button" class="primary-button" :disabled="saving" @click="saveStepFive">
+                {{ saving ? labels.finalPricingSaving : labels.finalPricingSave }}
+              </button>
+            </div>
+          </section>
+        </template>
+
+        <template v-else-if="currentStep === 2">
           <p class="intro-copy">{{ labels.competitorIntro }}</p>
 
           <section class="competitor-section">
@@ -267,7 +414,17 @@
                 </thead>
                 <tbody>
                   <tr>
-                    <td><el-input v-model="pricingDecision.benchmarkCompetitor" :placeholder="labels.benchmarkPlaceholder" @input="clearValidation" /></td>
+                    <td>
+                      <el-select v-model="pricingDecision.benchmarkCompetitor" :placeholder="labels.benchmarkPlaceholder" @change="clearValidation">
+                        <el-option
+                          v-for="(row, index) in competitorRows"
+                          :key="row.id"
+                          :label="competitorOptionLabel(row, index)"
+                          :value="row.productType"
+                          :disabled="!String(row.productType || '').trim()"
+                        />
+                      </el-select>
+                    </td>
                     <td>
                       <el-input v-model="pricingDecision.targetPrice" inputmode="decimal" :placeholder="labels.pricePlaceholder" @input="clearValidation">
                         <template #append>{{ labels.yuan }}</template>
@@ -318,6 +475,11 @@ import {
   getStudentTrainingAnswer,
   saveStudentTrainingAnswer,
   uploadStudentTrainingFile,
+  validateProductPricingStepOne,
+  validateProductPricingStepTwo,
+  validateProductPricingStepThree,
+  validateProductPricingStepFour,
+  validateProductPricingStepFive,
 } from "@/api/studentTrainingAnswer";
 import { getTrainingTaskByKey } from "@/api/trainingTask";
 import { parseTrainingArray } from "@/views/training/taskKeyMap";
@@ -328,7 +490,8 @@ const { proxy } = getCurrentInstance();
 
 const labels = {
   psmTitle: "PSM价格敏感度测试",
-  psmIntro: "根据案例资料填写 PSM 累计占比，并补充价格点结论。",
+  psmIntro: "PSM（价格敏感度测试）通过“太贵不买、太便宜不买、偏高可接受、便宜划算”四类问题衡量用户价格敏感度。请根据案例资料提供的原始数据计算各价格区间累计占比。",
+  psmDataTitle: "（一）根据案例资料填写 PSM 累计占比表",
   psmAddRow: "增加一行",
   psmRemoveRow: "删除一行",
   psmExport: "导出",
@@ -350,12 +513,32 @@ const labels = {
   psmChartUploadSuccess: "图表上传成功",
   psmChartUploadError: "图表上传失败，请重试",
   psmChartRemove: "移除图表",
+  psmGuideTip: "下载案例数据表，使用 Excel 计算累计占比并绘制 PSM 曲线；也可导出本页数据后结合 AI 工具分析。",
+  psmDownloadGuide: "下载实训操作说明",
   psmSave: "保存PSM价格敏感度测试",
   psmSaving: "保存中...",
   psmSaveSuccess: "PSM价格敏感度测试已保存",
+  psmRowRequired: "请完整填写第 {index} 行 PSM 数据。",
+  psmPercentageRange: "第 {index} 行“{label}”累计占比应在 0%–100% 之间。",
+  psmPricePointsRequired: "请完整填写最优价格点、可接受价格点和可接受价格范围。",
+  finalPricingTitle: "最终量产定价",
+  finalPricingIntro: "汇总四种定价方法的测算结果，综合分析确定最终量产定价，并说明定价依据与利润空间。",
+  costMarkupChannel: "成本加成定价渠道",
+  costMarkupChannelHint: "从第 1 步已计算的渠道加成售价中选择一个作为成本加成定价结果。",
+  costMarkupChannelPlaceholder: "请选择第 1 步渠道售价",
+  pricingMethod: "定价方法",
+  measuredResult: "测算结果",
+  finalAnalysisTitle: "最终量产定价分析",
+  finalAnalysisPlaceholder: "请综合成本、竞品、用户感知价值和 PSM 价格敏感度，说明最终量产定价、定价依据与利润空间。",
+  finalPricingSave: "保存最终量产定价",
+  finalPricingSaving: "保存中...",
+  finalPricingSaveSuccess: "最终量产定价已保存",
+  finalPricingChannelRequired: "请选择用于汇总的成本加成定价渠道。",
+  finalPricingPrerequisiteRequired: "请先完成前四步定价测算，确保四种定价方法均有测算结果和毛利润率。",
+  finalPricingAnalysisRequired: "请填写最终量产定价分析。",
   uploading: "上传中...",
   pricingTitle: "\u6e20\u9053\u52a0\u6210\u5b9a\u4ef7",
-  formulaTip: "\u6838\u5fc3\u903b\u8f91\uff1a\u603b\u6210\u672c \u00d7\uff081 + \u52a0\u6210\u7387\uff09= \u6700\u7ec8\u552e\u4ef7\u3002\u8bf7\u4f9d\u636e\u6848\u4f8b\u8d44\u6599\uff0c\u4e3a\u4e0d\u540c\u6e20\u9053\u586b\u5199\u5408\u9002\u7684\u52a0\u6210\u7387\u3002",
+  formulaTip: "\u6838\u5fc3\u903b\u8f91\uff1a\u603b\u6210\u672c \u00d7\uff081 + \u52a0\u6210\u7387\uff09= \u6700\u7ec8\u552e\u4ef7\u3002\u4f01\u4e1a\u6839\u636e\u6e20\u9053\u7c7b\u578b\u548c\u54c1\u724c\u5b9a\u4f4d\u786e\u5b9a\u52a0\u6210\u7387\uff0c\u5728\u6210\u672c\u57fa\u7840\u4e0a\u52a0\u6210\u5b9a\u4ef7\u3002\u8bf7\u6839\u636e\u6848\u4f8b\u8d44\u6599\u63d0\u4f9b\u7684\u5355\u53f0\u7efc\u5408\u6210\u672c\uff0c\u8ba1\u7b97\u5404\u6e20\u9053\u52a0\u6210\u552e\u4ef7\u3002",
   unitCost: "\u5355\u53f0\u7efc\u5408\u6210\u672c\uff08\u5143\uff09",
   unitCostHelp: "\u7531\u5b66\u751f\u4f9d\u636e\u6848\u4f8b\u8d44\u6599\u5728\u672c\u9875\u586b\u5199\uff0c\u4ec5\u7528\u4e8e\u672c\u9875\u81ea\u52a8\u8ba1\u7b97\u3002",
   unitCostPlaceholder: "\u8bf7\u8f93\u5165\u5355\u53f0\u7efc\u5408\u6210\u672c",
@@ -365,7 +548,7 @@ const labels = {
   channel: "\u6e20\u9053",
   markupRate: "\u52a0\u6210\u7387\uff08%\uff09",
   salePrice: "\u52a0\u6210\u552e\u4ef7\uff08\u5143\uff09",
-  rangePrefix: "\u5efa\u8bae\u8303\u56f4\uff1a",
+  rangePrefix: "\u793a\u4f8b\u586b\u5199\u8303\u56f4\uff1a",
   waitForInput: "\u7b49\u5f85\u586b\u5199",
   footerTip: "\u586b\u5199\u5355\u53f0\u7efc\u5408\u6210\u672c\u548c\u4e09\u4e2a\u6e20\u9053\u7684\u52a0\u6210\u7387\u540e\uff0c\u7cfb\u7edf\u5c06\u81ea\u52a8\u8ba1\u7b97\u52a0\u6210\u552e\u4ef7\u3002",
   clear: "\u6e05\u7a7a\u586b\u5199",
@@ -390,7 +573,7 @@ const labels = {
   differentiatorPlaceholder: "\u8bf7\u586b\u5199\u5dee\u5f02\u5316\u4f18\u52bf",
   decisionTitle: "\u786e\u5b9a\u5bf9\u6807\u7ade\u54c1\u53ca\u5b9a\u4ef7",
   benchmarkCompetitor: "\u5bf9\u6807\u7ade\u54c1",
-  benchmarkPlaceholder: "\u8bf7\u586b\u5199\u5bf9\u6807\u7ade\u54c1",
+  benchmarkPlaceholder: "\u8bf7\u5148\u586b\u5199\u5e76\u9009\u62e9\u5bf9\u6807\u7ade\u54c1",
   targetPrice: "\u5b9a\u4ef7\uff08\u5143\uff09",
   grossMarginRate: "\u6bdb\u5229\u6da6\u7387",
   pricingReason: "\u5b9a\u4ef7\u539f\u56e0\u5206\u6790",
@@ -401,6 +584,27 @@ const labels = {
   stepOneSaveSuccess: "\u7b2c 1 \u6b65\u5df2\u4fdd\u5b58\uff0c\u5df2\u8fdb\u5165\u7b2c 2 \u6b65",
   stepTwoSaveSuccess: "\u7b2c 2 \u6b65\u5df2\u4fdd\u5b58",
   stepTwoResetSuccess: "\u5df2\u6e05\u7a7a\u7b2c 2 \u6b65\u586b\u5199\u5185\u5bb9",
+  valueBasedPricingTitle: "用户感知价值定价",
+  valueBasedPricingIntro: "基于用户感知价值定价。将产品可替代的功能或产品逐一折算价值并加总，再按一定折扣让渡利润给用户，确定最终售价。",
+  valueBasedAddRow: "增加一行",
+  valueBasedRemoveRow: "删除一行",
+  perceivedValueItem: "可替代产品/功能/额外价值感知",
+  perceivedValueAmount: "价值感知（元）",
+  perceivedValueItemPlaceholder: "示例：闹钟",
+  perceivedValueAmountPlaceholder: "示例：20",
+  perceivedValueTotal: "感知价值合计",
+  profitDiscountRate: "利润让渡折扣率",
+  discountRatePlaceholder: "1-100",
+  valueBasedPrice: "价值定价法价格",
+  valueBasedPriceFormula: "价值定价法价格 = 感知价值合计 × 折扣率",
+  valueBasedFooterTip: "首行示例可修改但不可删除；可增加或删除中间行，合计与价值定价法价格将自动计算。",
+  clearStepThree: "清空第 3 步",
+  saveStepThree: "保存第 3 步",
+  stepThreeSaveSuccess: "第 3 步已保存",
+  stepThreeResetSuccess: "已清空第 3 步填写内容",
+  perceivedValueItemRequired: "请完整填写第 {index} 项价值感知。",
+  perceivedValueAmountRequired: "第 {index} 项价值感知金额必须大于 0。",
+  discountRateRequired: "利润让渡折扣率应大于 0 且不超过 100%。",
   costRequiredForStepTwo: "\u8bf7\u5148\u5728\u7b2c 1 \u6b65\u586b\u5199\u5927\u4e8e 0 \u7684\u5355\u53f0\u7efc\u5408\u6210\u672c\u3002",
   competitorRequired: "\u8bf7\u5b8c\u6574\u586b\u5199\u7ade\u54c1 {index} \u7684\u4fe1\u606f\u3002",
   competitorPriceRequired: "\u8bf7\u586b\u5199\u7ade\u54c1 {index} \u5927\u4e8e 0 \u7684\u7535\u5546\u552e\u4ef7\u3002",
@@ -425,6 +629,10 @@ const validationMessage = ref("");
 const currentStep = ref(1);
 const competitorRows = ref(createCompetitorRows());
 const pricingDecision = ref(createPricingDecision());
+const DEFAULT_PERCEIVED_VALUE_ITEM = { id: "perceived-value-default", name: "闹钟", perceivedValue: "20" };
+let perceivedValueItemSeed = 0;
+const perceivedValueItems = ref(createPerceivedValueItems());
+const perceivedValueDiscountRate = ref("");
 
 const DEFAULT_PSM_PRICE_RANGES = [
   { id: "psm-under-100", priceRange: "≤100元" },
@@ -445,11 +653,17 @@ const psmChart = reactive({ url: "", name: "" });
 const psmChartInput = ref(null);
 const uploadingPsmChart = ref(false);
 const psmChartPreviewList = computed(() => (psmChart.url ? [psmChart.url] : []));
+const selectedCostMarkupChannel = ref("");
+const finalPricingAnalysis = ref("");
+const dynamicStepAnswers = ref({});
 const canRemovePsmRow = computed(() => psmRows.value.some((row) => !row.isDefault));
+const canRemovePerceivedValueItem = computed(() => perceivedValueItems.value.some((row) => !row.isDefault));
 const currentStepTitle = computed(() => {
   if (currentStep.value === 1) return labels.pricingTitle;
   if (currentStep.value === 2) return labels.competitorPricingTitle;
-  return labels.psmTitle;
+  if (currentStep.value === 3) return labels.valueBasedPricingTitle;
+  if (currentStep.value === 4) return labels.psmTitle;
+  return labels.finalPricingTitle;
 });
 
 const taskTitle = computed(() => taskConfig.value?.taskName || "\u65b0\u4ea7\u54c1\u5b9a\u4ef7");
@@ -460,11 +674,11 @@ const taskBackground = computed(
 );
 const taskRequirement = computed(
   () =>
-    taskConfig.value?.taskRequirement ||
+    taskConfig.value?.requirements ||
     "\u586b\u5199\u5355\u53f0\u7efc\u5408\u6210\u672c\uff0c\u5e76\u4e3a\u4e09\u79cd\u6e20\u9053\u586b\u5199\u5efa\u8bae\u8303\u56f4\u5185\u7684\u52a0\u6210\u7387\uff0c\u7cfb\u7edf\u81ea\u52a8\u8ba1\u7b97\u52a0\u6210\u552e\u4ef7\u3002",
 );
 const taskGoals = computed(() =>
-  parseTrainingArray(taskConfig.value?.trainingGoal, [
+  parseTrainingArray(taskConfig.value?.objectives, [
     "\u7406\u89e3\u6210\u672c\u52a0\u6210\u5b9a\u4ef7\u7684\u57fa\u672c\u903b\u8f91",
     "\u533a\u5206\u4e0d\u540c\u6e20\u9053\u7684\u52a0\u6210\u7b56\u7565",
     "\u5b8c\u6210\u4e09\u7c7b\u6e20\u9053\u7684\u552e\u4ef7\u8ba1\u7b97",
@@ -479,6 +693,46 @@ const grossMarginRate = computed(() => {
   return ((price - cost) / price) * 100;
 });
 
+const perceivedValueTotal = computed(() => {
+  const values = perceivedValueItems.value.map((row) => parseNumber(row.perceivedValue));
+  if (values.some((value) => value === null || value <= 0)) return null;
+  return values.reduce((total, value) => total + value, 0);
+});
+
+const valueBasedPrice = computed(() => {
+  const discountRate = parseNumber(perceivedValueDiscountRate.value);
+  if (perceivedValueTotal.value === null || discountRate === null || discountRate <= 0 || discountRate > 100) return null;
+  return perceivedValueTotal.value * discountRate / 100;
+});
+
+const costMarkupChannelOptions = computed(() =>
+  pricingRows.value.map((row) => {
+    const price = salePrice(row);
+    return {
+      value: row.channel,
+      label: price === null ? `${row.channel}（待完成第 1 步）` : `${row.channel}（${labels.yuanSign} ${formatMoney(price)}）`,
+      disabled: price === null,
+    };
+  }),
+);
+
+const stepFiveMethodResults = computed(() => {
+  const unitCostValue = parseNumber(unitCost.value);
+  const selectedCostMarkupRow = pricingRows.value.find((row) => row.channel === selectedCostMarkupChannel.value);
+  const results = [
+    { key: "cost-markup", methodName: "成本加成定价", measuredPrice: selectedCostMarkupRow ? salePrice(selectedCostMarkupRow) : null },
+    { key: "competitive", methodName: "竞争定价", measuredPrice: parseNumber(pricingDecision.value.targetPrice) },
+    { key: "value-based", methodName: "价值定价", measuredPrice: valueBasedPrice.value },
+    { key: "psm", methodName: "PSM价格敏感度", measuredPrice: parseNumber(psmPricePoints.optimalPrice) },
+  ];
+  return results.map((result) => ({
+    ...result,
+    grossMarginRate: unitCostValue === null || unitCostValue <= 0 || result.measuredPrice === null || result.measuredPrice <= 0
+      ? null
+      : ((result.measuredPrice - unitCostValue) / result.measuredPrice) * 100,
+  }));
+});
+
 function createPricingRows() {
   return DEFAULT_ROWS.map((row) => ({ ...row, markupRate: "" }));
 }
@@ -498,11 +752,47 @@ function createPricingDecision() {
   return {
     benchmarkCompetitor: "",
     targetPrice: "",
+    grossMarginRate: null,
     differentiator: "",
     pricingReason: "",
   };
 }
 
+function createPerceivedValueItem(row = {}) {
+  return {
+    id: row.id || `perceived-value-custom-${++perceivedValueItemSeed}`,
+    name: row.name ?? "",
+    perceivedValue: row.perceivedValue ?? "",
+    isDefault: Boolean(row.isDefault),
+  };
+}
+
+function createPerceivedValueItems(savedItems = []) {
+  const sourceItems = Array.isArray(savedItems) ? savedItems : [];
+  const defaultItem = createPerceivedValueItem({
+    ...DEFAULT_PERCEIVED_VALUE_ITEM,
+    ...sourceItems.find((item) => item?.id === DEFAULT_PERCEIVED_VALUE_ITEM.id),
+    isDefault: true,
+  });
+  const customItems = sourceItems
+    .filter((item) => item && item.id !== DEFAULT_PERCEIVED_VALUE_ITEM.id)
+    .map((item) => createPerceivedValueItem({ ...item, isDefault: false }));
+  return [defaultItem, ...customItems];
+}
+
+function addPerceivedValueItem() {
+  perceivedValueItems.value.push(createPerceivedValueItem());
+}
+
+function removePerceivedValueItem() {
+  for (let index = perceivedValueItems.value.length - 1; index >= 0; index -= 1) {
+    if (!perceivedValueItems.value[index].isDefault) {
+      perceivedValueItems.value.splice(index, 1);
+      return;
+    }
+  }
+}
+
 function createPsmRow(row = {}) {
   return {
     id: row.id || `psm-custom-${++psmRowSeed}`,
@@ -562,6 +852,21 @@ function applyStepFourProgress(progress) {
   Object.assign(psmChart, { url: "", name: "" }, progress.chart || {});
 }
 
+function buildStepFiveProgress() {
+  return {
+    selectedCostMarkupChannel: selectedCostMarkupChannel.value,
+    methodResults: stepFiveMethodResults.value.map((result) => ({ ...result })),
+    finalAnalysis: finalPricingAnalysis.value,
+    updatedAt: new Date().toISOString(),
+  };
+}
+
+function applyStepFiveProgress(progress) {
+  if (!progress || typeof progress !== "object") return;
+  selectedCostMarkupChannel.value = progress.selectedCostMarkupChannel ?? "";
+  finalPricingAnalysis.value = progress.finalAnalysis ?? "";
+}
+
 function triggerPsmChartUpload() {
   psmChartInput.value?.click();
 }
@@ -635,10 +940,78 @@ function exportPsmTable() {
   URL.revokeObjectURL(url);
 }
 
+function downloadPsmGuide() {
+  const content = [
+    "PSM价格敏感度测试实训操作说明",
+    "1. 根据案例资料填写六个固定价格区间的四类累计占比：太贵不买、太便宜不买、偏高可接受、便宜划算。",
+    "2. 可增加自定义价格区间；固定的六个价格区间必须保留。",
+    "3. 点击“导出”下载当前数据，在 Excel 中绘制 PSM 价格数据折线图。",
+    "4. 上传绘制完成的折线图，上传后可点击缩略图预览。",
+    "5. 填写最优价格点、可接受价格点和可接受价格范围后保存。",
+  ].join("\n");
+  const blob = new Blob([`\ufeff${content}`], { type: "text/plain;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = "PSM价格敏感度测试实训操作说明.txt";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+}
+
+function validateStepFour() {
+  for (const [index, row] of psmRows.value.entries()) {
+    if (isBlank(row.id) || isBlank(row.priceRange)) {
+      return interpolate(labels.psmRowRequired, { index: index + 1 });
+    }
+    for (const [field, label] of [["tooExpensive", "太贵不买"], ["tooCheap", "太便宜不买"], ["expensiveAcceptable", "偏高可接受"], ["cheapValue", "便宜划算"]]) {
+      const value = parseNumber(row[field]);
+      if (value === null || value < 0 || value > 100) {
+        return interpolate(labels.psmPercentageRange, { index: index + 1, label });
+      }
+    }
+  }
+  const optimalPrice = parseNumber(psmPricePoints.optimalPrice);
+  const acceptablePrice = parseNumber(psmPricePoints.acceptablePrice);
+  if (optimalPrice === null || optimalPrice <= 0 || acceptablePrice === null || acceptablePrice <= 0 || isBlank(psmPricePoints.acceptableRange)) {
+    return labels.psmPricePointsRequired;
+  }
+  return "";
+}
+
 async function saveStepFour() {
   if (saving.value) return;
+  const message = validateStepFour();
+  validationMessage.value = message;
+  if (message) {
+    proxy?.$modal?.msgWarning?.(message);
+    return;
+  }
   saving.value = true;
   try {
+    const validationResponse = await validateProductPricingStepFour({
+      psmRows: psmRows.value.map((row) => ({
+        id: row.id,
+        priceRange: row.priceRange,
+        tooExpensive: parseNumber(row.tooExpensive),
+        tooCheap: parseNumber(row.tooCheap),
+        expensiveAcceptable: parseNumber(row.expensiveAcceptable),
+        cheapValue: parseNumber(row.cheapValue),
+      })),
+      pricePoints: {
+        optimalPrice: parseNumber(psmPricePoints.optimalPrice),
+        acceptablePrice: parseNumber(psmPricePoints.acceptablePrice),
+        acceptableRange: psmPricePoints.acceptableRange,
+      },
+    });
+    const validated = validationResponse?.data || validationResponse || {};
+    if (Array.isArray(validated.psmRows)) {
+      psmRows.value = createPsmRows(validated.psmRows);
+    }
+    if (validated.pricePoints) {
+      Object.assign(psmPricePoints, validated.pricePoints);
+    }
     await saveStudentTrainingAnswer(TASK_KEY, {
       saveAction: "SAVE",
       currentStep: 4,
@@ -651,6 +1024,51 @@ async function saveStepFour() {
   }
 }
 
+function validateStepFive() {
+  if (isBlank(selectedCostMarkupChannel.value)) return labels.finalPricingChannelRequired;
+  if (stepFiveMethodResults.value.some((result) => result.measuredPrice === null || result.measuredPrice <= 0 || result.grossMarginRate === null)) {
+    return labels.finalPricingPrerequisiteRequired;
+  }
+  if (isBlank(finalPricingAnalysis.value)) return labels.finalPricingAnalysisRequired;
+  return "";
+}
+
+async function saveStepFive() {
+  if (saving.value) return;
+  const message = validateStepFive();
+  validationMessage.value = message;
+  if (message) {
+    proxy?.$modal?.msgWarning?.(message);
+    return;
+  }
+  saving.value = true;
+  try {
+    const validationResponse = await validateProductPricingStepFive({
+      selectedCostMarkupChannel: selectedCostMarkupChannel.value,
+      methodResults: stepFiveMethodResults.value.map((result) => ({
+        key: result.key,
+        methodName: result.methodName,
+        measuredPrice: result.measuredPrice,
+        grossMarginRate: result.grossMarginRate,
+      })),
+      finalAnalysis: finalPricingAnalysis.value,
+    });
+    const validated = validationResponse?.data || validationResponse || {};
+    selectedCostMarkupChannel.value = validated.selectedCostMarkupChannel ?? selectedCostMarkupChannel.value;
+    finalPricingAnalysis.value = validated.finalAnalysis ?? finalPricingAnalysis.value;
+    dynamicStepAnswers.value = { ...dynamicStepAnswers.value, step5: buildStepFiveProgress() };
+    await saveStudentTrainingAnswer(TASK_KEY, {
+      saveAction: "SAVE",
+      currentStep: 5,
+      dynamicStepAnswers: JSON.stringify(dynamicStepAnswers.value),
+    });
+    hasSavedAnswer.value = true;
+    proxy?.$modal?.msgSuccess?.(labels.finalPricingSaveSuccess);
+  } finally {
+    saving.value = false;
+  }
+}
+
 function parseNumber(value) {
   if (value === null || value === undefined || String(value).trim() === "") {
     return null;
@@ -781,10 +1199,37 @@ function applyStepTwoProgress(progress) {
   };
 }
 
+function buildStepThreeProgress() {
+  return {
+    version: 1,
+    valueItems: perceivedValueItems.value.map((row) => ({
+      id: row.id,
+      name: row.name,
+      perceivedValue: row.perceivedValue,
+    })),
+    discountRate: perceivedValueDiscountRate.value,
+    perceivedValueTotal: perceivedValueTotal.value,
+    valueBasedPrice: valueBasedPrice.value,
+    updatedAt: new Date().toISOString(),
+  };
+}
+
+function applyStepThreeProgress(progress) {
+  if (!progress || typeof progress !== "object") return;
+  perceivedValueItems.value = createPerceivedValueItems(progress.valueItems);
+  perceivedValueDiscountRate.value = progress.discountRate ?? "";
+}
+
 function isBlank(value) {
   return !String(value ?? "").trim();
 }
 
+function competitorOptionLabel(row, index) {
+  const productType = String(row?.productType || "").trim();
+  const brand = String(row?.brand || "").trim();
+  return productType ? `竞品${index + 1}：${productType}${brand ? `（${brand}）` : ""}` : `竞品${index + 1}：请先填写产品类型`;
+}
+
 function validateStepTwo() {
   const cost = parseNumber(unitCost.value);
   if (cost === null || cost <= 0) {
@@ -815,6 +1260,23 @@ function validateStepTwo() {
   return "";
 }
 
+function validateStepThree() {
+  for (const [index, row] of perceivedValueItems.value.entries()) {
+    if (isBlank(row.name)) {
+      return interpolate(labels.perceivedValueItemRequired, { index: index + 1 });
+    }
+    const perceivedValue = parseNumber(row.perceivedValue);
+    if (perceivedValue === null || perceivedValue <= 0) {
+      return interpolate(labels.perceivedValueAmountRequired, { index: index + 1 });
+    }
+  }
+  const discountRate = parseNumber(perceivedValueDiscountRate.value);
+  if (discountRate === null || discountRate <= 0 || discountRate > 100) {
+    return labels.discountRateRequired;
+  }
+  return "";
+}
+
 function parseSavedJson(raw) {
   if (!raw) {
     return null;
@@ -844,6 +1306,19 @@ async function saveStepOne() {
 
   saving.value = true;
   try {
+    const validationResponse = await validateProductPricingStepOne({
+      unitCost: parseNumber(unitCost.value),
+      pricingRows: pricingRows.value.map((row) => ({ id: row.id, markupRate: parseNumber(row.markupRate) })),
+    });
+    const validated = validationResponse?.data || validationResponse || {};
+    if (validated.unitCost !== undefined && validated.unitCost !== null) {
+      unitCost.value = String(validated.unitCost);
+    }
+    const validatedRows = new Map((validated.pricingRows || []).map((row) => [row?.id, row]));
+    pricingRows.value = pricingRows.value.map((row) => ({
+      ...row,
+      markupRate: validatedRows.get(row.id)?.markupRate ?? row.markupRate,
+    }));
     await saveStudentTrainingAnswer(TASK_KEY, {
       saveAction: "SAVE",
       currentStep: 2,
@@ -892,6 +1367,15 @@ async function saveStepTwo() {
 
   saving.value = true;
   try {
+    const validationResponse = await validateProductPricingStepTwo({
+      unitCost: parseNumber(unitCost.value),
+      competitorRows: competitorRows.value.map((row) => ({ id: row.id, productType: row.productType, brand: row.brand, ecommercePrice: parseNumber(row.ecommercePrice), differentiator: row.differentiator })),
+      decision: { ...pricingDecision.value, targetPrice: parseNumber(pricingDecision.value.targetPrice) },
+    });
+    const validated = validationResponse?.data || validationResponse || {};
+    const validatedRows = new Map((validated.competitorRows || []).map((row) => [row?.id, row]));
+    competitorRows.value = competitorRows.value.map((row) => ({ ...row, ...(validatedRows.get(row.id) || {}) }));
+    pricingDecision.value = { ...pricingDecision.value, ...(validated.decision || {}) };
     await saveStudentTrainingAnswer(TASK_KEY, {
       saveAction: "SAVE",
       currentStep: 2,
@@ -926,6 +1410,64 @@ async function resetStepTwo() {
   }
 }
 
+async function saveStepThree() {
+  if (saving.value) return;
+  const message = validateStepThree();
+  validationMessage.value = message;
+  if (message) {
+    proxy?.$modal?.msgWarning?.(message);
+    return;
+  }
+
+  saving.value = true;
+  try {
+    const validationResponse = await validateProductPricingStepThree({
+      valueItems: perceivedValueItems.value.map((row) => ({
+        id: row.id,
+        name: row.name,
+        perceivedValue: parseNumber(row.perceivedValue),
+      })),
+      discountRate: parseNumber(perceivedValueDiscountRate.value),
+    });
+    const validated = validationResponse?.data || validationResponse || {};
+    if (Array.isArray(validated.valueItems)) {
+      perceivedValueItems.value = createPerceivedValueItems(validated.valueItems);
+    }
+    if (validated.discountRate !== undefined && validated.discountRate !== null) {
+      perceivedValueDiscountRate.value = String(validated.discountRate);
+    }
+    await saveStudentTrainingAnswer(TASK_KEY, {
+      saveAction: "SAVE",
+      currentStep: 3,
+      step3Answer: JSON.stringify(buildStepThreeProgress()),
+    });
+    hasSavedAnswer.value = true;
+    proxy?.$modal?.msgSuccess?.(labels.stepThreeSaveSuccess);
+  } finally {
+    saving.value = false;
+  }
+}
+
+async function resetStepThree() {
+  if (saving.value) return;
+  perceivedValueItems.value = createPerceivedValueItems();
+  perceivedValueDiscountRate.value = "";
+  validationMessage.value = "";
+
+  saving.value = true;
+  try {
+    await saveStudentTrainingAnswer(TASK_KEY, {
+      saveAction: "SAVE",
+      currentStep: 3,
+      step3Answer: JSON.stringify(buildStepThreeProgress()),
+    });
+    hasSavedAnswer.value = true;
+    proxy?.$modal?.msgSuccess?.(labels.stepThreeResetSuccess);
+  } finally {
+    saving.value = false;
+  }
+}
+
 async function loadTaskConfig() {
   try {
     const response = await getTrainingTaskByKey(TASK_KEY);
@@ -941,8 +1483,11 @@ async function loadSavedProgress() {
     const answer = response?.data || response || {};
     const stepOneProgress = parseSavedJson(answer?.step1Answer);
     const stepTwoProgress = parseSavedJson(answer?.step2Answer);
+    const stepThreeProgress = parseSavedJson(answer?.step3Answer);
     const stepFourProgress = parseSavedJson(answer?.step4Answer);
-    hasSavedAnswer.value = Boolean(stepOneProgress || stepTwoProgress || stepFourProgress);
+    dynamicStepAnswers.value = parseSavedJson(answer?.dynamicStepAnswers) || {};
+    const stepFiveProgress = dynamicStepAnswers.value?.step5;
+    hasSavedAnswer.value = Boolean(stepOneProgress || stepTwoProgress || stepThreeProgress || stepFourProgress || stepFiveProgress);
     if (stepOneProgress) {
       applyStepOneProgress(stepOneProgress);
     }
@@ -950,10 +1495,18 @@ async function loadSavedProgress() {
       applyStepTwoProgress(stepTwoProgress);
       currentStep.value = 2;
     }
+    if (stepThreeProgress) {
+      applyStepThreeProgress(stepThreeProgress);
+      currentStep.value = 3;
+    }
     if (stepFourProgress) {
       applyStepFourProgress(stepFourProgress);
       currentStep.value = 4;
     }
+    if (stepFiveProgress) {
+      applyStepFiveProgress(stepFiveProgress);
+      currentStep.value = 5;
+    }
   } catch (error) {
     hasSavedAnswer.value = false;
   }
@@ -1251,6 +1804,83 @@ onMounted(async () => {
     line-height: 1.5;
   }
 
+  .value-pricing-section {
+    display: grid;
+    gap: 20px;
+  }
+
+  .value-pricing-toolbar {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    gap: 18px;
+
+    p {
+      max-width: 760px;
+      margin: 0;
+      color: var(--muted);
+      line-height: 1.7;
+    }
+  }
+
+  .perceived-value-table {
+    min-width: 620px;
+
+    th,
+    td {
+      width: 50%;
+    }
+
+    .total-row td {
+      color: #dffaff;
+      font-weight: 700;
+      background: rgba(26, 167, 211, 0.12);
+    }
+  }
+
+  .value-pricing-result {
+    display: grid;
+    grid-template-columns: minmax(230px, 0.8fr) minmax(220px, 0.7fr) minmax(290px, 1fr);
+    align-items: center;
+    gap: 20px;
+    padding: 20px 24px;
+    background: rgba(5, 35, 48, 0.72);
+    border: 1px solid var(--line);
+    border-radius: 12px;
+
+    label {
+      display: grid;
+      gap: 8px;
+      color: #dffaff;
+      font-weight: 600;
+    }
+
+    p {
+      margin: 0;
+      color: var(--muted);
+      line-height: 1.6;
+    }
+  }
+
+  .value-price-output {
+    display: grid;
+    gap: 7px;
+    color: #dffaff;
+    font-weight: 600;
+
+    strong {
+      color: #7de2ff;
+      font-size: 23px;
+    }
+
+    em {
+      color: #7998a3;
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+    }
+  }
+
   .workbench-footer {
     display: flex;
     align-items: center;
@@ -1297,6 +1927,74 @@ onMounted(async () => {
     box-shadow: none;
   }
 
+  .final-pricing-section {
+    display: grid;
+    gap: 22px;
+    padding-bottom: 26px;
+  }
+
+  .final-pricing-intro {
+    margin-bottom: 0;
+  }
+
+  .final-pricing-channel {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 20px;
+    margin: 0 26px;
+    padding: 16px 18px;
+    border: 1px solid var(--line);
+    border-radius: 12px;
+    background: var(--surface-soft);
+
+    h3,
+    p {
+      margin: 0;
+    }
+
+    h3 {
+      color: #e5f9ff;
+      font-size: 16px;
+    }
+
+    p {
+      margin-top: 6px;
+      color: var(--muted);
+      font-size: 13px;
+    }
+
+    :deep(.el-select) {
+      width: min(360px, 100%);
+    }
+  }
+
+  .final-pricing-table {
+    min-width: 680px;
+
+    th:first-child,
+    td:first-child {
+      width: auto;
+      text-align: left;
+    }
+
+    td:nth-child(2),
+    td:nth-child(3) {
+      color: #7de2ff;
+      font-weight: 700;
+    }
+  }
+
+  .final-analysis-section {
+    margin: 0 26px;
+
+    h3 {
+      margin: 0 0 12px;
+      color: #e5f9ff;
+      font-size: 17px;
+    }
+  }
+
   @media (max-width: 1200px) {
     grid-template-columns: 1fr;
   }
@@ -1306,11 +2004,17 @@ onMounted(async () => {
 
     .workbench-head,
     .unit-cost-panel,
-    .workbench-footer {
+    .workbench-footer,
+    .value-pricing-toolbar,
+    .final-pricing-channel {
       align-items: stretch;
       flex-direction: column;
     }
 
+    .value-pricing-result {
+      grid-template-columns: 1fr;
+    }
+
     .unit-cost-input {
       width: 100%;
     }
@@ -1340,6 +2044,12 @@ onMounted(async () => {
   line-height: 1.7;
 }
 
+.psm-subtitle {
+  margin-top: 8px !important;
+  color: #25384c !important;
+  font-weight: 700;
+}
+
 .toolbar-actions {
   display: flex;
   flex-wrap: wrap;
@@ -1419,6 +2129,22 @@ onMounted(async () => {
   word-break: break-all;
 }
 
+.psm-guide-row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding-top: 16px;
+  margin-top: 16px;
+  border-top: 1px solid #dbe5ef;
+}
+
+.psm-guide-row p {
+  margin: 0;
+  color: #5e6b7b;
+  line-height: 1.7;
+}
+
 .text-button {
   padding: 0;
   color: #1687c6;
@@ -1440,5 +2166,10 @@ onMounted(async () => {
   .psm-point-grid {
     grid-template-columns: 1fr;
   }
+
+  .psm-guide-row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
 }
 </style>