diff --git a/.env.development b/.env.development
index dcf21ec..a1bde1c 100644
--- a/.env.development
+++ b/.env.development
@@ -18,4 +18,7 @@ VITE_APP_BASE_API = '/'
 # VITE_APP_BASE_API = 'http://118.31.7.2:7548/'
 VITE_APP_AI_API = 'https://whmnjy.sztzjy.com:8764/'
 VITE_APP_ENV = 'development'
-VITE_APP_BASE_API = 'http://192.168.1.74:7548/'
+# VITE_APP_BASE_API = 'http://192.168.1.74:7548/'
+# 开发环境通过 vite 代理转发到线上，baseURL 用相对路径 '/' 避免跨域
+# VITE_APP_BASE_API = 'http://120.79.161.177:8999/'
+VITE_APP_BASE_API = '/'
diff --git a/src/assets/styles/student-training.scss b/src/assets/styles/student-training.scss
index e8fff74..1638849 100644
--- a/src/assets/styles/student-training.scss
+++ b/src/assets/styles/student-training.scss
@@ -1,3 +1,23 @@
+/* 全局字体变量（:root）：确保所有 .vue 文件均可访问，不限于 .student-training-shell */
+:root {
+  /* 字体栈：中文优先苹方/思源黑体，回退微软雅黑，跨平台一致 */
+  --student-font-base: "PingFang SC", "Source Han Sans SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  /* 数字/数据字体：等宽对齐，成绩/金额专用 */
+  --student-font-data: "PingFang SC", "SF Mono", "JetBrains Mono", "Microsoft YaHei", monospace;
+
+  /* 字号变量（对齐 Word 标准：1pt ≈ 1.333px） */
+  --student-fs-display: 20px;   /* 小三 15pt - 任务主标题 */
+  --student-fs-h1: 18px;        /* 小三 15pt - 步骤大标题 */
+  --student-fs-h2: 16px;        /* 小四 12pt - 面板/步骤行标题 */
+  --student-fs-h3: 14px;        /* 五号 10.5pt - 区块小标题 */
+  --student-fs-body: 14px;      /* 五号 10.5pt - 正文/描述 */
+  --student-fs-body-sm: 13px;   /* 表格次要文字 */
+  --student-fs-caption: 12px;   /* 小五 9pt - 标签/徽章 */
+  --student-fs-button: 14px;    /* 五号 - 按钮文字 */
+  --student-fs-button-lg: 15px; /* 主操作按钮 */
+  --student-fs-data: 16px;      /* 小四 12pt - 数字/成绩/金额 */
+}
+
 .student-training-shell {
   --student-step-height: 46px;
   --student-step-font: 14px;
@@ -37,25 +57,33 @@
   margin: 0 !important;
   padding: 24px 24px 32px !important;
   background: #06111d !important;
+  /* 应用实训页专用字体栈 + 数字等宽对齐 */
+  font-family: var(--student-font-base) !important;
+  font-size: var(--student-fs-body) !important;
+  line-height: 1.8 !important;
+  font-variant-numeric: tabular-nums !important;
 }
 
 .student-training-shell .task-header .task-title {
-  font-size: 30px !important;
-  line-height: 1.3 !important;
+  font-size: var(--student-fs-display) !important;  /* 20px 小三 */
+  line-height: 1.4 !important;
   letter-spacing: 0 !important;
+  font-weight: 700 !important;
 }
 
 .student-training-shell .workbench-head h3 {
-  font-size: 26px !important;
-  line-height: 1.3 !important;
+  font-size: var(--student-fs-h1) !important;  /* 18px 小三 */
+  line-height: 1.4 !important;
   letter-spacing: 0 !important;
+  font-weight: 700 !important;
 }
 
 .student-training-shell .panel-title h4,
 .student-training-shell .step-title-row h3 {
-  font-size: 22px !important;
-  line-height: 1.3 !important;
+  font-size: var(--student-fs-h2) !important;  /* 16px 小四 */
+  line-height: 1.5 !important;
   letter-spacing: 0 !important;
+  font-weight: 600 !important;
 }
 
 .student-training-shell .task-desc,
@@ -64,10 +92,23 @@
 .student-training-shell .background-block,
 .student-training-shell .example-block,
 .student-training-shell .source-title {
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;  /* 14px 五号 */
   line-height: 1.8 !important;
 }
 
+/* 数字/成绩/金额专用：等宽对齐，避免列内跳动（小四 16px） */
+.student-training-shell .score-value,
+.student-training-shell .data-number,
+.student-training-shell .amount,
+.student-training-shell .stat-value,
+.student-training-shell .progress-value {
+  font-family: var(--student-font-data) !important;
+  font-size: var(--student-fs-data) !important;  /* 16px 小四 */
+  font-variant-numeric: tabular-nums !important;
+  font-weight: 700 !important;
+  line-height: 1.4 !important;
+}
+
 .student-training-shell .flow-steps,
 .student-training-shell .step-indicator {
   display: flex !important;
@@ -200,7 +241,7 @@
   border-radius: 999px !important;
   color: #ffffff !important;
   background: linear-gradient(95deg, #0a6b9e, #0a5c86) !important;
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;
   font-weight: 800 !important;
   line-height: 1 !important;
   letter-spacing: 0 !important;
@@ -239,7 +280,7 @@
 .training-step-area .online,
 .training-step-area .online span {
   color: #d7ecff !important;
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;
   line-height: 1.75 !important;
   letter-spacing: 0 !important;
 }
@@ -263,7 +304,7 @@
   color: #e9fbff !important;
   background: linear-gradient(180deg, #22aad6, #1687ba) !important;
   box-shadow: none !important;
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;
   font-weight: 800 !important;
   line-height: 1 !important;
   letter-spacing: 0 !important;
@@ -512,7 +553,7 @@
 .student-training-shell .large-textarea,
 .student-training-shell .input-field,
 .student-training-shell .table-textarea {
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;
   line-height: 1.65 !important;
   letter-spacing: 0 !important;
 }
@@ -568,7 +609,7 @@
   color: #e9fbff !important;
   background: rgba(13, 64, 88, 0.62) !important;
   box-shadow: none !important;
-  font-size: 15px !important;
+  font-size: var(--student-fs-body) !important;
   font-weight: 800 !important;
   line-height: 1 !important;
   letter-spacing: 0 !important;
diff --git a/src/components/Crontab/index.vue b/src/components/Crontab/index.vue
index f1d7201..5fa31db 100644
--- a/src/components/Crontab/index.vue
+++ b/src/components/Crontab/index.vue
@@ -2,66 +2,33 @@
     <div>
         <el-tabs type="border-card">
             <el-tab-pane label="秒" v-if="shouldHide('second')">
-                <CrontabSecond
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronsecond"
-                />
+                <CrontabSecond @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj"
+                    ref="cronsecond" />
             </el-tab-pane>
 
             <el-tab-pane label="分钟" v-if="shouldHide('min')">
-                <CrontabMin
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronmin"
-                />
+                <CrontabMin @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronmin" />
             </el-tab-pane>
 
             <el-tab-pane label="小时" v-if="shouldHide('hour')">
-                <CrontabHour
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronhour"
-                />
+                <CrontabHour @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronhour" />
             </el-tab-pane>
 
             <el-tab-pane label="日" v-if="shouldHide('day')">
-                <CrontabDay
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronday"
-                />
+                <CrontabDay @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronday" />
             </el-tab-pane>
 
             <el-tab-pane label="月" v-if="shouldHide('month')">
-                <CrontabMonth
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronmonth"
-                />
+                <CrontabMonth @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj"
+                    ref="cronmonth" />
             </el-tab-pane>
 
             <el-tab-pane label="周" v-if="shouldHide('week')">
-                <CrontabWeek
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronweek"
-                />
+                <CrontabWeek @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronweek" />
             </el-tab-pane>
 
             <el-tab-pane label="年" v-if="shouldHide('year')">
-                <CrontabYear
-                    @update="updateCrontabValue"
-                    :check="checkNumber"
-                    :cron="crontabValueObj"
-                    ref="cronyear"
-                />
+                <CrontabYear @update="updateCrontabValue" :check="checkNumber" :cron="crontabValueObj" ref="cronyear" />
             </el-tab-pane>
         </el-tabs>
 
@@ -70,41 +37,49 @@
                 <p class="title">时间表达式</p>
                 <table>
                     <thead>
-                        <th v-for="item of tabTitles" :key="item">{{item}}</th>
+                        <th v-for="item of tabTitles" :key="item">{{ item }}</th>
                         <th>Cron 表达式</th>
                     </thead>
                     <tbody>
                         <td>
-                            <span v-if="crontabValueObj.second.length < 10">{{crontabValueObj.second}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.second" placement="top"><span>{{crontabValueObj.second}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.second.length < 10">{{ crontabValueObj.second }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.second"
+                                placement="top"><span>{{ crontabValueObj.second }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.min.length < 10">{{crontabValueObj.min}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.min" placement="top"><span>{{crontabValueObj.min}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.min.length < 10">{{ crontabValueObj.min }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.min"
+                                placement="top"><span>{{ crontabValueObj.min }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.hour.length < 10">{{crontabValueObj.hour}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.hour" placement="top"><span>{{crontabValueObj.hour}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.hour.length < 10">{{ crontabValueObj.hour }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.hour"
+                                placement="top"><span>{{ crontabValueObj.hour }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.day.length < 10">{{crontabValueObj.day}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.day" placement="top"><span>{{crontabValueObj.day}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.day.length < 10">{{ crontabValueObj.day }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.day"
+                                placement="top"><span>{{ crontabValueObj.day }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.month.length < 10">{{crontabValueObj.month}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.month" placement="top"><span>{{crontabValueObj.month}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.month.length < 10">{{ crontabValueObj.month }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.month"
+                                placement="top"><span>{{ crontabValueObj.month }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.week.length < 10">{{crontabValueObj.week}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.week" placement="top"><span>{{crontabValueObj.week}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.week.length < 10">{{ crontabValueObj.week }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.week"
+                                placement="top"><span>{{ crontabValueObj.week }}</span></el-tooltip>
                         </td>
                         <td>
-                            <span v-if="crontabValueObj.year.length < 10">{{crontabValueObj.year}}</span>
-                            <el-tooltip v-else :content="crontabValueObj.year" placement="top"><span>{{crontabValueObj.year}}</span></el-tooltip>
+                            <span v-if="crontabValueObj.year.length < 10">{{ crontabValueObj.year }}</span>
+                            <el-tooltip v-else :content="crontabValueObj.year"
+                                placement="top"><span>{{ crontabValueObj.year }}</span></el-tooltip>
                         </td>
                         <td class="result">
-                            <span v-if="crontabValueString.length < 90">{{crontabValueString}}</span>
-                            <el-tooltip v-else :content="crontabValueString" placement="top"><span>{{crontabValueString}}</span></el-tooltip>
+                            <span v-if="crontabValueString.length < 90">{{ crontabValueString }}</span>
+                            <el-tooltip v-else :content="crontabValueString"
+                                placement="top"><span>{{ crontabValueString }}</span></el-tooltip>
                         </td>
                     </tbody>
                 </table>
@@ -248,20 +223,23 @@ onMounted(() => {
     text-align: center;
     margin-top: 20px;
 }
+
 .popup-main {
     position: relative;
     margin: 10px auto;
     background: #fff;
     border-radius: 5px;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     overflow: hidden;
 }
+
 .popup-title {
     overflow: hidden;
     line-height: 34px;
     padding-top: 6px;
     background: #f2f2f2;
 }
+
 .popup-result {
     box-sizing: border-box;
     line-height: 24px;
@@ -270,27 +248,31 @@ onMounted(() => {
     border: 1px solid #ccc;
     position: relative;
 }
+
 .popup-result .title {
     position: absolute;
     top: -28px;
     left: 50%;
     width: 140px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     margin-left: -70px;
     text-align: center;
     line-height: 30px;
     background: #fff;
 }
+
 .popup-result table {
     text-align: center;
     width: 100%;
     margin: 0 auto;
 }
+
 .popup-result table td:not(.result) {
     width: 3.5rem;
     min-width: 3.5rem;
     max-width: 3.5rem;
 }
+
 .popup-result table span {
     display: block;
     width: 100%;
@@ -301,10 +283,11 @@ onMounted(() => {
     overflow: hidden;
     border: 1px solid #e8e8e8;
 }
+
 .popup-result-scroll {
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     line-height: 24px;
     height: 10em;
     overflow-y: auto;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/codemirror/index.vue b/src/components/codemirror/index.vue
index cc065b4..7162d00 100644
--- a/src/components/codemirror/index.vue
+++ b/src/components/codemirror/index.vue
@@ -168,14 +168,14 @@ watch(
   :deep(#answer) {
     display: block;
     margin: -41px 0px 0px 0px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     ol {
       line-height: 10px;
       li,
       span {
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: 400;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
         color: #666666;
         line-height: 14px;
       }
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index c799bfe..afa79bf 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -370,10 +370,10 @@ onMounted(() => {
       display: flex;
       //  justify-content: center;
       align-items: center;
-      font-family: Source Han Sans CN;
+      font-family: var(--student-font-base);
       font-weight: bold;
       color: #ffffff;
-      font-size: 27px;
+      font-size: var(--student-fs-h1);
       margin-left: 10px;
       margin-top: 3px;
       letter-spacing: 4px;
@@ -388,8 +388,8 @@ onMounted(() => {
     z-index: 1000;
     padding: 5px 20px;
     span {
-      font-size: 26px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-h1);
+      font-family: var(--student-font-base);
       font-weight: 700;
       color: #fff;
       line-height: 50px;
@@ -423,7 +423,7 @@ onMounted(() => {
     left: 45%;
     top: 50%;
     transform: translate(-50%, -50%);
-    font-size: 20px;
+    font-size: var(--student-fs-display);
     color: #fff;
     font-weight: bold;
     display: flex;
@@ -455,7 +455,7 @@ onMounted(() => {
     &.school-admin-nav {
       left: 55%;
       gap: 8px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
       .el-ment-item {
         padding: 6px 10px;
       }
@@ -465,7 +465,7 @@ onMounted(() => {
       z-index: 1002;
       max-width: calc(100vw - 560px);
       gap: 8px;
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       overflow-x: auto;
       overflow-y: hidden;
       padding: 4px 2px;
@@ -503,7 +503,7 @@ onMounted(() => {
       display: inline-block;
       padding: 0 8px;
       height: 100%;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       color: #5a5e66;
       vertical-align: text-bottom;
 
@@ -536,7 +536,7 @@ onMounted(() => {
           position: absolute;
           right: -20px;
           top: 25px;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
         }
       }
     }
@@ -556,7 +556,7 @@ onMounted(() => {
     z-index: 1001;
 
     span {
-      font-size: 22px;
+      font-size: var(--student-fs-h2);
       letter-spacing: 2px;
       text-shadow: 0 0 14px rgba(80, 200, 255, 0.28);
     }
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 3bf28fe..5d88153 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -185,7 +185,7 @@ defineExpose({
   line-height: 22px;
   font-weight: bold;
   .drawer-title {
-    font-size: 14px;
+    font-size: var(--student-fs-body);
   }
 }
 .setting-drawer-block-checbox {
@@ -223,7 +223,7 @@ defineExpose({
       padding-left: 24px;
       color: #1890ff;
       font-weight: 700;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
     }
   }
 }
@@ -231,7 +231,7 @@ defineExpose({
 .drawer-item {
   color: rgba(0, 0, 0, 0.65);
   padding: 12px 0;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
 
   .comp-style {
     float: right;
diff --git a/src/layout/components/TagsView/index.vue b/src/layout/components/TagsView/index.vue
index c6ebdba..0f57fd2 100644
--- a/src/layout/components/TagsView/index.vue
+++ b/src/layout/components/TagsView/index.vue
@@ -259,7 +259,7 @@ function handleScroll() {
       color: #495060;
       background: #fff;
       padding: 0 8px;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-left: 5px;
       margin-top: 4px;
       &:first-of-type {
@@ -293,7 +293,7 @@ function handleScroll() {
     list-style-type: none;
     padding: 5px 0;
     border-radius: 4px;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 400;
     color: #333;
     box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
diff --git a/src/views/AI/index.vue b/src/views/AI/index.vue
index 69e1412..6e0d88a 100644
--- a/src/views/AI/index.vue
+++ b/src/views/AI/index.vue
@@ -954,7 +954,7 @@
       .active {
         //放大
         transform: scale(1.12);
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         font-weight: 600;
         box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
         color: #ffffff;
@@ -1018,7 +1018,7 @@
               border: 1px solid #003e7c;
               border-radius: 12px 12px 12px 0;
               padding: 10px 12px 10px 12px;
-              font-size: 14px;
+              font-size: var(--student-fs-body);
               color: #ffffff;
               // 鼠标小手
               cursor: pointer;
@@ -1032,7 +1032,7 @@
         :deep(.md-editor-preview-wrapper) {
           padding: 0px 0px !important;
           .md-editor-preview {
-            font-size: 15px !important;
+            font-size: var(--student-fs-body) !important;
           }
         }
         .questionItem {
@@ -1043,7 +1043,7 @@
             border-radius: 12px 12px 0 12px;
             // padding: 0px 12px 0px 16px;
             font-weight: 400;
-            font-size: 14px;
+            font-size: var(--student-fs-body);
             line-height: 20px;
             max-width: calc(100% - 51px);
             word-break: break-all;
@@ -1056,7 +1056,7 @@
           :deep(.answerCon) {
             display: flex;
             font-weight: 400;
-            font-size: 14px;
+            font-size: var(--student-fs-body);
             // color: rgb(68, 68, 68);
             line-height: 22px;
             // width: calc(100% - 51px);
diff --git a/src/views/analysis-of-students/dialogue.vue b/src/views/analysis-of-students/dialogue.vue
index 3f42f89..d6ea9da 100644
--- a/src/views/analysis-of-students/dialogue.vue
+++ b/src/views/analysis-of-students/dialogue.vue
@@ -269,7 +269,7 @@ onUnmounted(() => {
             border: 1px solid #003e7c;
             border-radius: 12px 12px 12px 0;
             padding: 10px 12px 10px 12px;
-            font-size: 14px;
+            font-size: var(--student-fs-body);
             color: #ffffff;
             // 鼠标小手
             cursor: pointer;
@@ -283,7 +283,7 @@ onUnmounted(() => {
       .md-editor-preview-wrapper {
         padding: 0px 0px !important;
         .md-editor-preview {
-          font-size: 15px !important;
+          font-size: var(--student-fs-body) !important;
         }
       }
       .questionItem {
@@ -294,7 +294,7 @@ onUnmounted(() => {
           border-radius: 12px 12px 0 12px;
           // padding: 0px 12px 0px 16px;
           font-weight: 400;
-          font-size: 14px;
+          font-size: var(--student-fs-body);
           line-height: 20px;
           max-width: calc(100% - 51px);
           word-break: break-all;
@@ -307,7 +307,7 @@ onUnmounted(() => {
         :deep(.answerCon) {
           display: flex;
           font-weight: 400;
-          font-size: 14px;
+          font-size: var(--student-fs-body);
           // color: rgb(68, 68, 68);
           line-height: 22px;
           // width: calc(100% - 51px);
diff --git a/src/views/assessment/diagnosis.vue b/src/views/assessment/diagnosis.vue
index 0e868d3..81d1279 100644
--- a/src/views/assessment/diagnosis.vue
+++ b/src/views/assessment/diagnosis.vue
@@ -72,5 +72,5 @@ onMounted(async () => { try { taskConfig.value = (await getTrainingTaskByKey(TAS
 </script>
 
 <style scoped lang="scss">
-.ab-table{width:100%;min-width:860px;border-collapse:collapse}.ab-table th,.ab-table td{border:1px solid rgba(139,213,241,.45)}.ab-table thead th{padding:14px 10px;color:#fff;background:#079ed9;font-size:16px}.ab-table tbody th{width:25%;padding:14px 10px;color:#dff8ff;background:rgba(6,67,94,.34);text-align:center}.ab-table td{padding:9px 11px;text-align:center}.ab-table td:nth-child(2),.ab-table td:nth-child(3){width:18%}.ab-table td:last-child{width:39%}
+.ab-table{width:100%;min-width:860px;border-collapse:collapse}.ab-table th,.ab-table td{border:1px solid rgba(139,213,241,.45)}.ab-table thead th{padding:14px 10px;color:#fff;background:#079ed9;font-size:var(--student-fs-h2)}.ab-table tbody th{width:25%;padding:14px 10px;color:#dff8ff;background:rgba(6,67,94,.34);text-align:center}.ab-table td{padding:9px 11px;text-align:center}.ab-table td:nth-child(2),.ab-table td:nth-child(3){width:18%}.ab-table td:last-child{width:39%}
 </style>
diff --git a/src/views/assessment/optimization.vue b/src/views/assessment/optimization.vue
index e0af0d5..9a48692 100644
--- a/src/views/assessment/optimization.vue
+++ b/src/views/assessment/optimization.vue
@@ -347,13 +347,13 @@ onMounted(async () => {
 
 <style scoped lang="scss">
 .optimization { --ink:#edfaff; --muted:#9ec0cf; --line:rgba(99,217,255,.27); --accent:#27c7f2; display:grid; grid-template-columns:minmax(0,1fr) 340px; gap:24px; min-height:calc(100vh - 76px); padding:24px; color:var(--ink); background:radial-gradient(circle at 8% 0%,rgba(28,164,211,.18),transparent 32rem),linear-gradient(135deg,#061923,#082633 46%,#061923); }
-.training-core { min-width:0; padding:28px; border:1px solid var(--line); border-radius:28px; background:rgba(5,25,37,.82); box-shadow:0 22px 48px rgba(0,0,0,.22); }.task-header{margin-bottom:20px}.task-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.3);font-size:12px;font-weight:800}.task-header h1{margin:10px 0 0;font-size:30px}.task-card{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(3,22,34,.78)}
-.workbench-head{display:flex;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.section-eyebrow{margin:0;color:#71dfff;font-size:12px;font-weight:800;letter-spacing:.12em}.workbench-head h2{margin:5px 0 0;font-size:24px}.workbench-actions,.table-toolbar>div,.step-navigation,.training-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.action-button,.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid rgba(99,217,255,.5);border-radius:9px;color:#e9fbff;background:rgba(17,126,178,.34);font:inherit;font-weight:700;cursor:pointer}.outline-action:hover,.action-button:hover,.nav-button:hover{border-color:#7deaff;background:rgba(20,148,193,.48)}button:disabled{cursor:not-allowed;opacity:.45}
-.step-indicator{display:flex;gap:9px;padding:16px 24px;border-bottom:1px solid var(--line);overflow-x:auto}.step-tab{display:inline-flex;align-items:center;gap:8px;min-width:max-content;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;font:inherit;cursor:pointer}.step-tab span{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;color:#bdefff;background:rgba(16,117,154,.35);font-size:11px;font-weight:800}.step-tab.active{border-color:#71dfff;color:white;background:rgba(12,114,159,.48)}.step-tab.complete{color:#d5fff8}.step-tab.complete span{background:#2ba995}
-.category-step{padding:24px}.instruction{margin:0 0 20px;color:#d8edf5;font-size:15px;line-height:1.75}.table-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;color:var(--muted);font-size:13px}.action-button--muted{border-color:rgba(158,192,207,.35);background:rgba(75,101,112,.25)}.category-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.category-table{width:100%;min-width:1260px;border-collapse:collapse}.category-table th,.category-table td{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.category-table th{color:#e6f9ff;background:rgba(23,112,150,.42);font-size:13px;white-space:nowrap}.category-table td{background:rgba(2,18,28,.32)}.category-table tr:last-child td{border-bottom:0}.category-table th:last-child,.category-table td:last-child{border-right:0}.empty-cell{height:88px;color:var(--muted)}.abc-table{min-width:900px}.abc-table :deep(.el-select){width:100%;min-width:180px}
+.training-core { min-width:0; padding:28px; border:1px solid var(--line); border-radius:28px; background:rgba(5,25,37,.82); box-shadow:0 22px 48px rgba(0,0,0,.22); }.task-header{margin-bottom:20px}.task-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.3);font-size:var(--student-fs-caption);font-weight:800}.task-header h1{margin:10px 0 0;font-size:var(--student-fs-display)}.task-card{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(3,22,34,.78)}
+.workbench-head{display:flex;justify-content:space-between;gap:18px;padding:22px 24px;border-bottom:1px solid var(--line)}.section-eyebrow{margin:0;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800;letter-spacing:.12em}.workbench-head h2{margin:5px 0 0;font-size:var(--student-fs-h1)}.workbench-actions,.table-toolbar>div,.step-navigation,.training-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.action-button,.nav-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid rgba(99,217,255,.5);border-radius:9px;color:#e9fbff;background:rgba(17,126,178,.34);font:inherit;font-weight:700;cursor:pointer}.outline-action:hover,.action-button:hover,.nav-button:hover{border-color:#7deaff;background:rgba(20,148,193,.48)}button:disabled{cursor:not-allowed;opacity:.45}
+.step-indicator{display:flex;gap:9px;padding:16px 24px;border-bottom:1px solid var(--line);overflow-x:auto}.step-tab{display:inline-flex;align-items:center;gap:8px;min-width:max-content;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;font:inherit;cursor:pointer}.step-tab span{display:grid;width:21px;height:21px;place-items:center;border-radius:50%;color:#bdefff;background:rgba(16,117,154,.35);font-size:var(--student-fs-caption);font-weight:800}.step-tab.active{border-color:#71dfff;color:white;background:rgba(12,114,159,.48)}.step-tab.complete{color:#d5fff8}.step-tab.complete span{background:#2ba995}
+.category-step{padding:24px}.instruction{margin:0 0 20px;color:#d8edf5;font-size:var(--student-fs-body);line-height:1.75}.table-toolbar{display:flex;justify-content:space-between;gap:14px;margin-bottom:12px;color:var(--muted);font-size:var(--student-fs-body-sm)}.action-button--muted{border-color:rgba(158,192,207,.35);background:rgba(75,101,112,.25)}.category-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.category-table{width:100%;min-width:1260px;border-collapse:collapse}.category-table th,.category-table td{padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.category-table th{color:#e6f9ff;background:rgba(23,112,150,.42);font-size:var(--student-fs-body-sm);white-space:nowrap}.category-table td{background:rgba(2,18,28,.32)}.category-table tr:last-child td{border-bottom:0}.category-table th:last-child,.category-table td:last-child{border-right:0}.empty-cell{height:88px;color:var(--muted)}.abc-table{min-width:900px}.abc-table :deep(.el-select){width:100%;min-width:180px}
 .rule-notice{margin-top:20px;padding:16px 18px;border:1px solid rgba(255,112,112,.46);border-radius:12px;background:rgba(126,31,35,.15);color:#ffd5d5}.rule-notice strong{color:#ff9292}.rule-notice p{margin:8px 0 0;line-height:1.65}.analysis-step{padding:24px}.analysis-tabs{display:flex;gap:10px;margin-bottom:18px}.analysis-tabs button{padding:9px 14px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:transparent;font:inherit;cursor:pointer}.analysis-tabs button.active{color:white;border-color:#71dfff;background:rgba(12,114,159,.48)}.business-workspace{overflow:hidden;border:1px solid var(--line);border-radius:14px}.step-navigation{justify-content:center;padding:20px 24px 0}.nav-button--save,.nav-button--primary{border-color:#71dfff;background:linear-gradient(100deg,#0d80b7,#09638f)}.training-actions{justify-content:center;gap:28px;padding:26px 24px}.training-actions :deep(.training-action){min-width:160px;height:50px;border-color:#2c83aa;color:#dff7ff;background:rgba(13,64,88,.62);font-size:17px;font-weight:800}
-.pareto-upload-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:330px;padding:26px;border:1px dashed rgba(113,223,255,.7);border-radius:16px;background:linear-gradient(135deg,rgba(5,47,69,.7),rgba(4,23,35,.58));text-align:center}.file-input{display:none}.upload-icon{font-size:42px;color:#71dfff}.pareto-upload-panel>strong{font-size:20px}.pareto-upload-panel>span,.upload-file-meta span{color:var(--muted);font-size:13px}.pareto-preview{width:min(100%,760px);height:270px;border:1px solid var(--line);border-radius:10px;background:rgba(0,10,18,.65);cursor:zoom-in}.upload-file-meta{display:grid;gap:5px;max-width:100%;word-break:break-all}.pareto-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.danger-action{border-color:rgba(255,145,145,.6);color:#ffd7d7;background:rgba(130,43,43,.23)}
-.strategy-step{display:grid;gap:16px}.subsection-heading{margin:8px 0 0;font-size:18px}.subsection-copy{margin:-8px 0 0;color:var(--muted);line-height:1.6}.category-matrix{position:relative;width:min(100%,820px);height:430px;margin:12px auto 22px;padding:38px 52px 52px 78px}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;border-left:2px solid rgba(185,240,255,.82);border-bottom:2px solid rgba(185,240,255,.82);background:linear-gradient(135deg,rgba(24,169,209,.12),rgba(3,25,38,.16))}.matrix-cell{display:grid;place-content:center;gap:7px;padding:18px;border-right:1px solid rgba(185,240,255,.65);border-bottom:1px solid rgba(185,240,255,.65);text-align:center}.matrix-cell:nth-child(2n){border-right:0}.matrix-cell:nth-child(n+3){border-bottom:0}.matrix-cell strong{font-size:18px}.matrix-cell small{color:#8dddf5}.matrix-y-title,.matrix-x-title,.matrix-y-high,.matrix-y-low,.matrix-x-high,.matrix-x-low{position:absolute;color:#d9f8ff;font-weight:800}.matrix-y-title{top:5px;left:78px}.matrix-x-title{right:0;bottom:15px}.matrix-y-high{top:63px;left:39px}.matrix-y-low{bottom:61px;left:39px}.matrix-x-low{bottom:29px;left:79px}.matrix-x-high{right:44px;bottom:29px}.matrix-inputs{display:grid;grid-template-columns:minmax(210px,.42fr) 1fr;gap:16px}.matrix-inputs label{display:grid;gap:8px;color:#d9f8ff;font-weight:700}.strategy-table{min-width:1120px}.strategy-table td{vertical-align:top}.strategy-table :deep(.el-select){width:100%;min-width:160px}.strategy-table :deep(.el-textarea__inner){min-height:78px}.current-classification{display:inline-block;padding:8px 10px;border-radius:8px;color:#a5efff;background:rgba(17,126,178,.24);white-space:nowrap}
-.operations-table{min-width:1050px}.operations-table th{color:#fff;background:linear-gradient(100deg,#08a6df,#098bc1);font-size:16px}.operations-table td{vertical-align:middle}.operations-table td:first-child{width:17%;font-weight:800}.operations-table td:nth-child(2){width:34%}.operations-table td:nth-child(3){width:25%}.operations-table td:last-child{width:24%}.operations-table :deep(.el-textarea__inner){min-height:86px;text-align:left}.operations-table :deep(.el-select){width:100%;min-width:160px}.layer-cell{color:#dff8ff;font-size:16px;background:rgba(15,103,137,.18)!important}
+.pareto-upload-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:330px;padding:26px;border:1px dashed rgba(113,223,255,.7);border-radius:16px;background:linear-gradient(135deg,rgba(5,47,69,.7),rgba(4,23,35,.58));text-align:center}.file-input{display:none}.upload-icon{font-size:42px;color:#71dfff}.pareto-upload-panel>strong{font-size:var(--student-fs-display)}.pareto-upload-panel>span,.upload-file-meta span{color:var(--muted);font-size:var(--student-fs-body-sm)}.pareto-preview{width:min(100%,760px);height:270px;border:1px solid var(--line);border-radius:10px;background:rgba(0,10,18,.65);cursor:zoom-in}.upload-file-meta{display:grid;gap:5px;max-width:100%;word-break:break-all}.pareto-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.danger-action{border-color:rgba(255,145,145,.6);color:#ffd7d7;background:rgba(130,43,43,.23)}
+.strategy-step{display:grid;gap:16px}.subsection-heading{margin:8px 0 0;font-size:var(--student-fs-h1)}.subsection-copy{margin:-8px 0 0;color:var(--muted);line-height:1.6}.category-matrix{position:relative;width:min(100%,820px);height:430px;margin:12px auto 22px;padding:38px 52px 52px 78px}.matrix-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;border-left:2px solid rgba(185,240,255,.82);border-bottom:2px solid rgba(185,240,255,.82);background:linear-gradient(135deg,rgba(24,169,209,.12),rgba(3,25,38,.16))}.matrix-cell{display:grid;place-content:center;gap:7px;padding:18px;border-right:1px solid rgba(185,240,255,.65);border-bottom:1px solid rgba(185,240,255,.65);text-align:center}.matrix-cell:nth-child(2n){border-right:0}.matrix-cell:nth-child(n+3){border-bottom:0}.matrix-cell strong{font-size:var(--student-fs-h1)}.matrix-cell small{color:#8dddf5}.matrix-y-title,.matrix-x-title,.matrix-y-high,.matrix-y-low,.matrix-x-high,.matrix-x-low{position:absolute;color:#d9f8ff;font-weight:800}.matrix-y-title{top:5px;left:78px}.matrix-x-title{right:0;bottom:15px}.matrix-y-high{top:63px;left:39px}.matrix-y-low{bottom:61px;left:39px}.matrix-x-low{bottom:29px;left:79px}.matrix-x-high{right:44px;bottom:29px}.matrix-inputs{display:grid;grid-template-columns:minmax(210px,.42fr) 1fr;gap:16px}.matrix-inputs label{display:grid;gap:8px;color:#d9f8ff;font-weight:700}.strategy-table{min-width:1120px}.strategy-table td{vertical-align:top}.strategy-table :deep(.el-select){width:100%;min-width:160px}.strategy-table :deep(.el-textarea__inner){min-height:78px}.current-classification{display:inline-block;padding:8px 10px;border-radius:8px;color:#a5efff;background:rgba(17,126,178,.24);white-space:nowrap}
+.operations-table{min-width:1050px}.operations-table th{color:#fff;background:linear-gradient(100deg,#08a6df,#098bc1);font-size:var(--student-fs-h2)}.operations-table td{vertical-align:middle}.operations-table td:first-child{width:17%;font-weight:800}.operations-table td:nth-child(2){width:34%}.operations-table td:nth-child(3){width:25%}.operations-table td:last-child{width:24%}.operations-table :deep(.el-textarea__inner){min-height:86px;text-align:left}.operations-table :deep(.el-select){width:100%;min-width:160px}.layer-cell{color:#dff8ff;font-size:var(--student-fs-h2);background:rgba(15,103,137,.18)!important}
 :deep(.el-input__wrapper){background:rgba(1,15,25,.76);box-shadow:0 0 0 1px rgba(94,213,245,.28) inset}:deep(.el-input__inner){color:#fff;text-align:center}@media(max-width:1100px){.optimization{grid-template-columns:1fr}}@media(max-width:720px){.optimization{padding:12px}.training-core{padding:16px;border-radius:20px}.workbench-head,.table-toolbar{flex-direction:column;align-items:stretch}.workbench-actions,.table-toolbar>div,.step-navigation,.training-actions{justify-content:stretch}.workbench-actions>*,.action-button,.nav-button,.training-actions :deep(.training-action){flex:1;width:100%}.category-step,.analysis-step{padding:16px}}
 </style>
diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue
index b762b46..a65c09c 100644
--- a/src/views/channel/index.vue
+++ b/src/views/channel/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="channel student-training-shell">
     <main class="training-core">
       <section class="task-header"><div class="task-badge"><el-icon><TrendCharts /></el-icon> 核心实训 · 供应渠道管理</div><h1 class="task-title">{{ taskTitle }}</h1></section>
@@ -915,7 +915,7 @@ onMounted(async () => {
     min-width: 172px;
     height: 56px;
     border-radius: 8px;
-    font-size: 18px;
+    font-size: var(--student-fs-h1);
     font-weight: 800;
   }
 }
@@ -923,25 +923,25 @@ onMounted(async () => {
 .channel {
   display: grid; grid-template-columns: minmax(720px, 1fr) 340px; gap: 24px; min-height: calc(100vh - 76px); padding: 24px 24px 32px; color: #eef5ff; background: #06111d;
   .training-core { min-width: 0; padding: 28px; border: 1px solid rgba(0,180,255,.25); border-radius: 36px; background: rgba(8,18,28,.6); box-shadow: inset 0 1px 0 rgba(169,229,255,.08), 0 22px 48px rgba(0,0,0,.22); }
-  .task-header { margin-bottom: 24px; }.task-badge { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 4px 14px; border: 1px solid rgba(99,217,255,.55); border-radius: 999px; color: #dff5ff; background: rgba(17,126,178,.36); font-size: 12px; font-weight: 700; }.task-title { margin: 12px 0 0; color: #fff; font-size: 30px; font-weight: 900; line-height: 1.3; }
-  .task-card,.step-card { border: 1px solid rgba(82,174,226,.42); border-radius: 26px; background: rgba(0,25,42,.64); }.task-card { margin-top: 28px; padding: 18px 22px 22px; }.workbench-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(0,180,255,.2); }.section-eyebrow { margin: 0; color: #71dfff; font-size: 12px; font-weight: 800; line-height: 1.4; }.workbench-head h3 { margin: 4px 0 8px; color: #fff; font-size: 26px; font-weight: 800; line-height: 1.3; }.workbench-description { margin: 0; color: #d7ecff; font-size: 15px; line-height: 1.8; }.workbench-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; gap: 10px; flex-shrink: 0; }
-  .outline-action,.btn-nav { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid rgba(99,217,255,.55); border-radius: 999px; color: #e9fbff; background: rgba(17,126,178,.36); font: inherit; font-size: 14px; font-weight: 800; cursor: pointer; }.step-indicator { display:flex; align-items:center; gap:12px; width:calc(100% + 24px); min-height:0; margin:0 -12px 32px; padding:18px 22px; overflow-x:auto; border:1px solid rgba(0,180,255,.3); border-radius:18px; background:linear-gradient(110deg,rgba(4,39,58,.9),rgba(2,20,33,.94)); box-shadow:inset 0 1px 0 rgba(169,229,255,.08); }.step-tab { display:flex; flex:1 0 145px; align-items:center; min-height:66px; padding:8px 10px; border:1px solid rgba(68,141,177,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); font:inherit; font-size:14px; font-weight:800; text-align:left; cursor:pointer; transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s; }.step-tab:hover,.step-tab:focus-visible { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 8px 18px rgba(0,0,0,.2); outline:none; }.step-tab.active { border-color:rgba(89,226,255,.85); color:#fff; background:linear-gradient(95deg,#0a6b9e,#0a5c86); box-shadow:0 8px 20px rgba(0,120,170,.22); }.step-marker { display:inline-flex; flex:0 0 38px; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(113,223,255,.55); border-radius:50%; color:#bdefff; background:rgba(3,27,43,.72); font-size:13px; font-weight:900; }.step-copy { display:grid; min-width:0; gap:4px; margin-left:10px; }.step-copy strong { display:-webkit-box; overflow:hidden; color:inherit; font-size:14px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.step-copy span { color:#7ec7e7; font-size:12px; font-weight:700; }.step-tab.active .step-marker { border-color:#a8f3ff; color:#fff; background:linear-gradient(135deg,#0bb2ed,#0a6b9e); box-shadow:0 0 0 4px rgba(77,215,255,.13),0 0 18px rgba(77,215,255,.4); }.step-tab.complete .step-marker { border-color:#59e0ca; color:#dffbff; background:rgba(13,132,119,.5); }.step-connector { flex:0 0 28px; height:2px; background:rgba(77,167,220,.54); color:#78cfe9; font-size:16px; line-height:0; text-align:right; }.step-connector.complete { background:#55ddcc; color:#75f0df; }.step-card { margin-top: 32px; padding: 18px 22px 22px; }.step-indicator + .step-card,.workbench-head + .step-card { margin-top: 0; }.step-title-row { margin-bottom: 14px; }.step-title-row h3 { margin: 4px 0 0; color: #fff; font-size: 22px; font-weight: 900; line-height: 1.3; }.caseBacktitle { display: flex; align-items: center; gap: 8px; margin: 20px 0 10px; color: #dff5ff; font-size: 16px; font-weight: 800; }.caseBacktitle img { display: none; }.step-card > p { color: #d7ecff; font-size: 15px; line-height: 1.8; }
-  :deep(.el-table) { width: 100% !important; max-width: 100%; border-radius: 18px; }:deep(.el-table th.el-table__cell) { background: rgba(8,55,82,.98) !important; }:deep(.el-input__wrapper) { min-height: 42px; border-radius: 14px; background: #0f1a24; }.online { border-radius: 14px; background: rgba(1,14,26,.72); }.step-navigation { display: flex; justify-content: center; gap: 14px; margin-top: 22px; }.btn-nav.btn-save,.btn-nav.btn-primary { border-color: rgba(92,224,255,.7); color: #fff; background: linear-gradient(95deg,#0b84bd,#096491); }.btn-nav:disabled { cursor: not-allowed; opacity: .45; }.taskfooter { gap: 52px; margin-top: 36px; padding-top: 0; border-top: 0; }.taskfooter :deep(.el-button) { min-width: 172px; height: 64px; border: 1px solid #2c83aa !important; border-radius: 6px; color: #dff7ff !important; background: rgba(13,64,88,.62) !important; font-size: 24px; font-weight: 900; }
+  .task-header { margin-bottom: 24px; }.task-badge { display: inline-flex; align-items: center; gap: 8px; min-height: 28px; padding: 4px 14px; border: 1px solid rgba(99,217,255,.55); border-radius: 999px; color: #dff5ff; background: rgba(17,126,178,.36); font-size: var(--student-fs-caption); font-weight: 700; }.task-title { margin: 12px 0 0; color: #fff; font-size: var(--student-fs-display); font-weight: 900; line-height: 1.3; }
+  .task-card,.step-card { border: 1px solid rgba(82,174,226,.42); border-radius: 26px; background: rgba(0,25,42,.64); }.task-card { margin-top: 28px; padding: 18px 22px 22px; }.workbench-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 18px; margin-bottom: 22px; padding-bottom: 18px; border-bottom: 1px solid rgba(0,180,255,.2); }.section-eyebrow { margin: 0; color: #71dfff; font-size: var(--student-fs-caption); font-weight: 800; line-height: 1.4; }.workbench-head h3 { margin: 4px 0 8px; color: #fff; font-size: var(--student-fs-h1); font-weight: 800; line-height: 1.3; }.workbench-description { margin: 0; color: #d7ecff; font-size: var(--student-fs-body); line-height: 1.8; }.workbench-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; margin-left: auto; gap: 10px; flex-shrink: 0; }
+  .outline-action,.btn-nav { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px; border: 1px solid rgba(99,217,255,.55); border-radius: 999px; color: #e9fbff; background: rgba(17,126,178,.36); font: inherit; font-size: var(--student-fs-button); font-weight: 800; cursor: pointer; }.step-indicator { display:flex; align-items:center; gap:12px; width:calc(100% + 24px); min-height:0; margin:0 -12px 32px; padding:18px 22px; overflow-x:auto; border:1px solid rgba(0,180,255,.3); border-radius:18px; background:linear-gradient(110deg,rgba(4,39,58,.9),rgba(2,20,33,.94)); box-shadow:inset 0 1px 0 rgba(169,229,255,.08); }.step-tab { display:flex; flex:1 0 145px; align-items:center; min-height:66px; padding:8px 10px; border:1px solid rgba(68,141,177,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); font:inherit; font-size:var(--student-fs-body); font-weight:800; text-align:left; cursor:pointer; transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s; }.step-tab:hover,.step-tab:focus-visible { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 8px 18px rgba(0,0,0,.2); outline:none; }.step-tab.active { border-color:rgba(89,226,255,.85); color:#fff; background:linear-gradient(95deg,#0a6b9e,#0a5c86); box-shadow:0 8px 20px rgba(0,120,170,.22); }.step-marker { display:inline-flex; flex:0 0 38px; align-items:center; justify-content:center; width:38px; height:38px; border:1px solid rgba(113,223,255,.55); border-radius:50%; color:#bdefff; background:rgba(3,27,43,.72); font-size:var(--student-fs-body-sm); font-weight:900; }.step-copy { display:grid; min-width:0; gap:4px; margin-left:10px; }.step-copy strong { display:-webkit-box; overflow:hidden; color:inherit; font-size:var(--student-fs-body); line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.step-copy span { color:#7ec7e7; font-size:var(--student-fs-caption); font-weight:700; }.step-tab.active .step-marker { border-color:#a8f3ff; color:#fff; background:linear-gradient(135deg,#0bb2ed,#0a6b9e); box-shadow:0 0 0 4px rgba(77,215,255,.13),0 0 18px rgba(77,215,255,.4); }.step-tab.complete .step-marker { border-color:#59e0ca; color:#dffbff; background:rgba(13,132,119,.5); }.step-connector { flex:0 0 28px; height:2px; background:rgba(77,167,220,.54); color:#78cfe9; font-size:var(--student-fs-h2); line-height:0; text-align:right; }.step-connector.complete { background:#55ddcc; color:#75f0df; }.step-card { margin-top: 32px; padding: 18px 22px 22px; }.step-indicator + .step-card,.workbench-head + .step-card { margin-top: 0; }.step-title-row { margin-bottom: 14px; }.step-title-row h3 { margin: 4px 0 0; color: #fff; font-size: var(--student-fs-h2); font-weight: 900; line-height: 1.3; }.caseBacktitle { display: flex; align-items: center; gap: 8px; margin: 20px 0 10px; color: #dff5ff; font-size: var(--student-fs-h2); font-weight: 800; }.caseBacktitle img { display: none; }.step-card > p { color: #d7ecff; font-size: var(--student-fs-body); line-height: 1.8; }
+  :deep(.el-table) { width: 100% !important; max-width: 100%; border-radius: 18px; }:deep(.el-table th.el-table__cell) { background: rgba(8,55,82,.98) !important; }:deep(.el-input__wrapper) { min-height: 42px; border-radius: 14px; background: #0f1a24; }.online { border-radius: 14px; background: rgba(1,14,26,.72); }.step-navigation { display: flex; justify-content: center; gap: 14px; margin-top: 22px; }.btn-nav.btn-save,.btn-nav.btn-primary { border-color: rgba(92,224,255,.7); color: #fff; background: linear-gradient(95deg,#0b84bd,#096491); }.btn-nav:disabled { cursor: not-allowed; opacity: .45; }.taskfooter { gap: 52px; margin-top: 36px; padding-top: 0; border-top: 0; }.taskfooter :deep(.el-button) { min-width: 172px; height: 64px; border: 1px solid #2c83aa !important; border-radius: 6px; color: #dff7ff !important; background: rgba(13,64,88,.62) !important; font-size: var(--student-fs-h1); font-weight: 900; }
 }
 @media (max-width: 1100px) { .channel { grid-template-columns: 1fr; } }
 @media (max-width: 900px) { .channel { padding: 14px; .training-core { padding: 18px; border-radius: 24px; }.workbench-head,.workbench-actions,.step-navigation { flex-direction: column; align-items: stretch; }.workbench-actions,.outline-action,.btn-nav,.taskfooter :deep(.el-button) { width: 100%; }.step-indicator { align-items:stretch; flex-direction:column; width:100%; margin-right:0; margin-left:0; overflow:visible; border-radius:20px; }.step-tab { flex:0 0 auto; width:100%; }.step-connector { flex:0 0 22px; width:2px; height:22px; margin-left:29px; text-align:center; writing-mode:vertical-rl; }.taskfooter { gap: 14px; } } }
 .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-connector.complete { background:linear-gradient(90deg,#6ef0e1,#1cb8e9); color:#63e6f1; box-shadow:0 0 9px rgba(53,218,235,.46); }
 /* Standard page step navigation */
 .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,.3); border-radius:18px; background:linear-gradient(90deg,rgba(6,42,61,.58),rgba(1,18,31,.42)),rgba(0,0,0,.3); box-shadow:inset 0 1px 0 rgba(145,233,255,.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,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); box-shadow:inset 0 1px 0 rgba(135,221,255,.04); font:inherit; font-size:14px; font-weight:800; text-align:left; cursor:pointer; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
+.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,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); box-shadow:inset 0 1px 0 rgba(135,221,255,.04); font:inherit; font-size:var(--student-fs-body); font-weight:800; text-align:left; cursor:pointer; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
 .step-tab:hover { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(152,239,255,.16); }
 .step-tab:hover .step-action { color:#9bf4ff; }
 .step-tab:focus-visible { outline:2px solid rgba(92,224,255,.7); outline-offset:2px; }
 .step-tab.active { border-color:rgba(89,226,255,0.85); color:#fff; background:linear-gradient(115deg,rgba(4,109,155,0.78),rgba(5,62,102,0.64)); box-shadow:0 0 18px rgba(24,183,235,.22),inset 0 1px 0 rgba(176,246,255,.2); }
-.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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:12px; font-weight:900; letter-spacing:.04em; }
+.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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:var(--student-fs-caption); 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-name { display:-webkit-box; overflow:hidden; color:inherit; font-size:var(--student-fs-body); font-weight:800; line-height:1.25; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
+.step-action { color:#66b6d4; font-size:var(--student-fs-caption); font-weight:800; letter-spacing:.06em; line-height:1; }
 .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 .step-marker { border-color:rgba(84,230,221,.85); color:#062b37; background:#6ef0e1; box-shadow:0 0 12px rgba(79,231,218,.35); }
 .step-connector { position:relative; flex:0 1 40px; min-width:18px; height:2px; margin:0 8px; overflow:visible; background:rgba(98,169,201,.34); }
@@ -960,7 +960,7 @@ onMounted(async () => {
 .linear-forecast-intro {
   margin: 0 0 22px;
   color: #d7ecff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   line-height: 1.85;
 }
 
@@ -1000,7 +1000,7 @@ onMounted(async () => {
 .procurement-plan-intro {
   margin: 0 0 18px;
   color: #d7ecff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   line-height: 1.85;
 }
 
@@ -1015,7 +1015,7 @@ onMounted(async () => {
 .procurement-plan-rules h4 {
   margin: 0;
   color: #e9faff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
 }
 
 .procurement-plan-rules ol {
@@ -1053,7 +1053,7 @@ onMounted(async () => {
 .procurement-plan-hint {
   margin: 14px 0 0;
   color: #8eb8ca !important;
-  font-size: 14px !important;
+  font-size: var(--student-fs-body) !important;
   line-height: 1.7;
 }
 
@@ -1070,7 +1070,7 @@ onMounted(async () => {
 .forecast-visual-intro {
   margin: 0 0 22px;
   color: #d7ecff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   line-height: 1.85;
 }
 
@@ -1124,12 +1124,12 @@ onMounted(async () => {
 }
 
 .forecast-visual-dropzone strong {
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
 }
 
 .forecast-visual-dropzone span:last-child {
   color: #98c8dc;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 }
 
 .forecast-visual-upload-icon {
@@ -1176,7 +1176,7 @@ onMounted(async () => {
 
 .forecast-visual-file-meta span {
   color: #98c8dc;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 }
 
 .forecast-visual-replace {
@@ -1188,7 +1188,7 @@ onMounted(async () => {
   background: rgba(10, 107, 151, 0.38);
   cursor: pointer;
   font: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 700;
 }
 
diff --git a/src/views/channel/purchase.vue b/src/views/channel/purchase.vue
index 1258981..2d79c9e 100644
--- a/src/views/channel/purchase.vue
+++ b/src/views/channel/purchase.vue
@@ -1,4 +1,4 @@
-<!--
+<!--
  * @Author: qinzhenpen qzp1807@126.com
  * @Date: 2025-05-03 16:30:25
  * @LastEditors: qinzhenpen qzp1807@126.com
@@ -590,7 +590,7 @@ onMounted(() => {
   }
 
   span {
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: bold;
     color: var(--text-color);
   }
diff --git a/src/views/channel/supplier.vue b/src/views/channel/supplier.vue
index 067068a..2c1f7be 100644
--- a/src/views/channel/supplier.vue
+++ b/src/views/channel/supplier.vue
@@ -527,22 +527,22 @@ onMounted(async () => {
 .supplier-page .workspace-shell { width: 100%; max-width: none; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
 .workspace-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
 .eyebrow, .step-caption { margin: 0 0 7px; color: #63dcff; font-weight: 700; letter-spacing: .1em; }
-.workspace-header h1, .intro-card h2 { margin: 0; color: #fff; }.workspace-header h1 { margin-top: 12px; font-size: 30px; font-weight: 900; line-height: 1.3; }
+.workspace-header h1, .intro-card h2 { margin: 0; color: #fff; }.workspace-header h1 { margin-top: 12px; font-size: var(--student-fs-display); font-weight: 900; line-height: 1.3; }
 .workspace-header p:not(.eyebrow), .intro-card > p:last-child { margin: 10px 0 0; color: #9db4c4; line-height: 1.75; }
 .task-badge { display: inline-flex; align-items: center; min-height: 28px; padding: 4px 14px; border: 1px solid rgba(99, 217, 255, .55); border-radius: 999px; color: #dff5ff; background: rgba(17, 126, 178, .36); white-space: nowrap; }
 .step-nav { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr) 40px minmax(0, 1fr); align-items: center; gap: 8px; margin: 0 0 30px; padding: 18px 22px; border: 1px solid rgba(0, 180, 255, .3); border-radius: 22px; background: rgba(1, 18, 31, .62); }
 .step-nav i { position: relative; height: 2px; background: rgba(86, 198, 235, .48); }.step-nav i::after { position: absolute; top: 50%; right: 0; width: 7px; height: 7px; border-top: 1px solid #73b1ce; border-right: 1px solid #73b1ce; content: ''; transform: translateY(-50%) rotate(45deg); }
 .step-tab { display: flex; align-items: center; min-width: 0; min-height: 66px; gap: 10px; padding: 8px 12px; border: 1px solid rgba(68, 141, 177, .35); border-radius: 12px; color: #9ab3d0; background: rgba(3, 27, 43, .52); cursor: pointer; font: inherit; text-align: left; transition: .2s ease; }
 .step-tab:hover { border-color: rgba(89, 223, 255, .82); color: #fff; background: rgba(8, 92, 131, .52); transform: translateY(-1px); }.step-tab:focus-visible { outline: 2px solid #72e8ff; outline-offset: 3px; }
-.step-marker { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; 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; }.step-copy { display: grid; min-width: 0; gap: 4px; }.step-copy b { overflow: hidden; font-size: 14px; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.step-copy small { color: #66b6d4; font-size: 10px; font-weight: 800; letter-spacing: .06em; }
+.step-marker { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border: 1px solid rgba(101, 176, 208, .6); border-radius: 50%; color: #a6c4d9; background: rgba(3, 25, 40, .8); font-size: var(--student-fs-caption); font-weight: 900; }.step-copy { display: grid; min-width: 0; gap: 4px; }.step-copy b { overflow: hidden; font-size: var(--student-fs-body); font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }.step-copy small { color: #66b6d4; font-size: var(--student-fs-caption); font-weight: 800; letter-spacing: .06em; }
 .step-tab.active { color: white; border-color: #53d8fb; background: linear-gradient(135deg, rgba(7, 156, 207, .85), rgba(13, 105, 161, .92)); box-shadow: inset 0 0 24px rgba(77, 213, 255, .22); }.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; }
 .intro-card, .analysis-panel { padding: 24px; border: 1px solid rgba(82, 174, 226, .42); border-radius: 26px; background: rgba(0, 25, 42, .64); }
 .intro-card.compact { margin-bottom: 20px; }
 .weights-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 20px; }
 .weight-card, .score-section { padding: 20px; border: 1px solid rgba(71, 167, 209, .28); border-radius: 14px; background: rgba(4, 23, 36, .68); }
 .card-title, .section-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 16px; }
-.card-title span, .section-heading span { color: #52cef6; font-size: 13px; font-weight: 700; letter-spacing: .07em; }
-.card-title h3, .section-heading h3 { margin: 4px 0 0; color: #fff; font-size: 20px; }
+.card-title span, .section-heading span { color: #52cef6; font-size: var(--student-fs-body-sm); font-weight: 700; letter-spacing: .07em; }
+.card-title h3, .section-heading h3 { margin: 4px 0 0; color: #fff; font-size: var(--student-fs-display); }
 .card-title strong { color: #6de4ff; font-size: 25px; }.card-title strong.danger { color: #ff8888; }
 .training-table { width: 100%; border-collapse: collapse; table-layout: fixed; overflow: hidden; border: 1px solid #2b5c73; }
 .training-table th { padding: 13px 10px; color: #effbff; background: #0c91c8; font-weight: 700; }
@@ -555,7 +555,7 @@ onMounted(async () => {
 .page-actions :deep(.el-button--primary), .row-actions :deep(.el-button) { border-color: #18b6ec; background: #0e96ca; }
 .score-section { margin-bottom: 20px; }.section-heading small { color: #93adbd; }.table-scroll { overflow-x: auto; }
 .score-table { min-width: 960px; }.score-table th:first-child, .score-table td:first-child { width: 175px; }.score-table :deep(.el-input-number) { width: 100%; }.total-score { color: #6de4ff !important; font-size: 17px; font-weight: 700; }
-.analysis-panel + .analysis-panel { margin-top: 20px; }.ranking-table { min-width: 940px; }.ranking-table th:first-child { width: 18%; }.ranking-table th:nth-child(2), .ranking-table th:nth-child(3) { width: 19%; }.scene-name { color: #71dcfb !important; font-weight: 700; }.rank-result { display: flex; flex-direction: column; gap: 5px; }.rank-result strong { color: #f3fbff; }.rank-result span { color: #62cef1; font-size: 13px; }
+.analysis-panel + .analysis-panel { margin-top: 20px; }.ranking-table { min-width: 940px; }.ranking-table th:first-child { width: 18%; }.ranking-table th:nth-child(2), .ranking-table th:nth-child(3) { width: 19%; }.scene-name { color: #71dcfb !important; font-weight: 700; }.rank-result { display: flex; flex-direction: column; gap: 5px; }.rank-result strong { color: #f3fbff; }.rank-result span { color: #62cef1; font-size: var(--student-fs-body-sm); }
 .recommendation-card { margin-top: 20px; }.recommendation-card label { display: block; margin-bottom: 9px; color: #e7f5fb; font-weight: 700; }.recommendation-card :deep(.el-textarea__inner) { min-height: 130px !important; color: #e7f6fd; background: rgba(2, 15, 24, .7); box-shadow: 0 0 0 1px #315f75 inset; }
 .risk-heading { align-items: flex-end; }.row-actions { display: flex; gap: 10px; }.panel-tip { margin: -4px 0 16px; color: #9db8c6; line-height: 1.7; }.risk-table { min-width: 1080px; }.risk-table th:nth-child(1) { width: 15%; }.risk-table th:nth-child(2) { width: 29%; }.risk-table th:nth-child(3) { width: 16%; }.risk-table :deep(.el-select) { width: 100%; }.default-risk-row :deep(.el-input__inner), .default-risk-row :deep(.el-textarea__inner), .default-risk-row :deep(.el-select__selected-item) { color: #b7cbd6; font-style: italic; }
 @media (max-width: 980px) { .weights-grid { grid-template-columns: 1fr; }.step-nav { grid-template-columns: 1fr; gap: 8px; }.step-nav i { display: none; }.workspace-header { flex-direction: column; }.risk-heading { align-items: flex-start; flex-direction: column; }.split-actions { gap: 12px; }.supplier-page { padding: 12px; }.workspace-shell { padding: 16px; } }
diff --git a/src/views/components/DynamicTrainingStepNavigator.vue b/src/views/components/DynamicTrainingStepNavigator.vue
index 746604d..56ded3e 100644
--- a/src/views/components/DynamicTrainingStepNavigator.vue
+++ b/src/views/components/DynamicTrainingStepNavigator.vue
@@ -90,7 +90,7 @@ function openStep(step) {
 .navigator-label {
   align-self: center;
   color: #8cdfff;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 700;
 }
 
diff --git a/src/views/components/TrainingAiEvaluation.vue b/src/views/components/TrainingAiEvaluation.vue
index 03f7573..be3c2d2 100644
--- a/src/views/components/TrainingAiEvaluation.vue
+++ b/src/views/components/TrainingAiEvaluation.vue
@@ -199,15 +199,15 @@ function actionLabel(status, fallback, loading) {
 .evaluation-panel { padding: 18px; border: 1px solid rgba(72, 207, 255, .34); border-radius: 20px; color: #d9efff; background: rgba(6, 19, 31, .94); }
 .evaluation-panel__header { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
 .evaluation-panel__header h3, .evaluation-report h4, .score-criteria h4 { margin: 0; color: #fff; }
-.evaluation-panel__eyebrow { margin: 0 0 5px; color: #77eaff; font-size: 11px; font-weight: 800; }
+.evaluation-panel__eyebrow { margin: 0 0 5px; color: #77eaff; font-size: var(--student-fs-caption); font-weight: 800; }
 .evaluation-panel__hint { margin: 14px 0; line-height: 1.7; }
-.evaluation-status { padding: 4px 8px; border-radius: 999px; color: #a9ecff; background: rgba(29, 162, 255, .16); font-size: 12px; white-space: nowrap; }
+.evaluation-status { padding: 4px 8px; border-radius: 999px; color: #a9ecff; background: rgba(29, 162, 255, .16); font-size: var(--student-fs-caption); white-space: nowrap; }
 .evaluation-status--failed { color: #ffb5b5; background: rgba(255, 96, 96, .14); }
 .evaluation-status--succeeded { color: #9df4c2; background: rgba(84, 213, 139, .14); }
 .evaluation-error { margin: 10px 0 0; color: #ffb5b5; }
 .retry-link { margin-left: 8px; border: 0; color: #77eaff; background: transparent; cursor: pointer; text-decoration: underline; }
 .evaluation-report, .score-criteria { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(129, 211, 255, .18); }
 .evaluation-report pre { margin: 10px 0 0; white-space: pre-wrap; word-break: break-word; font: inherit; line-height: 1.7; }
-.evaluation-score { margin: 10px 0 0; }.evaluation-score strong { color: #7ee9ff; font-size: 22px; }
+.evaluation-score { margin: 10px 0 0; }.evaluation-score strong { color: #7ee9ff; font-size: var(--student-fs-h2); }
 .score-criteria ul { margin: 10px 0 0; padding-left: 20px; line-height: 1.7; }.score-criteria span { margin-left: 4px; }
 </style>
diff --git a/src/views/components/TrainingAiSidebar.vue b/src/views/components/TrainingAiSidebar.vue
index d70250b..7731398 100644
--- a/src/views/components/TrainingAiSidebar.vue
+++ b/src/views/components/TrainingAiSidebar.vue
@@ -206,7 +206,7 @@ async function requestEvaluation() {
     gap: 10px;
     margin: 0 0 14px;
     color: #ffffff;
-    font-size: 20px;
+    font-size: var(--student-fs-display);
     font-weight: 900;
     letter-spacing: 0;
 
@@ -227,7 +227,7 @@ async function requestEvaluation() {
     linear-gradient(180deg, rgba(8, 27, 42, 0.88), rgba(4, 17, 29, 0.92)),
     radial-gradient(circle at 18% 12%, rgba(38, 205, 255, 0.12), transparent 32%);
   box-shadow: inset 0 0 28px rgba(55, 183, 255, 0.08);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.75;
 
   p {
@@ -236,11 +236,11 @@ async function requestEvaluation() {
     margin: 0;
   }
 }
-.ai-instruction { margin: -4px 0 12px; color: #9fcbe2; font-size: 13px; line-height: 1.6; }
+.ai-instruction { margin: -4px 0 12px; color: #9fcbe2; font-size: var(--student-fs-body-sm); line-height: 1.6; }
 .reference-block { width: 100%; border: 0; background: transparent; padding: 14px 0 0; text-align: left; cursor: pointer; }
 .reference-block:hover strong { color: #77eaff; }
 .assessment-button { width: 100%; margin-top: 14px; min-height: 44px; font-weight: 800; }
-.assessment-hint { margin: 12px 0 -2px; color: #9fcbe2; font-size: 13px; line-height: 1.6; }
+.assessment-hint { margin: 12px 0 -2px; color: #9fcbe2; font-size: var(--student-fs-body-sm); line-height: 1.6; }
 
 .output-glow {
   position: absolute;
@@ -282,7 +282,7 @@ async function requestEvaluation() {
     outline: none;
     color: #eef8ff;
     background: rgba(3, 16, 28, 0.86);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.7;
     transition: border-color 0.2s, box-shadow 0.2s;
 
@@ -335,7 +335,7 @@ async function requestEvaluation() {
 
   strong {
     color: #7ee9ff;
-    font-size: 20px;
+    font-size: var(--student-fs-display);
   }
 }
 
diff --git a/src/views/components/TrainingIntro.vue b/src/views/components/TrainingIntro.vue
index 62820d7..8bb041b 100644
--- a/src/views/components/TrainingIntro.vue
+++ b/src/views/components/TrainingIntro.vue
@@ -107,7 +107,7 @@ async function loadRemoteTask(taskKey) {
   &__eyebrow {
     margin: 0;
     color: #73d7ff;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 800;
     letter-spacing: 0;
   }
@@ -119,7 +119,7 @@ async function loadRemoteTask(taskKey) {
     border-radius: 999px;
     color: #bcefff;
     background: rgba(0, 170, 255, 0.14);
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 700;
   }
 
@@ -132,7 +132,7 @@ async function loadRemoteTask(taskKey) {
     border-radius: 24px;
     background: rgba(0, 35, 55, 0.52);
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.85;
 
     p,
diff --git a/src/views/components/TrainingMaterialButton.vue b/src/views/components/TrainingMaterialButton.vue
index b087ba3..4aa9252 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: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:var(--student-fs-button);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..692ca67 100644
--- a/src/views/components/TrainingTaskBrief.vue
+++ b/src/views/components/TrainingTaskBrief.vue
@@ -171,7 +171,7 @@ function normalizeGoals(value) {
   color: #b9e2ff;
   background: rgba(13, 64, 88, 0.62);
   cursor: pointer;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1;
   transition: border-color 0.18s ease, color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
@@ -227,7 +227,7 @@ function normalizeGoals(value) {
   padding: 0 14px;
   border-bottom: 1px solid rgba(0, 180, 255, 0.2);
   color: #e9f8ff;
-  font-size: 15px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
   line-height: 1;
 }
@@ -245,7 +245,7 @@ function normalizeGoals(value) {
   margin: 0;
   padding: 14px 16px 16px;
   color: #d9efff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.85;
 }
 
@@ -292,7 +292,7 @@ function normalizeGoals(value) {
   .brief-tab {
     height: 36px;
     padding: 0 8px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
   }
 
   .brief-scroll {
diff --git a/src/views/components/popModal.vue b/src/views/components/popModal.vue
index 4520767..6b432c3 100644
--- a/src/views/components/popModal.vue
+++ b/src/views/components/popModal.vue
@@ -86,7 +86,7 @@ const submit = () => {
     max-width: 1200px;
   }
   p {
-    font-size: 15px;
+    font-size: var(--student-fs-body);
   }
 }
 p {
diff --git a/src/views/demand/business-feasibility.vue b/src/views/demand/business-feasibility.vue
index 203ac1c..4111851 100644
--- a/src/views/demand/business-feasibility.vue
+++ b/src/views/demand/business-feasibility.vue
@@ -178,9 +178,9 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ task: taskTit
 </script>
 
 <style lang="scss" scoped>
-.feasibility-page { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:20px; min-height:100%; padding:22px; color:#d9f2fb; background:radial-gradient(circle at 22% 2%,rgba(21,135,181,.18),transparent 34%),#061521; }.feasibility-core { min-width:0; }.task-header { position:relative; overflow:hidden; padding:28px 32px; border:1px solid rgba(63,204,255,.28); border-radius:20px; background:linear-gradient(108deg,rgba(9,43,63,.97),rgba(5,25,41,.88)); box-shadow:0 20px 46px rgba(0,0,0,.22); }.task-header::after { position:absolute; top:-50px; right:8%; width:180px; height:180px; border:1px solid rgba(79,221,255,.22); border-radius:50%; content:""; }.task-header span { color:#58d9ff; font-size:12px; font-weight:800; letter-spacing:.16em; }.task-header h1 { margin:8px 0 0; color:#fff; font-size:32px; letter-spacing:.03em; }.workbench { margin-top:20px; padding:24px; border:1px solid rgba(73,200,248,.25); border-radius:20px; background:rgba(4,27,43,.82); }.workbench-actions { display:flex; justify-content:flex-end; gap:12px; }.action-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 17px; border:1px solid rgba(101,218,255,.52); border-radius:10px; color:#e9fbff; background:rgba(14,109,153,.32); font:inherit; font-weight:800; cursor:pointer; transition:.2s; }.action-button:hover:not(:disabled) { transform:translateY(-1px); border-color:#6ee5ff; background:rgba(20,148,203,.48); }.action-button.primary { border-color:#42d4ff; background:linear-gradient(105deg,#0ca8dc,#08739f); }.action-button:disabled { cursor:not-allowed; opacity:.62; }.step-indicator { display:flex; align-items:stretch; margin:26px 0; padding:10px; border:1px solid rgba(69,201,248,.2); border-radius:15px; background:rgba(1,17,29,.52); }.step-tab { display:flex; flex:1; align-items:center; gap:11px; min-width:0; padding:11px 12px; border:0; border-radius:11px; color:#8eb7c8; background:transparent; text-align:left; cursor:pointer; }.step-tab b { display:grid; flex:0 0 35px; width:35px; height:35px; place-items:center; border:1px solid currentColor; border-radius:50%; }.step-tab span { min-width:0; }.step-tab strong,.step-tab small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.step-tab strong { color:inherit; font-size:14px; }.step-tab small { margin-top:4px; color:#5791aa; font-size:11px; }.step-tab.active { color:#fff; background:linear-gradient(90deg,rgba(20,170,223,.82),rgba(10,111,155,.72)); box-shadow:0 7px 18px rgba(4,130,184,.22); }.step-tab.active b { border-color:#96edff; background:rgba(5,48,74,.28); }.step-tab.complete { color:#5cddf9; }.step-indicator i { width:1px; margin:10px 3px; background:rgba(88,190,223,.24); }.step-card { padding:24px; border:1px solid rgba(75,205,248,.26); border-radius:16px; background:linear-gradient(145deg,rgba(10,50,72,.64),rgba(3,24,39,.76)); }.step-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.step-heading p { margin:0 0 4px; color:#57d8fa; font-size:13px; font-weight:800; letter-spacing:.1em; }.step-heading h2 { margin:0; color:#fff; font-size:26px; }.step-heading em { padding:7px 11px; border:1px solid rgba(83,219,255,.45); border-radius:999px; color:#81e6ff; font-size:12px; font-style:normal; }.intro { margin:15px 0 0; color:#b7d8e4; line-height:1.8; }.form-section { margin-top:34px; }.section-title { display:flex; align-items:center; gap:12px; margin-bottom:14px; }.section-title > span { display:grid; width:31px; height:31px; place-items:center; border:1px solid rgba(91,220,255,.6); border-radius:9px; color:#6ee8ff; background:rgba(14,117,160,.24); font-weight:900; }.section-title h3 { margin:0; color:#fff; font-size:18px; }.section-title p { margin:3px 0 0; color:#87b6c7; font-size:13px; }.form-table { display:grid; border:1px solid rgba(96,202,235,.28); border-radius:12px; overflow:hidden; background:rgba(1,18,29,.42); }.form-table label { display:grid; grid-template-columns:190px 1fr; border-bottom:1px solid rgba(96,202,235,.22); }.form-table label:last-child { border-bottom:0; }.form-table label > span,.table-wrap th { display:flex; align-items:center; justify-content:center; padding:13px; color:#dff8ff; background:rgba(17,119,158,.32); font-weight:800; }.form-table textarea { min-height:75px; }.market-table { grid-template-columns:repeat(2,minmax(0,1fr)); }.market-table label { border-right:1px solid rgba(96,202,235,.22); }.market-table label:nth-child(2n) { border-right:0; }.market-table label:last-child { border-bottom:0; }.market-table label > span { justify-content:flex-start; padding:12px 14px; background:rgba(11,65,91,.48); }.input-with-suffix { display:flex; align-items:center; gap:9px; padding:8px 12px; }.input-with-suffix b { color:#6fcce5; font-size:12px; white-space:nowrap; } textarea,input,select { width:100%; box-sizing:border-box; border:1px solid rgba(99,202,234,.34); border-radius:7px; color:#ecfbff; background:rgba(2,19,31,.68); font:inherit; outline:none; } textarea { resize:vertical; min-height:74px; padding:10px 11px; line-height:1.55; } input,select { height:38px; padding:0 10px; } textarea:focus,input:focus,select:focus { border-color:#54ddff; box-shadow:0 0 0 3px rgba(39,187,230,.13); }.table-wrap { overflow-x:auto; border:1px solid rgba(96,202,235,.28); border-radius:12px; } table { width:100%; min-width:780px; border-collapse:collapse; } th { color:#fff; background:#0d9bd1; } th,td { border-right:1px solid rgba(96,202,235,.24); border-bottom:1px solid rgba(96,202,235,.24); padding:10px; vertical-align:middle; } tr:last-child td { border-bottom:0; } th:last-child,td:last-child { border-right:0; } td textarea { min-height:74px; }.fixed-cell { color:#dff8ff; background:rgba(9,72,100,.42); text-align:center; font-weight:800; }.cost-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:18px; }.total-row td { color:#74e2fb; background:rgba(13,104,141,.28); font-weight:900; }.profit-panel { padding:18px; border:1px solid rgba(65,210,251,.36); border-radius:12px; background:radial-gradient(circle at 100% 0,rgba(20,150,204,.24),transparent 48%),rgba(1,18,29,.56); }.profit-formula { padding-bottom:14px; color:#8dcbde; font-size:13px; line-height:1.8; }.profit-panel label { display:block; margin-bottom:12px; }.profit-panel label span { display:block; margin-bottom:7px; color:#ddf7ff; font-size:13px; font-weight:800; }.computed { display:flex; justify-content:space-between; align-items:center; padding:13px 0; border-top:1px solid rgba(89,203,239,.22); }.computed span { color:#a3cbd9; }.computed b { color:#6de5ff; font-size:20px; }.step-actions { display:flex; justify-content:center; gap:12px; margin-top:32px; }.placeholder { display:grid; min-height:300px; place-content:center; justify-items:center; gap:18px; color:#b2d8e6; text-align:center; }.placeholder p { font-size:18px; }
-.decision-section { margin-top:34px; padding:22px; border:1px solid rgba(81,205,243,.27); border-radius:14px; background:linear-gradient(135deg,rgba(5,37,57,.78),rgba(5,20,32,.58)); }.decision-section h3 { display:flex; align-items:center; gap:10px; margin:0; color:#eefcff; font-size:18px; }.decision-section h3 > span { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(99,225,255,.68); border-radius:8px; color:#70e4ff; font-size:13px; }.decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }.decision-option { position:relative; display:grid; grid-template-columns:20px 1fr; column-gap:10px; align-items:center; min-height:76px; padding:15px; border:1px solid rgba(101,197,225,.3); border-radius:11px; background:rgba(2,18,30,.54); cursor:pointer; transition:.2s; }.decision-option:hover { border-color:rgba(105,227,255,.72); transform:translateY(-1px); }.decision-option input,.priority-option input { position:absolute; opacity:0; pointer-events:none; }.radio-mark,.checkbox-mark { display:grid; width:18px; height:18px; place-items:center; border:1px solid rgba(150,224,244,.7); border-radius:50%; color:#04202f; background:transparent; }.decision-option.selected { border-color:#55ddff; background:linear-gradient(115deg,rgba(15,151,199,.38),rgba(5,56,82,.42)); box-shadow:inset 0 0 0 1px rgba(109,228,255,.1); }.decision-option.selected .radio-mark { border:5px solid #65e4ff; background:#113b51; }.decision-option strong { color:#e8fbff; font-size:15px; }.decision-option small { grid-column:2; margin-top:4px; color:#84b5c5; font-size:12px; }.priority-section { transition:.2s; }.priority-section.muted { opacity:.56; }.priority-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }.priority-heading b { min-width:47px; padding:6px 9px; border:1px solid rgba(91,219,255,.45); border-radius:999px; color:#78e5ff; background:rgba(13,122,165,.18); text-align:center; }.hint { margin:12px 0 0 38px; color:#84b9ca; font-size:13px; }.priority-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }.priority-option { display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; min-height:66px; padding:14px; border:1px solid rgba(101,197,225,.28); border-radius:10px; background:rgba(1,18,30,.45); cursor:pointer; transition:.2s; }.priority-option:hover { border-color:rgba(100,223,253,.75); }.priority-option.selected { border-color:#52dcff; background:rgba(13,127,171,.26); }.priority-option:has(input:disabled):not(.selected) { cursor:not-allowed; opacity:.52; }.checkbox-mark { margin-top:2px; border-radius:5px; }.priority-option.selected .checkbox-mark { border-color:#68e7ff; color:#092838; background:#68e7ff; }.priority-option strong,.priority-option small { display:block; }.priority-option strong { color:#e5faff; font-size:14px; }.priority-option small { margin-top:4px; color:#86b7c8; font-size:12px; }
-.report-guide { margin-top:24px; padding:18px 20px; border-left:3px solid #39d4f8; color:#c5e6f0; background:rgba(8,83,115,.2); line-height:1.85; }.report-guide p,.report-guide ol { margin:0; }.report-guide ol { margin-top:9px; padding-left:23px; }.report-guide li + li { margin-top:6px; }.report-upload-panel { display:grid; min-height:300px; place-content:center; justify-items:center; gap:12px; margin-top:30px; padding:36px; border:1px dashed rgba(83,218,255,.72); border-radius:16px; background:radial-gradient(circle at 50% 22%,rgba(15,149,201,.23),transparent 42%),rgba(1,21,34,.55); text-align:center; }.upload-orbit { display:grid; width:68px; height:68px; place-items:center; border:1px solid rgba(104,225,255,.72); border-radius:22px; color:#74e9ff; background:rgba(9,120,164,.22); font-size:32px; box-shadow:0 0 0 9px rgba(45,193,233,.06); }.report-upload-panel h3 { margin:8px 0 0; color:#f1fcff; font-size:21px; }.report-upload-panel > p { margin:0; color:#8ebfce; }.report-file-card { display:flex; align-items:center; width:min(760px,100%); gap:15px; padding:17px; border:1px solid rgba(93,217,252,.45); border-radius:13px; background:rgba(2,17,29,.7); text-align:left; }.report-file-icon { display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center; border-radius:12px; color:#83e8ff; background:rgba(10,129,176,.28); font-size:25px; }.report-file-meta { min-width:0; flex:1; }.report-file-meta strong,.report-file-meta span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.report-file-meta strong { color:#effdff; }.report-file-meta span { margin-top:5px; color:#83b7c8; font-size:12px; }.report-file-actions { display:flex; gap:8px; }.report-file-actions button,.text-action { display:inline-flex; align-items:center; gap:5px; border:0; color:#93eaff; background:transparent; font:inherit; font-size:13px; cursor:pointer; }.report-file-actions .danger { color:#ffaaa1; }.report-replace { display:flex; align-items:center; gap:13px; color:#85b7c7; font-size:12px; }.text-action:disabled { cursor:not-allowed; opacity:.6; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }.report-preview { display:grid; min-height:64vh; place-items:center; background:#0a1520; }.report-preview .el-image { width:100%; height:64vh; }.report-preview iframe { width:100%; height:64vh; border:0; background:#fff; }
+.feasibility-page { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:20px; min-height:100%; padding:22px; color:#d9f2fb; background:radial-gradient(circle at 22% 2%,rgba(21,135,181,.18),transparent 34%),#061521; }.feasibility-core { min-width:0; }.task-header { position:relative; overflow:hidden; padding:28px 32px; border:1px solid rgba(63,204,255,.28); border-radius:20px; background:linear-gradient(108deg,rgba(9,43,63,.97),rgba(5,25,41,.88)); box-shadow:0 20px 46px rgba(0,0,0,.22); }.task-header::after { position:absolute; top:-50px; right:8%; width:180px; height:180px; border:1px solid rgba(79,221,255,.22); border-radius:50%; content:""; }.task-header span { color:#58d9ff; font-size: var(--student-fs-caption); font-weight:800; letter-spacing:.16em; }.task-header h1 { margin:8px 0 0; color:#fff; font-size:32px; letter-spacing:.03em; }.workbench { margin-top:20px; padding:24px; border:1px solid rgba(73,200,248,.25); border-radius:20px; background:rgba(4,27,43,.82); }.workbench-actions { display:flex; justify-content:flex-end; gap:12px; }.action-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 17px; border:1px solid rgba(101,218,255,.52); border-radius:10px; color:#e9fbff; background:rgba(14,109,153,.32); font:inherit; font-weight:800; cursor:pointer; transition:.2s; }.action-button:hover:not(:disabled) { transform:translateY(-1px); border-color:#6ee5ff; background:rgba(20,148,203,.48); }.action-button.primary { border-color:#42d4ff; background:linear-gradient(105deg,#0ca8dc,#08739f); }.action-button:disabled { cursor:not-allowed; opacity:.62; }.step-indicator { display:flex; align-items:stretch; margin:26px 0; padding:10px; border:1px solid rgba(69,201,248,.2); border-radius:15px; background:rgba(1,17,29,.52); }.step-tab { display:flex; flex:1; align-items:center; gap:11px; min-width:0; padding:11px 12px; border:0; border-radius:11px; color:#8eb7c8; background:transparent; text-align:left; cursor:pointer; }.step-tab b { display:grid; flex:0 0 35px; width:35px; height:35px; place-items:center; border:1px solid currentColor; border-radius:50%; }.step-tab span { min-width:0; }.step-tab strong,.step-tab small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.step-tab strong { color:inherit; font-size: var(--student-fs-body); }.step-tab small { margin-top:4px; color:#5791aa; font-size: var(--student-fs-caption); }.step-tab.active { color:#fff; background:linear-gradient(90deg,rgba(20,170,223,.82),rgba(10,111,155,.72)); box-shadow:0 7px 18px rgba(4,130,184,.22); }.step-tab.active b { border-color:#96edff; background:rgba(5,48,74,.28); }.step-tab.complete { color:#5cddf9; }.step-indicator i { width:1px; margin:10px 3px; background:rgba(88,190,223,.24); }.step-card { padding:24px; border:1px solid rgba(75,205,248,.26); border-radius:16px; background:linear-gradient(145deg,rgba(10,50,72,.64),rgba(3,24,39,.76)); }.step-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }.step-heading p { margin:0 0 4px; color:#57d8fa; font-size: var(--student-fs-body-sm); font-weight:800; letter-spacing:.1em; }.step-heading h2 { margin:0; color:#fff; font-size: var(--student-fs-h1); }.step-heading em { padding:7px 11px; border:1px solid rgba(83,219,255,.45); border-radius:999px; color:#81e6ff; font-size: var(--student-fs-caption); font-style:normal; }.intro { margin:15px 0 0; color:#b7d8e4; line-height:1.8; }.form-section { margin-top:34px; }.section-title { display:flex; align-items:center; gap:12px; margin-bottom:14px; }.section-title > span { display:grid; width:31px; height:31px; place-items:center; border:1px solid rgba(91,220,255,.6); border-radius:9px; color:#6ee8ff; background:rgba(14,117,160,.24); font-weight:900; }.section-title h3 { margin:0; color:#fff; font-size: var(--student-fs-h1); }.section-title p { margin:3px 0 0; color:#87b6c7; font-size: var(--student-fs-body-sm); }.form-table { display:grid; border:1px solid rgba(96,202,235,.28); border-radius:12px; overflow:hidden; background:rgba(1,18,29,.42); }.form-table label { display:grid; grid-template-columns:190px 1fr; border-bottom:1px solid rgba(96,202,235,.22); }.form-table label:last-child { border-bottom:0; }.form-table label > span,.table-wrap th { display:flex; align-items:center; justify-content:center; padding:13px; color:#dff8ff; background:rgba(17,119,158,.32); font-weight:800; }.form-table textarea { min-height:75px; }.market-table { grid-template-columns:repeat(2,minmax(0,1fr)); }.market-table label { border-right:1px solid rgba(96,202,235,.22); }.market-table label:nth-child(2n) { border-right:0; }.market-table label:last-child { border-bottom:0; }.market-table label > span { justify-content:flex-start; padding:12px 14px; background:rgba(11,65,91,.48); }.input-with-suffix { display:flex; align-items:center; gap:9px; padding:8px 12px; }.input-with-suffix b { color:#6fcce5; font-size: var(--student-fs-caption); white-space:nowrap; } textarea,input,select { width:100%; box-sizing:border-box; border:1px solid rgba(99,202,234,.34); border-radius:7px; color:#ecfbff; background:rgba(2,19,31,.68); font:inherit; outline:none; } textarea { resize:vertical; min-height:74px; padding:10px 11px; line-height:1.55; } input,select { height:38px; padding:0 10px; } textarea:focus,input:focus,select:focus { border-color:#54ddff; box-shadow:0 0 0 3px rgba(39,187,230,.13); }.table-wrap { overflow-x:auto; border:1px solid rgba(96,202,235,.28); border-radius:12px; } table { width:100%; min-width:780px; border-collapse:collapse; } th { color:#fff; background:#0d9bd1; } th,td { border-right:1px solid rgba(96,202,235,.24); border-bottom:1px solid rgba(96,202,235,.24); padding:10px; vertical-align:middle; } tr:last-child td { border-bottom:0; } th:last-child,td:last-child { border-right:0; } td textarea { min-height:74px; }.fixed-cell { color:#dff8ff; background:rgba(9,72,100,.42); text-align:center; font-weight:800; }.cost-layout { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:18px; }.total-row td { color:#74e2fb; background:rgba(13,104,141,.28); font-weight:900; }.profit-panel { padding:18px; border:1px solid rgba(65,210,251,.36); border-radius:12px; background:radial-gradient(circle at 100% 0,rgba(20,150,204,.24),transparent 48%),rgba(1,18,29,.56); }.profit-formula { padding-bottom:14px; color:#8dcbde; font-size: var(--student-fs-body-sm); line-height:1.8; }.profit-panel label { display:block; margin-bottom:12px; }.profit-panel label span { display:block; margin-bottom:7px; color:#ddf7ff; font-size: var(--student-fs-body-sm); font-weight:800; }.computed { display:flex; justify-content:space-between; align-items:center; padding:13px 0; border-top:1px solid rgba(89,203,239,.22); }.computed span { color:#a3cbd9; }.computed b { color:#6de5ff; font-size: var(--student-fs-display); }.step-actions { display:flex; justify-content:center; gap:12px; margin-top:32px; }.placeholder { display:grid; min-height:300px; place-content:center; justify-items:center; gap:18px; color:#b2d8e6; text-align:center; }.placeholder p { font-size: var(--student-fs-h1); }
+.decision-section { margin-top:34px; padding:22px; border:1px solid rgba(81,205,243,.27); border-radius:14px; background:linear-gradient(135deg,rgba(5,37,57,.78),rgba(5,20,32,.58)); }.decision-section h3 { display:flex; align-items:center; gap:10px; margin:0; color:#eefcff; font-size: var(--student-fs-h1); }.decision-section h3 > span { display:grid; width:28px; height:28px; place-items:center; border:1px solid rgba(99,225,255,.68); border-radius:8px; color:#70e4ff; font-size: var(--student-fs-body-sm); }.decision-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:20px; }.decision-option { position:relative; display:grid; grid-template-columns:20px 1fr; column-gap:10px; align-items:center; min-height:76px; padding:15px; border:1px solid rgba(101,197,225,.3); border-radius:11px; background:rgba(2,18,30,.54); cursor:pointer; transition:.2s; }.decision-option:hover { border-color:rgba(105,227,255,.72); transform:translateY(-1px); }.decision-option input,.priority-option input { position:absolute; opacity:0; pointer-events:none; }.radio-mark,.checkbox-mark { display:grid; width:18px; height:18px; place-items:center; border:1px solid rgba(150,224,244,.7); border-radius:50%; color:#04202f; background:transparent; }.decision-option.selected { border-color:#55ddff; background:linear-gradient(115deg,rgba(15,151,199,.38),rgba(5,56,82,.42)); box-shadow:inset 0 0 0 1px rgba(109,228,255,.1); }.decision-option.selected .radio-mark { border:5px solid #65e4ff; background:#113b51; }.decision-option strong { color:#e8fbff; font-size: var(--student-fs-body); }.decision-option small { grid-column:2; margin-top:4px; color:#84b5c5; font-size: var(--student-fs-caption); }.priority-section { transition:.2s; }.priority-section.muted { opacity:.56; }.priority-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }.priority-heading b { min-width:47px; padding:6px 9px; border:1px solid rgba(91,219,255,.45); border-radius:999px; color:#78e5ff; background:rgba(13,122,165,.18); text-align:center; }.hint { margin:12px 0 0 38px; color:#84b9ca; font-size: var(--student-fs-body-sm); }.priority-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:18px; }.priority-option { display:grid; grid-template-columns:20px 1fr; gap:11px; align-items:start; min-height:66px; padding:14px; border:1px solid rgba(101,197,225,.28); border-radius:10px; background:rgba(1,18,30,.45); cursor:pointer; transition:.2s; }.priority-option:hover { border-color:rgba(100,223,253,.75); }.priority-option.selected { border-color:#52dcff; background:rgba(13,127,171,.26); }.priority-option:has(input:disabled):not(.selected) { cursor:not-allowed; opacity:.52; }.checkbox-mark { margin-top:2px; border-radius:5px; }.priority-option.selected .checkbox-mark { border-color:#68e7ff; color:#092838; background:#68e7ff; }.priority-option strong,.priority-option small { display:block; }.priority-option strong { color:#e5faff; font-size: var(--student-fs-body); }.priority-option small { margin-top:4px; color:#86b7c8; font-size: var(--student-fs-caption); }
+.report-guide { margin-top:24px; padding:18px 20px; border-left:3px solid #39d4f8; color:#c5e6f0; background:rgba(8,83,115,.2); line-height:1.85; }.report-guide p,.report-guide ol { margin:0; }.report-guide ol { margin-top:9px; padding-left:23px; }.report-guide li + li { margin-top:6px; }.report-upload-panel { display:grid; min-height:300px; place-content:center; justify-items:center; gap:12px; margin-top:30px; padding:36px; border:1px dashed rgba(83,218,255,.72); border-radius:16px; background:radial-gradient(circle at 50% 22%,rgba(15,149,201,.23),transparent 42%),rgba(1,21,34,.55); text-align:center; }.upload-orbit { display:grid; width:68px; height:68px; place-items:center; border:1px solid rgba(104,225,255,.72); border-radius:22px; color:#74e9ff; background:rgba(9,120,164,.22); font-size:32px; box-shadow:0 0 0 9px rgba(45,193,233,.06); }.report-upload-panel h3 { margin:8px 0 0; color:#f1fcff; font-size:21px; }.report-upload-panel > p { margin:0; color:#8ebfce; }.report-file-card { display:flex; align-items:center; width:min(760px,100%); gap:15px; padding:17px; border:1px solid rgba(93,217,252,.45); border-radius:13px; background:rgba(2,17,29,.7); text-align:left; }.report-file-icon { display:grid; flex:0 0 48px; width:48px; height:48px; place-items:center; border-radius:12px; color:#83e8ff; background:rgba(10,129,176,.28); font-size:25px; }.report-file-meta { min-width:0; flex:1; }.report-file-meta strong,.report-file-meta span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.report-file-meta strong { color:#effdff; }.report-file-meta span { margin-top:5px; color:#83b7c8; font-size: var(--student-fs-caption); }.report-file-actions { display:flex; gap:8px; }.report-file-actions button,.text-action { display:inline-flex; align-items:center; gap:5px; border:0; color:#93eaff; background:transparent; font:inherit; font-size: var(--student-fs-body-sm); cursor:pointer; }.report-file-actions .danger { color:#ffaaa1; }.report-replace { display:flex; align-items:center; gap:13px; color:#85b7c7; font-size: var(--student-fs-caption); }.text-action:disabled { cursor:not-allowed; opacity:.6; }.visually-hidden { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }.report-preview { display:grid; min-height:64vh; place-items:center; background:#0a1520; }.report-preview .el-image { width:100%; height:64vh; }.report-preview iframe { width:100%; height:64vh; border:0; background:#fff; }
 @media (max-width:1280px) { .feasibility-page { grid-template-columns:1fr; }.step-indicator { overflow-x:auto; }.step-tab { min-width:170px; }.market-table { grid-template-columns:1fr; }.market-table label { border-right:0; }.cost-layout { grid-template-columns:1fr; } }
 @media (max-width:720px) { .feasibility-page { padding:10px; }.task-header,.workbench,.step-card { padding:16px; }.task-header h1 { font-size:25px; }.workbench-actions { justify-content:flex-start; flex-wrap:wrap; }.form-table label { grid-template-columns:1fr; }.form-table label > span { justify-content:flex-start; }.step-heading em { display:none; }.step-actions { flex-wrap:wrap; }.decision-grid,.priority-grid { grid-template-columns:1fr; }.decision-section { padding:16px; }.hint { margin-left:0; }.report-upload-panel { padding:22px 14px; }.report-file-card { align-items:flex-start; flex-wrap:wrap; }.report-file-actions { width:100%; justify-content:flex-end; }.report-replace { flex-wrap:wrap; justify-content:center; } }
 </style>
diff --git a/src/views/demand/competitive-environment-analysis.vue b/src/views/demand/competitive-environment-analysis.vue
index d327d39..deae5c3 100644
--- a/src/views/demand/competitive-environment-analysis.vue
+++ b/src/views/demand/competitive-environment-analysis.vue
@@ -100,5 +100,5 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n
 </script>
 
 <style lang="scss" scoped>
-.competitive-analysis-page { display: grid; grid-template-columns: minmax(720px,1fr) 340px; gap: 24px; min-height: calc(100vh - 106px); padding: 24px; color: #e8f7ff; background: #06111d; }.analysis-core { min-width: 0; border: 1px solid rgba(0,180,255,.25); background: rgba(8,18,28,.6); box-shadow: 0 22px 48px rgba(0,0,0,.22); }.task-header { padding: 22px 28px 4px; }.task-badge,.step-title-row p { color: #65dcff; font-weight: 700; }.task-header h1 { margin: 10px 0 0; color: #fff; font-size: 28px; }.analysis-workbench { margin: 24px; padding: 22px; border: 1px solid rgba(33,194,255,.35); border-radius: 20px; background: rgba(1,24,39,.72); }.workbench-head { display: flex; justify-content: flex-end; gap: 12px; }.outline-action,.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; }.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-marker { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #4ed7ff; border-radius: 50%; font-weight: 800; }.step-copy { display: grid; gap: 4px; min-width: 0; }.step-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.step-copy small { color: #5ec9ed; }.step-connector { flex: 0 0 25px; 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-title-row { display: flex; justify-content: space-between; align-items: flex-start; }.step-title-row p { margin: 0; }.step-title-row h2 { margin: 5px 0 0; color: #fff; font-size: 24px; }.step-title-row > span { border: 1px solid #38caff; border-radius: 999px; padding: 7px 12px; color: #9aeaff; }.step-desc { margin: 24px 0; color: #c5e4ef; font-size: 16px; line-height: 1.8; }.research-guide { margin: 22px 0 18px; padding: 16px 18px; border-left: 3px solid #35cfff; color: #c5e4ef; background: rgba(13,95,129,.16); line-height: 1.8; }.research-guide p { margin: 0 0 8px; }.research-guide ol { margin: 0 0 8px; padding-left: 24px; }.research-guide li + li { margin-top: 6px; }.step-warning { margin: 12px 0; color: #ffd58e; }.swot-table-wrap,.strategy-table-wrap,.priority-table-wrap { overflow-x: auto; }.swot-table { width: 100%; min-width: 720px; border-collapse: collapse; }.swot-table th,.swot-table td,.strategy-table th,.strategy-table td,.priority-table th,.priority-table td { border: 1px solid rgba(139,213,241,.45); }.swot-table th,.strategy-table th,.priority-table th { padding: 14px; color: #fff; background: #079ed9; font-size: 16px; }.swot-table th:first-child,.swot-table td:first-child { width: 8%; text-align: center; }.swot-table th:nth-child(2),.dimension-cell { width: 18%; text-align: center; font-weight: 700; }.swot-table textarea,.strategy-table textarea,.priority-table textarea,.risk-grid textarea,.conclusion-textarea { box-sizing: border-box; display: block; width: 100%; min-height: 136px; resize: vertical; border: 0; padding: 16px; color: #e9faff; background: transparent; font: inherit; line-height: 1.7; }.swot-table textarea:focus,.strategy-table textarea:focus,.priority-table textarea:focus,.risk-grid textarea:focus,.conclusion-textarea:focus { outline: 2px solid rgba(57,207,255,.4); outline-offset: -2px; }.swot-table textarea:disabled,.strategy-table textarea:disabled,.priority-table textarea:disabled,.risk-grid textarea:disabled,.conclusion-textarea:disabled { cursor: not-allowed; color: #8aa8b5; background: rgba(255,255,255,.03); }.strategy-table { width: 100%; min-width: 980px; border-collapse: collapse; }.strategy-table th:first-child,.strategy-table .strategy-type { width: 18%; text-align: center; font-weight: 700; }.strategy-table th:nth-child(2) { width: 28%; }.strategy-table .logic-cell { padding: 12px 14px; color: #cdebf5; line-height: 1.7; }.strategy-table .logic-cell p { margin: 0 0 10px; }.strategy-table .logic-cell p:last-child { margin-bottom: 0; }.strategy-table .logic-cell strong { color: #68dcff; font-size: 13px; }.decision-section { margin-top: 30px; padding: 20px; border: 1px solid rgba(66,203,252,.24); border-radius: 14px; background: linear-gradient(130deg,rgba(10,55,79,.32),rgba(2,20,34,.24)); }.decision-section h3 { margin: 0; color: #fff; font-size: 18px; }.decision-section > p { margin: 12px 0 16px; color: #c5e4ef; line-height: 1.7; }.section-tip { color: #82dcfa !important; }.radio-options { display: flex; flex-wrap: wrap; gap: 14px 30px; }.radio-options label { display: inline-flex; align-items: center; gap: 8px; color: #dff6ff; cursor: pointer; }.radio-options input { width: 17px; height: 17px; accent-color: #16bcf0; }.priority-table { width: 100%; min-width: 820px; border-collapse: collapse; }.priority-table th:first-child,.priority-table td:first-child { width: 16%; text-align: center; }.priority-table th:nth-child(2) { width: 42%; }.priority-table select { min-width: 90px; border: 1px solid rgba(102,218,255,.55); border-radius: 6px; padding: 8px 10px; color: #e9faff; background: #09293c; font: inherit; }.priority-strategy { padding: 14px 16px; color: #d9f2fb; line-height: 1.65; }.priority-strategy strong { color: #69dcff; }.priority-strategy p { margin: 7px 0 0; white-space: pre-line; }.priority-table textarea { min-height: 112px; }.risk-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }.risk-grid label { display: grid; gap: 10px; color: #e7f8ff; font-weight: 700; }.risk-grid textarea { min-height: 154px; border: 1px solid rgba(139,213,241,.45); background: rgba(0,0,0,.08); }.conclusion-textarea { min-height: 190px; border: 1px solid rgba(139,213,241,.45); background: rgba(0,0,0,.08); }.task-actions { display: flex; justify-content: center; gap: 12px; margin-top: 26px; }.btn-primary { border-color: #36d9ff; background: linear-gradient(110deg,#0eaae4,#0572ac); font-weight: 700; }.btn:disabled { cursor: not-allowed; opacity: .6; }.step-placeholder { padding: 90px 20px; text-align: center; color: #a8cfdd; }.step-placeholder p { color: #fff; font-size: 20px; } @media (max-width:1280px) { .competitive-analysis-page { grid-template-columns: 1fr; }.step-indicator { overflow-x: auto; }.step-tab { min-width: 190px; } } @media (max-width:720px) { .competitive-analysis-page { padding: 12px; }.analysis-workbench { margin: 12px; padding: 14px; }.task-header { padding: 18px; }.workbench-head { justify-content: flex-start; flex-wrap: wrap; }.step-title-row > span { display: none; }.risk-grid { grid-template-columns: 1fr; } }
+.competitive-analysis-page { display: grid; grid-template-columns: minmax(720px,1fr) 340px; gap: 24px; min-height: calc(100vh - 106px); padding: 24px; color: #e8f7ff; background: #06111d; }.analysis-core { min-width: 0; border: 1px solid rgba(0,180,255,.25); background: rgba(8,18,28,.6); box-shadow: 0 22px 48px rgba(0,0,0,.22); }.task-header { padding: 22px 28px 4px; }.task-badge,.step-title-row p { color: #65dcff; font-weight: 700; }.task-header h1 { margin: 10px 0 0; color: #fff; font-size: 28px; }.analysis-workbench { margin: 24px; padding: 22px; border: 1px solid rgba(33,194,255,.35); border-radius: 20px; background: rgba(1,24,39,.72); }.workbench-head { display: flex; justify-content: flex-end; gap: 12px; }.outline-action,.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; }.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-marker { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #4ed7ff; border-radius: 50%; font-weight: 800; }.step-copy { display: grid; gap: 4px; min-width: 0; }.step-copy strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.step-copy small { color: #5ec9ed; }.step-connector { flex: 0 0 25px; 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-title-row { display: flex; justify-content: space-between; align-items: flex-start; }.step-title-row p { margin: 0; }.step-title-row h2 { margin: 5px 0 0; color: #fff; font-size: var(--student-fs-h1); }.step-title-row > span { border: 1px solid #38caff; border-radius: 999px; padding: 7px 12px; color: #9aeaff; }.step-desc { margin: 24px 0; color: #c5e4ef; font-size: var(--student-fs-h2); line-height: 1.8; }.research-guide { margin: 22px 0 18px; padding: 16px 18px; border-left: 3px solid #35cfff; color: #c5e4ef; background: rgba(13,95,129,.16); line-height: 1.8; }.research-guide p { margin: 0 0 8px; }.research-guide ol { margin: 0 0 8px; padding-left: 24px; }.research-guide li + li { margin-top: 6px; }.step-warning { margin: 12px 0; color: #ffd58e; }.swot-table-wrap,.strategy-table-wrap,.priority-table-wrap { overflow-x: auto; }.swot-table { width: 100%; min-width: 720px; border-collapse: collapse; }.swot-table th,.swot-table td,.strategy-table th,.strategy-table td,.priority-table th,.priority-table td { border: 1px solid rgba(139,213,241,.45); }.swot-table th,.strategy-table th,.priority-table th { padding: 14px; color: #fff; background: #079ed9; font-size: var(--student-fs-h2); }.swot-table th:first-child,.swot-table td:first-child { width: 8%; text-align: center; }.swot-table th:nth-child(2),.dimension-cell { width: 18%; text-align: center; font-weight: 700; }.swot-table textarea,.strategy-table textarea,.priority-table textarea,.risk-grid textarea,.conclusion-textarea { box-sizing: border-box; display: block; width: 100%; min-height: 136px; resize: vertical; border: 0; padding: 16px; color: #e9faff; background: transparent; font: inherit; line-height: 1.7; }.swot-table textarea:focus,.strategy-table textarea:focus,.priority-table textarea:focus,.risk-grid textarea:focus,.conclusion-textarea:focus { outline: 2px solid rgba(57,207,255,.4); outline-offset: -2px; }.swot-table textarea:disabled,.strategy-table textarea:disabled,.priority-table textarea:disabled,.risk-grid textarea:disabled,.conclusion-textarea:disabled { cursor: not-allowed; color: #8aa8b5; background: rgba(255,255,255,.03); }.strategy-table { width: 100%; min-width: 980px; border-collapse: collapse; }.strategy-table th:first-child,.strategy-table .strategy-type { width: 18%; text-align: center; font-weight: 700; }.strategy-table th:nth-child(2) { width: 28%; }.strategy-table .logic-cell { padding: 12px 14px; color: #cdebf5; line-height: 1.7; }.strategy-table .logic-cell p { margin: 0 0 10px; }.strategy-table .logic-cell p:last-child { margin-bottom: 0; }.strategy-table .logic-cell strong { color: #68dcff; font-size: var(--student-fs-body-sm); }.decision-section { margin-top: 30px; padding: 20px; border: 1px solid rgba(66,203,252,.24); border-radius: 14px; background: linear-gradient(130deg,rgba(10,55,79,.32),rgba(2,20,34,.24)); }.decision-section h3 { margin: 0; color: #fff; font-size: var(--student-fs-h1); }.decision-section > p { margin: 12px 0 16px; color: #c5e4ef; line-height: 1.7; }.section-tip { color: #82dcfa !important; }.radio-options { display: flex; flex-wrap: wrap; gap: 14px 30px; }.radio-options label { display: inline-flex; align-items: center; gap: 8px; color: #dff6ff; cursor: pointer; }.radio-options input { width: 17px; height: 17px; accent-color: #16bcf0; }.priority-table { width: 100%; min-width: 820px; border-collapse: collapse; }.priority-table th:first-child,.priority-table td:first-child { width: 16%; text-align: center; }.priority-table th:nth-child(2) { width: 42%; }.priority-table select { min-width: 90px; border: 1px solid rgba(102,218,255,.55); border-radius: 6px; padding: 8px 10px; color: #e9faff; background: #09293c; font: inherit; }.priority-strategy { padding: 14px 16px; color: #d9f2fb; line-height: 1.65; }.priority-strategy strong { color: #69dcff; }.priority-strategy p { margin: 7px 0 0; white-space: pre-line; }.priority-table textarea { min-height: 112px; }.risk-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }.risk-grid label { display: grid; gap: 10px; color: #e7f8ff; font-weight: 700; }.risk-grid textarea { min-height: 154px; border: 1px solid rgba(139,213,241,.45); background: rgba(0,0,0,.08); }.conclusion-textarea { min-height: 190px; border: 1px solid rgba(139,213,241,.45); background: rgba(0,0,0,.08); }.task-actions { display: flex; justify-content: center; gap: 12px; margin-top: 26px; }.btn-primary { border-color: #36d9ff; background: linear-gradient(110deg,#0eaae4,#0572ac); font-weight: 700; }.btn:disabled { cursor: not-allowed; opacity: .6; }.step-placeholder { padding: 90px 20px; text-align: center; color: #a8cfdd; }.step-placeholder p { color: #fff; font-size: var(--student-fs-display); } @media (max-width:1280px) { .competitive-analysis-page { grid-template-columns: 1fr; }.step-indicator { overflow-x: auto; }.step-tab { min-width: 190px; } } @media (max-width:720px) { .competitive-analysis-page { padding: 12px; }.analysis-workbench { margin: 12px; padding: 14px; }.task-header { padding: 18px; }.workbench-head { justify-content: flex-start; flex-wrap: wrap; }.step-title-row > span { display: none; }.risk-grid { grid-template-columns: 1fr; } }
 </style>
diff --git a/src/views/demand/consumer-behavior.vue b/src/views/demand/consumer-behavior.vue
index 98c3a99..e99e164 100644
--- a/src/views/demand/consumer-behavior.vue
+++ b/src/views/demand/consumer-behavior.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="consumer-behavior-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -932,14 +932,14 @@ function downloadSurveyReportTemplate() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
 .task-title {
   margin: 0;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -958,7 +958,7 @@ function downloadSurveyReportTemplate() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -977,7 +977,7 @@ function downloadSurveyReportTemplate() {
   align-items: center;
   gap: 8px;
   color: #eafaff;
-  font-size: 18px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
 }
 
@@ -1002,7 +1002,7 @@ function downloadSurveyReportTemplate() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -1010,7 +1010,7 @@ function downloadSurveyReportTemplate() {
 .workbench-head h3 {
   margin: 4px 0 8px;
   color: #ffffff;
-  font-size: 26px;
+  font-size: var(--student-fs-h1);
   font-weight: 800;
   line-height: 1.3;
 }
@@ -1027,7 +1027,7 @@ function downloadSurveyReportTemplate() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1042,7 +1042,7 @@ function downloadSurveyReportTemplate() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover {
@@ -1083,7 +1083,7 @@ function downloadSurveyReportTemplate() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: left;
   cursor: pointer;
@@ -1139,7 +1139,7 @@ function downloadSurveyReportTemplate() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -1156,7 +1156,7 @@ function downloadSurveyReportTemplate() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -1166,7 +1166,7 @@ function downloadSurveyReportTemplate() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -1221,7 +1221,7 @@ function downloadSurveyReportTemplate() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -1241,14 +1241,14 @@ function downloadSurveyReportTemplate() {
 .panel-title h4 {
   margin: 8px 0 0;
   color: #f8fcff;
-  font-size: 26px;
+  font-size: var(--student-fs-h1);
   line-height: 1.2;
 }
 
 .task-desc {
   margin: 14px 0 18px;
   color: #c7d8e6;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -1271,7 +1271,7 @@ function downloadSurveyReportTemplate() {
 .hypothesis-desc {
   margin: 0;
   color: #d9eaf4;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 600;
 }
 
@@ -1292,7 +1292,7 @@ function downloadSurveyReportTemplate() {
   border-radius: 10px;
   color: #ffffff;
   background: linear-gradient(95deg, #0b84bd, #096491);
-  font-size: 15px;
+  font-size: var(--student-fs-button-lg);
   font-weight: 800;
 }
 
@@ -1333,7 +1333,7 @@ function downloadSurveyReportTemplate() {
   th {
     color: #ecfbff;
     background: linear-gradient(100deg, #158fc4, #08739f);
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: 800;
   }
 
@@ -1355,7 +1355,7 @@ function downloadSurveyReportTemplate() {
   color: #eaf7ff;
   background: rgba(7, 29, 43, 0.92);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
 
   &::placeholder { color: #8da5b2; opacity: 1; }
@@ -1381,7 +1381,7 @@ function downloadSurveyReportTemplate() {
 .hypothesis-tip {
   margin: 12px 0 0;
   color: #75dff7;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 }
 
 .kano-head {
@@ -1396,7 +1396,7 @@ function downloadSurveyReportTemplate() {
   max-width: 780px;
   margin: 0;
   color: #d9eaf4;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 600;
 }
 
@@ -1424,7 +1424,7 @@ function downloadSurveyReportTemplate() {
   th {
     color: #ecfbff;
     background: linear-gradient(100deg, #158fc4, #08739f);
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: 800;
   }
 
@@ -1481,7 +1481,7 @@ function downloadSurveyReportTemplate() {
   max-width: 820px;
   margin: 0;
   color: #d9eaf4;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 600;
 }
 
@@ -1493,7 +1493,7 @@ function downloadSurveyReportTemplate() {
   border-radius: 10px;
   color: #ffffff;
   background: linear-gradient(95deg, #0b84bd, #096491);
-  font-size: 15px;
+  font-size: var(--student-fs-button-lg);
   font-weight: 800;
 }
 
@@ -1568,7 +1568,7 @@ function downloadSurveyReportTemplate() {
 .questionnaire-editor-summary {
   margin: 13px 0 0;
   color: #72deff;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 }
 
 :deep(.questionnaire-editor-dialog .el-dialog),
@@ -1634,7 +1634,7 @@ function downloadSurveyReportTemplate() {
   border: 1px solid rgba(80, 222, 255, 0.45);
   border-radius: 50%;
   color: #74e5ff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
 }
 
@@ -1659,7 +1659,7 @@ function downloadSurveyReportTemplate() {
   grid-column: 1 / -1;
   margin: 0;
   color: #7ce0f8;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
 }
 
 .questionnaire-question-card__remove {
@@ -1718,7 +1718,7 @@ function downloadSurveyReportTemplate() {
     padding: 14px 18px;
     color: #e9fbff;
     background: rgba(9, 111, 157, 0.68);
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     letter-spacing: 0.04em;
   }
 
@@ -1782,7 +1782,7 @@ function downloadSurveyReportTemplate() {
 
   h5 {
     color: #ffffff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
   }
 }
 
@@ -1829,7 +1829,7 @@ function downloadSurveyReportTemplate() {
 .questionnaire-textarea :deep(h4) {
   margin: 0 0 26px;
   color: #f4fbff;
-  font-size: 18px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
 }
 
@@ -1841,7 +1841,7 @@ function downloadSurveyReportTemplate() {
   display: inline-block;
   margin-top: 16px;
   color: #f4fbff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
 }
 
 .questionnaire-textarea :deep(table) {
@@ -1850,7 +1850,7 @@ function downloadSurveyReportTemplate() {
   border-collapse: collapse;
   color: #e7f5ff;
   background: rgba(1, 14, 26, 0.72);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   table-layout: fixed;
 }
 
@@ -1884,7 +1884,7 @@ function downloadSurveyReportTemplate() {
   display: block;
   margin-bottom: 10px;
   color: #f1f8ff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
 }
 
@@ -1898,7 +1898,7 @@ function downloadSurveyReportTemplate() {
   resize: vertical;
   color: #eef5ff;
   background: #0f1a24;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
   transition: box-shadow 0.16s ease, border-color 0.16s ease;
 }
@@ -1946,7 +1946,7 @@ function downloadSurveyReportTemplate() {
   border-radius: 999px;
   color: #9fe8ff;
   background: rgba(1, 14, 26, 0.72);
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 700;
 
   span {
@@ -1967,7 +1967,7 @@ function downloadSurveyReportTemplate() {
   word-break: break-word;
   color: #d7ecff;
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.78;
 }
 
@@ -1978,13 +1978,13 @@ function downloadSurveyReportTemplate() {
 .visual-group h5 {
   margin: 0 0 12px;
   color: #f1f8ff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
 }
 
 .analysis-heading {
   margin: 28px 0 16px;
   color: #f1f8ff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
   line-height: 1.8;
 }
@@ -2004,7 +2004,7 @@ function downloadSurveyReportTemplate() {
   display: block;
   margin-bottom: 8px;
   color: #f1f8ff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
 }
 
@@ -2020,7 +2020,7 @@ function downloadSurveyReportTemplate() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
   box-sizing: border-box;
 }
@@ -2083,7 +2083,7 @@ function downloadSurveyReportTemplate() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
@@ -2120,7 +2120,7 @@ function downloadSurveyReportTemplate() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
diff --git a/src/views/demand/consumer-scenario.vue b/src/views/demand/consumer-scenario.vue
index 7fe7541..cbf5b08 100644
--- a/src/views/demand/consumer-scenario.vue
+++ b/src/views/demand/consumer-scenario.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="consumer-scenario-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -944,14 +944,14 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
 .task-title {
   margin: 0;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -970,7 +970,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -989,7 +989,7 @@ function exportOutcome() {
   align-items: center;
   gap: 8px;
   color: #eafaff;
-  font-size: 18px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
 }
 
@@ -1014,7 +1014,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -1022,7 +1022,7 @@ function exportOutcome() {
 .workbench-head h3 {
   margin: 4px 0 8px;
   color: #ffffff;
-  font-size: 26px;
+  font-size: var(--student-fs-h1);
   font-weight: 800;
   line-height: 1.3;
 }
@@ -1039,7 +1039,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1054,7 +1054,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover {
@@ -1095,7 +1095,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: left;
   cursor: pointer;
@@ -1156,7 +1156,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -1173,7 +1173,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -1183,7 +1183,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -1237,7 +1237,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -1256,7 +1256,7 @@ function exportOutcome() {
 .journey-head h4 {
   margin: 0;
   color: #ffffff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
 }
 
@@ -1282,14 +1282,14 @@ function exportOutcome() {
     max-width: 700px;
     margin: 0;
     color: #b9d8e9;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.75;
   }
 }
 
 .journey-sort-kicker {
   color: #69e3ff !important;
-  font-size: 12px !important;
+  font-size: var(--student-fs-caption) !important;
   font-weight: 900;
   letter-spacing: 0.08em;
   text-transform: uppercase;
@@ -1305,7 +1305,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #078ac2, #07558a);
   box-shadow: 0 8px 20px rgba(0, 145, 203, 0.2);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
   cursor: pointer;
 
@@ -1357,7 +1357,7 @@ function exportOutcome() {
 
 .journey-card-order {
   color: #78e9ff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.08em;
 }
@@ -1373,13 +1373,13 @@ function exportOutcome() {
   strong {
     margin-bottom: 8px;
     color: #ffffff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.45;
   }
 
   span {
     color: #b6d9e9;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     line-height: 1.65;
   }
 }
@@ -1417,7 +1417,7 @@ function exportOutcome() {
 .journey-sort-arrow {
   justify-self: center;
   color: #42cfff;
-  font-size: 20px;
+  font-size: var(--student-fs-display);
   font-weight: 900;
 }
 
@@ -1428,7 +1428,7 @@ function exportOutcome() {
   border-radius: 10px;
   color: #ffd2c7;
   background: rgba(127, 45, 30, 0.25);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 700;
 
   &.success {
@@ -1454,7 +1454,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #c3dfec;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -1481,7 +1481,7 @@ function exportOutcome() {
     padding: 13px 10px;
     color: #effcff;
     background: linear-gradient(90deg, rgba(8, 128, 178, 0.94), rgba(5, 94, 143, 0.9));
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -1513,7 +1513,7 @@ function exportOutcome() {
     color: #eaf9ff;
     background: transparent;
     font: inherit;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.65;
     outline: none;
     box-sizing: border-box;
@@ -1566,7 +1566,7 @@ function exportOutcome() {
 
   span {
     color: #51d8ff;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     font-weight: 900;
     letter-spacing: 0.08em;
     text-transform: uppercase;
@@ -1575,13 +1575,13 @@ function exportOutcome() {
   h4 {
     margin: 6px 0 8px;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
   }
 
   p {
     margin: 0;
     color: #bed8e6;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -1604,13 +1604,13 @@ function exportOutcome() {
   background: radial-gradient(circle at 50% 32%, rgba(13, 119, 171, 0.22), rgba(2, 18, 31, 0.52) 62%);
 
   strong {
-    font-size: 18px;
+    font-size: var(--student-fs-h1);
   }
 
   p {
     margin: 0 0 8px;
     color: #9abac9;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
   }
 }
 
@@ -1646,7 +1646,7 @@ function exportOutcome() {
   align-items: center;
   gap: 8px;
   color: #cbf5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
 
   span {
     overflow: hidden;
@@ -1677,13 +1677,13 @@ function exportOutcome() {
   h5,
   p {
     margin: 0;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.8;
   }
 
   h5 {
     color: #e5faff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
   }
 
   .journey-map-prompt {
@@ -1705,7 +1705,7 @@ function exportOutcome() {
 
   span {
     color: #51d8ff;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     font-weight: 900;
     letter-spacing: 0.08em;
   }
@@ -1719,7 +1719,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #c4dfe9;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -1746,7 +1746,7 @@ function exportOutcome() {
     padding: 14px 12px;
     color: #f0fcff;
     background: linear-gradient(90deg, rgba(8, 128, 178, 0.94), rgba(5, 94, 143, 0.9));
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -1759,7 +1759,7 @@ function exportOutcome() {
     padding: 18px 14px;
     color: #a6ecff;
     background: rgba(3, 36, 55, 0.58);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
     text-align: center;
   }
@@ -1780,7 +1780,7 @@ function exportOutcome() {
     color: #ebfaff;
     background: transparent;
     font: inherit;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.65;
     box-sizing: border-box;
 
@@ -1815,7 +1815,7 @@ function exportOutcome() {
   border-radius: 14px;
   color: #dff8ff;
   background: rgba(1, 14, 26, 0.72);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: center;
 }
@@ -1850,7 +1850,7 @@ function exportOutcome() {
 .requirement {
   margin: 20px 0 16px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1867,7 +1867,7 @@ function exportOutcome() {
   gap: 12px;
   align-items: center;
   color: #d7ecff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
 }
 
@@ -1945,7 +1945,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.6;
   box-sizing: border-box;
 }
@@ -1986,7 +1986,7 @@ function exportOutcome() {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
   cursor: pointer;
 
@@ -2011,7 +2011,7 @@ function exportOutcome() {
 .reference-title {
   margin-bottom: 14px;
   color: #dff5ff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -2052,7 +2052,7 @@ function exportOutcome() {
   min-height: 58px;
   padding: 10px;
   color: #d7ecff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   line-height: 1.55;
 }
 
@@ -2078,7 +2078,7 @@ function exportOutcome() {
   position: relative;
   min-width: 82px;
   color: #d9f1ff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   text-align: center;
 }
 
@@ -2120,13 +2120,13 @@ function exportOutcome() {
   display: grid;
   gap: 2px;
   color: #f5fbff;
-  font-size: 18px;
+  font-size: var(--student-fs-h1);
   text-align: center;
 }
 
 .emotion-points small {
   color: #d7ecff;
-  font-size: 11px;
+  font-size: var(--student-fs-caption);
 }
 
 .training-actions {
@@ -2146,7 +2146,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
diff --git a/src/views/demand/environment.vue b/src/views/demand/environment.vue
index e73096b..7cd50b2 100644
--- a/src/views/demand/environment.vue
+++ b/src/views/demand/environment.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="competitive-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -423,7 +423,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -433,7 +433,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -452,7 +452,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -491,7 +491,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px;
+    font-size: var(--student-fs-h1);
     font-weight: 800;
     line-height: 1.3;
   }
@@ -509,7 +509,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -517,7 +517,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -532,7 +532,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover:not(.is-disabled) {
@@ -572,7 +572,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   text-align: left;
@@ -633,7 +633,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -650,7 +650,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -660,7 +660,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -711,7 +711,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
   }
 }
@@ -725,7 +725,7 @@ function exportOutcome() {
   h4 {
     margin: 0 0 12px;
     color: #dff5ff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
@@ -737,7 +737,7 @@ function exportOutcome() {
   li {
     margin-bottom: 8px;
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.72;
   }
 }
@@ -745,7 +745,7 @@ function exportOutcome() {
 .task-desc {
   margin: 22px 0 18px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -768,7 +768,7 @@ function exportOutcome() {
   min-height: 22px;
   margin-bottom: 12px;
   color: #ffffff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -780,7 +780,7 @@ function exportOutcome() {
   resize: vertical;
   color: #eef5ff;
   background: #0f1a24;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
   transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
 
@@ -810,7 +810,7 @@ function exportOutcome() {
     display: block;
     margin-bottom: 10px;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -828,7 +828,7 @@ function exportOutcome() {
 .competitor-title {
   margin: 0 0 12px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -893,7 +893,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -933,7 +933,7 @@ function exportOutcome() {
   min-height: 40px;
   padding: 0 18px;
   border-radius: 999px;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
diff --git a/src/views/demand/feature-conversion.vue b/src/views/demand/feature-conversion.vue
index 5013d93..bd0bdf6 100644
--- a/src/views/demand/feature-conversion.vue
+++ b/src/views/demand/feature-conversion.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="feature-conversion-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -719,14 +719,14 @@ function exportOutcome() {
   border-radius: 999px;
   color: #d9f7ff;
   background: rgba(14, 98, 139, 0.48);
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
 }
 
 .task-title {
   margin: 16px 0 0;
   color: #f5fbff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.2;
   letter-spacing: 0;
 }
@@ -741,7 +741,7 @@ function exportOutcome() {
 .goal-bg {
   padding: 22px;
   color: #c9ddec;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
   white-space: pre-line;
 }
@@ -756,7 +756,7 @@ function exportOutcome() {
   align-items: center;
   gap: 8px;
   color: #eafaff;
-  font-size: 18px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
 }
 
@@ -780,7 +780,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0 0 6px;
   color: #67e6ff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   text-transform: uppercase;
 }
@@ -788,7 +788,7 @@ function exportOutcome() {
 .workbench-head h3 {
   margin: 0;
   color: #f5fbff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
 }
 
 .ghost-action {
@@ -804,7 +804,7 @@ function exportOutcome() {
   gap: 12px;
   margin-bottom: 34px;
   color: #e7f7ff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
 }
 
@@ -815,7 +815,7 @@ function exportOutcome() {
   border-radius: 2px;
   color: #f5fbff;
   background: rgba(6, 22, 34, 0.86);
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   outline: none;
 }
 
@@ -854,20 +854,20 @@ function exportOutcome() {
 
 .conversion-content {
   color: #d5e6f0;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   line-height: 1.75;
 }
 
 .conversion-content h4 {
   margin: 0 0 14px;
   color: #f5fbff;
-  font-size: 20px;
+  font-size: var(--student-fs-display);
 }
 
 .conversion-content h5 {
   margin: 16px 0 8px;
   color: #eef9ff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
 }
 
 .conversion-content p {
@@ -888,7 +888,7 @@ function exportOutcome() {
   > p {
     max-width: 840px;
     color: #c6dee9;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.85;
   }
 }
@@ -956,7 +956,7 @@ function exportOutcome() {
   height: 46px;
   color: #f2fbff;
   background: rgba(14, 76, 107, 0.72);
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
 }
 
@@ -983,7 +983,7 @@ function exportOutcome() {
   color: #f4fbff;
   background: transparent;
   font-family: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.55;
   box-sizing: border-box;
 }
@@ -995,7 +995,7 @@ function exportOutcome() {
 .conversion-limit-tip {
   margin: 12px 0 0 !important;
   color: #ff958a;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
 }
 
@@ -1010,11 +1010,11 @@ function exportOutcome() {
   h5 {
     margin: 0 0 4px;
     color: #e8f9ff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
   }
 
   p {
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.8;
   }
 }
@@ -1022,7 +1022,7 @@ function exportOutcome() {
 .conversion-validation-message {
   margin: 14px 0 0 !important;
   color: #ffbbb0;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
 }
 
@@ -1058,7 +1058,7 @@ function exportOutcome() {
   padding: 6px 10px;
   color: #f2fbff;
   background: rgba(14, 76, 107, 0.72);
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
   text-align: center;
 }
@@ -1068,7 +1068,7 @@ function exportOutcome() {
   padding: 8px 10px;
   color: #d8e8f1;
   background: rgba(3, 18, 29, 0.38);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.5;
   text-align: center;
   word-break: break-word;
@@ -1100,7 +1100,7 @@ function exportOutcome() {
   color: #f4fbff;
   background: transparent;
   font-family: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.5;
   box-sizing: border-box;
 }
@@ -1112,7 +1112,7 @@ function exportOutcome() {
 .decision-intro {
   margin-bottom: 18px !important;
   color: #d8e8f1;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
 }
 
 .decision-field {
@@ -1140,7 +1140,7 @@ function exportOutcome() {
   color: #f4fbff;
   background: rgba(3, 18, 29, 0.38);
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
   box-sizing: border-box;
 }
@@ -1167,7 +1167,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -1262,7 +1262,7 @@ function exportOutcome() {
   border-color: rgba(99, 217, 255, 0.55);
   color: #dff5ff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
   line-height: 1.4;
 }
@@ -1270,7 +1270,7 @@ function exportOutcome() {
 .task-title {
   margin-top: 12px;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   font-weight: 900;
   line-height: 1.3;
 }
@@ -1298,7 +1298,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
   letter-spacing: 0.02em;
@@ -1307,7 +1307,7 @@ function exportOutcome() {
 .workbench-head h3 {
   margin: 4px 0 8px;
   color: #ffffff;
-  font-size: 26px;
+  font-size: var(--student-fs-h1);
   font-weight: 800;
   line-height: 1.3;
 }
@@ -1316,7 +1316,7 @@ function exportOutcome() {
   max-width: 760px;
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1343,7 +1343,7 @@ function exportOutcome() {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
   cursor: pointer;
   transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
@@ -1389,7 +1389,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   text-align: left;
@@ -1432,7 +1432,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -1449,7 +1449,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -1459,7 +1459,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -1535,21 +1535,21 @@ function exportOutcome() {
 .step-title-row h3 {
   margin: 4px 0 0;
   color: #ffffff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
   line-height: 1.3;
 }
 
 .conversion-content {
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
 .conversion-content h4 {
   margin: 0 0 14px;
   color: #ffffff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
   line-height: 1.3;
 }
@@ -1569,7 +1569,7 @@ function exportOutcome() {
   display: block;
   margin: 0 0 16px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -1582,7 +1582,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
 }
 
@@ -1619,7 +1619,7 @@ function exportOutcome() {
 .feedback-grid li {
   margin-bottom: 8px;
   color: #d7ecff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.72;
 }
 
@@ -1648,7 +1648,7 @@ function exportOutcome() {
   padding: 12px;
   color: #eaffff;
   background: rgba(8, 55, 82, 0.98);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
 }
 
@@ -1671,7 +1671,7 @@ function exportOutcome() {
 
 .priority-template-table td {
   color: #d7f1ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
 }
 
@@ -1682,7 +1682,7 @@ function exportOutcome() {
 .decision-field span {
   margin-bottom: 8px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -1714,7 +1714,7 @@ function exportOutcome() {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
   cursor: pointer;
 }
@@ -1745,7 +1745,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #c7dfe9;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.85;
   }
 
@@ -1793,7 +1793,7 @@ function exportOutcome() {
     color: #eefbff;
     background: rgba(6, 38, 58, 0.78);
     font: inherit;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     box-sizing: border-box;
 
     &:focus {
@@ -1814,7 +1814,7 @@ function exportOutcome() {
       top: 50%;
       right: 9px;
       color: #94bece;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       transform: translateY(-50%);
       pointer-events: none;
     }
@@ -1822,7 +1822,7 @@ function exportOutcome() {
 
   .rice-score-cell {
     color: #64e1ff;
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     background: rgba(9, 94, 137, 0.28);
   }
@@ -1845,7 +1845,7 @@ function exportOutcome() {
     padding: 12px;
     color: #f4fcff;
     background: linear-gradient(100deg, #0787bd, #075276);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
@@ -1890,7 +1890,7 @@ function exportOutcome() {
     color: #eef5ff;
     background: rgba(4, 24, 38, 0.72);
     font: inherit;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.55;
     resize: vertical;
     box-sizing: border-box;
@@ -1914,7 +1914,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #bfd9e5;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.65;
   }
 
@@ -1929,7 +1929,7 @@ function exportOutcome() {
 .rice-formula {
   margin: 12px 0 0 !important;
   color: #ff9a8d;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
 }
 
diff --git a/src/views/demand/index.vue b/src/views/demand/index.vue
index b7858de..39752ec 100644
--- a/src/views/demand/index.vue
+++ b/src/views/demand/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="industry-demand-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -436,7 +436,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -446,7 +446,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -465,7 +465,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -504,7 +504,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px;
+    font-size: var(--student-fs-h1);
     font-weight: 800;
     line-height: 1.3;
   }
@@ -522,7 +522,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -530,7 +530,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -545,7 +545,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover:not(.is-disabled) {
@@ -586,7 +586,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   text-align: left;
@@ -647,7 +647,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -664,7 +664,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -674,7 +674,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -726,7 +726,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
   }
 }
@@ -740,14 +740,14 @@ function exportOutcome() {
   h4 {
     margin: 0 0 12px;
     color: #dff5ff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
   p {
     margin: 0 0 8px;
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.72;
   }
 
@@ -759,7 +759,7 @@ function exportOutcome() {
 .task-desc {
   margin: 22px 0 18px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -782,7 +782,7 @@ function exportOutcome() {
   min-height: 22px;
   margin-bottom: 12px;
   color: #ffffff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -795,7 +795,7 @@ function exportOutcome() {
   resize: vertical;
   color: #eef5ff;
   background: #0f1a24;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
   transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
 
@@ -825,7 +825,7 @@ function exportOutcome() {
     display: block;
     margin-bottom: 10px;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -843,7 +843,7 @@ function exportOutcome() {
 .comparison-title {
   margin: 0 0 12px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -916,7 +916,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -956,7 +956,7 @@ function exportOutcome() {
   min-height: 40px;
   padding: 0 18px;
   border-radius: 999px;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
diff --git a/src/views/demand/industry-demand-analysis.vue b/src/views/demand/industry-demand-analysis.vue
index 934df1b..b1d29ec 100644
--- a/src/views/demand/industry-demand-analysis.vue
+++ b/src/views/demand/industry-demand-analysis.vue
@@ -182,5 +182,5 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildDraft(), n
 
 <style lang="scss" scoped>
 .industry-pest-page { display: grid; grid-template-columns: minmax(720px, 1fr) 340px; gap: 24px; min-height: calc(100vh - 106px); padding: 24px; color: #e8f7ff; background: #06111d; }
-.industry-core { min-width: 0; border: 1px solid rgba(0,180,255,.25); background: rgba(8,18,28,.6); box-shadow: 0 22px 48px rgba(0,0,0,.22); }.task-header { padding: 22px 28px 4px; }.task-badge,.section-eyebrow { color: #65dcff; font-weight: 700; }.task-title { margin: 10px 0 0; color: #fff; font-size: 28px; }.industry-workbench { margin: 24px; padding: 22px; border: 1px solid rgba(33,194,255,.35); border-radius: 20px; background: rgba(1,24,39,.72); }.workbench-head { display: flex; justify-content: flex-end; gap: 12px; }.outline-action,.btn-nav { 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; }.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-marker { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #4ed7ff; border-radius: 50%; font-weight: 800; }.step-copy { display: grid; min-width: 0; gap: 4px; }.step-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.step-action { color: #5ec9ed; font-size: 12px; }.step-connector { flex: 0 0 25px; height: 2px; background: rgba(83,204,255,.4); }.industry-step-card { padding: 24px; border: 1px solid rgba(31,185,249,.32); border-radius: 18px; background: rgba(1,21,34,.65); }.step-title-row { display: flex; justify-content: space-between; align-items: flex-start; }.step-title-row h3 { margin: 5px 0 0; color: #fff; font-size: 24px; }.step-chip { border: 1px solid #38caff; border-radius: 999px; padding: 7px 12px; color: #9aeaff; }.step-desc,.research-guide { color: #c5e4ef; font-size: 16px; line-height: 1.8; }.step-desc { margin: 24px 0; }.research-guide { margin: 22px 0 18px; padding: 16px 18px; border-left: 3px solid #35cfff; background: rgba(13,95,129,.16); }.research-guide p { margin: 0 0 8px; }.research-guide ol { margin: 0 0 8px; padding-left: 24px; }.research-guide li + li { margin-top: 6px; }.step-warning { margin: 12px 0; color: #ffd58e; }.pest-table-wrap,.analysis-table-wrap { overflow-x: auto; }.pest-table,.analysis-table { width: 100%; min-width: 720px; border-collapse: collapse; }.pest-table th,.pest-table td,.analysis-table th,.analysis-table td { border: 1px solid rgba(139,213,241,.45); }.pest-table th,.analysis-table th { padding: 14px; color: #fff; background: #079ed9; font-size: 16px; }.pest-table th:first-child,.pest-table td:first-child { width: 8%; text-align: center; }.pest-table th:nth-child(2),.pest-table .type-cell { width: 18%; text-align: center; font-weight: 700; }.analysis-table th:first-child,.analysis-table .type-cell { width: 14%; text-align: center; font-weight: 700; }.pest-table textarea,.analysis-table textarea,.conclusion-section textarea { box-sizing: border-box; display: block; width: 100%; min-height: 136px; resize: vertical; border: 1px solid rgba(139,213,241,.45); border-radius: 10px; padding: 16px; color: #e9faff; background: rgba(3,30,46,.76); font: inherit; line-height: 1.7; }.pest-table textarea,.analysis-table textarea { border: 0; border-radius: 0; background: transparent; }.analysis-table textarea { min-height: 156px; }.pest-table textarea:focus,.analysis-table textarea:focus,.conclusion-section textarea:focus { outline: 2px solid rgba(57,207,255,.4); outline-offset: -2px; }.pest-table textarea:disabled,.analysis-table textarea:disabled,.conclusion-section textarea:disabled { cursor: not-allowed; color: #8aa8b5; background: rgba(255,255,255,.03); }.conclusion-form { display: grid; gap: 18px; }.conclusion-section { padding: 18px; border: 1px solid rgba(70,194,237,.22); border-radius: 14px; background: linear-gradient(120deg,rgba(6,58,84,.28),rgba(4,23,39,.18)); }.conclusion-section h4 { margin: 0; color: #f0fbff; font-size: 17px; }.conclusion-section p { margin: 8px 0 14px; color: #b5d5e1; }.option-row { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-bottom: 16px; }.option-card { display: inline-flex; align-items: center; gap: 8px; min-width: 112px; padding: 10px 12px; border: 1px solid rgba(96,211,255,.35); border-radius: 10px; color: #ddf8ff; cursor: pointer; transition: .2s ease; }.option-card:hover { border-color: #4cd5ff; background: rgba(31,174,225,.12); }.option-card input { accent-color: #27caff; }.risk-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.risk-grid label { display: grid; gap: 10px; color: #e5f8ff; font-weight: 700; }.risk-grid textarea { min-height: 150px; font-weight: 400; }.task-actions { display: flex; justify-content: center; gap: 12px; margin-top: 26px; }.btn-submit { border-color: #36d9ff; background: linear-gradient(110deg,#0eaae4,#0572ac); font-weight: 700; }.btn-nav:disabled { cursor: not-allowed; opacity: .6; }.step-placeholder { padding: 90px 20px; text-align: center; color: #a8cfdd; }.step-placeholder p { color: #fff; font-size: 20px; } @media (max-width:1280px) { .industry-pest-page { grid-template-columns: 1fr; }.step-indicator { overflow-x: auto; }.step-tab { min-width: 190px; } } @media (max-width:840px) { .risk-grid { grid-template-columns: 1fr; } } @media (max-width:720px) { .industry-pest-page { padding: 12px; }.industry-workbench { margin: 12px; padding: 14px; }.task-header { padding: 18px; }.workbench-head { justify-content: flex-start; flex-wrap: wrap; }.step-chip { display: none; } }
+.industry-core { min-width: 0; border: 1px solid rgba(0,180,255,.25); background: rgba(8,18,28,.6); box-shadow: 0 22px 48px rgba(0,0,0,.22); }.task-header { padding: 22px 28px 4px; }.task-badge,.section-eyebrow { color: #65dcff; font-weight: 700; }.task-title { margin: 10px 0 0; color: #fff; font-size: 28px; }.industry-workbench { margin: 24px; padding: 22px; border: 1px solid rgba(33,194,255,.35); border-radius: 20px; background: rgba(1,24,39,.72); }.workbench-head { display: flex; justify-content: flex-end; gap: 12px; }.outline-action,.btn-nav { 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; }.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-marker { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 1px solid #4ed7ff; border-radius: 50%; font-weight: 800; }.step-copy { display: grid; min-width: 0; gap: 4px; }.step-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.step-action { color: #5ec9ed; font-size: var(--student-fs-caption); }.step-connector { flex: 0 0 25px; height: 2px; background: rgba(83,204,255,.4); }.industry-step-card { padding: 24px; border: 1px solid rgba(31,185,249,.32); border-radius: 18px; background: rgba(1,21,34,.65); }.step-title-row { display: flex; justify-content: space-between; align-items: flex-start; }.step-title-row h3 { margin: 5px 0 0; color: #fff; font-size: var(--student-fs-h1); }.step-chip { border: 1px solid #38caff; border-radius: 999px; padding: 7px 12px; color: #9aeaff; }.step-desc,.research-guide { color: #c5e4ef; font-size: var(--student-fs-h2); line-height: 1.8; }.step-desc { margin: 24px 0; }.research-guide { margin: 22px 0 18px; padding: 16px 18px; border-left: 3px solid #35cfff; background: rgba(13,95,129,.16); }.research-guide p { margin: 0 0 8px; }.research-guide ol { margin: 0 0 8px; padding-left: 24px; }.research-guide li + li { margin-top: 6px; }.step-warning { margin: 12px 0; color: #ffd58e; }.pest-table-wrap,.analysis-table-wrap { overflow-x: auto; }.pest-table,.analysis-table { width: 100%; min-width: 720px; border-collapse: collapse; }.pest-table th,.pest-table td,.analysis-table th,.analysis-table td { border: 1px solid rgba(139,213,241,.45); }.pest-table th,.analysis-table th { padding: 14px; color: #fff; background: #079ed9; font-size: var(--student-fs-h2); }.pest-table th:first-child,.pest-table td:first-child { width: 8%; text-align: center; }.pest-table th:nth-child(2),.pest-table .type-cell { width: 18%; text-align: center; font-weight: 700; }.analysis-table th:first-child,.analysis-table .type-cell { width: 14%; text-align: center; font-weight: 700; }.pest-table textarea,.analysis-table textarea,.conclusion-section textarea { box-sizing: border-box; display: block; width: 100%; min-height: 136px; resize: vertical; border: 1px solid rgba(139,213,241,.45); border-radius: 10px; padding: 16px; color: #e9faff; background: rgba(3,30,46,.76); font: inherit; line-height: 1.7; }.pest-table textarea,.analysis-table textarea { border: 0; border-radius: 0; background: transparent; }.analysis-table textarea { min-height: 156px; }.pest-table textarea:focus,.analysis-table textarea:focus,.conclusion-section textarea:focus { outline: 2px solid rgba(57,207,255,.4); outline-offset: -2px; }.pest-table textarea:disabled,.analysis-table textarea:disabled,.conclusion-section textarea:disabled { cursor: not-allowed; color: #8aa8b5; background: rgba(255,255,255,.03); }.conclusion-form { display: grid; gap: 18px; }.conclusion-section { padding: 18px; border: 1px solid rgba(70,194,237,.22); border-radius: 14px; background: linear-gradient(120deg,rgba(6,58,84,.28),rgba(4,23,39,.18)); }.conclusion-section h4 { margin: 0; color: #f0fbff; font-size: 17px; }.conclusion-section p { margin: 8px 0 14px; color: #b5d5e1; }.option-row { display: flex; flex-wrap: wrap; gap: 12px 18px; margin-bottom: 16px; }.option-card { display: inline-flex; align-items: center; gap: 8px; min-width: 112px; padding: 10px 12px; border: 1px solid rgba(96,211,255,.35); border-radius: 10px; color: #ddf8ff; cursor: pointer; transition: .2s ease; }.option-card:hover { border-color: #4cd5ff; background: rgba(31,174,225,.12); }.option-card input { accent-color: #27caff; }.risk-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }.risk-grid label { display: grid; gap: 10px; color: #e5f8ff; font-weight: 700; }.risk-grid textarea { min-height: 150px; font-weight: 400; }.task-actions { display: flex; justify-content: center; gap: 12px; margin-top: 26px; }.btn-submit { border-color: #36d9ff; background: linear-gradient(110deg,#0eaae4,#0572ac); font-weight: 700; }.btn-nav:disabled { cursor: not-allowed; opacity: .6; }.step-placeholder { padding: 90px 20px; text-align: center; color: #a8cfdd; }.step-placeholder p { color: #fff; font-size: var(--student-fs-display); } @media (max-width:1280px) { .industry-pest-page { grid-template-columns: 1fr; }.step-indicator { overflow-x: auto; }.step-tab { min-width: 190px; } } @media (max-width:840px) { .risk-grid { grid-template-columns: 1fr; } } @media (max-width:720px) { .industry-pest-page { padding: 12px; }.industry-workbench { margin: 12px; padding: 14px; }.task-header { padding: 18px; }.workbench-head { justify-content: flex-start; flex-wrap: wrap; }.step-chip { display: none; } }
 </style>
diff --git a/src/views/demand/people.vue b/src/views/demand/people.vue
index 9fa9253..2dd90e8 100644
--- a/src/views/demand/people.vue
+++ b/src/views/demand/people.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="target-profile-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -968,14 +968,14 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
 .task-title {
   margin: 0;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -994,7 +994,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -1033,7 +1033,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px;
+    font-size: var(--student-fs-h1);
     font-weight: 800;
     line-height: 1.3;
   }
@@ -1051,7 +1051,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -1059,7 +1059,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1074,7 +1074,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover:not(.is-disabled) {
@@ -1119,7 +1119,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: left;
   cursor: pointer;
@@ -1176,7 +1176,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -1194,7 +1194,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -1204,7 +1204,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -1251,7 +1251,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -1260,7 +1260,7 @@ function exportOutcome() {
 .task-desc {
   margin: 0 0 38px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -1283,7 +1283,7 @@ function exportOutcome() {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   transition: transform 0.18s ease, background 0.18s ease, border-color 0.18s ease;
@@ -1330,7 +1330,7 @@ function exportOutcome() {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
 }
@@ -1340,7 +1340,7 @@ function exportOutcome() {
   overflow-y: auto;
   padding: 24px 96px 24px 24px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -1388,7 +1388,7 @@ function exportOutcome() {
     margin: 0;
     padding: 0;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.6;
   }
 
@@ -1409,7 +1409,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
 
   &:focus {
     border-color: #5fe7ff;
@@ -1432,7 +1432,7 @@ function exportOutcome() {
   border-bottom: 1px solid rgba(77, 167, 220, 0.2);
   color: #eaffff;
   background: rgba(8, 55, 82, 0.98);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
 
   & + & {
@@ -1450,7 +1450,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
 
   &:nth-of-type(1) {
@@ -1466,7 +1466,7 @@ function exportOutcome() {
 .segmentation-intro {
   margin-bottom: 24px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
 
   p {
@@ -1497,7 +1497,7 @@ function exportOutcome() {
     padding: 12px;
     color: #eaffff;
     background: rgba(8, 55, 82, 0.98);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -1525,7 +1525,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
 
   &:focus {
     border-color: #5fe7ff;
@@ -1574,7 +1574,7 @@ function exportOutcome() {
     color: #effcff;
     background: rgba(13, 129, 184, 0.78);
     text-align: center;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
@@ -1669,14 +1669,14 @@ function exportOutcome() {
 .product-plan-desc {
   margin: 0 0 26px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
 .product-plan-label {
   margin-bottom: 10px;
   color: #ffffff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -1697,7 +1697,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
 
   &::placeholder {
@@ -1734,7 +1734,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
 
   &:focus {
     border-color: #5fe7ff;
@@ -1749,7 +1749,7 @@ function exportOutcome() {
     display: block;
     margin-bottom: 10px;
     color: #ffffff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 }
@@ -1765,7 +1765,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
 
   &:focus {
@@ -1813,7 +1813,7 @@ function exportOutcome() {
   color: #ffffff;
   background: linear-gradient(95deg, #0b84bd, #096491);
   box-shadow: none;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
@@ -1827,7 +1827,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #9fe8ff;
   background: rgba(1, 14, 26, 0.72);
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 700;
 
   span {
@@ -1847,14 +1847,14 @@ function exportOutcome() {
 .upload-tip {
   margin: -6px 0 8px;
   color: #8fa8b8;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.7;
 }
 
 .excel-preview-meta {
   margin-bottom: 12px;
   color: #52687a;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.6;
 }
 
@@ -1870,7 +1870,7 @@ function exportOutcome() {
   min-width: 640px;
   border-collapse: collapse;
   color: #22313f;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 
   th,
   td {
@@ -1931,7 +1931,7 @@ function exportOutcome() {
   h4 {
     margin: 0;
     color: #e9f8ff;
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     line-height: 1.45;
   }
 }
@@ -1946,7 +1946,7 @@ function exportOutcome() {
   border-radius: 50%;
   color: #5ee8ff;
   background: rgba(6, 84, 124, 0.38);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
 }
 
@@ -1963,7 +1963,7 @@ function exportOutcome() {
   color: #ffffff;
   background: linear-gradient(95deg, #0b84bd, #096491);
   cursor: pointer;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   transition: transform 0.16s ease, box-shadow 0.16s ease;
 
@@ -1981,7 +1981,7 @@ function exportOutcome() {
 .rfm-chart-empty {
   margin: 15px 0 0;
   color: #7f9aa9;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   line-height: 1.5;
 }
 
@@ -2012,7 +2012,7 @@ function exportOutcome() {
     display: block;
     overflow: hidden;
     color: #bcefff;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     line-height: 1.35;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -2025,7 +2025,7 @@ function exportOutcome() {
     color: #55dfff;
     background: transparent;
     cursor: pointer;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
   }
 }
 
@@ -2044,7 +2044,7 @@ function exportOutcome() {
     display: block;
     margin-bottom: 10px;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -2059,7 +2059,7 @@ function exportOutcome() {
   resize: vertical;
   color: #eef5ff;
   background: #0f1a24;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
   transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
 
@@ -2091,7 +2091,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
@@ -2123,7 +2123,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -2166,7 +2166,7 @@ function exportOutcome() {
   h4 {
     margin: 0;
     color: #f0fbff;
-    font-size: 18px;
+    font-size: var(--student-fs-h1);
   }
 }
 
@@ -2195,7 +2195,7 @@ function exportOutcome() {
 .market-segment-tip {
   margin: 10px 0 16px;
   color: #6ee3ff;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
 }
 
 .market-segment-table-wrap {
@@ -2222,7 +2222,7 @@ function exportOutcome() {
   th {
     color: #ecfbff;
     background: linear-gradient(100deg, #158fc4, #08739f);
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
@@ -2286,7 +2286,7 @@ function exportOutcome() {
   h4 {
     margin: 0 0 14px;
     color: #dcefff;
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: 600;
     line-height: 1.7;
   }
@@ -2410,7 +2410,7 @@ function exportOutcome() {
     right: 16px;
     min-width: 78px;
     height: 40px;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
   }
 
   .interview-dialog-body {
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIArticleToPic.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIArticleToPic.vue
index 9191c1b..e9e798a 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIArticleToPic.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIArticleToPic.vue
@@ -216,13 +216,13 @@ watch(
     .title {
       display: flex;
       align-items: center;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       span {
         margin-left: 10px;
       }
     }
     p {
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       line-height: 30px;
     }
     .download {
@@ -230,7 +230,7 @@ watch(
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       text-align: center;
       line-height: 26px;
       width: 76px;
@@ -292,7 +292,7 @@ watch(
           .iconItem {
             background-color: #f1404b;
             color: #fff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
             padding: 2px;
             border-radius: 4px;
             padding-left: 4px;
@@ -300,7 +300,7 @@ watch(
           }
         }
         .title {
-          font-size: 20px;
+          font-size: var(--student-fs-display);
           font-weight: bold;
           margin-top: 5px;
           margin-bottom: 5px;
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIDataAnalysis.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIDataAnalysis.vue
index 15fa1ff..d45e7ea 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIDataAnalysis.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIDataAnalysis.vue
@@ -202,13 +202,13 @@ watch(
     .title {
       display: flex;
       align-items: center;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       span {
         margin-left: 10px;
       }
     }
     p {
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       line-height: 30px;
     }
     .download {
@@ -216,7 +216,7 @@ watch(
       margin-left: 20px;
       color: #000;
       padding-left: 14px;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       text-align: center;
       line-height: 30px;
       width: 96px;
@@ -272,7 +272,7 @@ watch(
           .iconItem {
             background-color: #f1404b;
             color: #fff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
             padding: 2px;
             border-radius: 4px;
             padding-left: 4px;
@@ -280,7 +280,7 @@ watch(
           }
         }
         .title {
-          font-size: 20px;
+          font-size: var(--student-fs-display);
           font-weight: bold;
           margin-top: 5px;
           margin-bottom: 5px;
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIPicture.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIPicture.vue
index f85fac6..5168811 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIPicture.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIPicture.vue
@@ -226,13 +226,13 @@ watch(
     .title {
       display: flex;
       align-items: center;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       span {
         margin-left: 10px;
       }
     }
     p {
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       line-height: 30px;
     }
     .download {
@@ -240,7 +240,7 @@ watch(
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       text-align: center;
       line-height: 26px;
       width: 76px;
@@ -302,7 +302,7 @@ watch(
           .iconItem {
             background-color: #f1404b;
             color: #fff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
             padding: 2px;
             border-radius: 4px;
             padding-left: 4px;
@@ -310,7 +310,7 @@ watch(
           }
         }
         .title {
-          font-size: 20px;
+          font-size: var(--student-fs-display);
           font-weight: bold;
           margin-top: 5px;
           margin-bottom: 5px;
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIVenisonDiagram.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIVenisonDiagram.vue
index 30c57f1..b0eab2d 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIVenisonDiagram.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIVenisonDiagram.vue
@@ -273,7 +273,7 @@ const handleKeyDown = (event) => {
     padding: 10px 15px;
     color: #ffffff;
     p {
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
     }
     .examples {
       display: flex;
@@ -295,7 +295,7 @@ const handleKeyDown = (event) => {
         span {
           margin-left: 5px;
           font-weight: 400;
-          font-size: 16px;
+          font-size: var(--student-fs-h2);
           color: #ffffff;
         }
       }
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIVideo.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIVideo.vue
index 43c3342..de03b20 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIVideo.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIVideo.vue
@@ -210,13 +210,13 @@ watch(
     .title {
       display: flex;
       align-items: center;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       span {
         margin-left: 10px;
       }
     }
     p {
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       line-height: 30px;
     }
     .case {
@@ -267,7 +267,7 @@ watch(
           .iconItem {
             background-color: #f1404b;
             color: #fff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
             padding: 2px;
             border-radius: 4px;
             padding-left: 4px;
@@ -275,7 +275,7 @@ watch(
           }
         }
         .title {
-          font-size: 20px;
+          font-size: var(--student-fs-display);
           font-weight: bold;
           margin-top: 5px;
           margin-bottom: 5px;
diff --git a/src/views/digitalMarketTech/AIGCLargeModel/components/AIWriting.vue b/src/views/digitalMarketTech/AIGCLargeModel/components/AIWriting.vue
index d4921f6..62cabcb 100644
--- a/src/views/digitalMarketTech/AIGCLargeModel/components/AIWriting.vue
+++ b/src/views/digitalMarketTech/AIGCLargeModel/components/AIWriting.vue
@@ -210,13 +210,13 @@ watch(
     .title {
       display: flex;
       align-items: center;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       span {
         margin-left: 10px;
       }
     }
     p {
-      font-size: 15px;
+      font-size: var(--student-fs-body);
       line-height: 30px;
     }
     .case {
@@ -267,7 +267,7 @@ watch(
           .iconItem {
             background-color: #f1404b;
             color: #fff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
             padding: 2px;
             border-radius: 4px;
             padding-left: 4px;
@@ -275,7 +275,7 @@ watch(
           }
         }
         .title {
-          font-size: 20px;
+          font-size: var(--student-fs-display);
           font-weight: bold;
           margin-top: 5px;
           margin-bottom: 5px;
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/Bigdataframe.vue b/src/views/digitalMarketTech/artificialIntelligence/components/Bigdataframe.vue
index eaae9be..7ade881 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/Bigdataframe.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/Bigdataframe.vue
@@ -375,7 +375,7 @@ const sendTask=async()=>{
   }
   p{
     // font-size: 1px;
-    font-family: Source Han Sans CN;
+    font-family: var(--student-font-base);
     // font-weight:600;
     color: #FFFFFF;
   }
@@ -388,15 +388,15 @@ const sendTask=async()=>{
         height: 25px;
         background: #5621f8;
         border-radius: 50%;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         text-align: center;
         line-height: 25px;
         color: #ffffff;
       }
       span {
         margin-left: 8px;
-        font-size: 12px;
-        font-family: Source Han Sans CN;
+        font-size: var(--student-fs-caption);
+        font-family: var(--student-font-base);
         font-weight: 600;
         color: #FFFFFF;
       }
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/Image-recognition.vue b/src/views/digitalMarketTech/artificialIntelligence/components/Image-recognition.vue
index 0e5ba21..81b6275 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/Image-recognition.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/Image-recognition.vue
@@ -381,8 +381,8 @@ dialogShowbtn()
   }
   // p,
   // span {
-  //   font-size: 12px;
-  //   font-family: Source Han Sans CN;
+  //   font-size: var(--student-fs-caption);
+  //   font-family: var(--student-font-base);
   //   font-weight: 600;
   //   color: #333333;
   // }
@@ -409,7 +409,7 @@ dialogShowbtn()
   color: #ffffff;
   background: #5621F8;
   border-radius: 13px;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   text-align: center;
   line-height: 25px;
 }
@@ -421,21 +421,21 @@ div {
     text-align: center;
     background: url("@/assets/images/szjj/任务背景.png") no-repeat;
     background-size: 100% 100%;
-    font-size: 20px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-display);
+    font-family: var(--student-font-base);
     font-weight: bold;
   }
   .Step {
     display: flex;
     align-items: center;
     .Step-item{
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       
     }
     span {
       margin-left: 8px;
-      font-size: 15px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-body);
+      font-family: var(--student-font-base);
       font-weight: 500;
       color: #FFFFFF;
       font-weight: 600;
@@ -476,7 +476,7 @@ div {
       height: 40px;
       text-align: center;
       line-height: 40px;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       color: #ffffff;
       padding-left: 10px;
       background: url("@/assets/images/szjj/icon-分类器训练.png")
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/Naturallanguageprocessing.vue b/src/views/digitalMarketTech/artificialIntelligence/components/Naturallanguageprocessing.vue
index 693145d..ce800d2 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/Naturallanguageprocessing.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/Naturallanguageprocessing.vue
@@ -706,9 +706,9 @@ onBeforeUnmount(() => {
       line-height: 66px;
       background: url("@/assets/images/szjj/任务背景.png") no-repeat !important;
       background-size: 100% 100% !important;
-      font-family: Source Han Sans CN;
+      font-family: var(--student-font-base);
       font-weight: bold;
-      font-size: 20px;
+      font-size: var(--student-fs-display);
       color: #ffffff;
     }
   }
@@ -728,14 +728,14 @@ onBeforeUnmount(() => {
         margin-right: 8px;
         span {
           display: inline-block;
-          font-family: Source Han Sans CN;
+          font-family: var(--student-font-base);
           font-weight: bold;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #ffffff;
         }
       }
       span {
-        font-size: 15px;
+        font-size: var(--student-fs-body);
         color: #000000;
         font-weight: 600;
       }
@@ -767,9 +767,9 @@ onBeforeUnmount(() => {
         background: #ffffff;
         border-radius: 5px;
         border: 1px solid #e5e5e5;
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: 500;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         color: #333333;
         line-height: 20px;
       }
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/Robot-learning.vue b/src/views/digitalMarketTech/artificialIntelligence/components/Robot-learning.vue
index d22e36e..6ddfd1a 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/Robot-learning.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/Robot-learning.vue
@@ -738,9 +738,9 @@ onMounted(() => {
         line-height: 66px;
         background: url("@/assets/images/szjj/任务背景.png") no-repeat !important;
         background-size: 100% 100% !important;
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: bold;
-        font-size: 20px;
+        font-size: var(--student-fs-display);
         color: #333333;
       }
     }
@@ -933,9 +933,9 @@ onMounted(() => {
         border-radius: 4px;
         border: 2px solid;
         border-image: linear-gradient(0deg, #c0dcff, #cbbaff) 10 10;
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: 500;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
         color: #ffffff;
         img {
           margin-right: 10px;
@@ -947,7 +947,7 @@ onMounted(() => {
       height: 40px;
       background: url("@/assets/images/szjj/按钮1.png") no-repeat center center;
       background-size: 100% 100%;
-      font-family: Source Han Sans CN;
+      font-family: var(--student-font-base);
       font-weight: 500;
       color: #ffffff;
       border: none;
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/article-identification.vue b/src/views/digitalMarketTech/artificialIntelligence/components/article-identification.vue
index 96d9280..d9af731 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/article-identification.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/article-identification.vue
@@ -312,7 +312,7 @@ CharacterRecognitionCase()
 }
 div {
   // p {
-  //   font-size: 12px;
+  //   font-size: var(--student-fs-caption);
   // }
   .title-back {
     width: 182px;
@@ -321,8 +321,8 @@ div {
     text-align: center;
     background: url("@/assets/images/szjj/任务背景.png") no-repeat;
     background-size: 100% 100%;
-    font-size: 20px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-display);
+    font-family: var(--student-font-base);
     font-weight: bold;
   }
   .Step {
@@ -336,15 +336,15 @@ div {
       color: #ffffff;
       background: #5621f8;
       border-radius: 13px;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       text-align: center;
       line-height: 25px;
     }
     span {
         display: inline-block;
       margin-left: 10px !important;
-      font-size: 15px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-body);
+      font-family: var(--student-font-base);
       font-weight: 600;
       color: #000000;
     }
@@ -360,7 +360,7 @@ div {
     }
   }
   .--primary {
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     padding-left: 40px;
     padding-right: 34px;
     border: none;
@@ -386,8 +386,8 @@ div {
       height: 54px;
       line-height: 54px;
       span{
-        font-size: 12px;
-        font-family: Source Han Sans CN;
+        font-size: var(--student-fs-caption);
+        font-family: var(--student-font-base);
         font-weight: 500;
         line-height: 20px;
       }
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/face-recognition.vue b/src/views/digitalMarketTech/artificialIntelligence/components/face-recognition.vue
index f50dc33..0df22ba 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/face-recognition.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/face-recognition.vue
@@ -496,8 +496,8 @@ getList()
   text-align: center;
   background: url("@/assets/images/szjj/任务背景.png") no-repeat;
   background-size: 100% 100%;
-  font-size: 20px;
-  font-family: Source Han Sans CN;
+  font-size: var(--student-fs-display);
+  font-family: var(--student-font-base);
   font-weight: bold;
 }
 .setp {
@@ -509,14 +509,14 @@ getList()
     color: #ffffff;
     background: #5621f8;
     border-radius: 13px;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     text-align: center;
     line-height: 25px;
   }
   span {
     margin-left: 8px;
-    font-size: 15px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-body);
+    font-family: var(--student-font-base);
     font-weight: 600;
     color: #FFFFFF;
   }
@@ -573,7 +573,7 @@ getList()
       span {
         margin-top: 54px;
         margin-bottom: -48px;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
         color: #5621f8;
       }
     }
diff --git a/src/views/digitalMarketTech/artificialIntelligence/components/voice-technology.vue b/src/views/digitalMarketTech/artificialIntelligence/components/voice-technology.vue
index 3058748..b32c617 100644
--- a/src/views/digitalMarketTech/artificialIntelligence/components/voice-technology.vue
+++ b/src/views/digitalMarketTech/artificialIntelligence/components/voice-technology.vue
@@ -871,7 +871,7 @@ onMounted(()=>{
   --color: #333333;
 }
 // p{
-//     font-size: 12px;
+//     font-size: var(--student-fs-caption);
 // }
 .voice-technology {
   display: flex;
@@ -898,10 +898,10 @@ onMounted(()=>{
   }
 
     // p{
-    //   font-size: 12px;
-    //   font-family: Source Han Sans CN;
+    //   font-size: var(--student-fs-caption);
+    //   font-family: var(--student-font-base);
     //   font-weight: 600;
-    //   font-size: 12px;
+    //   font-size: var(--student-fs-caption);
     //   color: #333333;
     //   line-height: 20px;
     // }
@@ -914,9 +914,9 @@ onMounted(()=>{
         line-height: 66px;
         background: url("@/assets/images/szjj/任务背景.png") no-repeat !important;
         background-size: 100% 100% !important;
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: bold;
-        font-size: 20px;
+        font-size: var(--student-fs-display);
         color: #FFFFFF;
       }
     }
@@ -933,14 +933,14 @@ onMounted(()=>{
         margin-right: 8px;
         span {
           display: inline-block;
-          font-family: Source Han Sans CN;
+          font-family: var(--student-font-base);
           font-weight: 600;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #ffffff;
         }
       }
       span {
-        font-size: 15px;
+        font-size: var(--student-fs-body);
         color: #000000;
         // color: var(--color);
         font-weight: 600;
@@ -994,7 +994,7 @@ onMounted(()=>{
       .el-button {
         height: 40px;
         border: none;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         background: url("@/assets/images/szjj/按钮1.png") no-repeat;
         background-size: 100% 100%;
       }
@@ -1024,9 +1024,9 @@ onMounted(()=>{
         margin-right: 20px;
         span {
           margin-bottom: 12px;
-          font-family: Source Han Sans CN;
+          font-family: var(--student-font-base);
           font-weight: bold;
-          font-size: 16px;
+          font-size: var(--student-fs-h2);
           color: #FFFFFF;
         }
       }
@@ -1052,7 +1052,7 @@ onMounted(()=>{
       height: 166px;
       padding: 10px 1px 10px 1px;
       color: #595a63;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       font-family: monospace;
       white-space: nowrap;
       overflow: hidden;
diff --git a/src/views/digitalMarketTech/bigData/components/HadoopHDFS.vue b/src/views/digitalMarketTech/bigData/components/HadoopHDFS.vue
index 4c84b68..c26d8d4 100644
--- a/src/views/digitalMarketTech/bigData/components/HadoopHDFS.vue
+++ b/src/views/digitalMarketTech/bigData/components/HadoopHDFS.vue
@@ -1451,7 +1451,7 @@ const resultShow=()=>{
 </script>
 <style lang="scss" scoped>
 p {
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 20px;
   color: #000000;
   // font-weight: 600;
@@ -1478,8 +1478,8 @@ p {
   }
 
     span {
-      font-size: 15px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-body);
+      font-family: var(--student-font-base);
       font-weight: bold;
       color: #333333;
     }
@@ -1519,8 +1519,8 @@ p {
             background-size: 100% 100%;
             margin-bottom: 7px;
             padding: 0px 7px;
-            font-size: 12px;
-            font-family: Source Han Sans CN;
+            font-size: var(--student-fs-caption);
+            font-family: var(--student-font-base);
             font-weight: bold;
             color: #fbfcff;
           }
@@ -1594,7 +1594,7 @@ p {
           display: flex;
           justify-content: center;
           align-items: center;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           font-weight: 400;
           color: #ffffff;
         }
@@ -1611,7 +1611,7 @@ p {
         padding: 2px;
         span {
           text-align: left;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           font-weight: 400;
           color: #f8fbff;
           display: block;
@@ -1719,8 +1719,8 @@ p {
             background-size: 100% 100%;
             margin-bottom: 7px;
             padding: 0px 7px;
-            font-size: 12px;
-            font-family: Source Han Sans CN;
+            font-size: var(--student-fs-caption);
+            font-family: var(--student-font-base);
             font-weight: bold;
             color: #fbfcff;
           }
@@ -1826,7 +1826,7 @@ p {
           display: flex;
           justify-content: center;
           align-items: center;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           font-weight: 400;
           color: #ffffff;
         }
@@ -1913,7 +1913,7 @@ p {
         span{
           font-weight: 400;
           color: #F8FBFF;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
         }
       }
       .purple{
@@ -2006,7 +2006,7 @@ p {
           span {
             display: block;
             color: #ffffff;
-            font-size: 12px;
+            font-size: var(--student-fs-caption);
           }
         }
         .ts_item {
@@ -2067,7 +2067,7 @@ p {
             text-align: center;
             span {
               display: block;
-              font-size: 12px;
+              font-size: var(--student-fs-caption);
             }
           }
         }
@@ -2081,7 +2081,7 @@ p {
         left: 40px;
         padding: 5px 31px;
         span {
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           font-weight: 500;
           color: #ffffff;
         }
@@ -2095,7 +2095,7 @@ p {
         left: 432px;
         padding: 5px 31px;
         span {
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           font-weight: 500;
           color: #ffffff;
         }
@@ -2112,7 +2112,7 @@ p {
   margin: 10px;
   padding: 15px;
   span{
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: bold;
     color: #333333;
     margin: 15px 0;
@@ -2145,7 +2145,7 @@ p {
     background-size: 100% 100% !important;
     margin-right: 0 !important;
     span {
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       font-weight: 400;
       color: #ffffff;
     }
@@ -2161,7 +2161,7 @@ p {
   }
   .el-dialog__headerbtn i {
     content: "1";
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     visibility: hidden;
   }
   .el-dialog__footer {
diff --git a/src/views/digitalMarketTech/bigData/components/digitalMarketing.vue b/src/views/digitalMarketTech/bigData/components/digitalMarketing.vue
index 6fac72b..dbbd037 100644
--- a/src/views/digitalMarketTech/bigData/components/digitalMarketing.vue
+++ b/src/views/digitalMarketTech/bigData/components/digitalMarketing.vue
@@ -1286,7 +1286,7 @@ onBeforeUnmount(() => {
     }
     .left_text {
       margin: 10px 326px 0;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       font-weight: 500;
       color: #FFFFFF;
     }
@@ -1424,7 +1424,7 @@ onBeforeUnmount(() => {
         }
         span{
           font-weight: 500;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #007DCA;
         }
       }
@@ -1434,7 +1434,7 @@ onBeforeUnmount(() => {
         left: 883px;
         span{
           font-weight: 500;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #007DCA;
         }
         img{
@@ -1448,7 +1448,7 @@ onBeforeUnmount(() => {
         left: 186px;
         span{
           font-weight: 500;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #007DCA;
         }
         img{
@@ -1513,7 +1513,7 @@ onBeforeUnmount(() => {
     background-size: 100% 100% !important;
     margin-right: 0 !important;
     span {
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       font-weight: 400;
       color: #ffffff;
     }
@@ -1529,7 +1529,7 @@ onBeforeUnmount(() => {
   }
   .el-dialog__headerbtn i {
     content: "1";
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     visibility: hidden;
   }
   .el-dialog__footer {
diff --git a/src/views/digitalMarketTech/bigData/components/hadoop.vue b/src/views/digitalMarketTech/bigData/components/hadoop.vue
index d2d1e8c..053be48 100644
--- a/src/views/digitalMarketTech/bigData/components/hadoop.vue
+++ b/src/views/digitalMarketTech/bigData/components/hadoop.vue
@@ -576,8 +576,8 @@ echoHaop()
     }
   }
   p {
-    font-size: 15px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-body);
+    font-family: var(--student-font-base);
     // font-weight: 600;
     color: #000000;
   }
@@ -585,7 +585,7 @@ echoHaop()
     position: relative;
     span {
       font-size: 1vw !important;
-      font-family: Source Han Sans CN;
+      font-family: var(--student-font-base);
       font-weight: 600;
       color: #333333;
     }
@@ -614,8 +614,8 @@ echoHaop()
         line-height: 44px;
         background: linear-gradient(0deg, #b9b9b9 0%, #cdd2cf 100%);
         border-radius: 4px;
-          font-size: 16px;
-          font-family: Source Han Sans CN;
+          font-size: var(--student-fs-h2);
+          font-family: var(--student-font-base);
           font-weight: 600;
           color: #FFFFFF;
       }
@@ -960,8 +960,8 @@ echoHaop()
       padding: 0px 27px;
       background: linear-gradient(-90deg, #2c04c9 0%, #5197ff 100%);
       border-radius: 5px;
-      font-size: 20px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-display);
+      font-family: var(--student-font-base);
       font-weight: bold;
       color: #ffffff;
     }
diff --git a/src/views/digitalMarketTech/bigData/components/technologyFramework.vue b/src/views/digitalMarketTech/bigData/components/technologyFramework.vue
index 0bd8339..7045e4a 100644
--- a/src/views/digitalMarketTech/bigData/components/technologyFramework.vue
+++ b/src/views/digitalMarketTech/bigData/components/technologyFramework.vue
@@ -307,7 +307,7 @@ const timer=ref(null)
      }
      p{
        // font-size: 1px;
-       font-family: Source Han Sans CN;
+       font-family: var(--student-font-base);
        // font-weight:600;
        color: #000000;
      }
@@ -320,15 +320,15 @@ const timer=ref(null)
            height: 25px;
            background: #5621f8;
            border-radius: 50%;
-           font-size: 12px;
+           font-size: var(--student-fs-caption);
            text-align: center;
            line-height: 25px;
            color: #ffffff;
          }
          span {
            margin-left: 8px;
-           font-size: 12px;
-           font-family: Source Han Sans CN;
+           font-size: var(--student-fs-caption);
+           font-family: var(--student-font-base);
            font-weight: 600;
            color: #000000;
          }
diff --git a/src/views/digitalMarketTech/bigData/components/whatBigData.vue b/src/views/digitalMarketTech/bigData/components/whatBigData.vue
index fed1410..b367ee7 100644
--- a/src/views/digitalMarketTech/bigData/components/whatBigData.vue
+++ b/src/views/digitalMarketTech/bigData/components/whatBigData.vue
@@ -421,8 +421,8 @@ import { getUserInfo } from '@/utils/auth'
     
     }
     p{
-      font-size: 15px;
-      font-family: Source Han Sans CN;
+      font-size: var(--student-fs-body);
+      font-family: var(--student-font-base);
       // font-weight: 600;
       color: #000000;
     }
@@ -435,15 +435,15 @@ import { getUserInfo } from '@/utils/auth'
           height: 25px;
           background: #5621f8;
           border-radius: 50%;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           text-align: center;
           line-height: 25px;
           color: #000000;
         }
         span {
           margin-left: 8px;
-          font-size: 12px;
-          font-family: Source Han Sans CN;
+          font-size: var(--student-fs-caption);
+          font-family: var(--student-font-base);
           font-weight: 600;
           color: #333333;
         }
@@ -464,13 +464,13 @@ import { getUserInfo } from '@/utils/auth'
       width: 100%;
       display: flex;
       font-weight: bold;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       align-items: center;
       .eval_main_right {
         color: #000000;
         margin-left: 23px;
         span {
-          font-size: 14px;
+          font-size: var(--student-fs-body);
           color: #00b4f2;
         }
       }
@@ -485,8 +485,8 @@ import { getUserInfo } from '@/utils/auth'
     background-color: #5621F8;
     color: #FFFFFF;
     border-radius: 50%;
-    font-size: 13px;
-    font-size: 15px;
+    font-size: var(--student-fs-body-sm);
+    font-size: var(--student-fs-body);
     font-weight: 100;
     margin-left: 35px;
   }
diff --git a/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue b/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
index 689b8e5..1592ee4 100644
--- a/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
+++ b/src/views/digitalMarketingAlgorithms/components/associationRuleMining.vue
@@ -712,7 +712,7 @@ const startOver = () => {
       padding: 10px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
diff --git a/src/views/digitalMarketingAlgorithms/components/bigData.vue b/src/views/digitalMarketingAlgorithms/components/bigData.vue
index f6af5c9..dfdcbb7 100644
--- a/src/views/digitalMarketingAlgorithms/components/bigData.vue
+++ b/src/views/digitalMarketingAlgorithms/components/bigData.vue
@@ -188,7 +188,7 @@ onMounted(() => {
       padding: 10px 20px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
@@ -204,7 +204,7 @@ onMounted(() => {
         span {
           color: #9bd1ff;
           font-weight: 400;
-          font-size: 14px;
+          font-size: var(--student-fs-body);
         }
       }
       .is-active {
diff --git a/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue b/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
index 9557dc2..d733fcf 100644
--- a/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
+++ b/src/views/digitalMarketingAlgorithms/components/clusterAnalysis.vue
@@ -726,7 +726,7 @@ const handleExport = async (name) => {
       padding: 10px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
diff --git a/src/views/digitalMarketingAlgorithms/components/descriptiveStatistics.vue b/src/views/digitalMarketingAlgorithms/components/descriptiveStatistics.vue
index 117c55c..aa36f6b 100644
--- a/src/views/digitalMarketingAlgorithms/components/descriptiveStatistics.vue
+++ b/src/views/digitalMarketingAlgorithms/components/descriptiveStatistics.vue
@@ -598,7 +598,7 @@ const closeDialog = () => {
       padding: 10px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
diff --git a/src/views/digitalMarketingAlgorithms/components/emotion-analysis.vue b/src/views/digitalMarketingAlgorithms/components/emotion-analysis.vue
index a30f2c4..a83276f 100644
--- a/src/views/digitalMarketingAlgorithms/components/emotion-analysis.vue
+++ b/src/views/digitalMarketingAlgorithms/components/emotion-analysis.vue
@@ -962,7 +962,7 @@ defineExpose({ submitTask, resetTask: restart });
       padding: 10px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
@@ -1093,7 +1093,7 @@ defineExpose({ submitTask, resetTask: restart });
     display: flex;
     align-items: center;
     color: #ffffff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     margin: 16px 0;
     label {
       width: 80px;
@@ -1127,7 +1127,7 @@ defineExpose({ submitTask, resetTask: restart });
     justify-content: center;
     gap: 30px;
     color: #ffffff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     height: 180px;
     margin-top: 40px;
     .emotion_analysis-ani-in-ri,
@@ -1140,7 +1140,7 @@ defineExpose({ submitTask, resetTask: restart });
       position: absolute;
       top: 0px;
       right: 48%;
-      font-size: 24px;
+      font-size: var(--student-fs-h1);
       font-weight: normal;
     }
     :deep(.el-progress) {
@@ -1202,7 +1202,7 @@ defineExpose({ submitTask, resetTask: restart });
       }
       .result-title {
         line-height: 26px;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
       .result-view {
         position: relative;
@@ -1210,7 +1210,7 @@ defineExpose({ submitTask, resetTask: restart });
         padding: 0 10px;
         margin-right: 2px;
         line-height: 26px;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
         top: -26px;
         left: 61px;
         .result-bar {
diff --git a/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue b/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue
index 446a4c9..46c2dcc 100644
--- a/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue
+++ b/src/views/digitalMarketingAlgorithms/components/regressionAnalysis.vue
@@ -765,7 +765,7 @@ const startOver = () => {
       padding: 10px;
       span {
         font-weight: bold;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
       }
     }
diff --git a/src/views/error/401.vue b/src/views/error/401.vue
index c656dee..5195ee4 100644
--- a/src/views/error/401.vue
+++ b/src/views/error/401.vue
@@ -66,7 +66,7 @@ function back() {
     color: #484848;
   }
   .list-unstyled {
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     li {
       padding-bottom: 5px;
     }
diff --git a/src/views/error/404.vue b/src/views/error/404.vue
index 08a617a..f6f6fe4 100644
--- a/src/views/error/404.vue
+++ b/src/views/error/404.vue
@@ -172,7 +172,7 @@ let message = computed(() => {
       animation-fill-mode: forwards;
     }
     &__headline {
-      font-size: 20px;
+      font-size: var(--student-fs-display);
       line-height: 24px;
       color: #222;
       font-weight: bold;
@@ -184,7 +184,7 @@ let message = computed(() => {
       animation-fill-mode: forwards;
     }
     &__info {
-      font-size: 13px;
+      font-size: var(--student-fs-body-sm);
       line-height: 21px;
       color: grey;
       opacity: 0;
@@ -204,7 +204,7 @@ let message = computed(() => {
       text-align: center;
       color: #ffffff;
       opacity: 0;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       line-height: 36px;
       cursor: pointer;
       animation-name: slideUp;
diff --git a/src/views/foundation/new-product-survey.vue b/src/views/foundation/new-product-survey.vue
index a2d532a..d6f53cc 100644
--- a/src/views/foundation/new-product-survey.vue
+++ b/src/views/foundation/new-product-survey.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="new-product-value-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -892,7 +892,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -902,7 +902,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -921,7 +921,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -955,7 +955,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px !important;
+    font-size: var(--student-fs-h1) !important;
     font-weight: 800 !important;
     line-height: 1.3 !important;
   }
@@ -979,7 +979,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -987,7 +987,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -1112,7 +1112,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -1129,7 +1129,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -1139,7 +1139,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -1202,7 +1202,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
   }
 }
@@ -1214,14 +1214,14 @@ function exportOutcome() {
   border-radius: 999px;
   color: #c8f4ff;
   background: rgba(0, 127, 184, 0.25);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
 }
 
 .step-desc {
   margin: 0 0 20px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -1240,7 +1240,7 @@ function exportOutcome() {
   gap: 8px;
   margin-bottom: 16px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 
   > span {
@@ -1258,7 +1258,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   outline: none;
   transition: border-color 0.18s ease, box-shadow 0.18s ease;
 
@@ -1329,7 +1329,7 @@ function exportOutcome() {
   gap: 9px;
   margin: 0 0 12px;
   color: #f0fbff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
 
   b {
@@ -1340,14 +1340,14 @@ function exportOutcome() {
     border-radius: 50%;
     color: #062236;
     background: #66dcff;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
   }
 }
 
 .survey-field-hint {
   margin: -4px 0 13px 33px;
   color: #a9cee2;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.65;
 }
 
@@ -1383,7 +1383,7 @@ function exportOutcome() {
 
   span {
     color: #9fc6da;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     line-height: 1.55;
   }
 
@@ -1404,7 +1404,7 @@ function exportOutcome() {
   gap: 10px;
   margin-bottom: 14px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 }
 
@@ -1461,7 +1461,7 @@ function exportOutcome() {
   figcaption {
     overflow: hidden;
     color: #b9d9e8;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     text-overflow: ellipsis;
     white-space: nowrap;
   }
@@ -1496,7 +1496,7 @@ function exportOutcome() {
   color: #ff9eaf;
   background: transparent;
   font: inherit;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   cursor: pointer;
 }
 
@@ -1529,7 +1529,7 @@ function exportOutcome() {
   th {
     color: #eaffff;
     background: rgba(8, 55, 82, 0.98);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -1569,7 +1569,7 @@ function exportOutcome() {
 
   span {
     color: #9fc6da;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 700;
     line-height: 1.55;
   }
@@ -1600,7 +1600,7 @@ function exportOutcome() {
 .analysis-count {
   margin: 8px 2px 0;
   color: #ffb1b1;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 
   &.is-ready {
@@ -1618,7 +1618,7 @@ function exportOutcome() {
   border-radius: 16px;
   color: #f6e5a7;
   background: rgba(120, 92, 8, 0.16);
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   line-height: 1.6;
 }
 
@@ -1645,7 +1645,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -1717,7 +1717,7 @@ function exportOutcome() {
 .classification-summary {
   margin: 8px 0 0;
   color: #ffb1b1;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   line-height: 1.45;
 }
 
@@ -1728,7 +1728,7 @@ function exportOutcome() {
 
 .classification-summary {
   margin-top: 16px;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 700;
 }
 
diff --git a/src/views/foundation/product-development-factors.vue b/src/views/foundation/product-development-factors.vue
index a5f258f..3ef549e 100644
--- a/src/views/foundation/product-development-factors.vue
+++ b/src/views/foundation/product-development-factors.vue
@@ -509,7 +509,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -519,7 +519,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
   letter-spacing: 0;
@@ -535,7 +535,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
@@ -581,7 +581,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px !important;
+    font-size: var(--student-fs-h1) !important;
     font-weight: 800 !important;
     line-height: 1.3 !important;
   }
@@ -589,7 +589,7 @@ function exportOutcome() {
   .section-eyebrow {
     margin: 0;
     color: #71dfff;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 800;
     line-height: 1.4;
   }
@@ -597,7 +597,7 @@ function exportOutcome() {
   > div > .workbench-description {
     margin: 0;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 400;
     line-height: 1.8;
   }
@@ -642,7 +642,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   text-align: left;
@@ -703,7 +703,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -720,7 +720,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -730,7 +730,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -785,7 +785,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -794,7 +794,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -836,7 +836,7 @@ function exportOutcome() {
     border-right: 1px solid rgba(77, 167, 220, 0.2);
     color: #eaffff;
     background: rgba(8, 55, 82, 0.98);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -867,14 +867,14 @@ function exportOutcome() {
 
 .dimension-cell {
   color: #eafaff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 900;
   text-align: center;
 }
 
 .criteria-cell {
   color: #cfe8f8;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.7;
   text-align: center;
 }
@@ -889,7 +889,7 @@ function exportOutcome() {
 .factor-intro {
   margin: 0 0 18px;
   color: #d7ecff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 700;
   line-height: 1.8;
 }
@@ -908,12 +908,12 @@ function exportOutcome() {
   p {
     margin: 0 0 8px;
     color: #eaffff;
-    font-size: 20px;
+    font-size: var(--student-fs-display);
     font-weight: 800;
   }
 
   span {
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.7;
   }
 }
@@ -962,7 +962,7 @@ function exportOutcome() {
   color: #e9fbff !important;
   background: rgba(17, 126, 178, 0.36) !important;
   box-shadow: none !important;
-  font-size: 14px !important;
+  font-size: var(--student-fs-button) !important;
   font-weight: 800 !important;
   line-height: 1 !important;
 }
@@ -975,7 +975,7 @@ function exportOutcome() {
   color: #e9fbff !important;
   background: rgba(17, 126, 178, 0.36) !important;
   box-shadow: none !important;
-  font-size: 14px !important;
+  font-size: var(--student-fs-button) !important;
   font-weight: 800 !important;
   line-height: 1 !important;
 }
@@ -997,7 +997,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
diff --git a/src/views/foundation/product-development-process.vue b/src/views/foundation/product-development-process.vue
index d245596..ee0a46b 100644
--- a/src/views/foundation/product-development-process.vue
+++ b/src/views/foundation/product-development-process.vue
@@ -590,14 +590,14 @@ function exportOutcome() {
 }
 
 .task-header { margin-bottom: 24px; }
-.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; }
+.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: var(--student-fs-caption); font-weight: 700; }
+.task-title { margin: 0; color: transparent; background: linear-gradient(135deg, #fff, #8bcbff); -webkit-background-clip: text; background-clip: text; font-size: var(--student-fs-display); 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::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, .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: var(--student-fs-button); 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; }
 
@@ -605,14 +605,14 @@ function exportOutcome() {
 .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; }
 .step-tab:hover { border-color: rgba(89, 223, 255, 0.82); color: #fff; background: rgba(8, 92, 131, 0.52); box-shadow: 0 7px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(152, 239, 255, .16); transform: translateY(-2px); }.step-tab:hover .step-action { color: #9bf4ff; }.step-tab:focus-visible { outline: 2px solid #72e8ff; outline-offset: 4px; }
 .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; }
+.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: var(--student-fs-caption); 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: var(--student-fs-body); font-weight: 800; line-height: 1.25; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }.step-action { color: #66b6d4; font-size: var(--student-fs-caption); 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-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; }
+.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: var(--student-fs-h2); font-weight: 900; line-height: 1.3; }.section-eyebrow { margin: 0; color: #71dfff; font-size: var(--student-fs-caption); 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: var(--student-fs-body-sm); font-weight: 800; }
+.process-intro { margin: 0 0 18px; color: #d7ecff; font-size: var(--student-fs-body); 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: var(--student-fs-body); 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: var(--student-fs-body); font-weight: 900; text-align: center; }.task-no-cell { width: 12%; color: #eafaff; font-size: var(--student-fs-body); font-weight: 800; text-align: center; }.task-cell { color: #cfe8f8; font-size: var(--student-fs-body); 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: var(--student-fs-caption); 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: var(--student-fs-h1); 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: var(--student-fs-display); 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; }
-.gantt-upload-panel { display: grid; justify-items: center; gap: 22px; min-height: 320px; padding: 32px 16px; border: 1px dashed rgba(71, 204, 255, .55); border-radius: 18px; background: radial-gradient(circle at center, rgba(15, 119, 163, .16), transparent 55%); }.gantt-upload-trigger { display: grid; place-items: center; align-content: center; gap: 9px; width: 280px; height: 138px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #0ba6e0, #0877ad); cursor: pointer; box-shadow: 0 14px 30px rgba(5, 126, 180, .24); }.gantt-upload-trigger input { position: absolute; width: 1px; height: 1px; opacity: 0; }.gantt-upload-trigger .el-icon { font-size: 26px; }.gantt-upload-trigger span { color: #cbefff; font-size: 12px; }.gantt-upload-trigger.disabled { cursor: not-allowed; opacity: .55; }.gantt-preview { width: min(100%, 760px); margin: 0; text-align: center; }.gantt-preview img { display: block; width: 100%; max-height: 410px; object-fit: contain; border: 1px solid rgba(84, 211, 255, .5); border-radius: 12px; background: #fff; cursor: zoom-in; }.gantt-preview figcaption { margin-top: 8px; color: #a8dce9; font-size: 13px; }.gantt-guide { margin-top: 26px; padding: 18px 22px; border-left: 3px solid #23c4ff; border-radius: 0 14px 14px 0; color: #d4edf6; background: rgba(12, 75, 104, .22); }.gantt-guide h4 { margin: 0 0 14px; color: #fff; }.gantt-guide ol { margin: 0; padding-left: 20px; }.gantt-guide li { margin: 11px 0; line-height: 1.7; }.gantt-guide button { margin-left: 12px; border: 0; border-radius: 6px; padding: 5px 10px; color: #fff; background: #109ed4; cursor: pointer; }
-.process-reflection { display: grid; gap: 28px; }.reflection-field { display: grid; gap: 12px; color: #d8edf4; font-size: 16px; line-height: 1.7; }.reflection-field span { color: #f1fbff; font-weight: 600; }.reflection-field textarea { min-height: 190px; resize: vertical; padding: 14px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 14px; color: #eef5ff; background: #0f1a24; font: inherit; line-height: 1.7; }.reflection-field textarea:focus { outline: 0; border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); }.reflection-field textarea:disabled { cursor: not-allowed; opacity: .55; }.reflection-question { color: #f1fbff; font-size: 16px; font-weight: 600; line-height: 1.8; }.scenario-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }.scenario-grid .reflection-field textarea { min-height: 180px; }.process-reflection.disabled { opacity: .72; }
+.gantt-upload-panel { display: grid; justify-items: center; gap: 22px; min-height: 320px; padding: 32px 16px; border: 1px dashed rgba(71, 204, 255, .55); border-radius: 18px; background: radial-gradient(circle at center, rgba(15, 119, 163, .16), transparent 55%); }.gantt-upload-trigger { display: grid; place-items: center; align-content: center; gap: 9px; width: 280px; height: 138px; border-radius: 12px; color: #fff; background: linear-gradient(135deg, #0ba6e0, #0877ad); cursor: pointer; box-shadow: 0 14px 30px rgba(5, 126, 180, .24); }.gantt-upload-trigger input { position: absolute; width: 1px; height: 1px; opacity: 0; }.gantt-upload-trigger .el-icon { font-size: 26px; }.gantt-upload-trigger span { color: #cbefff; font-size: var(--student-fs-caption); }.gantt-upload-trigger.disabled { cursor: not-allowed; opacity: .55; }.gantt-preview { width: min(100%, 760px); margin: 0; text-align: center; }.gantt-preview img { display: block; width: 100%; max-height: 410px; object-fit: contain; border: 1px solid rgba(84, 211, 255, .5); border-radius: 12px; background: #fff; cursor: zoom-in; }.gantt-preview figcaption { margin-top: 8px; color: #a8dce9; font-size: var(--student-fs-body-sm); }.gantt-guide { margin-top: 26px; padding: 18px 22px; border-left: 3px solid #23c4ff; border-radius: 0 14px 14px 0; color: #d4edf6; background: rgba(12, 75, 104, .22); }.gantt-guide h4 { margin: 0 0 14px; color: #fff; }.gantt-guide ol { margin: 0; padding-left: 20px; }.gantt-guide li { margin: 11px 0; line-height: 1.7; }.gantt-guide button { margin-left: 12px; border: 0; border-radius: 6px; padding: 5px 10px; color: #fff; background: #109ed4; cursor: pointer; }
+.process-reflection { display: grid; gap: 28px; }.reflection-field { display: grid; gap: 12px; color: #d8edf4; font-size: var(--student-fs-h2); line-height: 1.7; }.reflection-field span { color: #f1fbff; font-weight: 600; }.reflection-field textarea { min-height: 190px; resize: vertical; padding: 14px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 14px; color: #eef5ff; background: #0f1a24; font: inherit; line-height: 1.7; }.reflection-field textarea:focus { outline: 0; border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); }.reflection-field textarea:disabled { cursor: not-allowed; opacity: .55; }.reflection-question { color: #f1fbff; font-size: var(--student-fs-h2); font-weight: 600; line-height: 1.8; }.scenario-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }.scenario-grid .reflection-field textarea { min-height: 180px; }.process-reflection.disabled { opacity: .72; }
 
 @media (max-width: 1100px) { .product-process { grid-template-columns: 1fr; } }
 @media (max-width: 900px) { .product-process { padding: 14px 14px 18px; }.process-core { padding: 18px; border-radius: 24px; }.workbench-head, .workbench-actions, .task-actions, .step-indicator, .step-title-row { flex-direction: column; align-items: stretch; }.workbench-actions :deep(.material-download), .outline-action { width: 100%; }.step-indicator { width: 100%; margin: 0 0 32px; padding: 16px; overflow-x: visible; border-radius: 20px; }.step-tab { flex: 0 0 auto; width: 100%; min-width: 0; }.step-connector { flex: 0 0 20px; align-self: flex-start; width: 2px; min-width: 0; height: 20px; margin: 4px 0 4px 18px; }.step-connector::after { top: auto; right: auto; bottom: -1px; left: 50%; transform: translateX(-50%) rotate(135deg); }.step-chip { display: none; }.scenario-grid { grid-template-columns: 1fr; gap: 18px; }.task-actions { gap: 14px; }.btn-nav { width: 100%; } }
diff --git a/src/views/index.vue b/src/views/index.vue
index 7f60d4d..ab55d5a 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -91,7 +91,7 @@ const schoolAdminLinks = [
 .quick-card h2 {
   margin: 10px 0 8px;
   color: #f7fbff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 700;
 }
 .quick-card p {
@@ -105,7 +105,7 @@ const schoolAdminLinks = [
   padding: 4px 10px;
   border-radius: 999px;
   color: #76dcff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   background: rgba(73, 178, 255, 0.12);
   border: 1px solid rgba(73, 178, 255, 0.26);
 }
diff --git a/src/views/learningCenter/Achievement.vue b/src/views/learningCenter/Achievement.vue
index 8e362f3..e0ab300 100644
--- a/src/views/learningCenter/Achievement.vue
+++ b/src/views/learningCenter/Achievement.vue
@@ -680,9 +680,9 @@ const height=computed(()=>{
   background: red;
 }
 .reportPromptFile {
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   line-height: 7px;
-  font-family: "微软雅黑";
+  font-family: var(--student-font-base);
   font-weight: 300;
 }
 .upload-item {
diff --git a/src/views/learningCenter/evaluation.vue b/src/views/learningCenter/evaluation.vue
index 7aa2fca..202033f 100644
--- a/src/views/learningCenter/evaluation.vue
+++ b/src/views/learningCenter/evaluation.vue
@@ -444,8 +444,8 @@ import { onMounted } from "vue";
    p {
      width: 210px;
      height: 14px;
-     font-size: 14px;
-     font-family: Source Han Sans CN;
+     font-size: var(--student-fs-body);
+     font-family: var(--student-font-base);
      font-weight: 400;
      color: #333333;
    }
@@ -456,12 +456,12 @@ import { onMounted } from "vue";
      width: 100%;
      display: flex;
      font-weight: bold;
-     font-size: 14px;
+     font-size: var(--student-fs-body);
      align-items: center;
      .eval_main_right {
        margin-left: 23px;
        span {
-         font-size: 14px;
+         font-size: var(--student-fs-body);
          color: #00b4f2;
        }
        // &::before{
@@ -505,8 +505,8 @@ import { onMounted } from "vue";
    background-color: #00b4f2;
    color: white;
    border-radius: 50%;
-   font-size: 13px;
-   font-size: 15px;
+   font-size: var(--student-fs-body-sm);
+   font-size: var(--student-fs-body);
    font-weight: 100;
    margin-left: 35px;
  }
diff --git a/src/views/learningCenter/learningResources.vue b/src/views/learningCenter/learningResources.vue
index 82be0c0..f0dc4c9 100644
--- a/src/views/learningCenter/learningResources.vue
+++ b/src/views/learningCenter/learningResources.vue
@@ -110,8 +110,8 @@ onMounted(() => {
     display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 12px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-caption);
+    font-family: var(--student-font-base);
     font-weight: 550;
     // color: #333333;
     padding: 7px;
@@ -137,8 +137,8 @@ onMounted(() => {
   }
   .el-col {
     border-radius: 4px;
-    font-size: 14px;
-    font-family: Source Han Sans CN;
+    font-size: var(--student-fs-body);
+    font-family: var(--student-font-base);
     font-weight: 500;
   }
 
diff --git a/src/views/login.vue b/src/views/login.vue
index 3509e6d..40299c4 100644
--- a/src/views/login.vue
+++ b/src/views/login.vue
@@ -146,7 +146,7 @@ getCookie();
   margin: 0px auto 30px auto;
   text-align: center;
   color: rgb(48, 50, 52);
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 500;
 }
 .login-main {
@@ -207,7 +207,7 @@ getCookie();
   }
 }
 .login-tip {
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   text-align: center;
   color: #bfbfbf;
 }
@@ -228,8 +228,8 @@ getCookie();
   width: 100%;
   text-align: center;
   color: #fff;
-  font-family: Arial;
-  font-size: 12px;
+  font-family: var(--student-font-base);
+  font-size: var(--student-fs-caption);
   letter-spacing: 1px;
 }
 .login-code-img {
diff --git a/src/views/portraitModel/components/AARRRAnalysis.vue b/src/views/portraitModel/components/AARRRAnalysis.vue
index 5466d3f..e7b7ba8 100644
--- a/src/views/portraitModel/components/AARRRAnalysis.vue
+++ b/src/views/portraitModel/components/AARRRAnalysis.vue
@@ -1220,7 +1220,7 @@ const submitTimeCount = () => {
   }
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1277,7 +1277,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1291,7 +1291,7 @@ const submitTimeCount = () => {
       color: #000;
       line-height: 31px;
       text-align: center;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       padding-left: 10px;
       margin-left: 20px;
     }
@@ -1300,7 +1300,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1316,7 +1316,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -1371,7 +1371,7 @@ const submitTimeCount = () => {
         height: 30px;
         background: #003b75;
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
@@ -1383,7 +1383,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysis {
@@ -1392,14 +1392,14 @@ const submitTimeCount = () => {
     background: #005b55;
     border-radius: 10px;
     margin-top: 20px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     padding-left: 20px;
     padding-top: 12px;
     .conclusion {
       // display: block;
 
       margin-bottom: 10px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
     }
   }
   .generateBtn {
@@ -1409,7 +1409,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysisConclusion {
@@ -1419,7 +1419,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     // cursor: pointer;
     margin-left: 20px;
     padding-left: 10px;
diff --git a/src/views/portraitModel/components/abcAnalysis.vue b/src/views/portraitModel/components/abcAnalysis.vue
index 70905ea..ae01b3f 100644
--- a/src/views/portraitModel/components/abcAnalysis.vue
+++ b/src/views/portraitModel/components/abcAnalysis.vue
@@ -1285,7 +1285,7 @@ const submitTimeCount = () => {
 
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1315,7 +1315,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1327,7 +1327,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1344,7 +1344,7 @@ const submitTimeCount = () => {
       background: rgba(1, 14, 26, 0.72);
       border-radius: 10px;
       // border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
diff --git a/src/views/portraitModel/components/basketAnalysis.vue b/src/views/portraitModel/components/basketAnalysis.vue
index 7868605..506bfc7 100644
--- a/src/views/portraitModel/components/basketAnalysis.vue
+++ b/src/views/portraitModel/components/basketAnalysis.vue
@@ -1185,7 +1185,7 @@ const submitTimeCount = () => {
 
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1215,7 +1215,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1227,7 +1227,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1244,7 +1244,7 @@ const submitTimeCount = () => {
       background: rgba(1, 14, 26, 0.72);
       border-radius: 10px;
       // border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -1293,7 +1293,7 @@ const submitTimeCount = () => {
         // background: #003b75;
         background: rgba(2, 20, 31, 0.82);
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
diff --git a/src/views/portraitModel/components/bostonAnalysis.vue b/src/views/portraitModel/components/bostonAnalysis.vue
index 9652eb7..4482762 100644
--- a/src/views/portraitModel/components/bostonAnalysis.vue
+++ b/src/views/portraitModel/components/bostonAnalysis.vue
@@ -1936,7 +1936,7 @@ const submitTimeCount = () => {
 
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1967,7 +1967,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1979,7 +1979,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1996,7 +1996,7 @@ const submitTimeCount = () => {
       background: #fff8ee;
       border-radius: 10px;
       // border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -2018,11 +2018,11 @@ const submitTimeCount = () => {
           border: 1px solid #67b3d6;
           text-align: center;
           line-height: 19px;
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           cursor: pointer;
         }
         span {
-          font-size: 12px;
+          font-size: var(--student-fs-caption);
           color: #6e70f0;
           margin-left: 10px;
         }
diff --git a/src/views/portraitModel/components/funnelAnalysis.vue b/src/views/portraitModel/components/funnelAnalysis.vue
index befef86..1e47b5c 100644
--- a/src/views/portraitModel/components/funnelAnalysis.vue
+++ b/src/views/portraitModel/components/funnelAnalysis.vue
@@ -1231,7 +1231,7 @@ const submitTimeCount = () => {
   background: #fff;
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1262,7 +1262,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1274,7 +1274,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1290,7 +1290,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
diff --git a/src/views/portraitModel/components/portraitAnalysis.vue b/src/views/portraitModel/components/portraitAnalysis.vue
index e42c4b8..c9841fe 100644
--- a/src/views/portraitModel/components/portraitAnalysis.vue
+++ b/src/views/portraitModel/components/portraitAnalysis.vue
@@ -1282,7 +1282,7 @@ const submitTimeCount = () => {
   }
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1316,7 +1316,7 @@ const submitTimeCount = () => {
         height: 28px;
         line-height: 28px;
         text-align: center;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
         // border-right: 1px solid #338554;
         border-right: 1px solid #f7b55f;
       }
@@ -1361,7 +1361,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1375,7 +1375,7 @@ const submitTimeCount = () => {
       color: #000;
       line-height: 31px;
       text-align: center;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       padding-left: 10px;
       margin-left: 20px;
     }
@@ -1384,7 +1384,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1400,7 +1400,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -1425,7 +1425,7 @@ const submitTimeCount = () => {
         background-image: url("@/assets/images/feature1.png");
         line-height: 33px;
         text-align: center;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         margin-top: 10px;
         margin-left: 40px;
       }
@@ -1437,7 +1437,7 @@ const submitTimeCount = () => {
         height: 46px;
         // line-height: 46px;
         text-align: center;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         margin-top: 10px;
       }
       .feature3 {
@@ -1449,7 +1449,7 @@ const submitTimeCount = () => {
         height: 33px;
         // line-height: 46px;
         text-align: center;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         margin-top: 10px;
       }
       .feature4 {
@@ -1461,7 +1461,7 @@ const submitTimeCount = () => {
         height: 39px;
         // line-height: 46px;
         text-align: center;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         margin-top: 10px;
       }
       .iconBg {
@@ -1473,7 +1473,7 @@ const submitTimeCount = () => {
         height: 23px;
         // line-height: 46px;
         text-align: center;
-        font-size: 12px;
+        font-size: var(--student-fs-caption);
         margin-top: 10px;
         color: #333333;
       }
@@ -1519,7 +1519,7 @@ const submitTimeCount = () => {
         height: 30px;
         background: #003b75;
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
@@ -1531,7 +1531,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysis {
@@ -1540,14 +1540,14 @@ const submitTimeCount = () => {
     background: #005b55;
     border-radius: 10px;
     margin-top: 20px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     padding-left: 20px;
     padding-top: 12px;
     .conclusion {
       // display: block;
 
       margin-bottom: 10px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
     }
   }
   .generateBtn {
@@ -1557,7 +1557,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysisConclusion {
@@ -1567,7 +1567,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     // cursor: pointer;
     margin-left: 20px;
     padding-left: 10px;
diff --git a/src/views/portraitModel/components/repurchaseAnalysis.vue b/src/views/portraitModel/components/repurchaseAnalysis.vue
index 10c7405..aaf0ffb 100644
--- a/src/views/portraitModel/components/repurchaseAnalysis.vue
+++ b/src/views/portraitModel/components/repurchaseAnalysis.vue
@@ -385,7 +385,7 @@
           <img src="@/assets/images/icon01.png" alt="" />
           <span>定期追指标</span>
         </div>
-        <p style="line-height: 25px; font-size: 14px; margin-left: 30px">用户太久不来消费就可能流失，因此衍生了一个做法：计算用户最近一次消费距今时间，如果发现用户已经距今7天/30天/60天/90天没有复购，则直接开展唤醒动作，发放优惠券。</p>
+        <p style="line-height: 25px; font-size: var(--student-fs-button); margin-left: 30px">用户太久不来消费就可能流失，因此衍生了一个做法：计算用户最近一次消费距今时间，如果发现用户已经距今7天/30天/60天/90天没有复购，则直接开展唤醒动作，发放优惠券。</p>
         <!-- <span style="line-height: 25px; font-size: 14px">
           从商品的角度出发，看一个商品的综合价值，可以使用四象限图（波士顿矩阵）来查看商品价值分析。销量和复购率分别作为横纵轴，以平均值为分割线，将所有商品类型划分到四个象限内。<br />
           对于新兴产品：需要着重拓展市场<br />
@@ -400,7 +400,7 @@
           <img src="@/assets/images/icon1-2.png" alt="" />
           <span>找魔法数字</span>
         </div>
-        <p style="line-height: 25px; font-size: 14px; margin-left: 30px">
+        <p style="line-height: 25px; font-size: var(--student-fs-button); margin-left: 30px">
           忠诚用户的复购频率会比普通用户高，这个道理也是不用分析，是个人都知道。于是，有一些数据分析师/运营，会去找这个魔法数字：用户复购X次以后，累计消费与复购率明显高于其他用户（如下图）。
           <br />
           比如发现用户复购4次以后，再进行复购的概率与累计消费都明显高于其他用户。运营便很有动力围绕这个“4次”做文章，通过会员奖励/连续推券/积分等手段，鼓励用户做到这个“4次复购”。
@@ -413,7 +413,7 @@
           <img src="@/assets/images/icon1-3.png" alt="" />
           <span>发现偏好</span>
         </div>
-        <p style="line-height: 25px; font-size: 14px; margin-left: 30px">
+        <p style="line-height: 25px; font-size: var(--student-fs-button); margin-left: 30px">
           在统计用户消费频次/金额的时候，不要只粗暴地看总量，而是按品牌/品类比例进行区分，尝试找到：集中某一品牌/某一品类的忠实用户，如果发现有这一类相对“专一”的用户存在，
           <br />
           再结合其消费金额/参与活动情况，判断用户是被打折价格吸引还是被商品吸引，从而找出运营策略。
@@ -426,7 +426,7 @@
           <img src="@/assets/images/icon1-4.png" alt="" />
           <span>记录场景</span>
         </div>
-        <p style="line-height: 25px; font-size: 14px; margin-left: 30px">
+        <p style="line-height: 25px; font-size: var(--student-fs-button); margin-left: 30px">
           低频消费的用户，不代表一定没有复购，很有可能只是没有触发需求场景而已，比如典型的：
           <br />
           1）喜爱参与大促的用户；
@@ -2294,7 +2294,7 @@ const submitTimeCount = () => {
   }
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -2325,7 +2325,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -2337,7 +2337,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -2353,7 +2353,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -2408,7 +2408,7 @@ const submitTimeCount = () => {
         height: 30px;
         background: #003b75;
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
@@ -2419,7 +2419,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .generateBtn {
@@ -2429,7 +2429,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
 }
diff --git a/src/views/portraitModel/components/retainAnalysis.vue b/src/views/portraitModel/components/retainAnalysis.vue
index ea07f95..b6290dc 100644
--- a/src/views/portraitModel/components/retainAnalysis.vue
+++ b/src/views/portraitModel/components/retainAnalysis.vue
@@ -1815,7 +1815,7 @@ const submitTimeCount = () => {
   }
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1846,7 +1846,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1858,7 +1858,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1874,7 +1874,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -1929,7 +1929,7 @@ const submitTimeCount = () => {
         height: 30px;
         background: #003b75;
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
@@ -1940,7 +1940,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysis {
@@ -1952,14 +1952,14 @@ const submitTimeCount = () => {
     color: #305fcb;
     border-radius: 10px;
     margin-top: 20px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     padding-left: 20px;
     padding-top: 12px;
     .conclusion {
       // display: block;
 
       margin-bottom: 10px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
     }
   }
   .generateBtn {
@@ -1969,7 +1969,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
 }
diff --git a/src/views/portraitModel/components/rfmAnalysis.vue b/src/views/portraitModel/components/rfmAnalysis.vue
index c4929f0..3c99f44 100644
--- a/src/views/portraitModel/components/rfmAnalysis.vue
+++ b/src/views/portraitModel/components/rfmAnalysis.vue
@@ -1589,7 +1589,7 @@ const submitTimeCount = () => {
 
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -1619,7 +1619,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -1631,7 +1631,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -1648,7 +1648,7 @@ const submitTimeCount = () => {
       background: #fff8ee;
       border-radius: 10px;
       // border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
diff --git a/src/views/portraitModel/components/viscosityAnalysis.vue b/src/views/portraitModel/components/viscosityAnalysis.vue
index 64bee51..3fd5a11 100644
--- a/src/views/portraitModel/components/viscosityAnalysis.vue
+++ b/src/views/portraitModel/components/viscosityAnalysis.vue
@@ -1992,7 +1992,7 @@ const submitTimeCount = () => {
   }
   .import {
     display: flex;
-    font-size: 15px;
+    font-size: var(--student-fs-button-lg);
     font-weight: bold;
     width: 150px;
     height: 50px;
@@ -2023,7 +2023,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 89px;
@@ -2035,7 +2035,7 @@ const submitTimeCount = () => {
       margin-left: 20px;
       color: #000;
       padding-left: 10px;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       text-align: center;
       line-height: 31px;
       width: 99px;
@@ -2051,7 +2051,7 @@ const submitTimeCount = () => {
       background: #003b75;
       border-radius: 10px;
       border: 1px solid #0052a3;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       margin-top: 10px;
       img {
         margin-right: 10px;
@@ -2106,7 +2106,7 @@ const submitTimeCount = () => {
         height: 30px;
         background: #003b75;
         border-bottom: 1px solid #7190d4;
-        font-size: 14px;
+        font-size: var(--student-fs-body);
       }
     }
   }
@@ -2117,7 +2117,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysis {
@@ -2126,14 +2126,14 @@ const submitTimeCount = () => {
     background: #005b55;
     border-radius: 10px;
     margin-top: 20px;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     padding-left: 20px;
     padding-top: 12px;
     .conclusion {
       // display: block;
 
       margin-bottom: 10px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
     }
   }
   .generateBtn {
@@ -2143,7 +2143,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     cursor: pointer;
   }
   .analysisConclusion {
@@ -2153,7 +2153,7 @@ const submitTimeCount = () => {
     text-align: center;
     line-height: 31px;
     color: #000;
-    font-size: 14px;
+    font-size: var(--student-fs-button);
     // cursor: pointer;
     margin-left: 20px;
     padding-left: 10px;
diff --git a/src/views/portraitModel/index.vue b/src/views/portraitModel/index.vue
index 562570f..f62e055 100644
--- a/src/views/portraitModel/index.vue
+++ b/src/views/portraitModel/index.vue
@@ -294,7 +294,7 @@ const retrain = () => {
     }
     .tabs {
       cursor: pointer;
-      font-size: 13px;
+      font-size: var(--student-fs-body-sm);
       margin-right: 9px;
       margin-bottom: 20px;
       width: 159px;
@@ -397,7 +397,7 @@ const retrain = () => {
       height: 31px;
       background-image: url("@/assets/images/submit.png");
       color: #080138;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       line-height: 31px;
       padding-left: 30px;
       cursor: pointer;
@@ -407,7 +407,7 @@ const retrain = () => {
       height: 31px;
       background-image: url("@/assets/images/retrain.png");
       color: #080138;
-      font-size: 14px;
+      font-size: var(--student-fs-button);
       line-height: 31px;
       padding-left: 30px;
       margin-left: 20px;
@@ -425,7 +425,7 @@ const retrain = () => {
         padding-left: 10px;
         display: flex;
         align-items: center;
-        font-size: 18px;
+        font-size: var(--student-fs-h1);
         color: #3596eb;
         font-weight: bold;
         height: 50px;
diff --git a/src/views/product/after-sales-service.vue b/src/views/product/after-sales-service.vue
index 3539ba9..54f3185 100644
--- a/src/views/product/after-sales-service.vue
+++ b/src/views/product/after-sales-service.vue
@@ -426,7 +426,7 @@ function exportOutcome() { const blob = new Blob([JSON.stringify({ currentStep:
 </script>
 
 <style scoped lang="scss">
-.after-sales-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:36px;background:rgba(8,18,28,.6);box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22)}.task-header{margin-bottom:24px}.task-badge,.step-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:12px;font-weight:700}.task-badge{min-height:28px;padding:4px 14px}.task-title{margin:12px 0 0;color:#fff;font-size:30px;font-weight:900;line-height:1.3}.task-card,.step-card{border:1px solid rgba(82,174,226,.42);border-radius:26px;background:rgba(0,25,42,.64)}.task-card{margin-top:28px;padding:18px 22px 22px}.workbench-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:12px;font-weight:800;letter-spacing:.06em}.workbench-head h2,.step-title-row h3,.placeholder-card h3{margin:5px 0 0;color:#fff;font-size:24px;line-height:1.3}.workbench-actions,.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.btn-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#e9fbff;background:rgba(17,126,178,.36);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.outline-action:hover,.btn-nav:hover:not(:disabled){border-color:#74ebff;background:rgba(18,146,204,.5)}button:disabled{cursor:not-allowed;opacity:.45}.btn-submit,.btn-primary{border-color:transparent;background:linear-gradient(135deg,#08a5d6,#147bb9)}.step-indicator{display:flex;align-items:center;margin:0 -12px 30px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:18px;background:rgba(1,18,31,.62)}.step-tab{display:flex;flex:1 0 145px;align-items:center;gap:10px;min-height:66px;padding:8px;border:1px solid rgba(68,141,177,.35);border-radius:8px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer}.step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92))}.step-tab.complete{color:#c8edff}.step-marker{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-weight:900}.step-copy{display:grid;gap:3px}.step-copy small{font-size:11px;color:inherit}.step-connector{flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-card{padding:24px}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-chip{padding:7px 12px}.step-desc{margin:18px 0 24px;color:#d7ecff;font-size:15px;line-height:1.8}.classification-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;align-items:start}.fault-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fault-lane,.unassigned-panel{border:1px solid rgba(102,194,232,.36);border-radius:17px;background:linear-gradient(145deg,rgba(12,67,93,.52),rgba(3,22,36,.8));transition:border-color .2s,box-shadow .2s,background .2s}.fault-lane{min-height:260px;padding:16px}.fault-lane--over,.unassigned-panel--over{border-color:#75ebff;background:rgba(8,103,143,.42);box-shadow:0 0 0 3px rgba(49,202,241,.12)}.lane-head,.unassigned-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lane-head>div{display:flex;align-items:center;gap:9px}.lane-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(102,224,255,.7);border-radius:50%;color:#8eeaff;font-size:11px;font-weight:900}.lane-head h4{margin:0;color:#fff;font-size:16px}.lane-head>span{color:#91dff7;font-size:12px;font-weight:800}.fault-lane>p,.unassigned-panel>p{min-height:40px;margin:10px 0;color:#a7cad9;font-size:12px;line-height:1.65}.lane-drop-zone,.unassigned-list{display:grid;gap:10px}.drop-hint,.unassigned-empty{display:grid;place-items:center;min-height:104px;border:1px dashed rgba(94,208,241,.38);border-radius:11px;color:#78bfd9;font-size:12px;text-align:center}.unassigned-panel{position:sticky;top:18px;padding:18px}.unassigned-head strong{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#0b92c4;font-size:12px}.fault-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:11px;border:1px solid rgba(93,191,226,.38);border-radius:11px;background:rgba(3,27,43,.9);cursor:grab;transition:.2s}.fault-card:hover,.fault-card.dragging{border-color:#75e9ff;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-1px)}.fault-handle{color:#74dff7;font-size:18px;line-height:1}.fault-card p{grid-column:2;margin:0;color:#e4f4ff;font-size:13px;line-height:1.55}.fault-select-label{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#88bbce;font-size:11px}.fault-select-label select{max-width:142px;padding:4px 22px 4px 7px;border:1px solid rgba(95,188,221,.6);border-radius:6px;color:#dff7ff;background:#0b2638;font:inherit;font-size:11px}.result-message{margin:22px 0 0;padding:11px 14px;border:1px solid rgba(255,186,83,.65);border-radius:10px;color:#ffe1a0;background:rgba(153,96,12,.18)}.result-message.success{border-color:#43dfb5;color:#c6ffe8;background:rgba(18,143,103,.2)}.task-actions{justify-content:flex-end;margin-top:24px}.placeholder-card{min-height:250px}.placeholder-card>p:not(.section-eyebrow){margin:18px 0;color:#cae6f5;line-height:1.8}@media (max-width:1180px){.after-sales-page{grid-template-columns:1fr}.training-core{padding:22px}}@media (max-width:850px){.classification-workspace{grid-template-columns:1fr}.unassigned-panel{position:static}.fault-lanes{grid-template-columns:1fr}}@media (max-width:720px){.after-sales-page{padding:12px}.training-core{padding:16px;border-radius:20px}.task-card,.step-card{padding:16px}.workbench-head{flex-direction:column}.workbench-actions,.outline-action,.btn-nav{width:100%}.step-indicator{align-items:stretch;flex-direction:column;margin-right:0;margin-left:0}.step-tab{flex:0 0 auto;width:100%}.step-connector{flex:0 0 20px;width:2px;height:20px;margin-left:25px}.fault-lanes{grid-template-columns:1fr}.task-title{font-size:25px}}
-.service-table-wrap{overflow-x:auto;border:1px solid rgba(90,190,231,.38);border-radius:16px;background:rgba(2,21,35,.45)}.service-table{width:100%;min-width:990px;border-collapse:collapse;table-layout:fixed}.service-table th,.service-table td{padding:14px;border-right:1px solid rgba(104,188,220,.26);border-bottom:1px solid rgba(104,188,220,.26);vertical-align:top}.service-table tr:last-child th,.service-table tr:last-child td{border-bottom:0}.service-table th:last-child,.service-table td:last-child{border-right:0}.service-table thead th{padding:13px 12px;color:#eaffff;background:linear-gradient(90deg,rgba(7,143,196,.92),rgba(13,100,159,.92));font-size:14px;text-align:center}.service-table tbody th{width:15%;vertical-align:middle;color:#f4fbff;background:rgba(7,54,79,.48);font-size:14px;text-align:center}.service-table tbody td{width:28.33%;color:#c4e7f4;font-size:13px;line-height:1.7}.service-row-index{display:block;margin-bottom:7px;color:#6de1fb;font-size:11px;font-weight:900;letter-spacing:.1em}.service-table em{color:#9cc2d3;font-style:italic}.service-table textarea{display:block;box-sizing:border-box;width:100%;min-height:92px;padding:10px;border:1px solid rgba(93,190,224,.38);border-radius:9px;outline:none;resize:vertical;color:#eaf9ff;background:rgba(1,14,24,.56);font:inherit;font-size:13px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.service-table textarea::placeholder{color:#628da1}.service-table textarea:focus{border-color:#66e1fb;box-shadow:0 0 0 3px rgba(58,200,240,.12)}.example-button{margin-top:9px;padding:4px 9px;border:1px solid rgba(94,214,244,.56);border-radius:999px;color:#d7f9ff;background:rgba(12,125,172,.36);font:inherit;font-size:11px;font-weight:800;cursor:pointer}.example-button:hover{border-color:#8ef1ff;background:rgba(16,152,204,.53)}.example-copy{display:block;margin-top:8px;color:#86afc1;font-size:11px;line-height:1.55;white-space:pre-line}
-.policy-design-card{display:grid;gap:26px}.policy-design-card .step-title-row{margin-bottom:-8px}.policy-section{display:grid;gap:10px}.policy-section-heading{display:flex;align-items:center;gap:9px}.policy-section-heading span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(100,221,247,.56);border-radius:8px;color:#6ee4ff;font-size:12px;font-weight:900}.policy-section-heading h4{margin:0;color:#effaff;font-size:18px}.policy-section>p{margin:0;color:#b7d8e6;font-size:13px;line-height:1.8}.policy-table{min-width:1040px}.policy-table tbody th{width:18%}.policy-table tbody td{width:41%}.policy-summary-table{min-width:760px}.policy-summary-table tbody th{width:20%}.policy-summary-table tbody td{width:80%}.policy-summary-table textarea{min-height:78px}
+.after-sales-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:36px;background:rgba(8,18,28,.6);box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22)}.task-header{margin-bottom:24px}.task-badge,.step-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:var(--student-fs-caption);font-weight:700}.task-badge{min-height:28px;padding:4px 14px}.task-title{margin:12px 0 0;color:#fff;font-size:var(--student-fs-display);font-weight:900;line-height:1.3}.task-card,.step-card{border:1px solid rgba(82,174,226,.42);border-radius:26px;background:rgba(0,25,42,.64)}.task-card{margin-top:28px;padding:18px 22px 22px}.workbench-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800;letter-spacing:.06em}.workbench-head h2,.step-title-row h3,.placeholder-card h3{margin:5px 0 0;color:#fff;font-size:var(--student-fs-h1);line-height:1.3}.workbench-actions,.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.btn-nav{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#e9fbff;background:rgba(17,126,178,.36);font:inherit;font-size:var(--student-fs-button);font-weight:800;cursor:pointer}.outline-action:hover,.btn-nav:hover:not(:disabled){border-color:#74ebff;background:rgba(18,146,204,.5)}button:disabled{cursor:not-allowed;opacity:.45}.btn-submit,.btn-primary{border-color:transparent;background:linear-gradient(135deg,#08a5d6,#147bb9)}.step-indicator{display:flex;align-items:center;margin:0 -12px 30px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:18px;background:rgba(1,18,31,.62)}.step-tab{display:flex;flex:1 0 145px;align-items:center;gap:10px;min-height:66px;padding:8px;border:1px solid rgba(68,141,177,.35);border-radius:8px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer}.step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92))}.step-tab.complete{color:#c8edff}.step-marker{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-weight:900}.step-copy{display:grid;gap:3px}.step-copy small{font-size:var(--student-fs-caption);color:inherit}.step-connector{flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-card{padding:24px}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-chip{padding:7px 12px}.step-desc{margin:18px 0 24px;color:#d7ecff;font-size:var(--student-fs-body);line-height:1.8}.classification-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px;align-items:start}.fault-lanes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fault-lane,.unassigned-panel{border:1px solid rgba(102,194,232,.36);border-radius:17px;background:linear-gradient(145deg,rgba(12,67,93,.52),rgba(3,22,36,.8));transition:border-color .2s,box-shadow .2s,background .2s}.fault-lane{min-height:260px;padding:16px}.fault-lane--over,.unassigned-panel--over{border-color:#75ebff;background:rgba(8,103,143,.42);box-shadow:0 0 0 3px rgba(49,202,241,.12)}.lane-head,.unassigned-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.lane-head>div{display:flex;align-items:center;gap:9px}.lane-index{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(102,224,255,.7);border-radius:50%;color:#8eeaff;font-size:var(--student-fs-caption);font-weight:900}.lane-head h4{margin:0;color:#fff;font-size:var(--student-fs-h2)}.lane-head>span{color:#91dff7;font-size:var(--student-fs-caption);font-weight:800}.fault-lane>p,.unassigned-panel>p{min-height:40px;margin:10px 0;color:#a7cad9;font-size:var(--student-fs-caption);line-height:1.65}.lane-drop-zone,.unassigned-list{display:grid;gap:10px}.drop-hint,.unassigned-empty{display:grid;place-items:center;min-height:104px;border:1px dashed rgba(94,208,241,.38);border-radius:11px;color:#78bfd9;font-size:var(--student-fs-caption);text-align:center}.unassigned-panel{position:sticky;top:18px;padding:18px}.unassigned-head strong{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#fff;background:#0b92c4;font-size:var(--student-fs-caption)}.fault-card{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;padding:11px;border:1px solid rgba(93,191,226,.38);border-radius:11px;background:rgba(3,27,43,.9);cursor:grab;transition:.2s}.fault-card:hover,.fault-card.dragging{border-color:#75e9ff;box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-1px)}.fault-handle{color:#74dff7;font-size:var(--student-fs-h1);line-height:1}.fault-card p{grid-column:2;margin:0;color:#e4f4ff;font-size:var(--student-fs-body-sm);line-height:1.55}.fault-select-label{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#88bbce;font-size:var(--student-fs-caption)}.fault-select-label select{max-width:142px;padding:4px 22px 4px 7px;border:1px solid rgba(95,188,221,.6);border-radius:6px;color:#dff7ff;background:#0b2638;font:inherit;font-size:var(--student-fs-caption)}.result-message{margin:22px 0 0;padding:11px 14px;border:1px solid rgba(255,186,83,.65);border-radius:10px;color:#ffe1a0;background:rgba(153,96,12,.18)}.result-message.success{border-color:#43dfb5;color:#c6ffe8;background:rgba(18,143,103,.2)}.task-actions{justify-content:flex-end;margin-top:24px}.placeholder-card{min-height:250px}.placeholder-card>p:not(.section-eyebrow){margin:18px 0;color:#cae6f5;line-height:1.8}@media (max-width:1180px){.after-sales-page{grid-template-columns:1fr}.training-core{padding:22px}}@media (max-width:850px){.classification-workspace{grid-template-columns:1fr}.unassigned-panel{position:static}.fault-lanes{grid-template-columns:1fr}}@media (max-width:720px){.after-sales-page{padding:12px}.training-core{padding:16px;border-radius:20px}.task-card,.step-card{padding:16px}.workbench-head{flex-direction:column}.workbench-actions,.outline-action,.btn-nav{width:100%}.step-indicator{align-items:stretch;flex-direction:column;margin-right:0;margin-left:0}.step-tab{flex:0 0 auto;width:100%}.step-connector{flex:0 0 20px;width:2px;height:20px;margin-left:25px}.fault-lanes{grid-template-columns:1fr}.task-title{font-size:25px}}
+.service-table-wrap{overflow-x:auto;border:1px solid rgba(90,190,231,.38);border-radius:16px;background:rgba(2,21,35,.45)}.service-table{width:100%;min-width:990px;border-collapse:collapse;table-layout:fixed}.service-table th,.service-table td{padding:14px;border-right:1px solid rgba(104,188,220,.26);border-bottom:1px solid rgba(104,188,220,.26);vertical-align:top}.service-table tr:last-child th,.service-table tr:last-child td{border-bottom:0}.service-table th:last-child,.service-table td:last-child{border-right:0}.service-table thead th{padding:13px 12px;color:#eaffff;background:linear-gradient(90deg,rgba(7,143,196,.92),rgba(13,100,159,.92));font-size:var(--student-fs-body);text-align:center}.service-table tbody th{width:15%;vertical-align:middle;color:#f4fbff;background:rgba(7,54,79,.48);font-size:var(--student-fs-body);text-align:center}.service-table tbody td{width:28.33%;color:#c4e7f4;font-size:var(--student-fs-body-sm);line-height:1.7}.service-row-index{display:block;margin-bottom:7px;color:#6de1fb;font-size:var(--student-fs-caption);font-weight:900;letter-spacing:.1em}.service-table em{color:#9cc2d3;font-style:italic}.service-table textarea{display:block;box-sizing:border-box;width:100%;min-height:92px;padding:10px;border:1px solid rgba(93,190,224,.38);border-radius:9px;outline:none;resize:vertical;color:#eaf9ff;background:rgba(1,14,24,.56);font:inherit;font-size:var(--student-fs-body-sm);line-height:1.6;transition:border-color .2s,box-shadow .2s}.service-table textarea::placeholder{color:#628da1}.service-table textarea:focus{border-color:#66e1fb;box-shadow:0 0 0 3px rgba(58,200,240,.12)}.example-button{margin-top:9px;padding:4px 9px;border:1px solid rgba(94,214,244,.56);border-radius:999px;color:#d7f9ff;background:rgba(12,125,172,.36);font:inherit;font-size:var(--student-fs-caption);font-weight:800;cursor:pointer}.example-button:hover{border-color:#8ef1ff;background:rgba(16,152,204,.53)}.example-copy{display:block;margin-top:8px;color:#86afc1;font-size:var(--student-fs-caption);line-height:1.55;white-space:pre-line}
+.policy-design-card{display:grid;gap:26px}.policy-design-card .step-title-row{margin-bottom:-8px}.policy-section{display:grid;gap:10px}.policy-section-heading{display:flex;align-items:center;gap:9px}.policy-section-heading span{display:grid;place-items:center;width:27px;height:27px;border:1px solid rgba(100,221,247,.56);border-radius:8px;color:#6ee4ff;font-size:var(--student-fs-caption);font-weight:900}.policy-section-heading h4{margin:0;color:#effaff;font-size:var(--student-fs-h1)}.policy-section>p{margin:0;color:#b7d8e6;font-size:var(--student-fs-body-sm);line-height:1.8}.policy-table{min-width:1040px}.policy-table tbody th{width:18%}.policy-table tbody td{width:41%}.policy-summary-table{min-width:760px}.policy-summary-table tbody th{width:20%}.policy-summary-table tbody td{width:80%}.policy-summary-table textarea{min-height:78px}
 </style>
diff --git a/src/views/product/components/ProductStandardTrainingPage.vue b/src/views/product/components/ProductStandardTrainingPage.vue
index 3c82b89..750b2e2 100644
--- a/src/views/product/components/ProductStandardTrainingPage.vue
+++ b/src/views/product/components/ProductStandardTrainingPage.vue
@@ -133,21 +133,21 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildProgress()
 </script>
 
 <style scoped lang="scss">
-.product-standard-page { display:grid; grid-template-columns:minmax(720px,1fr) 340px; gap:24px; min-height:calc(100vh - 76px); padding:24px 24px 32px; color:#eef5ff; background:#06111d; }.training-core { min-width:0; padding:28px; border:1px solid rgba(0,180,255,.25); border-radius:36px; background:rgba(8,18,28,.6); box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22); }.task-header { margin-bottom:24px; }.task-badge { display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:4px 14px; border:1px solid rgba(99,217,255,.55); border-radius:999px; color:#dff5ff; background:rgba(17,126,178,.36); font-size:12px; font-weight:700; }.task-title { margin:12px 0 0; color:#fff; font-size:30px; font-weight:900; line-height:1.3; }
-.task-card,.step-card { border:1px solid rgba(82,174,226,.42); border-radius:26px; background:rgba(0,25,42,.64); }.task-card { margin-top:28px; padding:18px 22px 22px; }.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,.2); }.section-eyebrow { margin:0; color:#71dfff; font-size:12px; font-weight:800; line-height:1.4; }.workbench-head h3 { margin:4px 0 8px; color:#fff; font-size:26px; font-weight:800; line-height:1.3; }.workbench-description,.step-desc { margin:0; color:#d7ecff; font-size:15px; line-height:1.8; }.workbench-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; margin-left:auto; gap:10px; flex-shrink:0; }.outline-action,.btn-nav { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 18px; border:1px solid rgba(99,217,255,.55); border-radius:999px; color:#e9fbff; background:rgba(17,126,178,.36); font:inherit; font-size:14px; font-weight:800; cursor:pointer; }.outline-action:hover,.outline-action:focus-visible,.btn-nav:hover:not(:disabled),.btn-nav:focus-visible { border-color:rgba(116,235,255,.85); background:rgba(18,146,204,.5); outline:none; transform:translateY(-1px); }
-.step-indicator { display:flex; align-items:center; gap:12px; width:calc(100% + 24px); min-height:0; margin:0 -12px 32px; padding:18px 22px; overflow-x:auto; border:1px solid rgba(0,180,255,.3); border-radius:18px; background:linear-gradient(110deg,rgba(4,39,58,.9),rgba(2,20,33,.94)); box-shadow:inset 0 1px 0 rgba(169,229,255,.08); }.step-tab { display:flex; flex:1 0 145px; align-items:center; min-height:66px; padding:8px 10px; border:1px solid rgba(68,141,177,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); font:inherit; font-size:14px; font-weight:800; text-align:left; cursor:pointer; transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s; }.step-tab:hover,.step-tab:focus-visible { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 8px 18px rgba(0,0,0,.2); outline:none; }.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-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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:12px; font-weight:900; letter-spacing:.04em; }.step-copy { display:grid; min-width:0; gap:4px; margin-left:10px; }.step-copy strong { display:-webkit-box; overflow:hidden; color:inherit; font-size:14px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.step-copy span { color:#66b6d4; font-size:10px; font-weight:800; letter-spacing:.06em; }.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-connector { position:relative; flex:0 1 64px; min-width:22px; height:2px; margin:0 14px; color:transparent; 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-connector.complete { background:linear-gradient(90deg,#6ef0e1,#1cb8e9); box-shadow:0 0 9px rgba(53,218,235,.46); }.step-connector.complete::after { border-color:#63e6f1; }.step-card { margin-top:32px; padding:18px 22px 22px; }.step-indicator + .step-card,.workbench-head + .step-card { margin-top:0; }.step-title-row { margin-bottom:14px; }.step-title-row h3 { margin:4px 0 0; color:#fff; font-size:22px; font-weight:900; line-height:1.3; }.key-point-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }.key-point-grid span,.table-panel { border:1px solid rgba(0,180,255,.22); border-radius:16px; background:rgba(1,14,26,.72); }.key-point-grid span { padding:12px 14px; color:#d7ecff; font-size:14px; font-weight:700; line-height:1.55; }.field-block { display:block; margin:16px 0 0; }.field-block span { display:block; margin-bottom:8px; color:#dff5ff; font-size:14px; font-weight:800; line-height:1.6; }.field-block :deep(.el-input__wrapper),.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { border:1px solid rgba(45,95,126,.95); border-radius:14px; box-shadow:none; background:#0f1a24; }.field-block :deep(.el-input__wrapper) { min-height:42px; padding:0 14px; }.field-block :deep(.el-input__inner),.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { color:#eef5ff; font-size:14px; }.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { min-height:110px !important; padding:12px 14px; line-height:1.65; }.table-panel { margin-top:22px; padding:16px; }.panel-title { margin-bottom:12px; }.panel-title h4 { margin:0 0 4px; color:#fff; font-size:18px; font-weight:900; }.panel-title p { margin:0; color:#9ab3d0; font-size:14px; line-height:1.6; }.table-wrap { overflow-x:auto; border:1px solid rgba(0,180,255,.22); border-radius:14px; }.table-wrap table { width:100%; min-width:760px; border-collapse:collapse; }.table-wrap th,.table-wrap td { padding:12px; border-right:1px solid rgba(77,167,220,.2); border-bottom:1px solid rgba(77,167,220,.2); vertical-align:top; }.table-wrap thead th { color:#eefaff; background:rgba(8,55,82,.98); font-size:14px; font-weight:800; }.table-wrap tbody th { width:18%; color:#dff5ff; font-size:14px; }.table-wrap td { color:#d7ecff; font-size:14px; line-height:1.7; }.table-wrap tr:last-child th,.table-wrap tr:last-child td { border-bottom:0; }.table-wrap th:last-child,.table-wrap td:last-child { border-right:0; }.step-navigation { display:flex; justify-content:center; gap:14px; margin-top:22px; }.btn-nav.btn-save,.btn-nav.btn-primary { border-color:rgba(92,224,255,.7); color:#fff; background:linear-gradient(95deg,#0b84bd,#096491); }.btn-nav:disabled { cursor:not-allowed; opacity:.45; transform:none; }.training-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:52px; margin-top:36px; }.training-actions :deep(.training-action) { min-width:172px; height:64px; padding:0 28px; border:1px solid #2c83aa; border-radius:6px; color:#dff7ff; background:rgba(13,64,88,.62); font-size:24px; font-weight:900; }
+.product-standard-page { display:grid; grid-template-columns:minmax(720px,1fr) 340px; gap:24px; min-height:calc(100vh - 76px); padding:24px 24px 32px; color:#eef5ff; background:#06111d; }.training-core { min-width:0; padding:28px; border:1px solid rgba(0,180,255,.25); border-radius:36px; background:rgba(8,18,28,.6); box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22); }.task-header { margin-bottom:24px; }.task-badge { display:inline-flex; align-items:center; gap:8px; min-height:28px; padding:4px 14px; border:1px solid rgba(99,217,255,.55); border-radius:999px; color:#dff5ff; background:rgba(17,126,178,.36); font-size:var(--student-fs-caption); font-weight:700; }.task-title { margin:12px 0 0; color:#fff; font-size:var(--student-fs-display); font-weight:900; line-height:1.3; }
+.task-card,.step-card { border:1px solid rgba(82,174,226,.42); border-radius:26px; background:rgba(0,25,42,.64); }.task-card { margin-top:28px; padding:18px 22px 22px; }.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,.2); }.section-eyebrow { margin:0; color:#71dfff; font-size:var(--student-fs-caption); font-weight:800; line-height:1.4; }.workbench-head h3 { margin:4px 0 8px; color:#fff; font-size:var(--student-fs-h1); font-weight:800; line-height:1.3; }.workbench-description,.step-desc { margin:0; color:#d7ecff; font-size:var(--student-fs-body); line-height:1.8; }.workbench-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; margin-left:auto; gap:10px; flex-shrink:0; }.outline-action,.btn-nav { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:0 18px; border:1px solid rgba(99,217,255,.55); border-radius:999px; color:#e9fbff; background:rgba(17,126,178,.36); font:inherit; font-size:var(--student-fs-button); font-weight:800; cursor:pointer; }.outline-action:hover,.outline-action:focus-visible,.btn-nav:hover:not(:disabled),.btn-nav:focus-visible { border-color:rgba(116,235,255,.85); background:rgba(18,146,204,.5); outline:none; transform:translateY(-1px); }
+.step-indicator { display:flex; align-items:center; gap:12px; width:calc(100% + 24px); min-height:0; margin:0 -12px 32px; padding:18px 22px; overflow-x:auto; border:1px solid rgba(0,180,255,.3); border-radius:18px; background:linear-gradient(110deg,rgba(4,39,58,.9),rgba(2,20,33,.94)); box-shadow:inset 0 1px 0 rgba(169,229,255,.08); }.step-tab { display:flex; flex:1 0 145px; align-items:center; min-height:66px; padding:8px 10px; border:1px solid rgba(68,141,177,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); font:inherit; font-size:var(--student-fs-body); font-weight:800; text-align:left; cursor:pointer; transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s; }.step-tab:hover,.step-tab:focus-visible { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 8px 18px rgba(0,0,0,.2); outline:none; }.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-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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:var(--student-fs-caption); font-weight:900; letter-spacing:.04em; }.step-copy { display:grid; min-width:0; gap:4px; margin-left:10px; }.step-copy strong { display:-webkit-box; overflow:hidden; color:inherit; font-size:var(--student-fs-body); line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.step-copy span { color:#66b6d4; font-size:var(--student-fs-caption); font-weight:800; letter-spacing:.06em; }.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-connector { position:relative; flex:0 1 64px; min-width:22px; height:2px; margin:0 14px; color:transparent; 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-connector.complete { background:linear-gradient(90deg,#6ef0e1,#1cb8e9); box-shadow:0 0 9px rgba(53,218,235,.46); }.step-connector.complete::after { border-color:#63e6f1; }.step-card { margin-top:32px; padding:18px 22px 22px; }.step-indicator + .step-card,.workbench-head + .step-card { margin-top:0; }.step-title-row { margin-bottom:14px; }.step-title-row h3 { margin:4px 0 0; color:#fff; font-size:var(--student-fs-h2); font-weight:900; line-height:1.3; }.key-point-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:18px 0; }.key-point-grid span,.table-panel { border:1px solid rgba(0,180,255,.22); border-radius:16px; background:rgba(1,14,26,.72); }.key-point-grid span { padding:12px 14px; color:#d7ecff; font-size:var(--student-fs-body); font-weight:700; line-height:1.55; }.field-block { display:block; margin:16px 0 0; }.field-block span { display:block; margin-bottom:8px; color:#dff5ff; font-size:var(--student-fs-body); font-weight:800; line-height:1.6; }.field-block :deep(.el-input__wrapper),.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { border:1px solid rgba(45,95,126,.95); border-radius:14px; box-shadow:none; background:#0f1a24; }.field-block :deep(.el-input__wrapper) { min-height:42px; padding:0 14px; }.field-block :deep(.el-input__inner),.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { color:#eef5ff; font-size:var(--student-fs-body); }.field-block :deep(.el-textarea__inner),.table-wrap :deep(.el-textarea__inner) { min-height:110px !important; padding:12px 14px; line-height:1.65; }.table-panel { margin-top:22px; padding:16px; }.panel-title { margin-bottom:12px; }.panel-title h4 { margin:0 0 4px; color:#fff; font-size:var(--student-fs-h1); font-weight:900; }.panel-title p { margin:0; color:#9ab3d0; font-size:var(--student-fs-body); line-height:1.6; }.table-wrap { overflow-x:auto; border:1px solid rgba(0,180,255,.22); border-radius:14px; }.table-wrap table { width:100%; min-width:760px; border-collapse:collapse; }.table-wrap th,.table-wrap td { padding:12px; border-right:1px solid rgba(77,167,220,.2); border-bottom:1px solid rgba(77,167,220,.2); vertical-align:top; }.table-wrap thead th { color:#eefaff; background:rgba(8,55,82,.98); font-size:var(--student-fs-body); font-weight:800; }.table-wrap tbody th { width:18%; color:#dff5ff; font-size:var(--student-fs-body); }.table-wrap td { color:#d7ecff; font-size:var(--student-fs-body); line-height:1.7; }.table-wrap tr:last-child th,.table-wrap tr:last-child td { border-bottom:0; }.table-wrap th:last-child,.table-wrap td:last-child { border-right:0; }.step-navigation { display:flex; justify-content:center; gap:14px; margin-top:22px; }.btn-nav.btn-save,.btn-nav.btn-primary { border-color:rgba(92,224,255,.7); color:#fff; background:linear-gradient(95deg,#0b84bd,#096491); }.btn-nav:disabled { cursor:not-allowed; opacity:.45; transform:none; }.training-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:52px; margin-top:36px; }.training-actions :deep(.training-action) { min-width:172px; height:64px; padding:0 28px; border:1px solid #2c83aa; border-radius:6px; color:#dff7ff; background:rgba(13,64,88,.62); font-size:var(--student-fs-h1); font-weight:900; }
 @media (max-width:1100px) { .product-standard-page { grid-template-columns:1fr; } } @media (max-width:900px) { .product-standard-page { padding:14px; }.training-core { padding:18px; border-radius:24px; }.workbench-head,.workbench-actions,.step-navigation { flex-direction:column; align-items:stretch; }.workbench-actions,.outline-action,.btn-nav,.training-actions :deep(.training-action) { width:100%; }.step-indicator { align-items:stretch; flex-direction:column; width:100%; margin-right:0; margin-left:0; overflow:visible; border-radius:20px; }.step-tab { flex:0 0 auto; width:100%; }.step-connector { flex:0 0 22px; width:2px; height:22px; margin-left:29px; text-align:center; writing-mode:vertical-rl; }.key-point-grid { grid-template-columns:1fr; } }
 /* Standard page step navigation */
 .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,.3); border-radius:18px; background:linear-gradient(90deg,rgba(6,42,61,.58),rgba(1,18,31,.42)),rgba(0,0,0,.3); box-shadow:inset 0 1px 0 rgba(145,233,255,.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,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); box-shadow:inset 0 1px 0 rgba(135,221,255,.04); font:inherit; font-size:14px; font-weight:800; text-align:left; cursor:pointer; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
+.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,.35); border-radius:8px; color:#9ab3d0; background:rgba(3,27,43,.52); box-shadow:inset 0 1px 0 rgba(135,221,255,.04); font:inherit; font-size:var(--student-fs-body); font-weight:800; text-align:left; cursor:pointer; transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease; }
 .step-tab:hover { transform:translateY(-2px); border-color:rgba(89,223,255,.82); color:#fff; background:rgba(8,92,131,.52); box-shadow:0 7px 18px rgba(0,0,0,.24),inset 0 1px 0 rgba(152,239,255,.16); }
 .step-tab:hover .step-action { color:#9bf4ff; }
 .step-tab:focus-visible { outline:2px solid rgba(92,224,255,.7); outline-offset:2px; }
 .step-tab.active { border-color:rgba(89,226,255,0.85); color:#fff; background:linear-gradient(115deg,rgba(4,109,155,0.78),rgba(5,62,102,0.64)); box-shadow:0 0 18px rgba(24,183,235,.22),inset 0 1px 0 rgba(176,246,255,.2); }
-.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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:12px; font-weight:900; letter-spacing:.04em; }
+.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); box-shadow:inset 0 0 12px rgba(38,174,233,.08); font-size:var(--student-fs-caption); 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-name { display:-webkit-box; overflow:hidden; color:inherit; font-size:var(--student-fs-body); font-weight:800; line-height:1.25; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
+.step-action { color:#66b6d4; font-size:var(--student-fs-caption); font-weight:800; letter-spacing:.06em; line-height:1; }
 .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 .step-marker { border-color:rgba(84,230,221,.85); color:#062b37; background:#6ef0e1; box-shadow:0 0 12px rgba(79,231,218,.35); }
 .step-connector { position:relative; flex:0 1 40px; min-width:18px; height:2px; margin:0 8px; overflow:visible; background:rgba(98,169,201,.34); }
diff --git a/src/views/product/components/ProductStructureImageUpload.vue b/src/views/product/components/ProductStructureImageUpload.vue
index b7b311a..b338e7e 100644
--- a/src/views/product/components/ProductStructureImageUpload.vue
+++ b/src/views/product/components/ProductStructureImageUpload.vue
@@ -25,7 +25,7 @@ function onSuccess(response) {
 
 <style scoped lang="scss">
 .upload-row { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
-.upload-row :deep(.upload-action) { min-height: 40px; padding: 0 18px; border: 1px solid rgba(92, 224, 255, .7); border-radius: 999px; color: #fff; background: linear-gradient(95deg, #0b84bd, #096491); font-size: 14px; font-weight: 800; }
+.upload-row :deep(.upload-action) { min-height: 40px; padding: 0 18px; border: 1px solid rgba(92, 224, 255, .7); border-radius: 999px; color: #fff; background: linear-gradient(95deg, #0b84bd, #096491); font-size: var(--student-fs-button); font-weight: 800; }
 .upload-row :deep(.upload-action:hover), .upload-row :deep(.upload-action:focus-visible) { border-color: #78edff; color: #fff; background: linear-gradient(95deg, #1298d5, #0a719f); outline: none; }
 .preview-list { display: flex; flex-wrap: wrap; gap: 8px; }
 .preview-list :deep(.el-image) { width: 50px; height: 50px; overflow: hidden; border: 1px solid rgba(0, 180, 255, .22); border-radius: 10px; background: #0f1a24; }
diff --git a/src/views/product/differentiation.vue b/src/views/product/differentiation.vue
index 910ef3b..1860d1c 100644
--- a/src/views/product/differentiation.vue
+++ b/src/views/product/differentiation.vue
@@ -674,7 +674,7 @@ async function handleValueCanvasUpload(event) {
   border-radius: 999px;
   color: #dff5ff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
   line-height: 1.4;
 }
@@ -682,7 +682,7 @@ async function handleValueCanvasUpload(event) {
 .task-title {
   margin: 12px 0 0;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   font-weight: 900;
   line-height: 1.3;
 }
@@ -712,7 +712,7 @@ async function handleValueCanvasUpload(event) {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
   letter-spacing: 0.02em;
@@ -721,7 +721,7 @@ async function handleValueCanvasUpload(event) {
 .workbench-head h3 {
   margin: 4px 0 8px;
   color: #ffffff;
-  font-size: 26px;
+  font-size: var(--student-fs-h1);
   font-weight: 800;
   line-height: 1.3;
 }
@@ -730,7 +730,7 @@ async function handleValueCanvasUpload(event) {
 .step-desc {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -756,7 +756,7 @@ async function handleValueCanvasUpload(event) {
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
   cursor: pointer;
 }
@@ -803,7 +803,7 @@ async function handleValueCanvasUpload(event) {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: left;
   cursor: pointer;
@@ -846,7 +846,7 @@ async function handleValueCanvasUpload(event) {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -863,7 +863,7 @@ async function handleValueCanvasUpload(event) {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -873,7 +873,7 @@ async function handleValueCanvasUpload(event) {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -938,7 +938,7 @@ async function handleValueCanvasUpload(event) {
 .step-title-row h3 {
   margin: 4px 0 0;
   color: #ffffff;
-  font-size: 22px;
+  font-size: var(--student-fs-h2);
   font-weight: 900;
   line-height: 1.3;
 }
@@ -956,7 +956,7 @@ async function handleValueCanvasUpload(event) {
   display: block;
   margin-bottom: 8px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.6;
 }
@@ -972,7 +972,7 @@ async function handleValueCanvasUpload(event) {
   background: #0f1a24;
   box-sizing: border-box;
   font: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
   resize: vertical;
 }
@@ -1001,7 +1001,7 @@ async function handleValueCanvasUpload(event) {
   p {
     margin: 0;
     color: #cae7f2;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -1027,7 +1027,7 @@ async function handleValueCanvasUpload(event) {
     padding: 11px 10px;
     color: #f5fcff;
     background: linear-gradient(100deg, #0787bd, #075276);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 800;
   }
 
@@ -1064,7 +1064,7 @@ async function handleValueCanvasUpload(event) {
     background: rgba(4, 24, 38, 0.72);
     box-sizing: border-box;
     font: inherit;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     line-height: 1.55;
     resize: vertical;
 
@@ -1078,7 +1078,7 @@ async function handleValueCanvasUpload(event) {
 .core-pain-validation-message {
   margin: 12px 0 0;
   color: #ffab9d;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
 }
 
@@ -1089,7 +1089,7 @@ async function handleValueCanvasUpload(event) {
   border-radius: 14px;
   color: #c9e9f5;
   background: rgba(4, 48, 71, 0.28);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -1101,7 +1101,7 @@ async function handleValueCanvasUpload(event) {
   margin: 18px 0 10px;
 
   h4 { margin: 0; color: #ffffff; font-size: 17px; }
-  small { margin-left: 6px; color: #8dc8df; font-size: 12px; font-weight: 600; }
+  small { margin-left: 6px; color: #8dc8df; font-size: var(--student-fs-caption); font-weight: 600; }
 }
 
 .canvas-section-heading--spaced { margin-top: 28px; }
@@ -1123,9 +1123,9 @@ async function handleValueCanvasUpload(event) {
   transition: .2s ease;
 }
 
-.canvas-export-button { min-width: 92px; height: 34px; padding: 0 14px; font-size: 13px; }
-.template-download-button { min-width: 116px; height: 36px; padding: 0 14px; font-size: 13px; }
-.canvas-upload-trigger { min-width: 218px; min-height: 54px; padding: 0 22px; font-size: 15px; }
+.canvas-export-button { min-width: 92px; height: 34px; padding: 0 14px; font-size: var(--student-fs-body-sm); }
+.template-download-button { min-width: 116px; height: 36px; padding: 0 14px; font-size: var(--student-fs-body-sm); }
+.canvas-upload-trigger { min-width: 218px; min-height: 54px; padding: 0 22px; font-size: var(--student-fs-body); }
 
 .canvas-export-button:hover,
 .template-download-button:hover,
@@ -1147,12 +1147,12 @@ async function handleValueCanvasUpload(event) {
 
   th,
   td { border: 1px solid rgba(77, 167, 220, 0.3); }
-  th { padding: 10px; color: #f6fdff; background: linear-gradient(100deg, #0787bd, #075276); font-size: 14px; font-weight: 800; }
-  td { padding: 10px; color: #d7f1ff; background: rgba(1, 14, 26, 0.48); font-size: 13px; line-height: 1.65; vertical-align: middle; }
+  th { padding: 10px; color: #f6fdff; background: linear-gradient(100deg, #0787bd, #075276); font-size: var(--student-fs-body); font-weight: 800; }
+  td { padding: 10px; color: #d7f1ff; background: rgba(1, 14, 26, 0.48); font-size: var(--student-fs-body-sm); line-height: 1.65; vertical-align: middle; }
   th:nth-child(1), td:nth-child(1) { width: 19%; color: #c8edfa; font-weight: 800; text-align: center; }
   th:nth-child(2), td:nth-child(2) { width: 24%; color: #9fc4d4; }
   textarea {
-    display: block; width: 100%; min-height: 72px; padding: 10px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 9px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: 13px; line-height: 1.55; resize: vertical;
+    display: block; width: 100%; min-height: 72px; padding: 10px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 9px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: var(--student-fs-body-sm); line-height: 1.55; resize: vertical;
     &:focus { border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); outline: none; }
   }
 }
@@ -1166,7 +1166,7 @@ async function handleValueCanvasUpload(event) {
   text-align: center;
 
   h4 { margin: 0; color: #ffffff; font-size: 17px; text-align: left; }
-  p { margin: 9px 0 18px; color: #bfdeeb; font-size: 13px; line-height: 1.75; text-align: left; }
+  p { margin: 9px 0 18px; color: #bfdeeb; font-size: var(--student-fs-body-sm); line-height: 1.75; text-align: left; }
 }
 
 .visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; clip-path: inset(50%); }
@@ -1181,11 +1181,11 @@ async function handleValueCanvasUpload(event) {
 
   :deep(.el-image) { width: 116px; height: 76px; border: 1px solid rgba(92, 224, 255, .66); border-radius: 10px; cursor: zoom-in; }
   div { display: grid; gap: 5px; }
-  strong { color: #eefcff; font-size: 14px; }
-  span { color: #8fb9c9; font-size: 12px; }
+  strong { color: #eefcff; font-size: var(--student-fs-body); }
+  span { color: #8fb9c9; font-size: var(--student-fs-caption); }
 }
 
-.text-button { width: fit-content; padding: 0; border: 0; color: #77e4ff; background: transparent; cursor: pointer; font: inherit; font-size: 12px; text-decoration: underline; }
+.text-button { width: fit-content; padding: 0; border: 0; color: #77e4ff; background: transparent; cursor: pointer; font: inherit; font-size: var(--student-fs-caption); text-decoration: underline; }
 
 .canvas-guidance {
   position: relative;
@@ -1195,7 +1195,7 @@ async function handleValueCanvasUpload(event) {
   border-radius: 0 12px 12px 0;
   background: rgba(3, 43, 65, .24);
 
-  p { margin: 0; color: #bedce8; font-size: 13px; line-height: 1.75; }
+  p { margin: 0; color: #bedce8; font-size: var(--student-fs-body-sm); line-height: 1.75; }
   p + p { margin-top: 4px; }
   .template-download-button { position: absolute; top: 44px; left: 18px; }
 }
@@ -1207,7 +1207,7 @@ async function handleValueCanvasUpload(event) {
   border-radius: 0 14px 14px 0;
   background: linear-gradient(90deg, rgba(7, 92, 132, .28), rgba(5, 34, 51, .12));
 
-  p { margin: 0; color: #c9e7f3; font-size: 14px; line-height: 1.8; }
+  p { margin: 0; color: #c9e7f3; font-size: var(--student-fs-body); line-height: 1.8; }
   p + p { margin-top: 5px; color: #a9ccda; }
 }
 
@@ -1228,8 +1228,8 @@ async function handleValueCanvasUpload(event) {
     background: rgba(4, 86, 125, .35);
   }
 
-  header span { color: #f2fdff; font-size: 16px; font-weight: 900; }
-  header small { color: #8ecadd; font-size: 12px; }
+  header span { color: #f2fdff; font-size: var(--student-fs-h2); font-weight: 900; }
+  header small { color: #8ecadd; font-size: var(--student-fs-caption); }
 }
 
 .statement-preview {
@@ -1237,7 +1237,7 @@ async function handleValueCanvasUpload(event) {
   padding: 15px 16px;
   color: #afd2df;
   background: rgba(0, 16, 29, .36);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.85;
 
   strong { color: #64daf8; font-weight: 800; }
@@ -1250,10 +1250,10 @@ async function handleValueCanvasUpload(event) {
   padding: 16px;
 
   label { display: grid; gap: 6px; min-width: 0; }
-  label span { color: #d8f2fb; font-size: 12px; font-weight: 800; }
+  label span { color: #d8f2fb; font-size: var(--student-fs-caption); font-weight: 800; }
   input,
   textarea {
-    width: 100%; padding: 10px 11px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 9px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: 13px; line-height: 1.55;
+    width: 100%; padding: 10px 11px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 9px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: var(--student-fs-body-sm); line-height: 1.55;
     &:focus { border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); outline: none; }
   }
   textarea { min-height: 66px; resize: vertical; }
@@ -1268,13 +1268,13 @@ async function handleValueCanvasUpload(event) {
   border-radius: 14px;
   color: #c9e6f1;
   background: linear-gradient(100deg, rgba(5, 78, 112, .28), rgba(3, 26, 42, .18));
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.85;
 }
 
 .mrd-section { margin-top: 24px; }
 .mrd-section h4,
-.mrd-positioning-section h4 { margin: 0 0 10px; color: #ffffff; font-size: 16px; font-weight: 900; }
+.mrd-positioning-section h4 { margin: 0 0 10px; color: #ffffff; font-size: var(--student-fs-h2); font-weight: 900; }
 .mrd-table-wrap { overflow-x: auto; }
 
 .mrd-table {
@@ -1284,14 +1284,14 @@ async function handleValueCanvasUpload(event) {
   table-layout: fixed;
 
   th, td { border: 1px solid rgba(77, 167, 220, .3); }
-  th { padding: 9px; color: #f5fcff; background: linear-gradient(100deg, #0787bd, #075276); font-size: 13px; font-weight: 800; }
-  td { min-height: 42px; padding: 7px; color: #d5edf7; background: rgba(1, 14, 26, .48); font-size: 13px; text-align: center; vertical-align: middle; }
+  th { padding: 9px; color: #f5fcff; background: linear-gradient(100deg, #0787bd, #075276); font-size: var(--student-fs-body-sm); font-weight: 800; }
+  td { min-height: 42px; padding: 7px; color: #d5edf7; background: rgba(1, 14, 26, .48); font-size: var(--student-fs-body-sm); text-align: center; vertical-align: middle; }
   th:nth-child(1), td:nth-child(1) { width: 8%; }
   th:nth-child(2), td:nth-child(2) { width: 17%; }
   .mrd-row-title { color: #bbebf6; font-weight: 800; }
   .mrd-module { color: #a6d7e6; }
   textarea {
-    display: block; width: 100%; min-height: 50px; padding: 8px 10px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 8px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: 13px; line-height: 1.55; resize: vertical;
+    display: block; width: 100%; min-height: 50px; padding: 8px 10px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 8px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: var(--student-fs-body-sm); line-height: 1.55; resize: vertical;
     &:focus { border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); outline: none; }
   }
 }
@@ -1304,7 +1304,7 @@ async function handleValueCanvasUpload(event) {
   background: rgba(1, 31, 48, .35);
 
   textarea {
-    display: block; width: 100%; min-height: 120px; padding: 12px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 10px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: 14px; line-height: 1.65; resize: vertical;
+    display: block; width: 100%; min-height: 120px; padding: 12px; border: 1px solid rgba(45, 95, 126, .95); border-radius: 10px; color: #eef5ff; background: rgba(4, 24, 38, .72); box-sizing: border-box; font: inherit; font-size: var(--student-fs-body); line-height: 1.65; resize: vertical;
     &:focus { border-color: rgba(92, 224, 255, .7); box-shadow: 0 0 0 3px rgba(0, 174, 255, .13); outline: none; }
   }
 }
@@ -1315,7 +1315,7 @@ async function handleValueCanvasUpload(event) {
   border-left: 3px solid #4fdbf5;
   border-radius: 0 12px 12px 0;
   background: rgba(3, 46, 67, .26);
-  p { margin: 0; color: #bfdeea; font-size: 13px; line-height: 1.75; }
+  p { margin: 0; color: #bfdeea; font-size: var(--student-fs-body-sm); line-height: 1.75; }
   p + p { margin-top: 4px; }
 }
 
@@ -1355,7 +1355,7 @@ async function handleValueCanvasUpload(event) {
   border-radius: 6px;
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
 }
 
diff --git a/src/views/product/hardware-cost.vue b/src/views/product/hardware-cost.vue
index 85851c5..85296ab 100644
--- a/src/views/product/hardware-cost.vue
+++ b/src/views/product/hardware-cost.vue
@@ -795,9 +795,9 @@ onMounted(async () => {
 </script>
 
 <style scoped>
-.hardware-cost-page{min-height:100%;color:#d9edfb;background:#061522}.training-core{width:min(1480px,calc(100vw - 64px));margin:0 auto;padding:28px 0 64px}.task-header{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.task-badge,.section-eyebrow{margin:0;color:#6de0ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.task-badge{padding:7px 10px;border:1px solid rgba(64,204,255,.38);border-radius:8px;background:rgba(11,95,142,.24)}.task-title{margin:0;color:#f2fbff;font-size:30px;line-height:1.2}.step-navigation{display:flex;align-items:center;margin:22px 0 16px;padding:10px 16px;border:1px solid rgba(60,171,221,.28);border-radius:14px;background:rgba(5,33,50,.78)}.step-nav-item{display:inline-flex;align-items:center;gap:9px;border:0;padding:8px 10px;color:#90b6c8;font-weight:800;cursor:pointer;background:transparent}.step-nav-item span{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:11px}.step-nav-item.active{color:#6de0ff}.step-nav-item.active span{color:#032036;border-color:#6de0ff;background:#6de0ff}.step-connector{width:42px;height:1px;margin:0 4px;background:linear-gradient(90deg,#36bfe8,transparent)}.task-card{padding:26px;border:1px solid rgba(60,171,221,.34);border-radius:18px;background:linear-gradient(145deg,rgba(9,39,58,.96),rgba(4,23,37,.98));box-shadow:0 18px 48px rgba(0,0,0,.22)}.workbench-head,.step-title-row,.bom-toolbar,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.workbench-head{margin-bottom:22px}.workbench-head h2,.step-title-row h3{margin:5px 0 0;color:#f2fbff}.workbench-head h2{font-size:24px}.cost-brief{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:15px 18px;border:1px solid rgba(60,182,235,.22);border-radius:12px;background:rgba(4,78,113,.18)}.cost-brief__index{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;color:#032036;font-size:12px;font-weight:800;background:#67dcff}.cost-brief p{margin:2px 0 0;color:#b6d4e5;line-height:1.75}.step-card,.constraint-panel{padding:22px;border:1px solid rgba(78,181,229,.22);border-radius:14px;background:rgba(2,19,31,.58)}.constraint-panel{margin-bottom:18px}.constraint-panel__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.constraint-panel__heading span{color:#9ebaca;font-size:13px}.constraint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.constraint-field{display:grid;gap:8px;color:#dff5ff;font-weight:700}.step-title-row{margin-bottom:16px}.step-title-row h3{font-size:21px}.step-chip{padding:8px 11px;border:1px solid rgba(82,212,255,.4);border-radius:99px;color:#83e4ff;font-size:13px;background:rgba(4,108,158,.2)}.bom-toolbar{align-items:flex-start;margin-bottom:14px}.bom-toolbar p{max-width:760px;margin:0;color:#9ebaca;line-height:1.65}.bom-toolbar__actions{display:flex;flex:none;gap:10px}.btn-nav{border:1px solid rgba(101,213,255,.4);border-radius:8px;padding:9px 15px;color:#dff7ff;font-weight:700;cursor:pointer;background:rgba(16,111,154,.4);transition:.18s ease}.btn-nav:hover:not(:disabled){transform:translateY(-1px);border-color:#76e5ff;background:rgba(18,143,195,.57)}.btn-nav:disabled{cursor:not-allowed;opacity:.46}.btn-primary{border-color:#56d8ff;color:#042033;background:linear-gradient(90deg,#78e7ff,#43c8f3)}.btn-danger{border-color:rgba(255,126,143,.48);color:#ffc9d0;background:rgba(132,38,57,.32)}.bom-table-wrap{overflow-x:auto;border:1px solid rgba(89,165,202,.34);border-radius:10px}.bom-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}.bom-table th{padding:13px 10px;color:#eefbff;font-weight:800;background:#0d87bb}.bom-table th:nth-child(1){width:7%}.bom-table th:nth-child(2){width:17%}.bom-table th:nth-child(3){width:31%}.bom-table th:nth-child(4){width:16%}.bom-table th:nth-child(5){width:13%}.bom-table th:nth-child(6){width:16%}.batch-cost-table{min-width:720px}.batch-cost-table th:nth-child(1){width:34%}.batch-cost-table th:nth-child(2),.batch-cost-table th:nth-child(3){width:33%}.bom-table td{padding:8px;border-top:1px solid rgba(103,162,189,.27);background:rgba(4,31,47,.44)}.row-index,.amount-cell,.total-amount{text-align:center;font-variant-numeric:tabular-nums}.material-name{padding-left:18px!important;color:#ccebf8;font-weight:800}.row-index{color:#8dddf7;font-weight:700}.amount-cell{color:#b9f4cc;font-weight:800}.total-label{padding-right:18px!important;color:#d7f6ff;font-weight:800;text-align:right;background:rgba(10,103,145,.36)!important}.total-amount{color:#86f4b2;font-size:18px;font-weight:900;background:rgba(6,107,107,.28)!important}.row-hint{margin:13px 0 0;color:#ffbd91;font-size:13px}.row-hint.ready{color:#8fe9bd}.task-actions{justify-content:flex-end;margin-top:20px}.cost-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.cost-result{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(137,185,211,.25);border-radius:10px;background:rgba(3,30,45,.66)}.cost-result span{color:#9ebaca;font-size:13px}.cost-result strong{color:#e8faff;font-size:20px}.cost-result em{color:#91bed1;font-size:13px;font-style:normal}.cost-result.passed{border-color:rgba(89,224,154,.58);background:rgba(23,122,86,.18)}.cost-result.passed em{color:#8fe9bd}.cost-result.failed{border-color:rgba(255,126,143,.62);background:rgba(138,38,57,.22)}.cost-result.failed em{color:#ffc0c9}.validation-message{margin:15px 0 0;color:#8fe9bd;font-size:14px}.validation-message.failed{color:#ffc0c9}:deep(.el-input__wrapper),:deep(.el-input-number){box-shadow:0 0 0 1px rgba(119,198,231,.32) inset!important;background:rgba(4,21,33,.84)!important}:deep(.el-input__inner){color:#e7f8ff!important;text-align:center}:deep(.el-input-number){width:100%}:deep(.el-input-number .el-input__inner){color:#e7f8ff!important}:deep(.el-input-group__append){color:#91bed1;border-color:rgba(119,198,231,.32);background:rgba(9,62,87,.88)}@media(max-width:780px){.training-core{width:min(100% - 28px,1480px);padding-top:18px}.task-card,.step-card,.constraint-panel{padding:16px}.workbench-head,.bom-toolbar,.constraint-panel__heading{align-items:stretch;flex-direction:column}.bom-toolbar__actions{width:100%}.bom-toolbar__actions .btn-nav{flex:1}.task-title{font-size:25px}.task-actions{flex-wrap:wrap}.task-actions .btn-nav{flex:1}.constraint-grid,.cost-result-grid{grid-template-columns:1fr}.step-navigation{overflow-x:auto}.step-connector{width:18px;flex:none}}
-.manufacturing-table{min-width:820px}.manufacturing-table th:nth-child(1){width:8%}.manufacturing-table th:nth-child(2){width:32%}.manufacturing-table th:nth-child(3),.manufacturing-table th:nth-child(4){width:30%}.reference-amount{text-align:center;color:#a6d8ee;font-size:16px;font-weight:800;background:rgba(8,71,102,.3)!important}
-.step-four-summary{margin:0 0 18px}.chart-upload-section,.optimization-section{margin-top:18px}.chart-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-upload-card{padding:18px;border:1px solid rgba(75,185,230,.27);border-radius:13px;background:rgba(3,29,45,.68)}.chart-upload-card h4{margin:0;color:#e9f9ff;font-size:17px}.chart-upload-card p{min-height:40px;margin:7px 0 15px;color:#95b9ca;font-size:13px;line-height:1.65}.chart-upload-trigger{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px dashed rgba(102,221,255,.58);border-radius:8px;color:#c8f5ff;font-weight:800;cursor:pointer;background:rgba(12,112,158,.18);transition:.18s ease}.chart-upload-trigger:hover{border-color:#75e4ff;background:rgba(15,144,195,.31)}.chart-upload-trigger.uploading{pointer-events:none;opacity:.65}.chart-upload-trigger input{display:none}.chart-preview{display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:10px;border:1px solid rgba(105,190,222,.26);border-radius:9px;background:rgba(2,19,31,.58)}.chart-preview :deep(.el-image){width:104px;height:72px;border-radius:6px;cursor:zoom-in;background:#061827}.chart-preview>div{display:grid;gap:4px;min-width:0}.chart-preview span{overflow:hidden;color:#cbe9f5;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chart-preview small{color:#8fb4c7;font-size:12px}.chart-preview button{border:0;color:#ffc6ce;font-size:13px;cursor:pointer;background:transparent}.decision-hint{margin:8px 0 0;color:#91b8ca;font-size:13px}.reference-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.reference-downloads .btn-nav{display:inline-flex;align-items:center;gap:7px}.reference-downloads .btn-nav::before{content:'↓';font-size:16px}.reference-downloads .btn-nav:hover{color:#e4faff}
+.hardware-cost-page{min-height:100%;color:#d9edfb;background:#061522}.training-core{width:min(1480px,calc(100vw - 64px));margin:0 auto;padding:28px 0 64px}.task-header{display:flex;align-items:flex-end;gap:14px;margin-bottom:18px}.task-badge,.section-eyebrow{margin:0;color:#6de0ff;font-size:var(--student-fs-caption);font-weight:800;letter-spacing:.12em;text-transform:uppercase}.task-badge{padding:7px 10px;border:1px solid rgba(64,204,255,.38);border-radius:8px;background:rgba(11,95,142,.24)}.task-title{margin:0;color:#f2fbff;font-size:var(--student-fs-display);line-height:1.2}.step-navigation{display:flex;align-items:center;margin:22px 0 16px;padding:10px 16px;border:1px solid rgba(60,171,221,.28);border-radius:14px;background:rgba(5,33,50,.78)}.step-nav-item{display:inline-flex;align-items:center;gap:9px;border:0;padding:8px 10px;color:#90b6c8;font-weight:800;cursor:pointer;background:transparent}.step-nav-item span{display:grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:var(--student-fs-caption)}.step-nav-item.active{color:#6de0ff}.step-nav-item.active span{color:#032036;border-color:#6de0ff;background:#6de0ff}.step-connector{width:42px;height:1px;margin:0 4px;background:linear-gradient(90deg,#36bfe8,transparent)}.task-card{padding:26px;border:1px solid rgba(60,171,221,.34);border-radius:18px;background:linear-gradient(145deg,rgba(9,39,58,.96),rgba(4,23,37,.98));box-shadow:0 18px 48px rgba(0,0,0,.22)}.workbench-head,.step-title-row,.bom-toolbar,.task-actions{display:flex;align-items:center;justify-content:space-between;gap:18px}.workbench-head{margin-bottom:22px}.workbench-head h2,.step-title-row h3{margin:5px 0 0;color:#f2fbff}.workbench-head h2{font-size:var(--student-fs-h1)}.cost-brief{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px;padding:15px 18px;border:1px solid rgba(60,182,235,.22);border-radius:12px;background:rgba(4,78,113,.18)}.cost-brief__index{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;color:#032036;font-size:var(--student-fs-caption);font-weight:800;background:#67dcff}.cost-brief p{margin:2px 0 0;color:#b6d4e5;line-height:1.75}.step-card,.constraint-panel{padding:22px;border:1px solid rgba(78,181,229,.22);border-radius:14px;background:rgba(2,19,31,.58)}.constraint-panel{margin-bottom:18px}.constraint-panel__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.constraint-panel__heading span{color:#9ebaca;font-size:var(--student-fs-body-sm)}.constraint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.constraint-field{display:grid;gap:8px;color:#dff5ff;font-weight:700}.step-title-row{margin-bottom:16px}.step-title-row h3{font-size:21px}.step-chip{padding:8px 11px;border:1px solid rgba(82,212,255,.4);border-radius:99px;color:#83e4ff;font-size:var(--student-fs-body-sm);background:rgba(4,108,158,.2)}.bom-toolbar{align-items:flex-start;margin-bottom:14px}.bom-toolbar p{max-width:760px;margin:0;color:#9ebaca;line-height:1.65}.bom-toolbar__actions{display:flex;flex:none;gap:10px}.btn-nav{border:1px solid rgba(101,213,255,.4);border-radius:8px;padding:9px 15px;color:#dff7ff;font-weight:700;cursor:pointer;background:rgba(16,111,154,.4);transition:.18s ease}.btn-nav:hover:not(:disabled){transform:translateY(-1px);border-color:#76e5ff;background:rgba(18,143,195,.57)}.btn-nav:disabled{cursor:not-allowed;opacity:.46}.btn-primary{border-color:#56d8ff;color:#042033;background:linear-gradient(90deg,#78e7ff,#43c8f3)}.btn-danger{border-color:rgba(255,126,143,.48);color:#ffc9d0;background:rgba(132,38,57,.32)}.bom-table-wrap{overflow-x:auto;border:1px solid rgba(89,165,202,.34);border-radius:10px}.bom-table{width:100%;min-width:980px;border-collapse:collapse;table-layout:fixed}.bom-table th{padding:13px 10px;color:#eefbff;font-weight:800;background:#0d87bb}.bom-table th:nth-child(1){width:7%}.bom-table th:nth-child(2){width:17%}.bom-table th:nth-child(3){width:31%}.bom-table th:nth-child(4){width:16%}.bom-table th:nth-child(5){width:13%}.bom-table th:nth-child(6){width:16%}.batch-cost-table{min-width:720px}.batch-cost-table th:nth-child(1){width:34%}.batch-cost-table th:nth-child(2),.batch-cost-table th:nth-child(3){width:33%}.bom-table td{padding:8px;border-top:1px solid rgba(103,162,189,.27);background:rgba(4,31,47,.44)}.row-index,.amount-cell,.total-amount{text-align:center;font-variant-numeric:tabular-nums}.material-name{padding-left:18px!important;color:#ccebf8;font-weight:800}.row-index{color:#8dddf7;font-weight:700}.amount-cell{color:#b9f4cc;font-weight:800}.total-label{padding-right:18px!important;color:#d7f6ff;font-weight:800;text-align:right;background:rgba(10,103,145,.36)!important}.total-amount{color:#86f4b2;font-size:var(--student-fs-h1);font-weight:900;background:rgba(6,107,107,.28)!important}.row-hint{margin:13px 0 0;color:#ffbd91;font-size:var(--student-fs-body-sm)}.row-hint.ready{color:#8fe9bd}.task-actions{justify-content:flex-end;margin-top:20px}.cost-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.cost-result{display:grid;gap:5px;padding:14px 16px;border:1px solid rgba(137,185,211,.25);border-radius:10px;background:rgba(3,30,45,.66)}.cost-result span{color:#9ebaca;font-size:var(--student-fs-body-sm)}.cost-result strong{color:#e8faff;font-size:var(--student-fs-display)}.cost-result em{color:#91bed1;font-size:var(--student-fs-body-sm);font-style:normal}.cost-result.passed{border-color:rgba(89,224,154,.58);background:rgba(23,122,86,.18)}.cost-result.passed em{color:#8fe9bd}.cost-result.failed{border-color:rgba(255,126,143,.62);background:rgba(138,38,57,.22)}.cost-result.failed em{color:#ffc0c9}.validation-message{margin:15px 0 0;color:#8fe9bd;font-size:var(--student-fs-body)}.validation-message.failed{color:#ffc0c9}:deep(.el-input__wrapper),:deep(.el-input-number){box-shadow:0 0 0 1px rgba(119,198,231,.32) inset!important;background:rgba(4,21,33,.84)!important}:deep(.el-input__inner){color:#e7f8ff!important;text-align:center}:deep(.el-input-number){width:100%}:deep(.el-input-number .el-input__inner){color:#e7f8ff!important}:deep(.el-input-group__append){color:#91bed1;border-color:rgba(119,198,231,.32);background:rgba(9,62,87,.88)}@media(max-width:780px){.training-core{width:min(100% - 28px,1480px);padding-top:18px}.task-card,.step-card,.constraint-panel{padding:16px}.workbench-head,.bom-toolbar,.constraint-panel__heading{align-items:stretch;flex-direction:column}.bom-toolbar__actions{width:100%}.bom-toolbar__actions .btn-nav{flex:1}.task-title{font-size:25px}.task-actions{flex-wrap:wrap}.task-actions .btn-nav{flex:1}.constraint-grid,.cost-result-grid{grid-template-columns:1fr}.step-navigation{overflow-x:auto}.step-connector{width:18px;flex:none}}
+.manufacturing-table{min-width:820px}.manufacturing-table th:nth-child(1){width:8%}.manufacturing-table th:nth-child(2){width:32%}.manufacturing-table th:nth-child(3),.manufacturing-table th:nth-child(4){width:30%}.reference-amount{text-align:center;color:#a6d8ee;font-size:var(--student-fs-h2);font-weight:800;background:rgba(8,71,102,.3)!important}
+.step-four-summary{margin:0 0 18px}.chart-upload-section,.optimization-section{margin-top:18px}.chart-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.chart-upload-card{padding:18px;border:1px solid rgba(75,185,230,.27);border-radius:13px;background:rgba(3,29,45,.68)}.chart-upload-card h4{margin:0;color:#e9f9ff;font-size:17px}.chart-upload-card p{min-height:40px;margin:7px 0 15px;color:#95b9ca;font-size:var(--student-fs-body-sm);line-height:1.65}.chart-upload-trigger{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px dashed rgba(102,221,255,.58);border-radius:8px;color:#c8f5ff;font-weight:800;cursor:pointer;background:rgba(12,112,158,.18);transition:.18s ease}.chart-upload-trigger:hover{border-color:#75e4ff;background:rgba(15,144,195,.31)}.chart-upload-trigger.uploading{pointer-events:none;opacity:.65}.chart-upload-trigger input{display:none}.chart-preview{display:grid;grid-template-columns:104px 1fr auto;gap:12px;align-items:center;margin-top:14px;padding:10px;border:1px solid rgba(105,190,222,.26);border-radius:9px;background:rgba(2,19,31,.58)}.chart-preview :deep(.el-image){width:104px;height:72px;border-radius:6px;cursor:zoom-in;background:#061827}.chart-preview>div{display:grid;gap:4px;min-width:0}.chart-preview span{overflow:hidden;color:#cbe9f5;font-size:var(--student-fs-body-sm);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.chart-preview small{color:#8fb4c7;font-size:var(--student-fs-caption)}.chart-preview button{border:0;color:#ffc6ce;font-size:var(--student-fs-body-sm);cursor:pointer;background:transparent}.decision-hint{margin:8px 0 0;color:#91b8ca;font-size:var(--student-fs-body-sm)}.reference-downloads{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.reference-downloads .btn-nav{display:inline-flex;align-items:center;gap:7px}.reference-downloads .btn-nav::before{content:'↓';font-size:var(--student-fs-h2)}.reference-downloads .btn-nav:hover{color:#e4faff}
 @media(max-width:780px){.chart-upload-grid{grid-template-columns:1fr}.chart-preview{grid-template-columns:86px 1fr}.chart-preview :deep(.el-image){width:86px;height:62px}.chart-preview button{grid-column:2;text-align:left;padding:0}.reference-downloads .btn-nav{flex:1;justify-content:center}}
 /* 与 foundation/new-product-survey 保持同一套步骤条局部细节；公共规则仍由 student-training.scss 提供。 */
 /* AI 侧栏启用后，主内容必须收敛到所属网格列，避免固定宽度侵入侧栏区域。 */
@@ -832,7 +832,7 @@ onMounted(async () => {
 .hardware-cost-page .task-title {
   margin: 12px 0 0;
   color: #ffffff;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   font-weight: 900;
   line-height: 1.3;
 }
@@ -854,7 +854,7 @@ onMounted(async () => {
 .hardware-cost-page .hardware-workbench-head h2 {
   margin: 5px 0 0;
   color: #ffffff;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   line-height: 1.3;
 }
 
@@ -881,15 +881,15 @@ onMounted(async () => {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
 }
 
 .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: 0.06em; line-height: 1; transition: color 0.2s ease; }
+.step-name { display: -webkit-box; overflow: hidden; color: inherit; font-size: var(--student-fs-body); font-weight: 800; line-height: 1.25; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
+.step-action { color: #66b6d4; font-size: var(--student-fs-caption); font-weight: 800; letter-spacing: 0.06em; line-height: 1; transition: color 0.2s ease; }
 
 .step-tab:hover {
   border-color: rgba(89, 223, 255, 0.82);
diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index 1db0b14..1bf4d72 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -1,4 +1,4 @@
-<template>
+<template>
   <div class="market-selection-page student-training-shell">
     <main class="training-core">
       <section class="task-header">
@@ -527,7 +527,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -537,7 +537,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -556,7 +556,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -595,7 +595,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px;
+    font-size: var(--student-fs-h1);
     font-weight: 800;
     line-height: 1.3;
   }
@@ -613,7 +613,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -621,7 +621,7 @@ function exportOutcome() {
 .workbench-description {
   margin: 0;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 400;
   line-height: 1.8;
 }
@@ -636,7 +636,7 @@ function exportOutcome() {
   border-radius: 999px;
   color: #e9fbff;
   background: rgba(17, 126, 178, 0.36);
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 
   &:hover:not(.is-disabled) {
@@ -676,7 +676,7 @@ function exportOutcome() {
   background: rgba(3, 27, 43, 0.52);
   box-shadow: inset 0 1px 0 rgba(135, 221, 255, 0.04);
   font-family: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   cursor: pointer;
   text-align: left;
@@ -737,7 +737,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -754,7 +754,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -764,7 +764,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -815,7 +815,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -824,7 +824,7 @@ function exportOutcome() {
 .task-desc {
   margin: 0 0 20px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -835,7 +835,7 @@ function exportOutcome() {
 .table-title {
   margin-bottom: 12px;
   color: #dff5ff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   text-align: left;
 }
@@ -896,7 +896,7 @@ function exportOutcome() {
   resize: vertical;
   color: #eef5ff;
   background: #0f1a24;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.65;
   transition: background 0.16s ease, box-shadow 0.16s ease;
 
@@ -959,7 +959,7 @@ function exportOutcome() {
   th {
     color: #eaffff;
     background: rgba(8, 55, 82, 0.98);
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 900;
     text-align: center;
   }
@@ -980,7 +980,7 @@ function exportOutcome() {
   margin-top: 18px;
   margin-bottom: 14px;
   color: #dff5ff;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
 
   > span {
@@ -998,7 +998,7 @@ function exportOutcome() {
   color: #eef5ff;
   background: #0f1a24;
   font-family: inherit;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   outline: none;
   transition: 0.2s;
 
@@ -1054,7 +1054,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -1094,7 +1094,7 @@ function exportOutcome() {
   min-height: 40px;
   padding: 0 18px;
   border-radius: 999px;
-  font-size: 14px;
+  font-size: var(--student-fs-button);
   font-weight: 800;
 }
 
diff --git a/src/views/product/market-opportunity-selection.vue b/src/views/product/market-opportunity-selection.vue
index fb80dcb..573a6f2 100644
--- a/src/views/product/market-opportunity-selection.vue
+++ b/src/views/product/market-opportunity-selection.vue
@@ -103,6 +103,6 @@ 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; } }
-.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; }
+.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:var(--student-fs-body-sm); 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:var(--student-fs-h1); }.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:var(--student-fs-h2); 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:var(--student-fs-h2); }.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:var(--student-fs-h2); }.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:var(--student-fs-display); } @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; } }
+.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:var(--student-fs-body-sm); }.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:var(--student-fs-h2); }.visual-guide p { margin:5px 0; }
 </style>
diff --git a/src/views/product/price.vue b/src/views/product/price.vue
index 33f1153..9a41fcc 100644
--- a/src/views/product/price.vue
+++ b/src/views/product/price.vue
@@ -1000,14 +1000,14 @@ onMounted(async () => {
     .task-kicker,
     .section-eyebrow {
       color: #66d9fb;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       font-weight: 700;
       letter-spacing: 0.16em;
     }
 
     h1 {
       margin-top: 6px;
-      font-size: 30px;
+      font-size: var(--student-fs-display);
       line-height: 1.25;
     }
   }
@@ -1052,7 +1052,7 @@ onMounted(async () => {
       height: 20px;
       place-items: center;
       color: #7de2ff;
-      font-size: 11px;
+      font-size: var(--student-fs-caption);
       font-weight: 700;
       background: rgba(117, 226, 255, 0.18);
       border-radius: 50%;
@@ -1060,7 +1060,7 @@ onMounted(async () => {
 
     i {
       color: #55d3f8;
-      font-size: 18px;
+      font-size: var(--student-fs-h1);
       font-style: normal;
     }
   }
@@ -1075,7 +1075,7 @@ onMounted(async () => {
 
     h2 {
       margin: 4px 0 0;
-      font-size: 24px;
+      font-size: var(--student-fs-h1);
     }
   }
 
@@ -1104,7 +1104,7 @@ onMounted(async () => {
 
     p {
       margin: 0 0 4px;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
       font-weight: 700;
     }
 
@@ -1148,7 +1148,7 @@ onMounted(async () => {
 
     th {
       color: #ddf8ff;
-      font-size: 14px;
+      font-size: var(--student-fs-body);
       background: rgba(25, 122, 157, 0.46);
     }
 
@@ -1179,7 +1179,7 @@ onMounted(async () => {
       height: 22px;
       place-items: center;
       color: #7de2ff;
-      font-size: 12px;
+      font-size: var(--student-fs-caption);
       font-weight: 700;
       background: rgba(117, 226, 255, 0.18);
       border-radius: 50%;
@@ -1187,7 +1187,7 @@ onMounted(async () => {
 
     h3 {
       margin: 0;
-      font-size: 16px;
+      font-size: var(--student-fs-h2);
     }
   }
 
@@ -1230,7 +1230,7 @@ onMounted(async () => {
     display: block;
     margin-top: 6px;
     color: var(--muted);
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
   }
 
   .sale-price-cell {
@@ -1241,7 +1241,7 @@ onMounted(async () => {
 
   .empty-price {
     color: #7998a3;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     font-weight: 400;
   }
 
@@ -1264,7 +1264,7 @@ onMounted(async () => {
     p {
       margin: 0;
       color: var(--muted);
-      font-size: 13px;
+      font-size: var(--student-fs-body-sm);
       line-height: 1.65;
     }
   }
diff --git a/src/views/product/requirements-doc.vue b/src/views/product/requirements-doc.vue
index 319d4cc..b0948fd 100644
--- a/src/views/product/requirements-doc.vue
+++ b/src/views/product/requirements-doc.vue
@@ -513,15 +513,15 @@ function exportOutcome() { if (currentStep.value === 2) { exportStepTwoTable();
 <style scoped>
 .requirements-doc-page { min-height: 100vh; color: #dcebf8; background: radial-gradient(circle at 15% -10%, rgba(23, 134, 205, .22), transparent 36%), #071521; }
 .training-core { width: min(1480px, calc(100% - 48px)); margin: 0 auto; padding: 30px 0 60px; }
-.task-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }.task-badge, .step-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(68, 203, 255, .42); border-radius: 999px; color: #8ee7ff; background: rgba(6, 86, 129, .28); font-size: 13px; }.task-title { margin: 0; color: #f1f8ff; font-size: 26px; letter-spacing: .02em; }
-.task-card { padding: 26px; border: 1px solid rgba(66, 181, 237, .42); border-radius: 24px; background: rgba(4, 24, 39, .78); box-shadow: 0 18px 42px rgba(0, 0, 0, .2); }.workbench-head, .step-title-row, .purpose-bank__head, .task-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.workbench-head h2, .step-title-row h3, .purpose-bank h4 { margin: 4px 0 0; color: #f2f9ff; }.section-eyebrow { margin: 0; color: #55d8ff; font-size: 12px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
+.task-header { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }.task-badge, .step-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 12px; border: 1px solid rgba(68, 203, 255, .42); border-radius: 999px; color: #8ee7ff; background: rgba(6, 86, 129, .28); font-size: var(--student-fs-body-sm); }.task-title { margin: 0; color: #f1f8ff; font-size: var(--student-fs-h1); letter-spacing: .02em; }
+.task-card { padding: 26px; border: 1px solid rgba(66, 181, 237, .42); border-radius: 24px; background: rgba(4, 24, 39, .78); box-shadow: 0 18px 42px rgba(0, 0, 0, .2); }.workbench-head, .step-title-row, .purpose-bank__head, .task-actions { display: flex; align-items: center; justify-content: space-between; gap: 16px; }.workbench-head h2, .step-title-row h3, .purpose-bank h4 { margin: 4px 0 0; color: #f2f9ff; }.section-eyebrow { margin: 0; color: #55d8ff; font-size: var(--student-fs-caption); font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
 .workbench-actions, .task-actions { display: flex; flex-wrap: wrap; }.outline-action, .btn-nav { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 38px; padding: 0 15px; border: 1px solid rgba(98, 208, 255, .48); border-radius: 9px; color: #dff6ff; background: rgba(10, 87, 126, .35); cursor: pointer; transition: .2s ease; }.outline-action:hover, .btn-nav:hover:not(:disabled) { border-color: #56dcff; background: rgba(18, 137, 190, .48); transform: translateY(-1px); }.btn-submit { border-color: #26c9ed; color: #fff; background: linear-gradient(135deg, #087baa, #18b7df); }.btn-primary { border-color: #8a72ff; background: linear-gradient(135deg, #5a4fc9, #8c6ef1); }.btn-nav:disabled { cursor: not-allowed; opacity: .48; }
-.step-indicator { display: flex; align-items: stretch; margin: 26px 0; padding: 10px; overflow-x: auto; border: 1px solid rgba(58, 170, 220, .35); border-radius: 18px; background: rgba(0, 15, 28, .45); }.step-tab { display: flex; min-width: 185px; flex: 1; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 12px; color: #8baabd; background: transparent; text-align: left; cursor: pointer; }.step-tab.active { color: #fff; background: linear-gradient(90deg, #087eb3, #12a7d5); box-shadow: inset 0 0 0 1px rgba(157, 239, 255, .55); }.step-tab.complete .step-marker { border-color: #53f1d5; color: #53f1d5; }.step-marker { display: inline-grid; width: 33px; height: 33px; flex: 0 0 33px; place-items: center; border: 1px solid #4c91b5; border-radius: 50%; font-weight: 700; }.step-copy { display: grid; gap: 3px; }.step-copy small { font-size: 11px; }.step-connector { width: 22px; min-width: 22px; align-self: center; height: 1px; background: #287596; }
-.step-card { padding: 25px; border: 1px solid rgba(50, 162, 208, .42); border-radius: 18px; background: rgba(2, 18, 30, .58); }.step-desc { margin: 18px 0; color: #c0d2df; line-height: 1.8; }.matching-tip, .prd-note { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 20px; padding: 10px 13px; border-left: 3px solid #2ed4f0; border-radius: 5px; color: #a9ddeb; background: rgba(28, 122, 157, .15); font-size: 14px; line-height: 1.65; }
-.matching-workspace { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(350px, .78fr); gap: 24px; align-items: start; }.module-list { display: grid; gap: 10px; }.module-row { display: grid; grid-template-columns: minmax(185px, .31fr) minmax(0, .69fr); min-height: 84px; overflow: hidden; border: 1px solid rgba(124, 166, 189, .45); border-radius: 10px; background: rgba(11, 39, 56, .48); transition: .18s ease; cursor: pointer; }.module-row--over { border-color: #48e3ff; box-shadow: 0 0 0 3px rgba(55, 215, 248, .16); }.module-row--filled { border-color: rgba(74, 220, 182, .56); }.module-label { display: flex; align-items: center; gap: 12px; padding: 16px; border-right: 1px solid rgba(124, 166, 189, .35); color: #eef9ff; background: rgba(13, 81, 113, .28); }.module-label span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #7ee6ff; background: rgba(11, 172, 214, .16); font-size: 12px; }.module-drop-zone { display: flex; align-items: center; padding: 10px 12px; }.drop-placeholder { color: #7696a8; font-size: 14px; }
-.purpose-bank { position: sticky; top: 22px; padding: 18px; border: 1px solid rgba(66, 178, 226, .45); border-radius: 14px; background: linear-gradient(180deg, rgba(10, 71, 100, .38), rgba(7, 29, 45, .72)); transition: .18s ease; }.purpose-bank--over { border-color: #ffba67; box-shadow: 0 0 0 3px rgba(255, 186, 103, .16); }.purpose-bank__head strong { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(97, 222, 255, .58); border-radius: 50%; color: #8eeaff; }.purpose-bank > p { margin: 12px 0 15px; color: #9cb8c7; font-size: 13px; line-height: 1.65; }.purpose-card-list { display: grid; gap: 9px; max-height: 570px; overflow: auto; padding-right: 3px; }.purpose-card { display: flex; align-items: center; width: 100%; gap: 8px; padding: 11px 12px; border: 1px solid rgba(111, 158, 179, .5); border-radius: 8px; color: #e4f4fb; background: rgba(7, 31, 47, .72); text-align: left; line-height: 1.55; cursor: grab; transition: .18s ease; }.purpose-card:hover, .purpose-card.selected { border-color: #53ddfb; background: rgba(14, 116, 153, .43); }.purpose-card.dragging { opacity: .5; }.purpose-card--assigned { cursor: grab; }.purpose-card--assigned span { flex: 1; }.purpose-card--assigned button { display: inline-grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border: 0; border-radius: 50%; color: #b9ebfa; background: rgba(104, 196, 224, .17); cursor: pointer; }.purpose-card--assigned button:hover { color: #fff; background: #bd5068; }.drag-grip { color: #5fd5ed; letter-spacing: -3px; }.purpose-bank__empty { padding: 22px 8px; color: #82b3c8; text-align: center; }.result-message { margin: 20px 0 0; padding: 11px 14px; border: 1px solid rgba(255, 168, 112, .52); border-radius: 8px; color: #ffd5ad; background: rgba(157, 77, 35, .14); }.result-message.success { border-color: rgba(84, 230, 187, .56); color: #a6f4d8; background: rgba(16, 134, 99, .16); }.task-actions { justify-content: flex-end; margin-top: 21px; }
-.prd-detail-card { overflow: hidden; }.prd-table-wrap { overflow: auto; border: 1px solid rgba(102, 184, 223, .5); border-radius: 12px; }.prd-detail-table { width: 100%; min-width: 1000px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }.prd-detail-table th { padding: 13px; color: #effbff; background: linear-gradient(90deg, #087da9, #0b9bca); font-weight: 700; }.prd-detail-table td { padding: 12px; border-top: 1px solid rgba(115, 165, 188, .38); border-right: 1px solid rgba(115, 165, 188, .38); vertical-align: top; background: rgba(9, 38, 57, .44); }.prd-detail-table th:not(:last-child) { border-right: 1px solid rgba(212, 246, 255, .25); }.prd-detail-table td:last-child { border-right: 0; }.prd-detail-table th:nth-child(1), .module-number { width: 72px; text-align: center; }.prd-detail-table th:nth-child(2), .module-name { width: 155px; }.prd-detail-table th:nth-child(3), .submodule-name { width: 245px; }.module-number, .module-name, .submodule-name { color: #dff6ff; vertical-align: middle !important; }.module-name { background: rgba(10, 90, 122, .28) !important; font-weight: 700; }.submodule-name { background: rgba(20, 69, 92, .28) !important; }.detail-editor-cell { min-width: 480px; }.example-bar { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 9px; color: #7fa6ba; font-size: 13px; line-height: 1.6; }.example-bar button { flex: 0 0 auto; padding: 4px 8px; border: 1px solid rgba(96, 201, 237, .5); border-radius: 6px; color: #9deaff; background: rgba(5, 86, 124, .24); cursor: pointer; }.example-bar button:hover { color: #fff; background: rgba(12, 139, 182, .6); }.detail-editor-cell textarea { display: block; width: 100%; min-height: 92px; resize: vertical; box-sizing: border-box; padding: 10px; border: 1px solid rgba(108, 182, 215, .36); border-radius: 8px; outline: none; color: #eaf8ff; background: rgba(1, 18, 29, .62); font: inherit; line-height: 1.65; }.detail-editor-cell textarea:focus { border-color: #3ddff9; box-shadow: 0 0 0 3px rgba(55, 215, 248, .12); }.detail-editor-cell textarea::placeholder { color: #66899c; }.upcoming-card { text-align: center; }.upcoming-card h3 { margin: 8px 0; }.upcoming-card p:not(.section-eyebrow) { color: #a6c2d2; }
-.file-input-hidden { display: none; }.prd-upload-card { overflow: hidden; }.prd-delivery-guide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 20px 22px; border: 1px solid rgba(72, 201, 255, .2); border-radius: 16px; background: linear-gradient(135deg, rgba(20, 86, 127, .28), rgba(8, 32, 54, .2)); }.prd-delivery-guide h3 { margin: 0 0 10px; font-size: 18px; color: #eef9ff; }.prd-delivery-guide ol { margin: 0; padding-left: 20px; color: #b8d3e2; line-height: 1.8; }.document-drop-zone { display: grid; min-height: 270px; place-content: center; justify-items: center; gap: 14px; padding: 30px; margin-top: 20px; border: 1px dashed rgba(81, 207, 255, .5); border-radius: 18px; background: radial-gradient(circle at 50% 0, rgba(41, 180, 235, .16), transparent 52%), rgba(8, 33, 52, .56); text-align: center; transition: .2s ease; }.document-drop-zone:hover { border-color: #4ad4ff; background-color: rgba(14, 65, 95, .66); transform: translateY(-2px); }.document-upload-icon { font-size: 42px; color: #42d8ff; }.document-drop-zone h3 { margin: 0; color: #eefaff; font-size: 21px; }.document-drop-zone p { max-width: 560px; margin: 0; color: #a6c2d2; line-height: 1.7; }.uploaded-document-card { display: flex; align-items: center; gap: 16px; padding: 18px 20px; margin-top: 20px; border: 1px solid rgba(69, 206, 255, .3); border-radius: 16px; background: rgba(9, 45, 70, .72); }.document-file-icon { flex: 0 0 auto; font-size: 32px; color: #55dcff; }.uploaded-document-main { min-width: 0; flex: 1; }.uploaded-document-main h3 { overflow: hidden; margin: 0 0 5px; color: #f0fbff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }.uploaded-document-main p { margin: 0; color: #9cc1d4; font-size: 13px; }.uploaded-document-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 9px; }.btn-danger { border: 1px solid rgba(255, 115, 127, .45); color: #ffacb3; background: rgba(116, 32, 48, .25); }.btn-danger:hover { border-color: #ff7884; background: rgba(150, 38, 55, .38); color: #fff; }.prd-pdf-preview { height: min(68vh, 780px); overflow: hidden; border: 1px solid #d8e4ea; border-radius: 10px; background: #fff; }.prd-pdf-preview iframe { width: 100%; height: 100%; border: 0; }.prd-text-preview { max-height: min(68vh, 780px); overflow: auto; padding: 20px; border: 1px solid #d8e4ea; border-radius: 10px; color: #263849; background: #f8fbfd; font-family: "Microsoft YaHei", sans-serif; line-height: 1.8; white-space: pre-wrap; word-break: break-word; }
+.step-indicator { display: flex; align-items: stretch; margin: 26px 0; padding: 10px; overflow-x: auto; border: 1px solid rgba(58, 170, 220, .35); border-radius: 18px; background: rgba(0, 15, 28, .45); }.step-tab { display: flex; min-width: 185px; flex: 1; align-items: center; gap: 10px; padding: 10px 12px; border: 0; border-radius: 12px; color: #8baabd; background: transparent; text-align: left; cursor: pointer; }.step-tab.active { color: #fff; background: linear-gradient(90deg, #087eb3, #12a7d5); box-shadow: inset 0 0 0 1px rgba(157, 239, 255, .55); }.step-tab.complete .step-marker { border-color: #53f1d5; color: #53f1d5; }.step-marker { display: inline-grid; width: 33px; height: 33px; flex: 0 0 33px; place-items: center; border: 1px solid #4c91b5; border-radius: 50%; font-weight: 700; }.step-copy { display: grid; gap: 3px; }.step-copy small { font-size: var(--student-fs-caption); }.step-connector { width: 22px; min-width: 22px; align-self: center; height: 1px; background: #287596; }
+.step-card { padding: 25px; border: 1px solid rgba(50, 162, 208, .42); border-radius: 18px; background: rgba(2, 18, 30, .58); }.step-desc { margin: 18px 0; color: #c0d2df; line-height: 1.8; }.matching-tip, .prd-note { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 20px; padding: 10px 13px; border-left: 3px solid #2ed4f0; border-radius: 5px; color: #a9ddeb; background: rgba(28, 122, 157, .15); font-size: var(--student-fs-body); line-height: 1.65; }
+.matching-workspace { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(350px, .78fr); gap: 24px; align-items: start; }.module-list { display: grid; gap: 10px; }.module-row { display: grid; grid-template-columns: minmax(185px, .31fr) minmax(0, .69fr); min-height: 84px; overflow: hidden; border: 1px solid rgba(124, 166, 189, .45); border-radius: 10px; background: rgba(11, 39, 56, .48); transition: .18s ease; cursor: pointer; }.module-row--over { border-color: #48e3ff; box-shadow: 0 0 0 3px rgba(55, 215, 248, .16); }.module-row--filled { border-color: rgba(74, 220, 182, .56); }.module-label { display: flex; align-items: center; gap: 12px; padding: 16px; border-right: 1px solid rgba(124, 166, 189, .35); color: #eef9ff; background: rgba(13, 81, 113, .28); }.module-label span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; color: #7ee6ff; background: rgba(11, 172, 214, .16); font-size: var(--student-fs-caption); }.module-drop-zone { display: flex; align-items: center; padding: 10px 12px; }.drop-placeholder { color: #7696a8; font-size: var(--student-fs-body); }
+.purpose-bank { position: sticky; top: 22px; padding: 18px; border: 1px solid rgba(66, 178, 226, .45); border-radius: 14px; background: linear-gradient(180deg, rgba(10, 71, 100, .38), rgba(7, 29, 45, .72)); transition: .18s ease; }.purpose-bank--over { border-color: #ffba67; box-shadow: 0 0 0 3px rgba(255, 186, 103, .16); }.purpose-bank__head strong { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(97, 222, 255, .58); border-radius: 50%; color: #8eeaff; }.purpose-bank > p { margin: 12px 0 15px; color: #9cb8c7; font-size: var(--student-fs-body-sm); line-height: 1.65; }.purpose-card-list { display: grid; gap: 9px; max-height: 570px; overflow: auto; padding-right: 3px; }.purpose-card { display: flex; align-items: center; width: 100%; gap: 8px; padding: 11px 12px; border: 1px solid rgba(111, 158, 179, .5); border-radius: 8px; color: #e4f4fb; background: rgba(7, 31, 47, .72); text-align: left; line-height: 1.55; cursor: grab; transition: .18s ease; }.purpose-card:hover, .purpose-card.selected { border-color: #53ddfb; background: rgba(14, 116, 153, .43); }.purpose-card.dragging { opacity: .5; }.purpose-card--assigned { cursor: grab; }.purpose-card--assigned span { flex: 1; }.purpose-card--assigned button { display: inline-grid; width: 26px; height: 26px; flex: 0 0 26px; place-items: center; border: 0; border-radius: 50%; color: #b9ebfa; background: rgba(104, 196, 224, .17); cursor: pointer; }.purpose-card--assigned button:hover { color: #fff; background: #bd5068; }.drag-grip { color: #5fd5ed; letter-spacing: -3px; }.purpose-bank__empty { padding: 22px 8px; color: #82b3c8; text-align: center; }.result-message { margin: 20px 0 0; padding: 11px 14px; border: 1px solid rgba(255, 168, 112, .52); border-radius: 8px; color: #ffd5ad; background: rgba(157, 77, 35, .14); }.result-message.success { border-color: rgba(84, 230, 187, .56); color: #a6f4d8; background: rgba(16, 134, 99, .16); }.task-actions { justify-content: flex-end; margin-top: 21px; }
+.prd-detail-card { overflow: hidden; }.prd-table-wrap { overflow: auto; border: 1px solid rgba(102, 184, 223, .5); border-radius: 12px; }.prd-detail-table { width: 100%; min-width: 1000px; border-collapse: separate; border-spacing: 0; table-layout: fixed; }.prd-detail-table th { padding: 13px; color: #effbff; background: linear-gradient(90deg, #087da9, #0b9bca); font-weight: 700; }.prd-detail-table td { padding: 12px; border-top: 1px solid rgba(115, 165, 188, .38); border-right: 1px solid rgba(115, 165, 188, .38); vertical-align: top; background: rgba(9, 38, 57, .44); }.prd-detail-table th:not(:last-child) { border-right: 1px solid rgba(212, 246, 255, .25); }.prd-detail-table td:last-child { border-right: 0; }.prd-detail-table th:nth-child(1), .module-number { width: 72px; text-align: center; }.prd-detail-table th:nth-child(2), .module-name { width: 155px; }.prd-detail-table th:nth-child(3), .submodule-name { width: 245px; }.module-number, .module-name, .submodule-name { color: #dff6ff; vertical-align: middle !important; }.module-name { background: rgba(10, 90, 122, .28) !important; font-weight: 700; }.submodule-name { background: rgba(20, 69, 92, .28) !important; }.detail-editor-cell { min-width: 480px; }.example-bar { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 9px; color: #7fa6ba; font-size: var(--student-fs-body-sm); line-height: 1.6; }.example-bar button { flex: 0 0 auto; padding: 4px 8px; border: 1px solid rgba(96, 201, 237, .5); border-radius: 6px; color: #9deaff; background: rgba(5, 86, 124, .24); cursor: pointer; }.example-bar button:hover { color: #fff; background: rgba(12, 139, 182, .6); }.detail-editor-cell textarea { display: block; width: 100%; min-height: 92px; resize: vertical; box-sizing: border-box; padding: 10px; border: 1px solid rgba(108, 182, 215, .36); border-radius: 8px; outline: none; color: #eaf8ff; background: rgba(1, 18, 29, .62); font: inherit; line-height: 1.65; }.detail-editor-cell textarea:focus { border-color: #3ddff9; box-shadow: 0 0 0 3px rgba(55, 215, 248, .12); }.detail-editor-cell textarea::placeholder { color: #66899c; }.upcoming-card { text-align: center; }.upcoming-card h3 { margin: 8px 0; }.upcoming-card p:not(.section-eyebrow) { color: #a6c2d2; }
+.file-input-hidden { display: none; }.prd-upload-card { overflow: hidden; }.prd-delivery-guide { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 20px 22px; border: 1px solid rgba(72, 201, 255, .2); border-radius: 16px; background: linear-gradient(135deg, rgba(20, 86, 127, .28), rgba(8, 32, 54, .2)); }.prd-delivery-guide h3 { margin: 0 0 10px; font-size: var(--student-fs-h1); color: #eef9ff; }.prd-delivery-guide ol { margin: 0; padding-left: 20px; color: #b8d3e2; line-height: 1.8; }.document-drop-zone { display: grid; min-height: 270px; place-content: center; justify-items: center; gap: 14px; padding: 30px; margin-top: 20px; border: 1px dashed rgba(81, 207, 255, .5); border-radius: 18px; background: radial-gradient(circle at 50% 0, rgba(41, 180, 235, .16), transparent 52%), rgba(8, 33, 52, .56); text-align: center; transition: .2s ease; }.document-drop-zone:hover { border-color: #4ad4ff; background-color: rgba(14, 65, 95, .66); transform: translateY(-2px); }.document-upload-icon { font-size: 42px; color: #42d8ff; }.document-drop-zone h3 { margin: 0; color: #eefaff; font-size: 21px; }.document-drop-zone p { max-width: 560px; margin: 0; color: #a6c2d2; line-height: 1.7; }.uploaded-document-card { display: flex; align-items: center; gap: 16px; padding: 18px 20px; margin-top: 20px; border: 1px solid rgba(69, 206, 255, .3); border-radius: 16px; background: rgba(9, 45, 70, .72); }.document-file-icon { flex: 0 0 auto; font-size: 32px; color: #55dcff; }.uploaded-document-main { min-width: 0; flex: 1; }.uploaded-document-main h3 { overflow: hidden; margin: 0 0 5px; color: #f0fbff; font-size: 17px; text-overflow: ellipsis; white-space: nowrap; }.uploaded-document-main p { margin: 0; color: #9cc1d4; font-size: var(--student-fs-body-sm); }.uploaded-document-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 9px; }.btn-danger { border: 1px solid rgba(255, 115, 127, .45); color: #ffacb3; background: rgba(116, 32, 48, .25); }.btn-danger:hover { border-color: #ff7884; background: rgba(150, 38, 55, .38); color: #fff; }.prd-pdf-preview { height: min(68vh, 780px); overflow: hidden; border: 1px solid #d8e4ea; border-radius: 10px; background: #fff; }.prd-pdf-preview iframe { width: 100%; height: 100%; border: 0; }.prd-text-preview { max-height: min(68vh, 780px); overflow: auto; padding: 20px; border: 1px solid #d8e4ea; border-radius: 10px; color: #263849; background: #f8fbfd; font-family: var(--student-font-base); line-height: 1.8; white-space: pre-wrap; word-break: break-word; }
 @media (max-width: 1020px) { .matching-workspace { grid-template-columns: 1fr; }.purpose-bank { position: static; }.purpose-card-list { max-height: 360px; }.workbench-head { align-items: flex-start; flex-direction: column; } }
-@media (max-width: 680px) { .training-core { width: min(100% - 24px, 1480px); padding-top: 16px; }.task-card, .step-card { padding: 15px; }.module-row { grid-template-columns: 1fr; }.module-label { border-right: 0; border-bottom: 1px solid rgba(124, 166, 189, .35); }.task-header { align-items: flex-start; flex-direction: column; }.task-title { font-size: 22px; }.step-indicator { margin: 18px 0; }.step-tab { min-width: 165px; }.workbench-actions, .task-actions { width: 100%; }.outline-action, .btn-nav { flex: 1; }.purpose-bank { padding: 14px; }.example-bar { flex-direction: column; } }
+@media (max-width: 680px) { .training-core { width: min(100% - 24px, 1480px); padding-top: 16px; }.task-card, .step-card { padding: 15px; }.module-row { grid-template-columns: 1fr; }.module-label { border-right: 0; border-bottom: 1px solid rgba(124, 166, 189, .35); }.task-header { align-items: flex-start; flex-direction: column; }.task-title { font-size: var(--student-fs-h2); }.step-indicator { margin: 18px 0; }.step-tab { min-width: 165px; }.workbench-actions, .task-actions { width: 100%; }.outline-action, .btn-nav { flex: 1; }.purpose-bank { padding: 14px; }.example-bar { flex-direction: column; } }
 </style>
diff --git a/src/views/product/structure.vue b/src/views/product/structure.vue
index ee66e58..9c0095f 100644
--- a/src/views/product/structure.vue
+++ b/src/views/product/structure.vue
@@ -367,8 +367,8 @@ function exportOutcome() { const blob = new Blob([JSON.stringify(buildAnswer(),
 </script>
 
 <style scoped lang="scss">
-.architecture-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:36px;background:rgba(8,18,28,.6);box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22)}.task-header{margin-bottom:24px}.task-badge,.step-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:12px;font-weight:700}.task-badge{min-height:28px;padding:4px 14px}.task-title{margin:12px 0 0;color:#fff;font-size:30px;font-weight:900}.task-card,.step-card{border:1px solid rgba(82,174,226,.42);border-radius:26px;background:rgba(0,25,42,.64)}.task-card{margin-top:28px;padding:18px 22px 22px}.workbench-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:12px;font-weight:800}.workbench-head h3,.step-title-row h3,.placeholder-card h3{margin:5px 0 0;color:#fff;font-size:24px}.workbench-actions,.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.btn-nav,.move-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#e9fbff;background:rgba(17,126,178,.36);font:inherit;font-size:14px;font-weight:800;cursor:pointer}.outline-action:hover,.btn-nav:hover:not(:disabled),.move-actions button:hover:not(:disabled){border-color:#74ebff;background:rgba(18,146,204,.5)}button:disabled{opacity:.45;cursor:not-allowed}.btn-submit,.btn-primary{background:linear-gradient(135deg,#08a5d6,#147bb9);border-color:transparent}.step-indicator{display:flex;align-items:center;margin:0 -12px 30px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:18px;background:rgba(1,18,31,.62)}.step-tab{display:flex;flex:1 0 145px;align-items:center;gap:10px;min-height:66px;padding:8px;border:1px solid rgba(68,141,177,.35);border-radius:8px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer}.step-tab.active{border-color:#53d8fb;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));color:#fff}.step-tab.complete{color:#c8edff}.step-marker{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-weight:900}.step-copy{display:grid;gap:3px}.step-copy small{font-size:11px;color:inherit}.step-connector{flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-card{padding:24px}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-chip{padding:7px 12px}.step-desc{margin:18px 0 24px;color:#d7ecff;font-size:15px;line-height:1.8}.architecture-workspace{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;max-width:950px;margin:0 auto}.order-rail{display:flex;flex-direction:column;align-items:center;color:#71dfff;font-size:12px;font-weight:800}.order-rail i{flex:1;width:2px;margin:9px 0;background:linear-gradient(#167da9,#71dfff);position:relative}.order-rail i::before,.order-rail i::after{content:"";position:absolute;left:-4px;border:5px solid transparent}.order-rail i::before{top:-1px;border-bottom-color:#167da9}.order-rail i::after{bottom:-1px;border-top-color:#71dfff}.layer-list{display:grid;gap:14px}.layer-card{display:grid;grid-template-columns:32px 22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:linear-gradient(100deg,rgba(21,91,125,.5),rgba(12,39,58,.8));cursor:grab;transition:.2s}.layer-card:hover,.layer-card.dragging{border-color:#6de5ff;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:translateY(-2px)}.layer-position{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b9cd0;color:#fff;font-weight:900}.drag-handle{color:#80e6ff;font-size:20px;letter-spacing:-5px;transform:rotate(90deg)}.layer-copy h4{margin:0 0 6px;color:#fff;font-size:19px}.layer-copy p{margin:0;color:#cae6f5;font-size:14px;line-height:1.65}.move-actions{display:grid;gap:6px}.move-actions button{width:32px;min-height:28px;padding:0;border-radius:7px}.result-message{margin:22px 0 0;padding:11px 14px;border:1px solid rgba(255,186,83,.65);border-radius:10px;color:#ffe1a0;background:rgba(153,96,12,.18)}.result-message.success{border-color:#43dfb5;color:#c6ffe8;background:rgba(18,143,103,.2)}.task-actions{justify-content:flex-end;margin-top:24px}.placeholder-card{min-height:290px}.placeholder-card p:not(.section-eyebrow){color:#cae6f5;line-height:1.8}@media (max-width:1180px){.architecture-page{grid-template-columns:1fr}.training-core{padding:22px}}@media (max-width:720px){.architecture-page{padding:12px}.training-core{padding:16px;border-radius:20px}.task-card,.step-card{padding:16px}.workbench-head{flex-direction:column}.architecture-workspace{grid-template-columns:1fr}.order-rail{display:none}.layer-card{grid-template-columns:30px 17px minmax(0,1fr)}.move-actions{grid-column:3;grid-template-columns:repeat(2,32px)}.task-title{font-size:25px}}
-.flow-workspace{max-width:1000px;margin:0 auto}.flow-caption{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#71dfff;font-size:12px;font-weight:800}.flow-caption i{flex:1;height:1px;background:linear-gradient(90deg,#167da9,#71dfff)}.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-card{display:grid;grid-template-columns:32px 22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:linear-gradient(100deg,rgba(21,91,125,.5),rgba(12,39,58,.8));cursor:grab;transition:.2s}.flow-card:hover,.flow-card.dragging{border-color:#6de5ff;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:translateY(-2px)}@media (max-width:720px){.flow-list{grid-template-columns:1fr}.flow-card{grid-template-columns:30px 17px minmax(0,1fr)}.flow-card .move-actions{grid-column:3;grid-template-columns:repeat(2,32px)}}
-.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#d9efff;font-weight:800}.scene-toolbar em{color:#71dfff;font-style:normal;font-size:12px}.scene-toolbar__actions{display:flex;gap:8px}.scenario-table-wrap{overflow:auto;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:rgba(3,22,36,.6)}.scenario-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.scenario-table th{padding:13px 8px;border-right:1px solid rgba(102,194,232,.42);border-bottom:1px solid rgba(102,194,232,.42);color:#dff7ff;background:rgba(14,126,177,.48);font-size:14px;line-height:1.45}.scenario-table th small{color:#9edff5;font-size:12px}.scenario-table td{padding:9px;border-right:1px solid rgba(102,194,232,.28);border-bottom:1px solid rgba(102,194,232,.28);vertical-align:middle}.scenario-table th:first-child,.scenario-table td:first-child{width:52px}.scenario-table th:nth-child(2),.scenario-table td:nth-child(2){width:170px}.scenario-index{color:#71dfff;font-weight:900;text-align:center}.scenario-table :deep(.el-textarea__inner){min-height:82px!important;border:0;border-radius:8px;color:#edfaff;background:rgba(9,51,75,.52);box-shadow:none;line-height:1.55}.scenario-table :deep(.el-textarea__inner::placeholder){color:#91b7c9}.scenario-table tr:last-child td{border-bottom:0}.scenario-table th:last-child,.scenario-table td:last-child{border-right:0}@media (max-width:720px){.scene-toolbar{align-items:flex-start;flex-direction:column}.scene-toolbar__actions{width:100%}.scene-toolbar__actions .btn-nav{flex:1}}
-.architecture-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.architecture-image-card{min-width:0;padding:16px;border:1px solid rgba(102,194,232,.42);border-radius:16px;background:linear-gradient(145deg,rgba(13,71,98,.55),rgba(3,23,38,.82))}.architecture-image-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;color:#fff;font-weight:900}.architecture-image-card__head small{color:#7ce4ff;font-size:12px}.architecture-image-trigger{display:grid;place-items:center;align-content:center;gap:7px;min-height:154px;border:1px dashed rgba(105,221,255,.65);border-radius:12px;color:#e8fbff;background:rgba(5,73,104,.22);cursor:pointer;text-align:center;transition:.2s}.architecture-image-trigger:hover{border-color:#77edff;background:rgba(8,122,169,.28)}.architecture-image-trigger input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.architecture-image-trigger .el-icon{font-size:24px;color:#76e5ff}.architecture-image-trigger span{color:#a3d9e9;font-size:12px}.architecture-image-preview{margin:13px 0 0}.architecture-image-preview :deep(.el-image){display:block;width:100%;height:170px;overflow:hidden;border:1px solid rgba(109,229,255,.5);border-radius:10px;background:#fff;cursor:zoom-in}.architecture-image-preview figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;color:#add8e8;font-size:12px}.architecture-image-preview figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.architecture-image-preview button,.architecture-guide button{border:0;border-radius:7px;padding:5px 9px;color:#fff;background:#0d91c7;font:inherit;cursor:pointer}.architecture-guide{margin-top:24px;padding:18px 22px;border-left:3px solid #27c8ff;border-radius:0 14px 14px 0;color:#c9e8f5;background:rgba(11,79,109,.22);line-height:1.75}.architecture-guide h4{margin:0 0 8px;color:#fff}.architecture-guide ol{margin:0 0 10px;padding-left:20px}.architecture-guide li{margin:5px 0}@media (max-width:1000px){.architecture-image-grid{grid-template-columns:1fr}}
+.architecture-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:36px;background:rgba(8,18,28,.6);box-shadow:inset 0 1px 0 rgba(169,229,255,.08),0 22px 48px rgba(0,0,0,.22)}.task-header{margin-bottom:24px}.task-badge,.step-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:var(--student-fs-caption);font-weight:700}.task-badge{min-height:28px;padding:4px 14px}.task-title{margin:12px 0 0;color:#fff;font-size:var(--student-fs-display);font-weight:900}.task-card,.step-card{border:1px solid rgba(82,174,226,.42);border-radius:26px;background:rgba(0,25,42,.64)}.task-card{margin-top:28px;padding:18px 22px 22px}.workbench-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800}.workbench-head h3,.step-title-row h3,.placeholder-card h3{margin:5px 0 0;color:#fff;font-size:var(--student-fs-h1)}.workbench-actions,.task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.workbench-actions{justify-content:flex-end}.outline-action,.btn-nav,.move-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#e9fbff;background:rgba(17,126,178,.36);font:inherit;font-size:var(--student-fs-button);font-weight:800;cursor:pointer}.outline-action:hover,.btn-nav:hover:not(:disabled),.move-actions button:hover:not(:disabled){border-color:#74ebff;background:rgba(18,146,204,.5)}button:disabled{opacity:.45;cursor:not-allowed}.btn-submit,.btn-primary{background:linear-gradient(135deg,#08a5d6,#147bb9);border-color:transparent}.step-indicator{display:flex;align-items:center;margin:0 -12px 30px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:18px;background:rgba(1,18,31,.62)}.step-tab{display:flex;flex:1 0 145px;align-items:center;gap:10px;min-height:66px;padding:8px;border:1px solid rgba(68,141,177,.35);border-radius:8px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer}.step-tab.active{border-color:#53d8fb;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));color:#fff}.step-tab.complete{color:#c8edff}.step-marker{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-weight:900}.step-copy{display:grid;gap:3px}.step-copy small{font-size:var(--student-fs-caption);color:inherit}.step-connector{flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-card{padding:24px}.step-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.step-chip{padding:7px 12px}.step-desc{margin:18px 0 24px;color:#d7ecff;font-size:var(--student-fs-body);line-height:1.8}.architecture-workspace{display:grid;grid-template-columns:58px minmax(0,1fr);gap:18px;max-width:950px;margin:0 auto}.order-rail{display:flex;flex-direction:column;align-items:center;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800}.order-rail i{flex:1;width:2px;margin:9px 0;background:linear-gradient(#167da9,#71dfff);position:relative}.order-rail i::before,.order-rail i::after{content:"";position:absolute;left:-4px;border:5px solid transparent}.order-rail i::before{top:-1px;border-bottom-color:#167da9}.order-rail i::after{bottom:-1px;border-top-color:#71dfff}.layer-list{display:grid;gap:14px}.layer-card{display:grid;grid-template-columns:32px 22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:linear-gradient(100deg,rgba(21,91,125,.5),rgba(12,39,58,.8));cursor:grab;transition:.2s}.layer-card:hover,.layer-card.dragging{border-color:#6de5ff;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:translateY(-2px)}.layer-position{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#0b9cd0;color:#fff;font-weight:900}.drag-handle{color:#80e6ff;font-size:var(--student-fs-display);letter-spacing:-5px;transform:rotate(90deg)}.layer-copy h4{margin:0 0 6px;color:#fff;font-size:19px}.layer-copy p{margin:0;color:#cae6f5;font-size:var(--student-fs-body);line-height:1.65}.move-actions{display:grid;gap:6px}.move-actions button{width:32px;min-height:28px;padding:0;border-radius:7px}.result-message{margin:22px 0 0;padding:11px 14px;border:1px solid rgba(255,186,83,.65);border-radius:10px;color:#ffe1a0;background:rgba(153,96,12,.18)}.result-message.success{border-color:#43dfb5;color:#c6ffe8;background:rgba(18,143,103,.2)}.task-actions{justify-content:flex-end;margin-top:24px}.placeholder-card{min-height:290px}.placeholder-card p:not(.section-eyebrow){color:#cae6f5;line-height:1.8}@media (max-width:1180px){.architecture-page{grid-template-columns:1fr}.training-core{padding:22px}}@media (max-width:720px){.architecture-page{padding:12px}.training-core{padding:16px;border-radius:20px}.task-card,.step-card{padding:16px}.workbench-head{flex-direction:column}.architecture-workspace{grid-template-columns:1fr}.order-rail{display:none}.layer-card{grid-template-columns:30px 17px minmax(0,1fr)}.move-actions{grid-column:3;grid-template-columns:repeat(2,32px)}.task-title{font-size:25px}}
+.flow-workspace{max-width:1000px;margin:0 auto}.flow-caption{display:flex;align-items:center;gap:12px;margin:0 0 14px;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800}.flow-caption i{flex:1;height:1px;background:linear-gradient(90deg,#167da9,#71dfff)}.flow-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flow-card{display:grid;grid-template-columns:32px 22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:17px 18px;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:linear-gradient(100deg,rgba(21,91,125,.5),rgba(12,39,58,.8));cursor:grab;transition:.2s}.flow-card:hover,.flow-card.dragging{border-color:#6de5ff;box-shadow:0 10px 22px rgba(0,0,0,.22);transform:translateY(-2px)}@media (max-width:720px){.flow-list{grid-template-columns:1fr}.flow-card{grid-template-columns:30px 17px minmax(0,1fr)}.flow-card .move-actions{grid-column:3;grid-template-columns:repeat(2,32px)}}
+.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;color:#d9efff;font-weight:800}.scene-toolbar em{color:#71dfff;font-style:normal;font-size:var(--student-fs-caption)}.scene-toolbar__actions{display:flex;gap:8px}.scenario-table-wrap{overflow:auto;border:1px solid rgba(102,194,232,.42);border-radius:14px;background:rgba(3,22,36,.6)}.scenario-table{width:100%;min-width:1400px;border-collapse:collapse;table-layout:fixed}.scenario-table th{padding:13px 8px;border-right:1px solid rgba(102,194,232,.42);border-bottom:1px solid rgba(102,194,232,.42);color:#dff7ff;background:rgba(14,126,177,.48);font-size:var(--student-fs-body);line-height:1.45}.scenario-table th small{color:#9edff5;font-size:var(--student-fs-caption)}.scenario-table td{padding:9px;border-right:1px solid rgba(102,194,232,.28);border-bottom:1px solid rgba(102,194,232,.28);vertical-align:middle}.scenario-table th:first-child,.scenario-table td:first-child{width:52px}.scenario-table th:nth-child(2),.scenario-table td:nth-child(2){width:170px}.scenario-index{color:#71dfff;font-weight:900;text-align:center}.scenario-table :deep(.el-textarea__inner){min-height:82px!important;border:0;border-radius:8px;color:#edfaff;background:rgba(9,51,75,.52);box-shadow:none;line-height:1.55}.scenario-table :deep(.el-textarea__inner::placeholder){color:#91b7c9}.scenario-table tr:last-child td{border-bottom:0}.scenario-table th:last-child,.scenario-table td:last-child{border-right:0}@media (max-width:720px){.scene-toolbar{align-items:flex-start;flex-direction:column}.scene-toolbar__actions{width:100%}.scene-toolbar__actions .btn-nav{flex:1}}
+.architecture-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.architecture-image-card{min-width:0;padding:16px;border:1px solid rgba(102,194,232,.42);border-radius:16px;background:linear-gradient(145deg,rgba(13,71,98,.55),rgba(3,23,38,.82))}.architecture-image-card__head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;color:#fff;font-weight:900}.architecture-image-card__head small{color:#7ce4ff;font-size:var(--student-fs-caption)}.architecture-image-trigger{display:grid;place-items:center;align-content:center;gap:7px;min-height:154px;border:1px dashed rgba(105,221,255,.65);border-radius:12px;color:#e8fbff;background:rgba(5,73,104,.22);cursor:pointer;text-align:center;transition:.2s}.architecture-image-trigger:hover{border-color:#77edff;background:rgba(8,122,169,.28)}.architecture-image-trigger input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.architecture-image-trigger .el-icon{font-size:24px;color:#76e5ff}.architecture-image-trigger span{color:#a3d9e9;font-size:var(--student-fs-caption)}.architecture-image-preview{margin:13px 0 0}.architecture-image-preview :deep(.el-image){display:block;width:100%;height:170px;overflow:hidden;border:1px solid rgba(109,229,255,.5);border-radius:10px;background:#fff;cursor:zoom-in}.architecture-image-preview figcaption{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;color:#add8e8;font-size:var(--student-fs-caption)}.architecture-image-preview figcaption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.architecture-image-preview button,.architecture-guide button{border:0;border-radius:7px;padding:5px 9px;color:#fff;background:#0d91c7;font:inherit;cursor:pointer}.architecture-guide{margin-top:24px;padding:18px 22px;border-left:3px solid #27c8ff;border-radius:0 14px 14px 0;color:#c9e8f5;background:rgba(11,79,109,.22);line-height:1.75}.architecture-guide h4{margin:0 0 8px;color:#fff}.architecture-guide ol{margin:0 0 10px;padding-left:20px}.architecture-guide li{margin:5px 0}@media (max-width:1000px){.architecture-image-grid{grid-template-columns:1fr}}
 </style>
diff --git a/src/views/register.vue b/src/views/register.vue
index 5e21769..5840f95 100644
--- a/src/views/register.vue
+++ b/src/views/register.vue
@@ -186,7 +186,7 @@ getCode();
   }
 }
 .register-tip {
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   text-align: center;
   color: #bfbfbf;
 }
@@ -207,8 +207,8 @@ getCode();
   width: 100%;
   text-align: center;
   color: #fff;
-  font-family: Arial;
-  font-size: 12px;
+  font-family: var(--student-font-base);
+  font-size: var(--student-fs-caption);
   letter-spacing: 1px;
 }
 .register-code-img {
diff --git a/src/views/student/index.vue b/src/views/student/index.vue
index 4c3aea5..47c11a2 100644
--- a/src/views/student/index.vue
+++ b/src/views/student/index.vue
@@ -248,8 +248,8 @@ onBeforeUnmount(() => {
   justify-content: space-between;
   gap: 12px;
 
-  span { color: #1d2b4a; font-size: 18px; font-weight: 700; }
-  small { color: #8a98af; font-size: 13px; }
+  span { color: #1d2b4a; font-size: var(--student-fs-h1); font-weight: 700; }
+  small { color: #8a98af; font-size: var(--student-fs-body-sm); }
 }
 
 .score-layout { display: grid; grid-template-columns: minmax(400px, 0.9fr) minmax(540px, 1.3fr); min-height: 330px; }
@@ -273,10 +273,10 @@ onBeforeUnmount(() => {
 
   strong { color: #5645d5; font-size: 34px; line-height: 1.1; }
   .summary-unit { color: #5645d5; font-weight: 600; }
-  .rank-copy { margin-top: 18px; font-size: 13px; }
+  .rank-copy { margin-top: 18px; font-size: var(--student-fs-body-sm); }
 }
 
-.summary-label { margin-bottom: 4px; font-size: 13px; }
+.summary-label { margin-bottom: 4px; font-size: var(--student-fs-body-sm); }
 .score-table-wrap { display: flex; align-items: center; min-width: 0; padding: 8px 0 8px 24px; }
 .score-table { width: 100%; }
 
@@ -294,7 +294,7 @@ onBeforeUnmount(() => {
   box-shadow: 0 14px 24px rgba(57, 126, 226, 0.24);
 
   strong { margin-top: 18px; font-size: 17px; }
-  span { margin-top: 7px; font-size: 13px; opacity: 0.88; }
+  span { margin-top: 7px; font-size: var(--student-fs-body-sm); opacity: 0.88; }
 }
 
 .time-orbit {
@@ -309,7 +309,7 @@ onBeforeUnmount(() => {
 }
 
 .time-value { font-size: 25px; font-weight: 800; line-height: 1; }
-.time-unit { margin-top: 5px; font-size: 13px; letter-spacing: 0.08em; }
+.time-unit { margin-top: 5px; font-size: var(--student-fs-body-sm); letter-spacing: 0.08em; }
 .progress-chart-wrap { min-width: 0; }
 .progress-chart { min-height: 270px; width: 100%; }
 
@@ -323,8 +323,8 @@ onBeforeUnmount(() => {
 }
 
 .module-progress-item { min-width: 0; }
-.module-progress-head { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; color: #6f7b91; font-size: 13px; }
-.module-progress-head strong { flex: 1; overflow: hidden; color: #273858; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
+.module-progress-head { display: flex; align-items: center; gap: 8px; margin-bottom: 7px; color: #6f7b91; font-size: var(--student-fs-body-sm); }
+.module-progress-head strong { flex: 1; overflow: hidden; color: #273858; font-size: var(--student-fs-body); text-overflow: ellipsis; white-space: nowrap; }
 .module-color { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; }
 
 @media (max-width: 1320px) {
diff --git a/src/views/studentDemo/index.vue b/src/views/studentDemo/index.vue
index 3f4da12..700a49d 100644
--- a/src/views/studentDemo/index.vue
+++ b/src/views/studentDemo/index.vue
@@ -35,4 +35,4 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style scoped>.student-demo-entry{display:grid;min-height:100vh;place-items:center;background:#06111d;color:#dff7ff;font-size:18px}</style>
+<style scoped>.student-demo-entry{display:grid;min-height:100vh;place-items:center;background:#06111d;color:#dff7ff;font-size:var(--student-fs-h1)}</style>
diff --git a/src/views/teacherEnd/index.vue b/src/views/teacherEnd/index.vue
index 932b78d..2e71800 100644
--- a/src/views/teacherEnd/index.vue
+++ b/src/views/teacherEnd/index.vue
@@ -36,7 +36,7 @@
               <!-- <img style="width: 55px; height: 55px" :src="getAssetsFile(`images/${item.name}.png`)" alt="" /> -->
               <div class="ri">
                 <span style="color: #333333; font-weight: bold; font-size: 16px; letter-spacing: 4px">{{ item.name }}:</span>
-                <span style="font-family: Source Han Sans CN; font-weight: bold; font-size: 20px; color: #ff6400">{{ item.value ?? 0 }}</span>
+                <span style="font-family: var(--student-font-base); font-weight: bold; font-size: 20px; color: #ff6400">{{ item.value ?? 0 }}</span>
               </div>
             </div>
           </div>
@@ -241,7 +241,7 @@ onMounted(() => {
       .trend-title {
         margin-top: 28px;
         text-align: center;
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: bold;
         font-size: 16px;
         color: #999999;
@@ -253,7 +253,7 @@ onMounted(() => {
         border-bottom: 2px dashed #e5e5e5;
       }
       .card-header {
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: bold;
         font-size: 20px;
         color: #333333;
@@ -283,7 +283,7 @@ onMounted(() => {
     .el-card:nth-child(2) {
       width: calc(100% - 53%);
       .card-header {
-        font-family: Source Han Sans CN;
+        font-family: var(--student-font-base);
         font-weight: bold;
         font-size: 20px;
         color: #333333;
diff --git a/src/views/test/index.vue b/src/views/test/index.vue
index e775854..74e8126 100644
--- a/src/views/test/index.vue
+++ b/src/views/test/index.vue
@@ -233,8 +233,8 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 </script>
 
 <style scoped lang="scss">
-.release-channel-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:30px;background:rgba(8,18,28,.6)}.task-header{margin-bottom:24px}.task-badge{display:inline-flex;gap:8px;align-items:center;padding:5px 14px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:12px;font-weight:700}.task-header h1{margin:12px 0 0;color:#fff;font-size:30px}.task-card{margin-top:28px;padding:24px;border:1px solid rgba(82,174,226,.42);border-radius:24px;background:rgba(0,25,42,.64)}.workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:12px;font-weight:800}.workbench-head h2{margin:4px 0 0;color:#fff;font-size:24px}.step-tabs{display:flex;gap:10px;margin:20px 0}.step-tabs button{min-height:36px;padding:0 15px;border:1px solid rgba(99,183,222,.42);border-radius:8px;color:#a8cde0;background:rgba(3,27,43,.56);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.step-tabs button.active{border-color:#48d5ff;color:#fff;background:rgba(9,125,177,.7)}.lead,.scoring-guide{margin:22px 0;color:#e2f3ff;font-size:16px;line-height:1.9}.scoring-guide{padding:16px 18px;border-left:3px solid #48d5ff;border-radius:0 12px 12px 0;background:rgba(16,85,121,.2)}.table-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 16px}.table-actions :deep(.el-button){min-width:110px;height:42px;font-weight:800}.table-wrap{overflow-x:auto;border:1px solid rgba(99,183,222,.46);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse}.weight-table{min-width:900px}.channel-table{min-width:1320px}.scoring-table{min-width:1780px}.ranking-table{min-width:880px}.table-wrap th,.table-wrap td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.table-wrap th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:14px}.table-wrap td{background:rgba(2,21,34,.58)}.weight-table tbody td:nth-child(1){width:22%}.weight-table tbody td:nth-child(2){width:43%}.weight-table tbody td:nth-child(3){width:23%}.channel-table td{min-width:134px}.channel-table td:first-child{min-width:110px}.scoring-table th:first-child{min-width:108px}.scoring-table td{min-width:108px}.scoring-table thead tr:nth-child(2) th{background:rgba(7,116,161,.94)}.ranking-table td{min-width:170px}.ranking-table td:first-child{min-width:100px}.rank-cell,.core-cell{text-align:center;font-weight:900}.core-cell .core{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;border:1px solid rgba(99,235,204,.8);border-radius:999px;color:#062f30;background:#68edce}.weight-cell{color:#a8d9eb;text-align:center;font-weight:800}.analysis-field{display:block;margin-top:28px}.analysis-field>span{display:block;margin-bottom:10px;color:#dff5ff;font-size:15px;font-weight:800}.analysis-field :deep(.el-textarea__inner){min-height:180px!important;border:1px solid rgba(111,190,225,.3);border-radius:12px;box-shadow:none;color:#fff;background:#102233;line-height:1.7}.table-wrap :deep(.el-input__wrapper),.table-wrap :deep(.el-input-number){width:100%;background:#102233}.table-wrap :deep(.el-input__wrapper){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset}.table-wrap :deep(.el-input__inner){color:#fff}.table-wrap :deep(.el-input-number .el-input__wrapper){background:#102233}.table-wrap small{display:block;margin-top:7px;color:#8fa8b8;font-size:12px}.operation-column{width:100px;text-align:center}.empty-row{text-align:center;color:#99b5c7}.table-wrap tfoot th,.table-wrap tfoot td{border-bottom:0;background:rgba(7,49,72,.74)}.total-error{color:#ff8c8c;font-weight:900}.hint{margin:18px 0 0;color:#95b2c3;line-height:1.8}.footer-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.footer-actions :deep(.el-button){min-width:156px;height:44px;font-weight:800}.footer-actions :deep(.el-button .el-icon){margin-left:5px}@media (max-width:1100px){.release-channel-page{grid-template-columns:1fr}}@media (max-width:720px){.release-channel-page{padding:14px}.training-core{padding:18px}.task-card{padding:18px}.workbench-head{flex-direction:column}.table-actions,.footer-actions{align-items:stretch;flex-direction:column}.table-actions :deep(.el-button),.footer-actions :deep(.el-button){width:100%}}
+.release-channel-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:30px;background:rgba(8,18,28,.6)}.task-header{margin-bottom:24px}.task-badge{display:inline-flex;gap:8px;align-items:center;padding:5px 14px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:var(--student-fs-caption);font-weight:700}.task-header h1{margin:12px 0 0;color:#fff;font-size:var(--student-fs-display)}.task-card{margin-top:28px;padding:24px;border:1px solid rgba(82,174,226,.42);border-radius:24px;background:rgba(0,25,42,.64)}.workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800}.workbench-head h2{margin:4px 0 0;color:#fff;font-size:var(--student-fs-h1)}.step-tabs{display:flex;gap:10px;margin:20px 0}.step-tabs button{min-height:36px;padding:0 15px;border:1px solid rgba(99,183,222,.42);border-radius:8px;color:#a8cde0;background:rgba(3,27,43,.56);font:inherit;font-size:var(--student-fs-body-sm);font-weight:800;cursor:pointer}.step-tabs button.active{border-color:#48d5ff;color:#fff;background:rgba(9,125,177,.7)}.lead,.scoring-guide{margin:22px 0;color:#e2f3ff;font-size:var(--student-fs-h2);line-height:1.9}.scoring-guide{padding:16px 18px;border-left:3px solid #48d5ff;border-radius:0 12px 12px 0;background:rgba(16,85,121,.2)}.table-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 16px}.table-actions :deep(.el-button){min-width:110px;height:42px;font-weight:800}.table-wrap{overflow-x:auto;border:1px solid rgba(99,183,222,.46);border-radius:14px}.table-wrap table{width:100%;border-collapse:collapse}.weight-table{min-width:900px}.channel-table{min-width:1320px}.scoring-table{min-width:1780px}.ranking-table{min-width:880px}.table-wrap th,.table-wrap td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.table-wrap th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:var(--student-fs-body)}.table-wrap td{background:rgba(2,21,34,.58)}.weight-table tbody td:nth-child(1){width:22%}.weight-table tbody td:nth-child(2){width:43%}.weight-table tbody td:nth-child(3){width:23%}.channel-table td{min-width:134px}.channel-table td:first-child{min-width:110px}.scoring-table th:first-child{min-width:108px}.scoring-table td{min-width:108px}.scoring-table thead tr:nth-child(2) th{background:rgba(7,116,161,.94)}.ranking-table td{min-width:170px}.ranking-table td:first-child{min-width:100px}.rank-cell,.core-cell{text-align:center;font-weight:900}.core-cell .core{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:26px;border:1px solid rgba(99,235,204,.8);border-radius:999px;color:#062f30;background:#68edce}.weight-cell{color:#a8d9eb;text-align:center;font-weight:800}.analysis-field{display:block;margin-top:28px}.analysis-field>span{display:block;margin-bottom:10px;color:#dff5ff;font-size:var(--student-fs-body);font-weight:800}.analysis-field :deep(.el-textarea__inner){min-height:180px!important;border:1px solid rgba(111,190,225,.3);border-radius:12px;box-shadow:none;color:#fff;background:#102233;line-height:1.7}.table-wrap :deep(.el-input__wrapper),.table-wrap :deep(.el-input-number){width:100%;background:#102233}.table-wrap :deep(.el-input__wrapper){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset}.table-wrap :deep(.el-input__inner){color:#fff}.table-wrap :deep(.el-input-number .el-input__wrapper){background:#102233}.table-wrap small{display:block;margin-top:7px;color:#8fa8b8;font-size:var(--student-fs-caption)}.operation-column{width:100px;text-align:center}.empty-row{text-align:center;color:#99b5c7}.table-wrap tfoot th,.table-wrap tfoot td{border-bottom:0;background:rgba(7,49,72,.74)}.total-error{color:#ff8c8c;font-weight:900}.hint{margin:18px 0 0;color:#95b2c3;line-height:1.8}.footer-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.footer-actions :deep(.el-button){min-width:156px;height:44px;font-weight:800}.footer-actions :deep(.el-button .el-icon){margin-left:5px}@media (max-width:1100px){.release-channel-page{grid-template-columns:1fr}}@media (max-width:720px){.release-channel-page{padding:14px}.training-core{padding:18px}.task-card{padding:18px}.workbench-head{flex-direction:column}.table-actions,.footer-actions{align-items:stretch;flex-direction:column}.table-actions :deep(.el-button),.footer-actions :deep(.el-button){width:100%}}
 /* 与标准实训页保持一致的步骤条：编号、步骤状态和箭头连接均可清晰识别。 */
-.step-tabs{display:flex;align-items:center;gap:8px;margin:20px 0 28px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:22px;background:rgba(1,18,31,.62)}.step-tabs .step-tab{display:flex;flex:1 1 0;align-items:center;min-width:145px;min-height:66px;gap:10px;padding:8px 12px;border:1px solid rgba(68,141,177,.35);border-radius:12px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer;transition:.2s ease}.step-tabs .step-tab:hover{border-color:rgba(89,223,255,.82);color:#fff;background:rgba(8,92,131,.52);transform:translateY(-1px)}.step-tabs .step-tab:focus-visible{outline:2px solid #72e8ff;outline-offset:3px}.step-tabs .step-marker{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;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}.step-tabs .step-copy{display:grid;min-width:0;gap:4px}.step-tabs .step-copy b{overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.step-tabs .step-copy small{color:#66b6d4;font-size:10px;font-weight:800;letter-spacing:.06em}.step-tabs .step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));box-shadow:inset 0 0 24px rgba(77,213,255,.22)}.step-tabs .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-tabs .step-tab.complete{color:#dffbff}.step-tabs .step-tab.complete .step-marker{border-color:rgba(84,230,221,.85);color:#062b37;background:#6ef0e1}.step-tabs .step-connector{position:relative;flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-tabs .step-connector::after{position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1px solid #73b1ce;border-right:1px solid #73b1ce;content:'';transform:translateY(-50%) rotate(45deg)}
+.step-tabs{display:flex;align-items:center;gap:8px;margin:20px 0 28px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:22px;background:rgba(1,18,31,.62)}.step-tabs .step-tab{display:flex;flex:1 1 0;align-items:center;min-width:145px;min-height:66px;gap:10px;padding:8px 12px;border:1px solid rgba(68,141,177,.35);border-radius:12px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer;transition:.2s ease}.step-tabs .step-tab:hover{border-color:rgba(89,223,255,.82);color:#fff;background:rgba(8,92,131,.52);transform:translateY(-1px)}.step-tabs .step-tab:focus-visible{outline:2px solid #72e8ff;outline-offset:3px}.step-tabs .step-marker{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(101,176,208,.6);border-radius:50%;color:#a6c4d9;background:rgba(3,25,40,.8);font-size:var(--student-fs-caption);font-weight:900}.step-tabs .step-copy{display:grid;min-width:0;gap:4px}.step-tabs .step-copy b{overflow:hidden;font-size:var(--student-fs-body);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.step-tabs .step-copy small{color:#66b6d4;font-size:var(--student-fs-caption);font-weight:800;letter-spacing:.06em}.step-tabs .step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));box-shadow:inset 0 0 24px rgba(77,213,255,.22)}.step-tabs .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-tabs .step-tab.complete{color:#dffbff}.step-tabs .step-tab.complete .step-marker{border-color:rgba(84,230,221,.85);color:#062b37;background:#6ef0e1}.step-tabs .step-connector{position:relative;flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-tabs .step-connector::after{position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1px solid #73b1ce;border-right:1px solid #73b1ce;content:'';transform:translateY(-50%) rotate(45deg)}
 @media(max-width:720px){.step-tabs{align-items:stretch;flex-direction:column;padding:14px}.step-tabs .step-tab{flex:0 0 auto;width:100%}.step-tabs .step-connector{flex:0 0 18px;width:2px;height:18px;margin-left:18px}.step-tabs .step-connector::after{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%) rotate(135deg)}}
 </style>
diff --git a/src/views/test/promotion.vue b/src/views/test/promotion.vue
index 4cc8463..3ec10c4 100644
--- a/src/views/test/promotion.vue
+++ b/src/views/test/promotion.vue
@@ -279,11 +279,11 @@ onMounted(async () => { try { const result = await getTrainingTaskByKey(TASK_KEY
 </script>
 
 <style scoped lang="scss">
-.promotion-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:30px;background:rgba(8,18,28,.6)}.task-header{margin-bottom:24px}.task-badge{display:inline-flex;gap:8px;align-items:center;padding:5px 14px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:12px;font-weight:700}.task-header h1{margin:12px 0 0;color:#fff;font-size:30px}.task-card{margin-top:28px;padding:24px;border:1px solid rgba(82,174,226,.42);border-radius:24px;background:rgba(0,25,42,.64)}.workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:12px;font-weight:800}.workbench-head h2{margin:4px 0 0;color:#fff;font-size:24px}.step-tabs{display:flex;gap:10px;margin:20px 0}.step-tabs button{min-height:36px;padding:0 15px;border:1px solid rgba(99,183,222,.42);border-radius:8px;color:#a8cde0;background:rgba(3,27,43,.56);font:inherit;font-size:13px;font-weight:800;cursor:pointer}.step-tabs button.active{border-color:#48d5ff;color:#fff;background:rgba(9,125,177,.7)}.budget-form,.strategy-form,.performance-form{padding-top:4px}.total-budget-field,.roi-inputs{display:flex;align-items:center;gap:12px;color:#effaff;font-size:17px;font-weight:800}.total-budget-field :deep(.el-input-number){width:250px}.total-budget-field em{font-style:normal}.lead{margin:22px 0;color:#d6ecf8;font-size:16px;line-height:1.9}.table-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 16px}.table-actions :deep(.el-button){min-width:110px;height:42px;font-weight:800}.table-wrap,.strategy-table-wrap,.performance-table-wrap{overflow-x:auto;border:1px solid rgba(99,183,222,.46);border-radius:14px}.budget-table,.strategy-table,.reference-table,.performance-table{width:100%;border-collapse:collapse}.budget-table{min-width:1300px}.strategy-table{min-width:860px}.performance-table{min-width:1080px}.budget-table th,.budget-table td,.strategy-table th,.strategy-table td,.reference-table th,.reference-table td,.performance-table th,.performance-table td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.budget-table th,.strategy-table th,.reference-table th,.performance-table th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:14px}.budget-table td,.strategy-table td,.reference-table td,.performance-table td{min-width:170px;background:rgba(2,21,34,.58)}.budget-table td:first-child,.budget-table td:nth-child(2){min-width:155px}.budget-table :deep(.el-select),.budget-table :deep(.el-input-number),.strategy-table :deep(.el-select),.performance-table :deep(.el-input-number){width:100%}.budget-table :deep(.el-input__wrapper),.strategy-table :deep(.el-input__wrapper),.performance-table :deep(.el-input__wrapper){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset;background:#102233}.budget-table :deep(.el-input__inner),.strategy-table :deep(.el-input__inner),.performance-table :deep(.el-input__inner){color:#fff}.computed-money{color:#7ce4ff;text-align:right;font-variant-numeric:tabular-nums;font-weight:900}.budget-table tfoot th,.budget-table tfoot td{border-bottom:0;background:rgba(7,49,72,.74)}.budget-table tfoot td{color:#b7dfed;text-align:center;font-weight:800}.budget-table .total-error{color:#ff9898}.table-note{font-size:12px;font-weight:400}.strategy-table th:first-child{min-width:116px}.strategy-table td{min-width:240px}.strategy-table small{display:block;margin-top:8px;color:#8cb7cb;font-size:12px;text-align:right}.empty-row{text-align:center;color:#95b2c3}.hint{margin:18px 0 0;color:#95b2c3;line-height:1.85}.source-warning{margin:14px 0 0;color:#ffb6a2}.strategy-reference{margin-top:22px;border:1px solid rgba(99,183,222,.35);border-radius:12px;padding:0 14px;background:rgba(7,49,72,.26)}.strategy-reference :deep(.el-collapse){border:0}.strategy-reference :deep(.el-collapse-item__header){height:50px;border:0;color:#dff5ff;background:transparent;font-weight:800}.strategy-reference :deep(.el-collapse-item__wrap){border:0;background:transparent}.reference-table-wrap{overflow-x:auto;margin-bottom:14px;border:1px solid rgba(99,183,222,.35);border-radius:8px}.reference-table{min-width:780px}.reference-table td:first-child{min-width:520px;line-height:1.65}.roi-baseline{padding:18px;margin-top:18px;border:1px solid rgba(99,183,222,.36);border-radius:14px;background:rgba(8,42,64,.36)}.subsection-title{color:#fff;font-size:18px;font-weight:900}.roi-baseline p,.performance-data>p{color:#c8e5f1;line-height:1.75}.roi-inputs{flex-wrap:wrap;justify-content:space-between;padding:14px 0}.roi-inputs label{display:flex;align-items:center;gap:10px}.roi-inputs :deep(.el-input-number){width:150px}.roi-inputs label>span{color:#97bdce;font-size:13px}.formula-note{margin-bottom:0}.performance-data{margin-top:28px}.performance-table th:first-child{min-width:110px}.performance-table .total-row th,.performance-table .total-row td{background:rgba(7,78,108,.55);font-weight:800}.footer-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.footer-actions :deep(.el-button){min-width:156px;height:44px;font-weight:800}.footer-actions :deep(.el-button .el-icon){margin-left:5px}@media (max-width:1100px){.promotion-page{grid-template-columns:1fr}}@media (max-width:720px){.promotion-page{padding:14px}.training-core{padding:18px}.task-card{padding:18px}.workbench-head,.total-budget-field,.roi-inputs,.table-actions,.footer-actions{align-items:stretch;flex-direction:column}.total-budget-field :deep(.el-input-number),.roi-inputs :deep(.el-input-number),.table-actions :deep(.el-button),.footer-actions :deep(.el-button){width:100%}}
+.promotion-page{display:grid;grid-template-columns:minmax(720px,1fr) 340px;gap:24px;min-height:calc(100vh - 76px);padding:24px;color:#eef5ff;background:#06111d}.training-core{min-width:0;padding:28px;border:1px solid rgba(0,180,255,.25);border-radius:30px;background:rgba(8,18,28,.6)}.task-header{margin-bottom:24px}.task-badge{display:inline-flex;gap:8px;align-items:center;padding:5px 14px;border:1px solid rgba(99,217,255,.55);border-radius:999px;color:#dff5ff;background:rgba(17,126,178,.36);font-size:var(--student-fs-caption);font-weight:700}.task-header h1{margin:12px 0 0;color:#fff;font-size:var(--student-fs-display)}.task-card{margin-top:28px;padding:24px;border:1px solid rgba(82,174,226,.42);border-radius:24px;background:rgba(0,25,42,.64)}.workbench-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid rgba(0,180,255,.2)}.section-eyebrow{margin:0;color:#71dfff;font-size:var(--student-fs-caption);font-weight:800}.workbench-head h2{margin:4px 0 0;color:#fff;font-size:var(--student-fs-h1)}.step-tabs{display:flex;gap:10px;margin:20px 0}.step-tabs button{min-height:36px;padding:0 15px;border:1px solid rgba(99,183,222,.42);border-radius:8px;color:#a8cde0;background:rgba(3,27,43,.56);font:inherit;font-size:var(--student-fs-body-sm);font-weight:800;cursor:pointer}.step-tabs button.active{border-color:#48d5ff;color:#fff;background:rgba(9,125,177,.7)}.budget-form,.strategy-form,.performance-form{padding-top:4px}.total-budget-field,.roi-inputs{display:flex;align-items:center;gap:12px;color:#effaff;font-size:17px;font-weight:800}.total-budget-field :deep(.el-input-number){width:250px}.total-budget-field em{font-style:normal}.lead{margin:22px 0;color:#d6ecf8;font-size:var(--student-fs-h2);line-height:1.9}.table-actions{display:flex;justify-content:flex-end;gap:12px;margin:0 0 16px}.table-actions :deep(.el-button){min-width:110px;height:42px;font-weight:800}.table-wrap,.strategy-table-wrap,.performance-table-wrap{overflow-x:auto;border:1px solid rgba(99,183,222,.46);border-radius:14px}.budget-table,.strategy-table,.reference-table,.performance-table{width:100%;border-collapse:collapse}.budget-table{min-width:1300px}.strategy-table{min-width:860px}.performance-table{min-width:1080px}.budget-table th,.budget-table td,.strategy-table th,.strategy-table td,.reference-table th,.reference-table td,.performance-table th,.performance-table td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.budget-table th,.strategy-table th,.reference-table th,.performance-table th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:var(--student-fs-body)}.budget-table td,.strategy-table td,.reference-table td,.performance-table td{min-width:170px;background:rgba(2,21,34,.58)}.budget-table td:first-child,.budget-table td:nth-child(2){min-width:155px}.budget-table :deep(.el-select),.budget-table :deep(.el-input-number),.strategy-table :deep(.el-select),.performance-table :deep(.el-input-number){width:100%}.budget-table :deep(.el-input__wrapper),.strategy-table :deep(.el-input__wrapper),.performance-table :deep(.el-input__wrapper){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset;background:#102233}.budget-table :deep(.el-input__inner),.strategy-table :deep(.el-input__inner),.performance-table :deep(.el-input__inner){color:#fff}.computed-money{color:#7ce4ff;text-align:right;font-variant-numeric:tabular-nums;font-weight:900}.budget-table tfoot th,.budget-table tfoot td{border-bottom:0;background:rgba(7,49,72,.74)}.budget-table tfoot td{color:#b7dfed;text-align:center;font-weight:800}.budget-table .total-error{color:#ff9898}.table-note{font-size:var(--student-fs-caption);font-weight:400}.strategy-table th:first-child{min-width:116px}.strategy-table td{min-width:240px}.strategy-table small{display:block;margin-top:8px;color:#8cb7cb;font-size:var(--student-fs-caption);text-align:right}.empty-row{text-align:center;color:#95b2c3}.hint{margin:18px 0 0;color:#95b2c3;line-height:1.85}.source-warning{margin:14px 0 0;color:#ffb6a2}.strategy-reference{margin-top:22px;border:1px solid rgba(99,183,222,.35);border-radius:12px;padding:0 14px;background:rgba(7,49,72,.26)}.strategy-reference :deep(.el-collapse){border:0}.strategy-reference :deep(.el-collapse-item__header){height:50px;border:0;color:#dff5ff;background:transparent;font-weight:800}.strategy-reference :deep(.el-collapse-item__wrap){border:0;background:transparent}.reference-table-wrap{overflow-x:auto;margin-bottom:14px;border:1px solid rgba(99,183,222,.35);border-radius:8px}.reference-table{min-width:780px}.reference-table td:first-child{min-width:520px;line-height:1.65}.roi-baseline{padding:18px;margin-top:18px;border:1px solid rgba(99,183,222,.36);border-radius:14px;background:rgba(8,42,64,.36)}.subsection-title{color:#fff;font-size:var(--student-fs-h1);font-weight:900}.roi-baseline p,.performance-data>p{color:#c8e5f1;line-height:1.75}.roi-inputs{flex-wrap:wrap;justify-content:space-between;padding:14px 0}.roi-inputs label{display:flex;align-items:center;gap:10px}.roi-inputs :deep(.el-input-number){width:150px}.roi-inputs label>span{color:#97bdce;font-size:var(--student-fs-body-sm)}.formula-note{margin-bottom:0}.performance-data{margin-top:28px}.performance-table th:first-child{min-width:110px}.performance-table .total-row th,.performance-table .total-row td{background:rgba(7,78,108,.55);font-weight:800}.footer-actions{display:flex;justify-content:center;gap:16px;margin-top:30px}.footer-actions :deep(.el-button){min-width:156px;height:44px;font-weight:800}.footer-actions :deep(.el-button .el-icon){margin-left:5px}@media (max-width:1100px){.promotion-page{grid-template-columns:1fr}}@media (max-width:720px){.promotion-page{padding:14px}.training-core{padding:18px}.task-card{padding:18px}.workbench-head,.total-budget-field,.roi-inputs,.table-actions,.footer-actions{align-items:stretch;flex-direction:column}.total-budget-field :deep(.el-input-number),.roi-inputs :deep(.el-input-number),.table-actions :deep(.el-button),.footer-actions :deep(.el-button){width:100%}}
 /* 统一为标准实训页步骤条：编号圆点、状态说明和连接箭头。 */
-.step-tabs{display:flex;align-items:center;gap:8px;margin:20px 0 28px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:22px;background:rgba(1,18,31,.62)}.step-tabs .step-tab{display:flex;flex:1 1 0;align-items:center;min-width:145px;min-height:66px;gap:10px;padding:8px 12px;border:1px solid rgba(68,141,177,.35);border-radius:12px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer;transition:.2s ease}.step-tabs .step-tab:hover{border-color:rgba(89,223,255,.82);color:#fff;background:rgba(8,92,131,.52);transform:translateY(-1px)}.step-tabs .step-tab:focus-visible{outline:2px solid #72e8ff;outline-offset:3px}.step-tabs .step-marker{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;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}.step-tabs .step-copy{display:grid;min-width:0;gap:4px}.step-tabs .step-copy b{overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.step-tabs .step-copy small{color:#66b6d4;font-size:10px;font-weight:800;letter-spacing:.06em}.step-tabs .step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));box-shadow:inset 0 0 24px rgba(77,213,255,.22)}.step-tabs .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-tabs .step-tab.complete{color:#dffbff}.step-tabs .step-tab.complete .step-marker{border-color:rgba(84,230,221,.85);color:#062b37;background:#6ef0e1}.step-tabs .step-connector{position:relative;flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-tabs .step-connector::after{position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1px solid #73b1ce;border-right:1px solid #73b1ce;content:'';transform:translateY(-50%) rotate(45deg)}
+.step-tabs{display:flex;align-items:center;gap:8px;margin:20px 0 28px;padding:18px 22px;overflow-x:auto;border:1px solid rgba(0,180,255,.3);border-radius:22px;background:rgba(1,18,31,.62)}.step-tabs .step-tab{display:flex;flex:1 1 0;align-items:center;min-width:145px;min-height:66px;gap:10px;padding:8px 12px;border:1px solid rgba(68,141,177,.35);border-radius:12px;color:#9ab3d0;background:rgba(3,27,43,.52);font:inherit;text-align:left;cursor:pointer;transition:.2s ease}.step-tabs .step-tab:hover{border-color:rgba(89,223,255,.82);color:#fff;background:rgba(8,92,131,.52);transform:translateY(-1px)}.step-tabs .step-tab:focus-visible{outline:2px solid #72e8ff;outline-offset:3px}.step-tabs .step-marker{display:grid;flex:0 0 38px;width:38px;height:38px;place-items:center;border:1px solid rgba(101,176,208,.6);border-radius:50%;color:#a6c4d9;background:rgba(3,25,40,.8);font-size:var(--student-fs-caption);font-weight:900}.step-tabs .step-copy{display:grid;min-width:0;gap:4px}.step-tabs .step-copy b{overflow:hidden;font-size:var(--student-fs-body);font-weight:800;text-overflow:ellipsis;white-space:nowrap}.step-tabs .step-copy small{color:#66b6d4;font-size:var(--student-fs-caption);font-weight:800;letter-spacing:.06em}.step-tabs .step-tab.active{border-color:#53d8fb;color:#fff;background:linear-gradient(135deg,rgba(7,156,207,.85),rgba(13,105,161,.92));box-shadow:inset 0 0 24px rgba(77,213,255,.22)}.step-tabs .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-tabs .step-tab.complete{color:#dffbff}.step-tabs .step-tab.complete .step-marker{border-color:rgba(84,230,221,.85);color:#062b37;background:#6ef0e1}.step-tabs .step-connector{position:relative;flex:0 0 24px;height:2px;background:rgba(86,198,235,.48)}.step-tabs .step-connector::after{position:absolute;top:50%;right:0;width:7px;height:7px;border-top:1px solid #73b1ce;border-right:1px solid #73b1ce;content:'';transform:translateY(-50%) rotate(45deg)}
 @media(max-width:720px){.step-tabs{align-items:stretch;flex-direction:column;padding:14px}.step-tabs .step-tab{flex:0 0 auto;width:100%}.step-tabs .step-connector{flex:0 0 18px;width:2px;height:18px;margin-left:18px}.step-tabs .step-connector::after{top:auto;right:auto;bottom:0;left:50%;transform:translateX(-50%) rotate(135deg)}}
 </style>
 <style scoped lang="scss">
-.evaluation-form{padding-top:4px}.evaluation-intro{padding:18px;margin-top:14px;border:1px solid rgba(99,183,222,.36);border-radius:14px;background:rgba(8,42,64,.36)}.evaluation-intro p,.decision-section>p{color:#c8e5f1;line-height:1.75}.overall-roi{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.overall-roi span{padding:7px 12px;border:1px solid rgba(99,183,222,.42);border-radius:999px;color:#d7f0fa;background:rgba(3,27,43,.58);font-weight:800}.overall-roi .achieved{border-color:rgba(81,224,178,.72);color:#86f3ca}.overall-roi .underperforming{border-color:rgba(255,152,152,.7);color:#ffb0b0}.evaluation-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid rgba(99,183,222,.46);border-radius:14px}.evaluation-table{width:100%;min-width:1050px;border-collapse:collapse}.evaluation-table th,.evaluation-table td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.evaluation-table th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:14px}.evaluation-table td{background:rgba(2,21,34,.58)}.evaluation-table th:first-child{min-width:110px}.evaluation-table td:nth-child(2){min-width:100px}.evaluation-table td:nth-child(3){min-width:145px}.evaluation-table td:nth-child(4),.evaluation-table td:nth-child(5){min-width:250px}.evaluation-table :deep(.el-select){width:100%}.evaluation-table :deep(.el-input__wrapper),.evaluation-table :deep(.el-textarea__inner),.decision-section :deep(.el-textarea__inner){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset;color:#fff;background:#102233}.synced-roi{color:#7ce4ff;text-align:center;font-size:16px;font-weight:900}.decision-section{margin-top:30px}.decision-section :deep(.el-textarea__inner){min-height:170px!important;padding:12px 14px;line-height:1.75}@media (max-width:720px){.overall-roi{align-items:stretch;flex-direction:column}}
+.evaluation-form{padding-top:4px}.evaluation-intro{padding:18px;margin-top:14px;border:1px solid rgba(99,183,222,.36);border-radius:14px;background:rgba(8,42,64,.36)}.evaluation-intro p,.decision-section>p{color:#c8e5f1;line-height:1.75}.overall-roi{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.overall-roi span{padding:7px 12px;border:1px solid rgba(99,183,222,.42);border-radius:999px;color:#d7f0fa;background:rgba(3,27,43,.58);font-weight:800}.overall-roi .achieved{border-color:rgba(81,224,178,.72);color:#86f3ca}.overall-roi .underperforming{border-color:rgba(255,152,152,.7);color:#ffb0b0}.evaluation-table-wrap{overflow-x:auto;margin-top:24px;border:1px solid rgba(99,183,222,.46);border-radius:14px}.evaluation-table{width:100%;min-width:1050px;border-collapse:collapse}.evaluation-table th,.evaluation-table td{padding:12px;border-right:1px solid rgba(99,183,222,.35);border-bottom:1px solid rgba(99,183,222,.35);vertical-align:middle}.evaluation-table th{white-space:nowrap;color:#effaff;background:#0c9dd6;font-size:var(--student-fs-body)}.evaluation-table td{background:rgba(2,21,34,.58)}.evaluation-table th:first-child{min-width:110px}.evaluation-table td:nth-child(2){min-width:100px}.evaluation-table td:nth-child(3){min-width:145px}.evaluation-table td:nth-child(4),.evaluation-table td:nth-child(5){min-width:250px}.evaluation-table :deep(.el-select){width:100%}.evaluation-table :deep(.el-input__wrapper),.evaluation-table :deep(.el-textarea__inner),.decision-section :deep(.el-textarea__inner){box-shadow:0 0 0 1px rgba(111,190,225,.3) inset;color:#fff;background:#102233}.synced-roi{color:#7ce4ff;text-align:center;font-size:var(--student-fs-h2);font-weight:900}.decision-section{margin-top:30px}.decision-section :deep(.el-textarea__inner){min-height:170px!important;padding:12px 14px;line-height:1.75}@media (max-width:720px){.overall-roi{align-items:stretch;flex-direction:column}}
 </style>
diff --git a/src/views/training/CustomTrainingStepPage.vue b/src/views/training/CustomTrainingStepPage.vue
index 9772e57..ce27d0c 100644
--- a/src/views/training/CustomTrainingStepPage.vue
+++ b/src/views/training/CustomTrainingStepPage.vue
@@ -160,10 +160,10 @@ async function save(submitStep) {
 .step-shell { max-width: 1080px; margin: 0 auto; }
 .step-header, .answer-card { padding: 22px; border: 1px solid rgba(70, 181, 231, .36); border-radius: 16px; background: rgba(2, 22, 37, .82); }
 .step-header { margin-bottom: 20px; }
-.step-header h1 { margin: 5px 0 10px; font-size: 26px; }
+.step-header h1 { margin: 5px 0 10px; font-size: var(--student-fs-h1); }
 .step-header p { margin: 0; color: #b9ddf1; line-height: 1.75; }
 .eyebrow { color: #72dcff !important; font-weight: 800; }
-.answer-card h2 { margin-top: 0; font-size: 20px; }
+.answer-card h2 { margin-top: 0; font-size: var(--student-fs-display); }
 .attachment-area { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 16px; }
 .attachment-area a { color: #75dcff; }
 .hidden-input { display: none; }
diff --git a/src/views/training/GenericTrainingPage.vue b/src/views/training/GenericTrainingPage.vue
index be87673..9298d52 100644
--- a/src/views/training/GenericTrainingPage.vue
+++ b/src/views/training/GenericTrainingPage.vue
@@ -533,7 +533,7 @@ function exportOutcome() {
   border-radius: 30px;
   color: #d6f6ff;
   background: rgba(0, 170, 255, 0.2);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 700;
 }
 
@@ -543,7 +543,7 @@ function exportOutcome() {
   background: linear-gradient(135deg, #ffffff, #8bcbff);
   -webkit-background-clip: text;
   background-clip: text;
-  font-size: 30px;
+  font-size: var(--student-fs-display);
   line-height: 1.3;
   font-weight: 900;
 }
@@ -558,7 +558,7 @@ function exportOutcome() {
   p,
   li {
     color: #d7ecff;
-    font-size: 14px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -624,7 +624,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 8px;
     color: #ffffff;
-    font-size: 26px !important;
+    font-size: var(--student-fs-h1) !important;
     font-weight: 800 !important;
     line-height: 1.3 !important;
   }
@@ -632,7 +632,7 @@ function exportOutcome() {
   p {
     margin: 0;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     font-weight: 400;
     line-height: 1.8;
   }
@@ -658,7 +658,7 @@ function exportOutcome() {
   border-radius: 6px;
   color: #a9ecff;
   background: rgba(7, 54, 78, 0.72);
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 800;
   line-height: 1.2;
   text-decoration: none;
@@ -673,7 +673,7 @@ function exportOutcome() {
 .section-eyebrow {
   margin: 0;
   color: #71dfff;
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   line-height: 1.4;
 }
@@ -768,7 +768,7 @@ function exportOutcome() {
   color: #a6c4d9;
   background: rgba(3, 25, 40, 0.8);
   box-shadow: inset 0 0 12px rgba(38, 174, 233, 0.08);
-  font-size: 12px;
+  font-size: var(--student-fs-caption);
   font-weight: 900;
   letter-spacing: 0.04em;
   transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
@@ -785,7 +785,7 @@ function exportOutcome() {
   display: -webkit-box;
   overflow: hidden;
   color: inherit;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.25;
   text-overflow: ellipsis;
@@ -795,7 +795,7 @@ function exportOutcome() {
 
 .step-action {
   color: #66b6d4;
-  font-size: 10px;
+  font-size: var(--student-fs-caption);
   font-weight: 800;
   letter-spacing: 0.06em;
   line-height: 1;
@@ -842,7 +842,7 @@ function exportOutcome() {
   h3 {
     margin: 4px 0 0;
     color: #ffffff;
-    font-size: 22px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     line-height: 1.3;
   }
@@ -863,7 +863,7 @@ function exportOutcome() {
 .upload-tip {
   margin: 0 0 18px;
   color: #d7ecff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   line-height: 1.8;
 }
 
@@ -885,7 +885,7 @@ function exportOutcome() {
     border-right: 1px solid rgba(134, 220, 255, 0.24);
     color: #effdff;
     background: linear-gradient(180deg, #0b7fb3, #075c88);
-    font-size: 16px;
+    font-size: var(--student-fs-h2);
     font-weight: 900;
     text-align: center;
   }
@@ -918,14 +918,14 @@ function exportOutcome() {
 .serial-cell,
 .task-name-cell {
   color: #eafaff;
-  font-size: 16px;
+  font-size: var(--student-fs-h2);
   font-weight: 800;
   text-align: center;
 }
 
 .desc-cell {
   color: #d1e8f5;
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   line-height: 1.75;
   text-align: center;
 }
@@ -983,14 +983,14 @@ function exportOutcome() {
   color: #ffffff;
   background: linear-gradient(95deg, #10a7d5, #0878af);
   box-shadow: 0 12px 24px rgba(0, 138, 220, 0.24);
-  font-size: 15px;
+  font-size: var(--student-fs-button-lg);
   font-weight: 900;
   cursor: pointer;
 }
 
 .upload-file-name {
   color: #9fe8ff;
-  font-size: 13px;
+  font-size: var(--student-fs-body-sm);
   font-weight: 700;
 }
 
@@ -1010,13 +1010,13 @@ function exportOutcome() {
     display: block;
     margin-bottom: 8px;
     color: #69ddff;
-    font-size: 18px;
+    font-size: var(--student-fs-h1);
     font-weight: 900;
   }
 
   strong {
     color: #f1fbff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.5;
   }
 }
@@ -1034,7 +1034,7 @@ function exportOutcome() {
   border-radius: 20px;
   color: #d7ecff;
   background: rgba(1, 14, 26, 0.72);
-  font-size: 14px;
+  font-size: var(--student-fs-body);
   font-weight: 700;
   line-height: 1.7;
 }
@@ -1051,20 +1051,20 @@ function exportOutcome() {
   h4 {
     margin: 0 0 8px;
     color: #ffffff;
-    font-size: 18px;
+    font-size: var(--student-fs-h1);
   }
 
   p {
     margin: 0;
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 }
 
 :deep(.el-form-item__label) {
   color: #dff5ff;
-  font-size: 15px;
+  font-size: var(--student-fs-body);
   font-weight: 800;
   line-height: 1.8;
 }
@@ -1120,7 +1120,7 @@ function exportOutcome() {
   color: #dff7ff;
   background: rgba(13, 64, 88, 0.62);
   box-shadow: none;
-  font-size: 24px;
+  font-size: var(--student-fs-h1);
   font-weight: 900;
   line-height: 1;
   letter-spacing: 0;
@@ -1166,21 +1166,21 @@ function exportOutcome() {
   }
 
   .workbench-head h3 {
-    font-size: 26px !important;
+    font-size: var(--student-fs-h1) !important;
     font-weight: 800 !important;
     line-height: 1.3 !important;
   }
 
   .workbench-head .section-eyebrow {
     color: #71dfff;
-    font-size: 12px;
+    font-size: var(--student-fs-caption);
     font-weight: 800;
     line-height: 1.4;
   }
 
   .workbench-description {
     color: #d7ecff !important;
-    font-size: 15px !important;
+    font-size: var(--student-fs-body) !important;
     font-weight: 400;
     line-height: 1.8 !important;
   }
@@ -1196,7 +1196,7 @@ function exportOutcome() {
     color: #e9fbff !important;
     background: rgba(17, 126, 178, 0.36) !important;
     box-shadow: none !important;
-    font-size: 14px !important;
+    font-size: var(--student-fs-button) !important;
     font-weight: 800 !important;
     line-height: 1 !important;
   }
@@ -1218,7 +1218,7 @@ function exportOutcome() {
     h3 {
       margin: 4px 0 0;
       color: #ffffff;
-      font-size: 22px;
+      font-size: var(--student-fs-h2);
       font-weight: 900;
       line-height: 1.3;
     }
@@ -1227,7 +1227,7 @@ function exportOutcome() {
   .process-intro,
   .upload-tip {
     color: #d7ecff;
-    font-size: 15px;
+    font-size: var(--student-fs-body);
     line-height: 1.8;
   }
 
@@ -1242,7 +1242,7 @@ function exportOutcome() {
       padding: 12px;
       border-right-color: rgba(77, 167, 220, 0.2);
       background: rgba(8, 55, 82, 0.98);
-      font-size: 14px;
+      font-size: var(--student-fs-body);
     }
 
     td {
@@ -1257,7 +1257,7 @@ function exportOutcome() {
   .serial-cell,
   .task-name-cell,
   .desc-cell {
-    font-size: 14px;
+    font-size: var(--student-fs-body);
   }
 
   .process-textarea {
@@ -1282,13 +1282,13 @@ function exportOutcome() {
     border-radius: 999px !important;
     background: linear-gradient(95deg, #0b84bd, #096491) !important;
     box-shadow: none !important;
-    font-size: 14px !important;
+    font-size: var(--student-fs-button) !important;
     font-weight: 800 !important;
   }
 
   .upload-file-name {
     color: #9fe8ff;
-    font-size: 13px;
+    font-size: var(--student-fs-body-sm);
     font-weight: 700;
   }
 }
diff --git a/vite.config.js b/vite.config.js
index 6311f5d..7e1d407 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -14,7 +14,8 @@ import createVitePlugins from "./vite/plugins";
 export default defineConfig(({ mode, command }) => {
   const env = loadEnv(mode, process.cwd());
   const { VITE_APP_ENV } = env;
-  const backendTarget = "http://127.0.0.1:7548";
+  // 开发环境后端地址：连本地用 http://127.0.0.1:7548，连线上用 http://120.79.161.177:8999
+  const backendTarget = "http://120.79.161.177:8999";
   return {
     // 部署生产环境和开发环境下的URL。
     // 默认情况下，vite 会假设你的应用是被部署在一个域名的根路径上