diff --git a/.env b/.env
index 5257186..a78f9e6 100644
--- a/.env
+++ b/.env
@@ -1,5 +1,5 @@
 # title
-VITE_GLOB_APP_TITLE = 员工文件管理系统
+VITE_GLOB_APP_TITLE = 员工管理系统
 
 # 本地运行端口号
 VITE_PORT = 8848
diff --git a/src/routers/index.ts b/src/routers/index.ts
index c361d7f..8e29f21 100644
--- a/src/routers/index.ts
+++ b/src/routers/index.ts
@@ -36,6 +36,7 @@ const routerMode = {
  * @param meta ==> 路由菜单元信息
  * @param meta.icon ==> 菜单和面包屑对应的图标
  * @param meta.title ==> 路由标题 (用作 document.title || 菜单的名称)
+ * @param meta.standaloneTitle ==> 是否仅显示路由标题，不拼接系统名称
  * @param meta.activeMenu ==> 当前路由为详情页时，需要高亮的菜单
  * @param meta.isLink ==> 路由外链时填写的访问地址
  * @param meta.isHide ==> 是否在菜单中隐藏 (通常列表详情页需要隐藏)
@@ -62,7 +63,11 @@ router.beforeEach(async (to, from, next) => {
 
   // 2.动态设置标题
   const title = import.meta.env.VITE_GLOB_APP_TITLE;
-  document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
+  document.title = to.meta.standaloneTitle && to.meta.title
+    ? String(to.meta.title)
+    : to.meta.title
+      ? `${to.meta.title} - ${title}`
+      : title;
 
   // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
   if (to.path.toLocaleLowerCase() === LOGIN_URL) {
diff --git a/src/routers/modules/staticRouter.ts b/src/routers/modules/staticRouter.ts
index 4e8cc00..138500b 100644
--- a/src/routers/modules/staticRouter.ts
+++ b/src/routers/modules/staticRouter.ts
@@ -35,7 +35,7 @@ export const staticRouter: RouteRecordRaw[] = [
     path: "/onboarding/fill",
     name: "onboardingFill",
     component: () => import("@/views/onboarding/fill/index.vue"),
-    meta: { title: "入职资料填写" }
+    meta: { title: "入职服务", standaloneTitle: true }
   },
   {
     path: "/layout",
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 0af05ae..35f6e52 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -62,7 +62,7 @@ interface LoginProps {
 
 //默认值
 const props = reactive<LoginProps>({
-  sysName: "员工文件管理系统",
+  sysName: "员工管理系统",
   sysVersion: "",
   sysLogo: "",
   sysTenantOption: TenantEnum.CLOSE,
diff --git a/src/views/onboarding/fill/index.vue b/src/views/onboarding/fill/index.vue
index e6d050f..eea3a7c 100644
--- a/src/views/onboarding/fill/index.vue
+++ b/src/views/onboarding/fill/index.vue
@@ -4,8 +4,10 @@
     <header class="brand-header">
       <div class="brand-content">
         <div class="brand-badge">
-          <el-icon><Promotion /></el-icon>
-          <span>OnboardX 智能入职服务</span>
+          <el-icon>
+            <OfficeBuilding />
+          </el-icon>
+          <span>智能入职服务</span>
         </div>
         <h1 class="brand-title">很高兴与你相遇，欢迎加入！</h1>
         <p class="brand-subtitle">请完成以下入职流程：填写登记信息、上传证件、阅读并签署相关入职材料，开启你的职场新旅程。</p>
@@ -23,48 +25,44 @@
       <template v-else-if="task">
         <!-- 任务状态提示条 -->
         <div class="status-banner" :class="task.taskStatus">
-          <div class="status-info">
-            <span class="task-no">任务编号：{{ task.taskNo }}</span>
-            <el-tag :type="statusTagType(task.taskStatus)" size="small" effect="dark">
-              {{ statusText(task.taskStatus) }}
-            </el-tag>
+          <div class="status-banner-main">
+            <div class="status-info">
+              <span class="task-no">任务编号：{{ task.taskNo }}</span>
+              <el-tag :type="statusTagType(task.taskStatus)" size="small" effect="plain" class="status-tag">
+                {{ statusText(task.taskStatus) }}
+              </el-tag>
+            </div>
+            <div v-if="task.linkExpireAt" class="expire-time">
+              链接有效期至：{{ formatDateTime(task.linkExpireAt) }}
+            </div>
           </div>
-          <div v-if="task.linkExpireAt" class="expire-time">
-            链接有效期至：{{ formatDateTime(task.linkExpireAt) }}
+          <div class="status-badge-art" aria-hidden="true">
+            <svg width="44" height="44" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <rect x="6" y="8" width="36" height="32" rx="6" fill="#ECFDF5" stroke="#10B981" stroke-width="1.5" />
+              <rect x="12" y="14" width="10" height="12" rx="3" fill="#059669" />
+              <rect x="25" y="16" width="12" height="2.5" rx="1.25" fill="#059669" />
+              <rect x="25" y="21" width="8" height="2" rx="1" fill="#34D399" />
+              <rect x="12" y="29" width="24" height="2" rx="1" fill="#10B981" />
+              <rect x="12" y="33" width="16" height="2" rx="1" fill="#34D399" opacity="0.7" />
+              <circle cx="24" cy="7" r="3" fill="#10B981" />
+              <path d="M21 7H27" stroke="#ECFDF5" stroke-width="1.5" stroke-linecap="round" />
+            </svg>
           </div>
         </div>
 
-        <el-alert
-          v-if="isLinkExpired"
-          class="link-expired-alert"
-          title="入职链接已过期"
-          description="该链接已超过有效期，不能继续填写或提交。请联系工作人员重新获取入职链接。"
-          type="error"
-          show-icon
-          :closable="false"
-        />
+        <el-alert v-if="isLinkExpired" class="link-expired-alert" title="入职链接已过期"
+          description="该链接已超过有效期，不能继续填写或提交。请联系工作人员重新获取入职链接。" type="error" show-icon :closable="false" />
 
 
         <!-- 审核退回后向候选人明确展示需要补充或修改的内容。 -->
-        <el-alert
-          v-if="task.taskStatus === 'rejected'"
-          class="reject-reason-alert"
-          title="退回原因"
-          :description="task.rejectReason?.trim() || '资料已退回，请联系工作人员确认需要补充的内容。'"
-          type="warning"
-          show-icon
-          :closable="false"
-        />
+        <el-alert v-if="task.taskStatus === 'rejected'" class="reject-reason-alert" title="退回原因"
+          :description="task.rejectReason?.trim() || '资料已退回，请联系工作人员确认需要补充的内容。'" type="warning" show-icon
+          :closable="false" />
 
         <!-- 分步向导模式 -->
         <div class="wizard-card">
           <div v-if="!canEdit && !isLinkExpired" class="readonly-banner">
-            <el-alert
-              title="当前为查阅模式（入职资料已提交审核）"
-              type="info"
-              show-icon
-              :closable="false"
-            />
+            <el-alert title="当前为查阅模式（入职资料已提交审核）" type="info" show-icon :closable="false" />
           </div>
 
           <!-- 步骤导航条：PC端展示完整步骤，移动端展示紧凑自适应导航 -->
@@ -79,22 +77,19 @@
 
           <div class="mobile-steps-wrapper mobile-only">
             <div class="mobile-steps-track">
-              <div
-                v-for="(stepName, index) in ['1. 登记表', '2. 补充项', '3. 证件材料', '4. 材料确认']"
-                :key="index"
-                class="mobile-step-item"
-                :class="{
+              <div v-for="(stepName, index) in ['1. 登记表', '2. 补充项', '3. 证件材料', '4. 材料确认']" :key="index"
+                class="mobile-step-item" :class="{
                   'is-active': currentStep === index,
                   'is-finished': currentStep > index,
                   'is-pending': currentStep < index
-                }"
-              >
+                }">
                 <div class="step-indicator-bar" />
                 <span class="step-label">{{ stepName }}</span>
               </div>
             </div>
             <div class="mobile-current-indicator">
-              当前进行：<span class="highlight-step">第 {{ currentStep + 1 }}/4 步 · {{ ['入职登记表填写', '签署材料补充项', '证件材料上传', '签署材料查阅与确认'][currentStep] }}</span>
+              当前进行：<span class="highlight-step">第 {{ currentStep + 1 }}/4 步 · {{ ['入职登记表填写', '签署材料补充项', '证件材料上传',
+                '签署材料查阅与确认'][currentStep] }}</span>
             </div>
           </div>
 
@@ -109,7 +104,9 @@
               <!-- 1. 基本信息板块 -->
               <div class="card-section">
                 <div class="card-section-title">
-                  <div class="title-icon-box"><el-icon><UserFilled /></el-icon></div>
+                  <div class="title-icon-box"><el-icon>
+                      <User />
+                    </el-icon></div>
                   <span>基本个人信息</span>
                 </div>
                 <el-row :gutter="16">
@@ -134,12 +131,14 @@
 
                   <el-col :xs="24" :sm="8">
                     <el-form-item label="出生年月日" prop="birthday">
-                      <el-date-picker v-model="form.birthday" type="date" value-format="YYYY-MM-DD" placeholder="选择出生日期" :disabled="!canEdit" class="full-width" />
+                      <el-date-picker v-model="form.birthday" type="date" value-format="YYYY-MM-DD" placeholder="选择出生日期"
+                        :disabled="!canEdit" class="full-width" />
                     </el-form-item>
                   </el-col>
                   <el-col :xs="24" :sm="8">
                     <el-form-item label="户籍所在地" prop="registeredResidence">
-                      <el-input v-model="form.registeredResidence" placeholder="如 某省某市某区/县" :disabled="!canEdit" clearable />
+                      <el-input v-model="form.registeredResidence" placeholder="如 某省某市某区/县" :disabled="!canEdit"
+                        clearable />
                     </el-form-item>
                   </el-col>
                   <el-col :xs="12" :sm="4">
@@ -170,7 +169,8 @@
                   </el-col>
                   <el-col :xs="24" :sm="8">
                     <el-form-item label="身份证号码" prop="idCardNumber">
-                      <el-input v-model="form.idCardNumber" placeholder="请输入18位身份证号" :disabled="!canEdit" maxlength="18" clearable />
+                      <el-input v-model="form.idCardNumber" placeholder="请输入18位身份证号" :disabled="!canEdit" maxlength="18"
+                        clearable />
                     </el-form-item>
                   </el-col>
                 </el-row>
@@ -179,7 +179,9 @@
               <!-- 2. 学历与资质 -->
               <div class="card-section">
                 <div class="card-section-title">
-                  <div class="title-icon-box"><el-icon><School /></el-icon></div>
+                  <div class="title-icon-box"><el-icon>
+                      <School />
+                    </el-icon></div>
                   <span>学历与职业资格</span>
                 </div>
                 <el-row :gutter="16">
@@ -226,7 +228,9 @@
               <!-- 3. 联系方式与银行卡 -->
               <div class="card-section">
                 <div class="card-section-title">
-                  <div class="title-icon-box"><el-icon><Phone /></el-icon></div>
+                  <div class="title-icon-box"><el-icon>
+                      <Phone />
+                    </el-icon></div>
                   <span>联系方式与工资银行卡</span>
                 </div>
                 <el-row :gutter="16">
@@ -253,7 +257,8 @@
                   </el-col>
                   <el-col :xs="24" :sm="8">
                     <el-form-item label="工资银行卡号" prop="bankCardNumber">
-                      <el-input v-model="form.bankCardNumber" placeholder="用于发放工资的银行卡号" :disabled="!canEdit" clearable />
+                      <el-input v-model="form.bankCardNumber" placeholder="用于发放工资的银行卡号" :disabled="!canEdit"
+                        clearable />
                     </el-form-item>
                   </el-col>
                   <el-col :xs="24" :sm="8">
@@ -267,7 +272,9 @@
               <!-- 4. 紧急联系人 -->
               <div class="card-section">
                 <div class="card-section-title">
-                  <div class="title-icon-box"><el-icon><FirstAidKit /></el-icon></div>
+                  <div class="title-icon-box"><el-icon>
+                      <FirstAidKit />
+                    </el-icon></div>
                   <span>紧急联系人</span>
                 </div>
                 <el-row :gutter="16">
@@ -293,7 +300,9 @@
               <div class="card-section">
                 <div class="card-section-header">
                   <div class="card-section-title">
-                    <div class="title-icon-box"><el-icon><Reading /></el-icon></div>
+                    <div class="title-icon-box"><el-icon>
+                        <Reading />
+                      </el-icon></div>
                     <span>教育学习经历</span>
                   </div>
                   <el-button v-if="canEdit" size="small" type="primary" plain icon="Plus" @click="addEducation">
@@ -301,15 +310,12 @@
                   </el-button>
                 </div>
                 <div v-if="!educationHistory.length" class="empty-hint">暂未添加学习经历，可点击右上角添加</div>
-                <div
-                  v-for="(item, idx) in educationHistory"
-                  :id="`education-history-${idx}`"
-                  :key="idx"
-                  class="dynamic-row-box"
-                >
+                <div v-for="(item, idx) in educationHistory" :id="`education-history-${idx}`" :key="idx"
+                  class="dynamic-row-box">
                   <div class="row-badge-header">
                     <span class="row-badge">学习经历 #{{ idx + 1 }}</span>
-                    <el-button v-if="canEdit" link type="danger" icon="Delete" @click="educationHistory.splice(idx, 1)">删除本条</el-button>
+                    <el-button v-if="canEdit" link type="danger" icon="Delete"
+                      @click="educationHistory.splice(idx, 1)">删除本条</el-button>
                   </div>
                   <el-row :gutter="12">
                     <el-col :xs="24" :sm="6">
@@ -340,7 +346,9 @@
               <div class="card-section">
                 <div class="card-section-header">
                   <div class="card-section-title">
-                    <div class="title-icon-box"><el-icon><Briefcase /></el-icon></div>
+                    <div class="title-icon-box"><el-icon>
+                        <Briefcase />
+                      </el-icon></div>
                     <span>主要工作经历</span>
                   </div>
                   <el-button v-if="canEdit" size="small" type="primary" plain icon="Plus" @click="addWork">
@@ -348,15 +356,11 @@
                   </el-button>
                 </div>
                 <div v-if="!workHistory.length" class="empty-hint">暂未添加工作经历（应届生可留空）</div>
-                <div
-                  v-for="(item, idx) in workHistory"
-                  :id="`work-history-${idx}`"
-                  :key="idx"
-                  class="dynamic-row-box"
-                >
+                <div v-for="(item, idx) in workHistory" :id="`work-history-${idx}`" :key="idx" class="dynamic-row-box">
                   <div class="row-badge-header">
                     <span class="row-badge">工作经历 #{{ idx + 1 }}</span>
-                    <el-button v-if="canEdit" link type="danger" icon="Delete" @click="workHistory.splice(idx, 1)">删除本条</el-button>
+                    <el-button v-if="canEdit" link type="danger" icon="Delete"
+                      @click="workHistory.splice(idx, 1)">删除本条</el-button>
                   </div>
                   <el-row :gutter="12">
                     <el-col :xs="24" :sm="5">
@@ -392,7 +396,9 @@
               <div class="card-section">
                 <div class="card-section-header">
                   <div class="card-section-title">
-                    <div class="title-icon-box"><el-icon><HomeFilled /></el-icon></div>
+                    <div class="title-icon-box"><el-icon>
+                        <HomeFilled />
+                      </el-icon></div>
                     <span>家庭成员</span>
                   </div>
                   <el-button v-if="canEdit" size="small" type="primary" plain icon="Plus" @click="addFamily">
@@ -400,15 +406,12 @@
                   </el-button>
                 </div>
                 <div v-if="!familyMembers.length" class="empty-hint">暂未添加家庭成员信息</div>
-                <div
-                  v-for="(item, idx) in familyMembers"
-                  :id="`family-member-${idx}`"
-                  :key="idx"
-                  class="dynamic-row-box"
-                >
+                <div v-for="(item, idx) in familyMembers" :id="`family-member-${idx}`" :key="idx"
+                  class="dynamic-row-box">
                   <div class="row-badge-header">
                     <span class="row-badge">家庭成员 #{{ idx + 1 }}</span>
-                    <el-button v-if="canEdit" link type="danger" icon="Delete" @click="familyMembers.splice(idx, 1)">删除本条</el-button>
+                    <el-button v-if="canEdit" link type="danger" icon="Delete"
+                      @click="familyMembers.splice(idx, 1)">删除本条</el-button>
                   </div>
                   <el-row :gutter="12">
                     <el-col :xs="12" :sm="4">
@@ -450,70 +453,32 @@
             </div>
 
             <div v-if="!extraVariables.length" class="all-covered-card">
-              <el-result
-                icon="success"
-                title="个人信息已完整覆盖"
-                sub-title="您在《入职登记表》中填写的姓名、身份证、电话、银行卡等信息已完整满足本次签署材料所需，无需额外补充！"
-              />
+              <el-result icon="success" title="个人信息已完整覆盖"
+                sub-title="您在《入职登记表》中填写的姓名、身份证、电话、银行卡等信息已完整满足本次签署材料所需，无需额外补充！" />
             </div>
 
             <el-form v-else label-position="top" class="extra-form">
-              <el-alert
-                title="请补充填写以下签署材料专有信息："
-                type="info"
-                show-icon
-                :closable="false"
-                class="mb-3"
-              />
+              <el-alert title="请补充填写以下签署材料专有信息：" type="info" show-icon :closable="false" class="mb-3" />
               <el-row :gutter="16">
-                <el-col
-                  v-for="(v, index) in extraVariables"
-                  :id="`extra-variable-${index}`"
-                  :key="v.variableCode"
-                  :xs="24"
-                  :sm="12"
-                >
-                  <el-form-item
-                    :label="v.variableName || v.variableCode"
-                    :required="v.required"
-                    :error="extraVariableErrors[v.variableCode]"
-                  >
-                    <el-select
-                      v-if="getVariableOptions(v).length"
-                      v-model="customVariables[v.variableCode]"
-                      :placeholder="`请选择${v.variableName}`"
-                      :disabled="!canEdit"
-                      class="full-width"
-                      clearable
-                      @change="clearExtraVariableError(v.variableCode)"
-                    >
-                      <el-option
-                        v-for="option in getVariableOptions(v)"
-                        :key="option.value"
-                        :label="option.label"
-                        :value="option.value"
-                      />
+                <el-col v-for="(v, index) in extraVariables" :id="`extra-variable-${index}`" :key="v.variableCode"
+                  :xs="24" :sm="12">
+                  <el-form-item :label="v.variableName || v.variableCode" :required="v.required"
+                    :error="extraVariableErrors[v.variableCode]">
+                    <el-select v-if="getVariableOptions(v).length" v-model="customVariables[v.variableCode]"
+                      :placeholder="`请选择${v.variableName}`" :disabled="!canEdit" class="full-width" clearable
+                      @change="clearExtraVariableError(v.variableCode)">
+                      <el-option v-for="option in getVariableOptions(v)" :key="option.value" :label="option.label"
+                        :value="option.value" />
                     </el-select>
-                    <el-date-picker
-                      v-else-if="getVariableDataType(v) === 'date'"
-                      v-model="customVariables[v.variableCode]"
-                      type="date"
-                      value-format="YYYY-MM-DD"
-                      :placeholder="`请选择${v.variableName}`"
-                      :disabled="!canEdit"
-                      class="full-width"
-                      @change="clearExtraVariableError(v.variableCode)"
-                    />
-                    <el-input
-                      v-else
-                      v-model="customVariables[v.variableCode]"
+                    <el-date-picker v-else-if="getVariableDataType(v) === 'date'"
+                      v-model="customVariables[v.variableCode]" type="date" value-format="YYYY-MM-DD"
+                      :placeholder="`请选择${v.variableName}`" :disabled="!canEdit" class="full-width"
+                      @change="clearExtraVariableError(v.variableCode)" />
+                    <el-input v-else v-model="customVariables[v.variableCode]"
                       :type="getVariableDataType(v) === 'number' ? 'number' : 'text'"
                       :inputmode="getVariableDataType(v) === 'number' ? 'decimal' : 'text'"
-                      :placeholder="v.defaultValue || `请输入${v.variableName}`"
-                      :disabled="!canEdit"
-                      clearable
-                      @input="clearExtraVariableError(v.variableCode)"
-                    />
+                      :placeholder="v.defaultValue || `请输入${v.variableName}`" :disabled="!canEdit" clearable
+                      @input="clearExtraVariableError(v.variableCode)" />
                   </el-form-item>
                 </el-col>
               </el-row>
@@ -530,12 +495,8 @@
             <el-empty v-if="!materialRequirements.length" description="本次入职无需上传附加证件材料" />
 
             <div v-else class="materials-grid">
-              <div
-                v-for="mat in materialRequirements"
-                :id="`material-requirement-${mat.materialTypeId}`"
-                :key="mat.materialTypeId"
-                class="material-item-card"
-              >
+              <div v-for="mat in materialRequirements" :id="`material-requirement-${mat.materialTypeId}`"
+                :key="mat.materialTypeId" class="material-item-card">
                 <div class="mat-card-header">
                   <div class="mat-title-box">
                     <span class="mat-name">{{ mat.materialName }}</span>
@@ -546,21 +507,14 @@
                 </div>
 
                 <div class="uploaded-files-list">
-                  <div
-                    v-for="f in getUploadedMaterials(mat.materialTypeId)"
-                    :key="`${f.id}-${f.fileId}`"
-                    class="file-badge"
-                  >
+                  <div v-for="f in getUploadedMaterials(mat.materialTypeId)" :key="`${f.id}-${f.fileId}`"
+                    class="file-badge">
                     <!-- 图片点击缩略图即可在手机端放大预览，非图片继续显示文件图标。 -->
-                    <el-image
-                      v-if="isImageFile(f)"
-                      class="material-thumbnail"
-                      :src="getMaterialSourceUrl(f)"
-                      :preview-src-list="[getMaterialSourceUrl(f)]"
-                      fit="cover"
-                      preview-teleported
-                    />
-                    <el-icon v-else class="material-file-icon" color="#2563eb"><Document /></el-icon>
+                    <el-image v-if="isImageFile(f)" class="material-thumbnail" :src="getMaterialSourceUrl(f)"
+                      :preview-src-list="[getMaterialSourceUrl(f)]" fit="cover" preview-teleported />
+                    <el-icon v-else class="material-file-icon" color="#059669">
+                      <Document />
+                    </el-icon>
 
                     <div class="file-content">
                       <span class="file-name" :title="f.fileName || f.materialName">
@@ -571,21 +525,13 @@
                     </div>
 
                     <div v-if="canEdit" class="file-actions">
-                      <el-upload
-                        :action="getMaterialUploadUrl(mat.materialTypeId, f.id)"
-                        :accept="getUploadAccept(mat)"
-                        :disabled="isMaterialUploading(mat.materialTypeId)"
-                        :show-file-list="false"
+                      <el-upload :action="getMaterialUploadUrl(mat.materialTypeId, f.id)" :accept="getUploadAccept(mat)"
+                        :disabled="isMaterialUploading(mat.materialTypeId)" :show-file-list="false"
                         :on-success="(response: any) => onUploadSuccess(response, mat.materialTypeId)"
                         :on-error="(error: Error) => onUploadError(error, mat.materialTypeId)"
-                        :before-upload="(file: File) => beforeUpload(file, mat)"
-                      >
-                        <el-button
-                          link
-                          type="primary"
-                          icon="Refresh"
-                          :loading="isMaterialUploading(mat.materialTypeId)"
-                        >
+                        :before-upload="(file: File) => beforeUpload(file, mat)">
+                        <el-button link type="primary" icon="Refresh"
+                          :loading="isMaterialUploading(mat.materialTypeId)">
                           重新上传
                         </el-button>
                       </el-upload>
@@ -597,22 +543,13 @@
                 </div>
 
                 <div v-if="canEdit && getRemainingFileCount(mat) > 0" class="upload-action-box">
-                  <el-upload
-                    :action="getMaterialUploadUrl(mat.materialTypeId)"
-                    :accept="getUploadAccept(mat)"
-                    :disabled="isMaterialUploading(mat.materialTypeId)"
-                    :show-file-list="false"
+                  <el-upload :action="getMaterialUploadUrl(mat.materialTypeId)" :accept="getUploadAccept(mat)"
+                    :disabled="isMaterialUploading(mat.materialTypeId)" :show-file-list="false"
                     :on-success="(response: any) => onUploadSuccess(response, mat.materialTypeId)"
                     :on-error="(error: Error) => onUploadError(error, mat.materialTypeId)"
-                    :before-upload="(file: File) => beforeUpload(file, mat)"
-                  >
-                    <el-button
-                      size="small"
-                      type="primary"
-                      plain
-                      icon="Upload"
-                      :loading="isMaterialUploading(mat.materialTypeId)"
-                    >
+                    :before-upload="(file: File) => beforeUpload(file, mat)">
+                    <el-button size="small" type="primary" plain icon="Upload"
+                      :loading="isMaterialUploading(mat.materialTypeId)">
                       {{ getUploadedMaterials(mat.materialTypeId).length ? "继续上传" : "上传文件 / 照片" }}
                     </el-button>
                   </el-upload>
@@ -622,10 +559,8 @@
                   </span>
                 </div>
 
-                <div
-                  v-else-if="canEdit && getUploadedMaterials(mat.materialTypeId).length"
-                  class="upload-limit-reached"
-                >
+                <div v-else-if="canEdit && getUploadedMaterials(mat.materialTypeId).length"
+                  class="upload-limit-reached">
                   已上传 {{ getUploadedMaterials(mat.materialTypeId).length }}/{{ getMaxFileCount(mat) }}；
                   如需更换，请点击对应文件的“重新上传”
                 </div>
@@ -638,20 +573,15 @@
             <div v-if="canEdit" id="identity-confirmation-card" class="identity-confirmation-card">
               <div class="identity-confirmation-heading">
                 <div>
-                  <h3 class="identity-confirmation-title">实名认证信息二次确认</h3>
+                  <h3 class="identity-confirmation-title">实名认证信息核对确认</h3>
                   <p class="identity-confirmation-desc">
-                    以下三项将直接用于电子签约实名认证，请按身份证及本人实名手机号逐项核对。
+                    以下三项将直接用于电子签约实名核验与法定人事建档，请对照二代身份证及本人实名手机号逐项核对。
                   </p>
                 </div>
-                <el-tag type="warning" effect="plain">必须全部确认</el-tag>
+                <el-tag type="primary" effect="plain">签约实名核验</el-tag>
               </div>
 
-              <el-alert
-                title="任意一项填写错误都可能导致实名认证失败，并需要退回后重新发起流程。"
-                type="warning"
-                show-icon
-                :closable="false"
-              />
+              <el-alert title="请核对姓名、证件号码及手机号与实际完全一致，信息有误将导致电子签约证书核发失败。" type="info" show-icon :closable="false" />
 
               <div class="identity-confirmation-list">
                 <div v-for="field in identityFields" :key="field.key" class="identity-confirmation-item">
@@ -659,21 +589,15 @@
                     <span class="identity-field-label">{{ field.label }}</span>
                     <span class="identity-field-value">{{ identityDisplayValue(field.key) }}</span>
                   </div>
-                  <el-checkbox
-                    :model-value="isIdentityFieldConfirmed(field.key)"
-                    class="identity-confirmation-checkbox"
-                    @change="setIdentityFieldConfirmation(field.key, $event)"
-                  >
+                  <el-checkbox :model-value="isIdentityFieldConfirmed(field.key)" class="identity-confirmation-checkbox"
+                    @change="setIdentityFieldConfirmation(field.key, $event)">
                     {{ field.confirmText }}
                   </el-checkbox>
                 </div>
               </div>
 
               <div class="identity-confirmation-footer">
-                <span
-                  class="identity-confirmation-progress"
-                  :class="{ 'is-complete': isIdentityConfirmationComplete }"
-                >
+                <span class="identity-confirmation-progress" :class="{ 'is-complete': isIdentityConfirmationComplete }">
                   已确认 {{ confirmedIdentityFieldCount }}/{{ identityFields.length }} 项
                 </span>
                 <el-button type="primary" plain @click="returnToIdentityInformation">
@@ -687,28 +611,18 @@
               <p class="section-desc">系统已为您代入真实登记信息生成专属签署材料，请认真查阅条款并勾选确认</p>
             </div>
 
-            <el-alert
-              v-if="preparingContract"
-              class="contract-preparing-alert"
-              title="正在生成您的专属签署材料"
-              :description="contractPreparingDescription"
-              type="info"
-              show-icon
-              :closable="false"
-            />
+            <el-alert v-if="preparingContract" class="contract-preparing-alert" title="正在生成您的专属签署材料"
+              :description="contractPreparingDescription" type="info" show-icon :closable="false" />
 
             <el-empty v-if="!contracts.length" description="暂无待确认签署材料" />
 
             <div v-else class="contracts-list">
-              <div
-                v-for="c in contracts"
-                :id="`contract-confirm-${c.id}`"
-                :key="c.id"
-                class="contract-sign-card"
-              >
+              <div v-for="c in contracts" :id="`contract-confirm-${c.id}`" :key="c.id" class="contract-sign-card">
                 <div class="contract-card-top">
                   <div class="contract-meta">
-                    <el-icon color="#2563eb" size="20"><Tickets /></el-icon>
+                    <el-icon color="#059669" size="20">
+                      <Tickets />
+                    </el-icon>
                     <span class="contract-title font-bold">{{ c.contractName }}</span>
                     <el-tag size="small" :type="c.contractStatus === 'confirmed' ? 'success' : 'warning'">
                       {{ c.contractStatus === 'confirmed' ? '已阅并同意' : '待查阅确认' }}
@@ -719,41 +633,23 @@
                   </div>
                 </div>
 
-                <el-alert
-                  v-if="getContractPrepareError(c.id)"
-                  class="contract-prepare-error"
-                  :title="getContractPrepareError(c.id)"
-                  type="error"
-                  show-icon
-                  :closable="false"
-                />
+                <el-alert v-if="getContractPrepareError(c.id)" class="contract-prepare-error"
+                  :title="getContractPrepareError(c.id)" type="error" show-icon :closable="false" />
 
                 <div class="contract-card-bottom">
-                  <el-button
-                    :type="isContractPrepareFailed(c.id) ? 'danger' : 'primary'"
-                    plain
-                    :icon="isContractPrepareFailed(c.id) ? 'Refresh' : 'Download'"
-                    :loading="isContractPreparing(c.id)"
+                  <el-button :type="isContractPrepareFailed(c.id) ? 'danger' : 'primary'" plain
+                    :icon="isContractPrepareFailed(c.id) ? 'Refresh' : 'Download'" :loading="isContractPreparing(c.id)"
                     :disabled="!isContractPrepared(c.id) && !isContractPrepareFailed(c.id)"
-                    @click="handleContractAction(c)"
-                  >
+                    @click="handleContractAction(c)">
                     {{ getContractActionText(c.id) }}
                   </el-button>
 
-                  <el-checkbox
-                    v-if="canEdit"
-                    v-model="c.isAgreed"
-                    class="agree-checkbox"
-                    :disabled="!isContractPrepared(c.id) || !c.hasViewed"
-                    :label="`我已完整阅读并同意《${c.contractName}》全部条款`"
-                  />
+                  <el-checkbox v-if="canEdit" v-model="c.isAgreed" class="agree-checkbox"
+                    :disabled="!isContractPrepared(c.id) || !c.hasViewed" :label="`我已完整阅读并同意《${c.contractName}》全部条款`" />
                   <span v-else class="confirmed-text">✓ 候选人已确认同意</span>
                 </div>
 
-                <div
-                  v-if="canEdit && isContractPrepared(c.id) && !c.hasViewed"
-                  class="contract-view-hint"
-                >
+                <div v-if="canEdit && isContractPrepared(c.id) && !c.hasViewed" class="contract-view-hint">
                   请先点击“下载并查看签署材料”，查看后才能勾选确认。
                 </div>
               </div>
@@ -763,22 +659,11 @@
           <!-- 底部向导操作栏 -->
           <div class="wizard-footer">
             <el-button v-if="currentStep > 0" size="large" @click="currentStep--">上一步</el-button>
-            <el-button
-              v-if="currentStep < 3"
-              type="primary"
-              size="large"
-              @click="nextStep"
-            >
+            <el-button v-if="currentStep < 3" type="primary" size="large" @click="nextStep">
               下一步
             </el-button>
-            <el-button
-              v-if="currentStep === 3 && canEdit"
-              type="success"
-              size="large"
-              icon="Check"
-              :loading="submitting"
-              @click="submitAll"
-            >
+            <el-button v-if="currentStep === 3 && canEdit" type="success" size="large" icon="Check"
+              :loading="submitting" @click="submitAll">
               确认无误并提交入职资料
             </el-button>
           </div>
@@ -873,10 +758,10 @@ const identityFields: Array<{
   label: string;
   confirmText: string;
 }> = [
-  { key: "employeeName", label: "真实姓名", confirmText: "我已核对姓名，与本人身份证一致" },
-  { key: "idCardNumber", label: "身份证号码", confirmText: "我已核对身份证号码完整且无误" },
-  { key: "phone", label: "手机号码", confirmText: "我已核对手机号，可用于本人实名认证" }
-];
+    { key: "employeeName", label: "真实姓名", confirmText: "我已核对姓名，与本人身份证一致" },
+    { key: "idCardNumber", label: "身份证号码", confirmText: "我已核对身份证号码完整且无误" },
+    { key: "phone", label: "手机号码", confirmText: "我已核对手机号，可用于本人实名认证" }
+  ];
 
 const identityConfirmations = reactive<Record<IdentityField, boolean>>({
   employeeName: false,
@@ -1411,16 +1296,16 @@ async function load(silent = false) {
     if (data.employeeInfo) {
       Object.assign(form, data.employeeInfo);
       if (data.employeeInfo.educationHistoryJson) {
-        try { educationHistory.value = JSON.parse(data.employeeInfo.educationHistoryJson); } catch {}
+        try { educationHistory.value = JSON.parse(data.employeeInfo.educationHistoryJson); } catch { }
       }
       if (data.employeeInfo.workHistoryJson) {
-        try { workHistory.value = JSON.parse(data.employeeInfo.workHistoryJson); } catch {}
+        try { workHistory.value = JSON.parse(data.employeeInfo.workHistoryJson); } catch { }
       }
       if (data.employeeInfo.familyMembersJson) {
-        try { familyMembers.value = JSON.parse(data.employeeInfo.familyMembersJson); } catch {}
+        try { familyMembers.value = JSON.parse(data.employeeInfo.familyMembersJson); } catch { }
       }
       if (data.employeeInfo.customVariablesJson) {
-        try { Object.assign(customVariables, JSON.parse(data.employeeInfo.customVariablesJson)); } catch {}
+        try { Object.assign(customVariables, JSON.parse(data.employeeInfo.customVariablesJson)); } catch { }
       }
     }
   } catch (err: any) {
@@ -1801,72 +1686,119 @@ onBeforeUnmount(() => {
 </script>
 
 <style scoped>
+/* ============================================================
+   Solid Fresh Light Green (纯色清爽淡绿，无渐变) 视觉系统
+   ============================================================ */
+
 .fill-page {
   min-height: 100vh;
-  background: #f1f5f9;
-  padding-bottom: 50px;
+  background: #f8faf9;
+  padding-bottom: 60px;
 }
 
+/* 顶部大背景 (Hero Header Background) - 纯色柔和淡绿，去渐变 */
 .brand-header {
-  background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 50%, #38bdf8 100%);
-  color: #fff;
-  padding: 40px 20px 48px;
+  background: #ecfdf5;
+  color: #111827;
+  padding: 46px 20px 54px;
   text-align: center;
+  position: relative;
+  border-bottom: 1px solid #d1fae5;
 }
 
+/* 顶部平台标识 (Header Tag) */
 .brand-badge {
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  background: rgba(255, 255, 255, 0.18);
-  backdrop-filter: blur(8px);
+  background: #ffffff;
+  border: 1px solid #a7f3d0;
   padding: 5px 14px;
   border-radius: 20px;
-  font-size: 13px;
-  font-weight: 500;
+  font-size: 12px;
+  font-weight: 600;
+  color: #065f46;
+  letter-spacing: 0.5px;
   margin-bottom: 12px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+}
+
+.brand-badge .el-icon {
+  color: #059669;
+  font-size: 14px;
 }
 
 .brand-title {
   margin: 0 0 8px 0;
   font-size: 26px;
-  font-weight: 800;
-  letter-spacing: 1px;
+  font-weight: 700;
+  letter-spacing: 1.5px;
+  color: #064e3b;
 }
 
 .brand-subtitle {
-  margin: 0;
+  margin: 0 auto;
   font-size: 14px;
   line-height: 1.6;
-  opacity: 0.92;
+  color: #374151;
+  max-width: 680px;
 }
 
 .main-container {
   max-width: 980px;
-  margin: -28px auto 0;
+  margin: -26px auto 0;
   padding: 0 16px;
+  position: relative;
+  z-index: 1;
 }
 
+/* 任务状态卡片 (Status Banner) */
 .status-banner {
   display: flex;
   justify-content: space-between;
   align-items: center;
-  background: #fff;
-  padding: 14px 20px;
-  border-radius: 10px;
+  background: #ffffff;
+  padding: 14px 22px;
+  border-radius: 8px;
   margin-bottom: 16px;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
+  border: 1px solid #e5e7eb;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
+}
+
+.status-banner-main {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.status-info {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.status-badge-art {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
 }
 
 .task-no {
-  font-weight: 700;
-  color: #1e293b;
-  margin-right: 12px;
+  font-weight: 600;
+  color: #111827;
+  font-size: 14px;
+}
+
+.status-tag {
+  border-color: #a7f3d0 !important;
+  color: #065f46 !important;
+  background-color: #ecfdf5 !important;
 }
 
 .expire-time {
   font-size: 13px;
-  color: #64748b;
+  color: #4b5563;
 }
 
 .link-expired-alert,
@@ -1880,70 +1812,137 @@ onBeforeUnmount(() => {
   overflow-wrap: anywhere;
 }
 
+/* 主向导卡片 (Wizard Card) */
 .wizard-card {
-  background: #fff;
-  border-radius: 12px;
-  padding: 26px 24px;
-  box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.05);
+  background: #ffffff;
+  border-radius: 10px;
+  padding: 28px 26px;
+  border: 1px solid #e5e7eb;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
 }
 
+/* 流程指示器 (Step Bar) */
 .steps-wrapper {
   margin-bottom: 30px;
-  padding: 0 10px;
+  padding: 6px 14px 18px;
+  border-bottom: 1px solid #e5e7eb;
+}
+
+.steps-wrapper :deep(.el-step__title) {
+  font-size: 13px;
+  font-weight: 500;
+  color: #9ca3af;
+}
+
+.steps-wrapper :deep(.el-step__title.is-process) {
+  font-weight: 700;
+  color: #059669;
+}
+
+.steps-wrapper :deep(.el-step__head.is-process) {
+  color: #059669;
+  border-color: #059669;
+}
+
+.steps-wrapper :deep(.el-step__head.is-process .el-step__icon.is-text) {
+  background: #059669;
+  border-color: #059669;
+  color: #ffffff;
+}
+
+.steps-wrapper :deep(.el-step__title.is-wait) {
+  color: #9ca3af;
+}
+
+.steps-wrapper :deep(.el-step__head.is-wait) {
+  color: #9ca3af;
+  border-color: #e5e7eb;
+}
+
+.steps-wrapper :deep(.el-step__head.is-wait .el-step__icon.is-text) {
+  background: #f9fafb;
+  color: #9ca3af;
+}
+
+.steps-wrapper :deep(.el-step__title.is-success) {
+  color: #374151;
+  font-weight: 600;
+}
+
+.steps-wrapper :deep(.el-step__head.is-success) {
+  color: #059669;
+  border-color: #059669;
+}
+
+.steps-wrapper :deep(.el-step__head.is-success .el-step__icon.is-text) {
+  background: #ecfdf5;
+  color: #059669;
+}
+
+.steps-wrapper :deep(.el-step__line) {
+  background-color: #e5e7eb;
+}
+
+.steps-wrapper :deep(.el-step__head.is-success .el-step__line) {
+  background-color: #059669;
 }
 
 .registration-header {
   text-align: center;
-  border-bottom: 2px solid #f1f5f9;
-  padding-bottom: 16px;
-  margin-bottom: 24px;
+  border-bottom: 1px solid #e5e7eb;
+  padding-bottom: 18px;
+  margin-bottom: 26px;
 }
 
 .reg-title {
-  letter-spacing: 4px;
+  letter-spacing: 6px;
   font-size: 22px;
-  font-weight: 800;
-  color: #0f172a;
-  margin: 0 0 6px 0;
+  font-weight: 700;
+  color: #111827;
+  margin: 0 0 8px 0;
 }
 
 .reg-subtitle {
   font-size: 13px;
   line-height: 1.6;
-  color: #64748b;
-  margin: 0;
+  color: #4b5563;
+  margin: 0 auto;
+  max-width: 720px;
 }
 
-/* 卡片分区样式 */
+/* 卡片分区样式：淡绿顶边框与纯白背景 */
 .card-section {
   background: #ffffff;
-  border: 1px solid #e2e8f0;
-  border-left: 3px solid #3b82f6;
+  border: 1px solid #e5e7eb;
+  border-top: 2px solid #059669;
   border-radius: 8px;
-  padding: 18px 20px;
-  margin-bottom: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
+  padding: 20px 22px;
+  margin-bottom: 22px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
 }
 
 .card-section-title {
   font-weight: 700;
   font-size: 15px;
-  color: #0f172a;
-  margin-bottom: 16px;
+  color: #111827;
+  margin-bottom: 18px;
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
 }
 
+/* 模块标题图标 (Section Icon) - 纯色无渐变 */
 .title-icon-box {
-  width: 24px;
-  height: 24px;
-  background: #eff6ff;
-  color: #2563eb;
+  width: 28px;
+  height: 28px;
+  background: #ecfdf5;
+  border: 1px solid #a7f3d0;
+  color: #059669;
   border-radius: 6px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  font-size: 15px;
 }
 
 .card-section-header {
@@ -1954,10 +1953,10 @@ onBeforeUnmount(() => {
 }
 
 .dynamic-row-box {
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  padding: 14px 16px;
+  background: #fbfdfb;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  padding: 16px;
   margin-bottom: 12px;
 }
 
@@ -1970,16 +1969,17 @@ onBeforeUnmount(() => {
 
 .row-badge {
   font-size: 12px;
-  font-weight: 700;
-  color: #2563eb;
-  background: #eff6ff;
+  font-weight: 600;
+  color: #059669;
+  background: #ecfdf5;
+  border: 1px solid #a7f3d0;
   padding: 2px 8px;
   border-radius: 4px;
 }
 
 .empty-hint {
   font-size: 13px;
-  color: #94a3b8;
+  color: #9ca3af;
   padding: 10px 0;
   text-align: center;
 }
@@ -1996,13 +1996,13 @@ onBeforeUnmount(() => {
   margin: 0 0 6px 0;
   font-size: 18px;
   font-weight: 700;
-  color: #0f172a;
+  color: #111827;
 }
 
 .section-desc {
   margin: 0;
   font-size: 13px;
-  color: #64748b;
+  color: #4b5563;
 }
 
 .materials-grid {
@@ -2012,10 +2012,11 @@ onBeforeUnmount(() => {
 }
 
 .material-item-card {
-  border: 1px solid #e2e8f0;
+  border: 1px solid #e5e7eb;
   border-radius: 8px;
   padding: 16px;
-  background: #f8fafc;
+  background: #ffffff;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
 }
 
 .mat-card-header {
@@ -2031,21 +2032,21 @@ onBeforeUnmount(() => {
 
 .mat-name {
   font-weight: 700;
-  color: #1e293b;
+  color: #111827;
 }
 
 .mat-limit {
   font-size: 12px;
-  color: #64748b;
+  color: #6b7280;
 }
 
 .file-badge {
   display: flex;
   align-items: center;
-  gap: 8px;
-  background: #fff;
-  border: 1px solid #cbd5e1;
-  padding: 8px 12px;
+  gap: 10px;
+  background: #fbfdfb;
+  border: 1px solid #e5e7eb;
+  padding: 10px 12px;
   border-radius: 6px;
   font-size: 13px;
   margin-bottom: 8px;
@@ -2084,11 +2085,11 @@ onBeforeUnmount(() => {
 .preview-tip,
 .upload-count {
   font-size: 12px;
-  color: #64748b;
+  color: #6b7280;
 }
 
 .preview-tip {
-  color: #2563eb;
+  color: #059669;
 }
 
 .file-actions,
@@ -2107,18 +2108,20 @@ onBeforeUnmount(() => {
   margin-top: 4px;
   padding: 8px 10px;
   border-radius: 6px;
-  background: #eff6ff;
-  color: #475569;
+  background: #ecfdf5;
+  color: #065f46;
   font-size: 12px;
   line-height: 1.5;
 }
 
+/* 身份确认卡片 */
 .identity-confirmation-card {
   margin-bottom: 26px;
-  padding: 18px;
-  border: 1px solid #f59e0b;
-  border-radius: 10px;
-  background: #fffbeb;
+  padding: 20px 22px;
+  border: 1px solid #bbf7d0;
+  border-top: 3px solid #059669;
+  border-radius: 8px;
+  background: #f0fdf4;
   box-sizing: border-box;
 }
 
@@ -2132,30 +2135,35 @@ onBeforeUnmount(() => {
 
 .identity-confirmation-title {
   margin: 0 0 6px;
-  color: #92400e;
-  font-size: 17px;
+  color: #111827;
+  font-size: 16px;
   font-weight: 700;
 }
 
 .identity-confirmation-desc {
   margin: 0;
-  color: #78350f;
+  color: #4b5563;
   font-size: 13px;
   line-height: 1.6;
 }
 
 .identity-confirmation-list {
   display: grid;
-  gap: 10px;
+  gap: 12px;
   margin-top: 14px;
 }
 
 .identity-confirmation-item {
   min-width: 0;
-  padding: 13px 14px;
-  border: 1px solid #fde68a;
-  border-radius: 8px;
-  background: #fff;
+  padding: 14px 16px;
+  border: 1px solid #e5e7eb;
+  border-radius: 6px;
+  background: #ffffff;
+  transition: all 0.2s;
+}
+
+.identity-confirmation-item:hover {
+  border-color: #059669;
 }
 
 .identity-field-row {
@@ -2168,14 +2176,14 @@ onBeforeUnmount(() => {
 
 .identity-field-label {
   flex: 0 0 86px;
-  color: #64748b;
+  color: #4b5563;
   font-size: 13px;
 }
 
 .identity-field-value {
   min-width: 0;
-  color: #0f172a;
-  font-size: 16px;
+  color: #111827;
+  font-size: 15px;
   font-weight: 700;
   letter-spacing: 0.02em;
   overflow-wrap: anywhere;
@@ -2186,6 +2194,7 @@ onBeforeUnmount(() => {
   height: auto;
   margin-right: 0;
   white-space: normal;
+  color: #111827;
 }
 
 .identity-confirmation-checkbox :deep(.el-checkbox__input) {
@@ -2193,6 +2202,11 @@ onBeforeUnmount(() => {
   margin-top: 3px;
 }
 
+.identity-confirmation-checkbox :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
+  background-color: #059669;
+  border-color: #059669;
+}
+
 .identity-confirmation-checkbox :deep(.el-checkbox__label) {
   min-width: 0;
   padding-left: 8px;
@@ -2206,28 +2220,32 @@ onBeforeUnmount(() => {
   align-items: center;
   justify-content: space-between;
   gap: 12px;
-  margin-top: 14px;
+  margin-top: 16px;
+  padding-top: 12px;
+  border-top: 1px dashed #d1d5db;
 }
 
 .identity-confirmation-progress {
-  color: #b45309;
+  color: #4b5563;
   font-size: 13px;
   font-weight: 600;
 }
 
 .identity-confirmation-progress.is-complete {
-  color: #15803d;
+  color: #059669;
 }
 
 .contract-sign-card {
-  border: 1px solid #e2e8f0;
+  border: 1px solid #e5e7eb;
+  border-left: 3px solid #059669;
   border-radius: 8px;
-  padding: 18px;
-  background: #f8fafc;
+  padding: 20px;
+  background: #ffffff;
   margin-bottom: 16px;
   min-width: 0;
   max-width: 100%;
   box-sizing: border-box;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
 }
 
 .contract-meta {
@@ -2241,14 +2259,15 @@ onBeforeUnmount(() => {
 
 .contract-title {
   font-size: 16px;
-  color: #0f172a;
+  font-weight: 700;
+  color: #111827;
   min-width: 0;
   overflow-wrap: anywhere;
 }
 
 .contract-desc {
   font-size: 13px;
-  color: #64748b;
+  color: #4b5563;
   margin-bottom: 14px;
 }
 
@@ -2266,7 +2285,7 @@ onBeforeUnmount(() => {
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 12px;
-  border-top: 1px dashed #cbd5e1;
+  border-top: 1px dashed #e5e7eb;
   padding-top: 14px;
   min-width: 0;
   max-width: 100%;
@@ -2286,6 +2305,11 @@ onBeforeUnmount(() => {
   margin-top: 3px;
 }
 
+.agree-checkbox :deep(.el-checkbox__input.is-checked .el-checkbox__inner) {
+  background-color: #059669;
+  border-color: #059669;
+}
+
 .agree-checkbox :deep(.el-checkbox__label) {
   min-width: 0;
   max-width: 100%;
@@ -2298,33 +2322,72 @@ onBeforeUnmount(() => {
 
 .contract-view-hint {
   margin-top: 10px;
-  color: #d97706;
+  color: #059669;
   font-size: 13px;
   line-height: 1.5;
 }
 
 .confirmed-text {
-  color: #16a34a;
+  color: #059669;
   font-weight: 600;
   font-size: 14px;
 }
 
-/* 底部操作栏吸底优化 */
+/* 底部操作栏吸底优化 (Wizard Footer) - 纯色无渐变 */
 .wizard-footer {
   display: flex;
   justify-content: flex-end;
   gap: 14px;
-  margin-top: 30px;
-  border-top: 1px solid #e2e8f0;
+  margin-top: 32px;
+  border-top: 1px solid #e5e7eb;
   padding-top: 20px;
   position: sticky;
   bottom: 0;
-  background: rgba(255, 255, 255, 0.95);
+  background: rgba(248, 250, 249, 0.96);
   backdrop-filter: blur(8px);
-  padding-bottom: max(10px, env(safe-area-inset-bottom));
+  padding-bottom: max(12px, env(safe-area-inset-bottom));
   z-index: 10;
 }
 
+.wizard-footer .el-button--primary {
+  background-color: #059669;
+  border: 1px solid #059669;
+  color: #ffffff;
+  font-weight: 600;
+  border-radius: 6px;
+  padding: 10px 24px;
+  height: 40px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
+  transition: all 0.2s;
+}
+
+.wizard-footer .el-button--primary:hover {
+  background-color: #047857;
+  border-color: #047857;
+  color: #ffffff;
+}
+
+.wizard-footer .el-button--primary:active {
+  background-color: #065f46;
+  border-color: #065f46;
+  color: #ffffff;
+}
+
+.wizard-footer .el-button--default {
+  border-radius: 6px;
+  padding: 10px 20px;
+  height: 40px;
+  color: #374151;
+  border-color: #d1d5db;
+  background-color: #ffffff;
+}
+
+.wizard-footer .el-button--default:hover {
+  color: #059669;
+  border-color: #059669;
+  background-color: #ecfdf5;
+}
+
 .readonly-banner {
   margin-bottom: 24px;
 }
@@ -2337,12 +2400,14 @@ onBeforeUnmount(() => {
   display: none;
 }
 
+/* 移动端步骤条 - 纯色无渐变 */
 .mobile-steps-wrapper {
   margin-bottom: 24px;
-  background: #f8fafc;
-  border: 1px solid #e2e8f0;
+  background: #ffffff;
+  border: 1px solid #e5e7eb;
   border-radius: 8px;
   padding: 12px 14px;
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
 }
 
 .mobile-steps-track {
@@ -2364,113 +2429,171 @@ onBeforeUnmount(() => {
   width: 100%;
   height: 4px;
   border-radius: 2px;
-  background: #e2e8f0;
+  background: #e5e7eb;
   transition: all 0.3s;
 }
 
 .mobile-step-item.is-active .step-indicator-bar {
-  background: #2563eb;
-  height: 5px;
+  background: #059669;
+  height: 4px;
 }
 
 .mobile-step-item.is-finished .step-indicator-bar {
-  background: #16a34a;
+  background: #059669;
 }
 
 .step-label {
   font-size: 11px;
-  color: #64748b;
+  color: #9ca3af;
   white-space: nowrap;
 }
 
 .mobile-step-item.is-active .step-label {
-  color: #2563eb;
+  color: #059669;
   font-weight: 700;
 }
 
 .mobile-step-item.is-finished .step-label {
-  color: #16a34a;
+  color: #374151;
   font-weight: 600;
 }
 
 .mobile-current-indicator {
   font-size: 12px;
-  color: #475569;
+  color: #4b5563;
   text-align: center;
-  border-top: 1px dashed #e2e8f0;
+  border-top: 1px dashed #e5e7eb;
   padding-top: 8px;
 }
 
 .highlight-step {
-  color: #2563eb;
+  color: #059669;
   font-weight: 700;
 }
 
+/* 表单与交互元素 (Form Controls) */
+.reg-form :deep(.el-form-item__label) {
+  font-size: 13px;
+  font-weight: 600;
+  color: #111827;
+  margin-bottom: 6px;
+}
+
+/* 必填星号 * 颜色：#e11d48 */
+.reg-form :deep(.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before),
+.reg-form :deep(.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before) {
+  color: #e11d48 !important;
+}
+
+/* 输入框边框默认态与聚焦态纯色清晰 */
+.reg-form :deep(.el-input__wrapper),
+.reg-form :deep(.el-select__wrapper),
+.reg-form :deep(.el-textarea__inner) {
+  box-shadow: 0 0 0 1px #d1d5db inset !important;
+  border-radius: 6px;
+  background-color: #ffffff;
+  transition: all 0.2s ease-in-out;
+}
+
+.reg-form :deep(.el-input__wrapper:hover),
+.reg-form :deep(.el-select__wrapper:hover),
+.reg-form :deep(.el-textarea__inner:hover) {
+  box-shadow: 0 0 0 1px #059669 inset !important;
+}
+
+.reg-form :deep(.el-input__wrapper.is-focus),
+.reg-form :deep(.el-select__wrapper.is-focused),
+.reg-form :deep(.el-textarea__inner:focus) {
+  box-shadow: 0 0 0 1px #059669 inset !important;
+  border-color: #059669 !important;
+}
+
 @media (max-width: 640px) {
-  /* iOS 会自动放大小于 16px 的表单控件，统一字号保持页面比例稳定。 */
+
   .fill-page :deep(.el-input__inner),
   .fill-page :deep(.el-textarea__inner),
   .fill-page :deep(.el-select__input) {
     font-size: 16px !important;
   }
+
   .desktop-only {
     display: none !important;
   }
+
   .mobile-only {
     display: block !important;
   }
+
   .brand-header {
-    padding: 28px 16px 36px;
+    padding: 32px 16px 40px;
   }
+
   .brand-title {
     font-size: 22px;
   }
+
   .main-container {
     padding: 0 10px;
   }
+
   .wizard-card {
-    padding: 18px 14px;
+    padding: 20px 16px;
   }
+
   .status-banner {
     flex-direction: column;
     align-items: flex-start;
     gap: 8px;
   }
+
+  .status-badge-art {
+    display: none;
+  }
+
   .file-badge {
     align-items: flex-start;
     flex-wrap: wrap;
   }
+
   .file-actions {
     width: 100%;
     justify-content: flex-end;
   }
+
   .identity-confirmation-card {
     padding: 14px;
   }
+
   .identity-confirmation-heading,
   .identity-confirmation-footer {
     flex-direction: column;
     align-items: stretch;
   }
+
   .identity-field-row {
     flex-direction: column;
     gap: 4px;
   }
+
   .identity-field-label {
     flex-basis: auto;
   }
-  .identity-confirmation-footer > .el-button {
+
+  .identity-confirmation-footer>.el-button {
     width: 100%;
   }
+
   .contract-card-bottom {
     flex-direction: column;
     align-items: stretch;
   }
+
   .contract-sign-card {
-    padding: 14px;
+    padding: 16px;
   }
-  .contract-card-bottom > .el-button,
-  .contract-card-bottom > .agree-checkbox {
+
+  .contract-card-bottom>.el-button,
+  .contract-card-bottom>.agree-checkbox {
     width: 100%;
     max-width: 100%;
     box-sizing: border-box;