diff --git a/src/api/agent.ts b/src/api/agent.ts
index f6ad4eb..b2f4aa6 100644
--- a/src/api/agent.ts
+++ b/src/api/agent.ts
@@ -71,8 +71,8 @@ export interface AgentJobMatchDetail {
 
 /** 推荐岗位项 */
 export interface AgentRecommendJob {
-  /** 岗位 ID */
-  id: number
+  /** 岗位 ID（字符串，避免大整数精度丢失） */
+  id: string | number
   /** 岗位名称 */
   title: string
   /** 薪资描述 */
@@ -103,6 +103,10 @@ export interface AgentRecommendJob {
   matchScore: number
   /** 匹配度详情 */
   matchDetail: AgentJobMatchDetail
+  /** 学历要求 0=不限 1=大专 2=本科 3=硕士 4=博士 */
+  education?: number
+  /** 招聘分类 0=社招 1=校招 2=实习 3=其他 */
+  recruitCategory?: number
 }
 
 /** 求职助手岗位推荐返回数据 */
@@ -302,3 +306,22 @@ export function optimizeAgentResume(params: OptimizeResumeParams) {
     },
   }).then(res => res.data)
 }
+
+// ==================== 岗位匹配度评分（Python 后端） ====================
+
+/** 匹配度评分请求参数 */
+export interface MatchScoreParams {
+  /** 定制简历 ID（字符串，避免大整数精度丢失） */
+  customizeResumeId: string
+  /** 岗位 ID（字符串，避免大整数精度丢失） */
+  jobId: string
+}
+
+/**
+ * 岗位匹配度评分
+ * POST /job-agent/match-score
+ * @returns data 为匹配度分数（0-100）
+ */
+export function fetchMatchScore(params: MatchScoreParams) {
+  return aiService.post<any, { data: AiResult<number> }>('/job-agent/match-score', params).then(res => res.data)
+}
diff --git a/src/api/jobs.ts b/src/api/jobs.ts
index 04af6d0..80d4e4d 100644
--- a/src/api/jobs.ts
+++ b/src/api/jobs.ts
@@ -483,6 +483,9 @@ export function fetchSkillGap(jobId: string) {
 /** 定制简历接口返回的简历数据 */
 export interface CustomizeResumeData {
   /** 简历基本信息 */
+  id?: string
+  resumeId?: string
+  resumeName?: string
   resume: {
     avatarUrl?: string
     name?: string
diff --git a/src/assets/images/agent-setting/2-1.png b/src/assets/images/agent-setting/2-1.png
index ec7c263..77fb029 100644
Binary files a/src/assets/images/agent-setting/2-1.png and b/src/assets/images/agent-setting/2-1.png differ
diff --git a/src/assets/images/agent-setting/3-1.png b/src/assets/images/agent-setting/3-1.png
index 6243b29..019d22e 100644
Binary files a/src/assets/images/agent-setting/3-1.png and b/src/assets/images/agent-setting/3-1.png differ
diff --git a/src/assets/images/agent-setting/4-1.png b/src/assets/images/agent-setting/4-1.png
index 3f79bd0..e6f59fa 100644
Binary files a/src/assets/images/agent-setting/4-1.png and b/src/assets/images/agent-setting/4-1.png differ
diff --git a/src/assets/images/nova-logo-2.png b/src/assets/images/nova-logo-2.png
new file mode 100644
index 0000000..8e53f38
Binary files /dev/null and b/src/assets/images/nova-logo-2.png differ
diff --git a/src/assets/styles/auto.scss b/src/assets/styles/auto.scss
index 4805d55..77599d3 100644
--- a/src/assets/styles/auto.scss
+++ b/src/assets/styles/auto.scss
@@ -361,7 +361,9 @@ body:not(#_) {
 .aliite-e{
 	align-items: flex-end;
 }
-
+.aliite-st{
+  align-items: stretch;
+}
 //英文字母或数字一行溢出超出，打断
 .word-bra{
 	word-break: break-all;
diff --git a/src/assets/styles/components/agent-apply-progress.scss b/src/assets/styles/components/agent-apply-progress.scss
index eac8870..c126146 100644
--- a/src/assets/styles/components/agent-apply-progress.scss
+++ b/src/assets/styles/components/agent-apply-progress.scss
@@ -1,317 +1,235 @@
 @use '../variables' as *;
 
-// 申请进度消息组件
+// 投递进度卡片组件（新版4步骤）
 .agent-apply-progress {
-  background: $bg-middle;
-  border-radius: 0.12rem;
-  padding: 0.2rem;
+  font-size: 0.14rem;
+  background: $bg-white;
+  border: 1px solid #F0F0F0;
+  border-radius: 0.08rem;
+  padding: 0.16rem 0.2rem;
 
-  // 顶部标题栏
-  &__header {
+  // 已完成状态
+  &--completed {
+    opacity: 0.9;
+  }
+
+  // 顶部区域：岗位信息 + 步骤条
+  &__top {
     display: flex;
-    align-items: center;
     justify-content: space-between;
-    margin-bottom: 0.16rem;
-  }
-
-  &__title {
-    font-size: 0.15rem;
-    font-weight: 600;
-    color: $text-dark;
-
-    // 可点击状态（暂停/恢复）
-    &--clickable {
-      cursor: pointer;
-      color: $accent;
-
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-  }
-
-  &__cancel {
-    font-size: 0.13rem;
-    color: $text-middle;
-    cursor: pointer;
-
-    &:hover {
-      color: $text-dark;
-    }
-  }
-
-  // 岗位信息卡片
-  &__job-card {
-    display: flex;
-    align-items: center;
-    gap: 0.12rem;
-    background: $bg-white;
-    border-radius: 0.1rem;
-    padding: 0.14rem 0.16rem;
-    margin-bottom: 0.2rem;
-  }
-
-  &__job-icon {
-    width: 0.36rem;
-    height: 0.36rem;
-    border-radius: 0.08rem;
-    background: $bg-main;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    color: $text-middle;
-
-    svg {
-      width: 0.2rem;
-      height: 0.2rem;
-    }
-  }
-
-  &__job-info {
-    min-width: 0;
-  }
-
-  &__job-company {
-    font-size: 0.14rem;
-    font-weight: 600;
-    color: $text-dark;
-    line-height: 1.4;
-  }
-
-  &__job-title {
-    font-size: 0.12rem;
-    color: $text-middle;
-    line-height: 1.4;
-  }
-
-  // 步骤列表
-  &__steps {
-    display: flex;
-    flex-direction: column;
-    gap: 0.14rem;
-  }
-
-  &__step {
-    display: flex;
     align-items: flex-start;
-    gap: 0.1rem;
     flex-wrap: wrap;
   }
 
-  // 勾选框
-  &__step-check {
-    width: 0.18rem;
-    height: 0.18rem;
-    border: 1.5px solid $text-light;
-    border-radius: 0.03rem;
+  // 岗位信息
+  &__job-info {
     display: flex;
     align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    margin-top: 0.01rem;
-
-    svg {
-      width: 0.12rem;
-      height: 0.12rem;
-    }
-
-    // 已完成态
-    &--done {
-      border-color: $text-dark;
-      background: $text-dark;
-      color: $bg-white;
-    }
+    gap: 0.28rem;
   }
 
-  &__step-label {
-    font-size: 0.14rem;
+  &__job-title {
+    font-size: 0.18rem;
+    font-weight: 520;
     color: $text-dark;
-    line-height: 0.2rem;
+    line-height: 0.27rem;
   }
 
-  // 步骤展开内容
-  &__step-content {
-    width: 100%;
-    margin-top: 0.08rem;
-    padding-left: 0.28rem;
-  }
-
-  // 第2步：简历确认区域
-  &__resume-confirm {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: $bg-white;
-    border-radius: 0.08rem;
-    padding: 0.1rem 0.14rem;
-  }
-
-  &__resume-file {
+  &__company {
     display: flex;
     align-items: center;
     gap: 0.08rem;
   }
 
-  &__file-icon {
-    width: 0.18rem;
-    height: 0.18rem;
-    color: $text-dark;
-  }
+  &__company-logo {
+    width: 0.24rem;
+    height: 0.24rem;
+    border-radius: 0.04rem;
+    object-fit: cover;
 
-  &__resume-name {
-    font-size: 0.13rem;
-    color: $text-dark;
-  }
+    &--placeholder {
+      background: $bg-main;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: $text-middle;
 
-  &__confirm-btn {
-    height: 0.28rem;
-    padding: 0 0.16rem;
-    background: $btn-dark;
-    color: $bg-white;
-    border: none;
-    border-radius: 0.14rem;
-    font-size: 0.12rem;
-    cursor: pointer;
-    transition: all 0.2s;
-
-    &:hover {
-      background: $btn-dark-hover;
-    }
-
-    &:disabled {
-      background: $text-light;
-      cursor: not-allowed;
+      svg {
+        width: 0.14rem;
+        height: 0.14rem;
+      }
     }
   }
 
-  // 第3步：投递操作区域
-  &__apply-area {
-    background: $bg-white;
-    border-radius: 0.08rem;
-    padding: 0.14rem 0.16rem;
+  &__company-name {
+    font-size: 0.18rem;
+    font-weight: 330;
+    color: $text-dark;
+    line-height: 0.27rem;
   }
 
-  &__apply-desc {
-    font-size: 0.12rem;
-    color: $text-middle;
-    line-height: 1.8;
-    margin: 0;
-  }
-
-  &__apply-actions {
+  // 步骤条
+  &__steps {
     display: flex;
     align-items: center;
-    justify-content: flex-end;
-    gap: 0.1rem;
-    margin-top: 0.14rem;
+    gap: 0.12rem;
   }
 
-  &__skip-btn {
-    font-size: 0.12rem;
-    color: $text-middle;
-    cursor: pointer;
-    text-decoration: underline;
+  // 步骤项
+  &__step-item {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+  }
 
-    &:hover {
+  // 步骤图标
+  &__step-icon {
+    width: 0.40rem;
+    height: 0.40rem;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    svg {
+      width: 0.20rem;
+      height: 0.20rem;
+    }
+
+    // 已完成
+    &--done {
+      background: $accent;
+      color: #fff;
+    }
+
+    // 进行中
+    &--active {
+      background: #EDF9FA;
+      color: $accent;
+    }
+
+    // 待处理
+    &--pending {
+      background: $bg-main;
+      color: $text-middle;
+    }
+  }
+
+  // 步骤文字区域
+  &__step-text {
+    display: flex;
+    flex-direction: column;
+    gap: 0.04rem;
+  }
+
+  // 步骤名称
+  &__step-name {
+    font-size: 0.14rem;
+    font-weight: 520;
+    line-height: 0.19rem;
+
+    &--done {
       color: $text-dark;
     }
 
-    &--disabled {
-      color: $text-light;
-      cursor: not-allowed;
-      pointer-events: none;
+    &--active {
+      color: $text-dark;
+    }
+
+    &--pending {
+      color: $text-middle;
     }
   }
 
-  &__applied-btn {
-    height: 0.28rem;
-    padding: 0 0.14rem;
-    background: $btn-dark;
-    color: $bg-white;
-    border: none;
-    border-radius: 0.14rem;
+  // 步骤状态文字
+  &__step-status {
     font-size: 0.12rem;
-    cursor: pointer;
-    transition: all 0.2s;
+    font-weight: 330;
+    line-height: 0.16rem;
 
-    &:hover {
-      background: $btn-dark-hover;
+    &--done {
+      color: #9FD051;
     }
 
-    &:disabled {
-      background: $text-light;
-      cursor: not-allowed;
+    &--active {
+      color: #F59E0B;
+    }
+
+    &--pending {
+      color: $text-middle;
     }
   }
 
-  &__goto-btn {
-    height: 0.28rem;
-    padding: 0 0.14rem;
-    background: $btn-dark;
-    color: $bg-white;
-    border: none;
-    border-radius: 0.14rem;
-    font-size: 0.12rem;
-    cursor: pointer;
-    transition: all 0.2s;
-
-    &:hover {
-      background: $btn-dark-hover;
-    }
-
-    &:disabled {
-      background: $text-light;
-      cursor: not-allowed;
-    }
-  }
-}
-
-// 右侧面板：简历生成进度
-.agent-resume-generating {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  padding: 0.4rem;
-
-  // 进度条容器
-  &__progress-bar {
-    width: 100%;
-    max-width: 3rem;
-    height: 0.04rem;
-    background: $border-color;
-    border-radius: 0.02rem;
-    overflow: hidden;
-    margin-bottom: 0.2rem;
+  // 步骤连接线
+  &__step-line {
+    width: 0.40rem;
+    height: 0.02rem;
+    background: #E5E7EB;
+    flex-shrink: 0;
   }
 
-  &__progress-fill {
-    height: 100%;
-    background: $text-dark;
-    border-radius: 0.02rem;
-    transition: width 0.3s ease;
-  }
-
-  &__title {
-    font-size: 0.18rem;
-    font-weight: 700;
-    color: $text-dark;
-    margin-bottom: 0.1rem;
+  // 底部区域：提示 + 按钮
+  &__bottom {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+    margin-top: 0.16rem;
   }
 
+  // 提示文字
   &__hint {
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
+    line-height: 0.19rem;
+
+    // 警告色（橙色）
+    &--warning {
+      color: #F59E0B;
+    }
+
+    // 强调色（品牌色）
+    &--accent {
+      color: $accent;
+    }
+  }
+
+  // 操作按钮区
+  &__actions {
     display: flex;
     align-items: center;
-    gap: 0.06rem;
-    font-size: 0.12rem;
-    color: $text-middle;
+    gap: 0.16rem;
   }
 
-  &__hint-icon {
-    width: 0.14rem;
-    height: 0.14rem;
-    color: $accent;
+  // 按钮基础样式
+  &__btn {
+    height: 0.27rem;
+    padding: 0.04rem 0.12rem;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 380;
+    line-height: 0.19rem;
+    text-align: center;
+    cursor: pointer;
+    border: none;
+    transition: opacity 0.2s;
+
+    &:hover {
+      opacity: 0.85;
+    }
+
+    // 边框按钮
+    &--outline {
+      background: transparent;
+      border: 1px solid $accent;
+      color: $accent;
+    }
+
+    // 实心按钮
+    &--primary {
+      background: $accent;
+      color: #FFFFFF;
+    }
   }
 }
diff --git a/src/assets/styles/components/agent-chat-job-list.scss b/src/assets/styles/components/agent-chat-job-list.scss
index 698686a..28be504 100644
--- a/src/assets/styles/components/agent-chat-job-list.scss
+++ b/src/assets/styles/components/agent-chat-job-list.scss
@@ -2,25 +2,50 @@
 
 // ==================== Agent推荐岗位列表组件样式 ====================
 .agent-chat-job-list {
-  background: $bg-middle;
+  background: $bg-white;
+  border: 1px solid #F0F0F0;
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
   border-radius: 0.12rem;
   padding: 0.24rem;
   font-size: 0.14rem;
 
   // 标题
   &__header {
-    font-size: 0.18rem;
-    font-weight: 700;
+    font-size: 0.22rem;
+    font-weight: 520;
     color: $text-dark;
-    margin-bottom: 0.06rem;
+    margin-bottom: 0.04rem;
+    line-height: 0.29rem;
   }
 
   // 推荐说明文字
   &__summary {
-    font-size: 0.13rem;
+    font-size: 0.14rem;
+    font-weight: 330;
     color: $text-middle;
-    margin-bottom: 0.18rem;
-    line-height: 1.5;
+    margin-bottom: 0.16rem;
+    line-height: 0.19rem;
+  }
+
+  // 可滚动岗位列表区域（默认显示约3.5个岗位高度）
+  &__scroll {
+    max-height: 3.64rem;
+    overflow-y: auto;
+    scrollbar-width: thin;
+    scrollbar-color: $border-color transparent;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: $border-color;
+      border-radius: 2px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
   }
 
   // 单个岗位项
@@ -28,31 +53,38 @@
     display: flex;
     align-items: center;
     justify-content: space-between;
-    background: $bg-white;
-    border-radius: 0.1rem;
+    flex-wrap: wrap;
     padding: 0.16rem 0.2rem;
-    margin-bottom: 0.1rem;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    margin-bottom: 0.08rem;
+    cursor: pointer;
+    transition: border-color 0.2s ease;
 
-    &:last-of-type {
+    &:last-child {
       margin-bottom: 0;
     }
+
+    &:hover {
+      border-color: $accent;
+    }
   }
 
-  // 左侧信息区域（可点击）
-  &__info {
+  // 左侧区域（匹配度 + 岗位信息）
+  &__left {
     display: flex;
     align-items: center;
-    gap: 0.14rem;
+    flex-wrap: wrap;
+    gap: 0.16rem;
     flex: 1;
     min-width: 0;
-    cursor: pointer;
   }
 
   // 匹配度环形容器
   &__score {
+    width: 0.62rem;
+    height: 0.62rem;
     position: relative;
-    width: 0.48rem;
-    height: 0.48rem;
     flex-shrink: 0;
   }
 
@@ -68,98 +100,148 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    font-size: 0.11rem;
-    font-weight: 700;
-    color: $text-dark;
+    font-size: 0.14rem;
+    font-weight: 630;
+    color: #9FD051;
+    line-height: 0.22rem;
   }
 
-  // 岗位详情
+  // 岗位详情区域
   &__detail {
     min-width: 0;
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    gap: 0.24rem;
   }
 
-  // 岗位标题行（岗位名 + 公司名）
+  // 岗位标题行（岗位名 + 公司）
   &__title-row {
     display: flex;
     align-items: center;
-    gap: 0.08rem;
-    margin-bottom: 0.04rem;
+    flex-wrap: wrap;
+    gap: 0.32rem;
   }
 
   // 岗位名称
   &__title {
-    font-size: 0.15rem;
-    font-weight: 600;
+    font-size: 0.18rem;
+    font-weight: 520;
     color: $text-dark;
-    line-height: 1.4;
+    line-height: 0.27rem;
   }
 
-  // 公司名前的圆点
-  &__company-dot {
-    font-size: 0.08rem;
-    color: $text-light;
+  // 公司信息容器
+  &__company {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.08rem;
+  }
+
+  // 公司 Logo
+  &__company-logo {
+    width: 0.24rem;
+    height: 0.24rem;
+    border-radius: 0.04rem;
+    object-fit: cover;
   }
 
   // 公司名称
-  &__company {
-    font-size: 0.13rem;
-    color: $text-middle;
+  &__company-name {
+    font-size: 0.18rem;
+    font-weight: 330;
+    color: $text-dark;
+    line-height: 0.27rem;
     white-space: nowrap;
   }
 
   // 标签行
   &__tags {
     display: flex;
-    gap: 0.06rem;
+    align-items: center;
     flex-wrap: wrap;
+    gap: 0.12rem;
   }
 
   // 单个标签
   &__tag {
-    font-size: 0.11rem;
+    font-size: 0.14rem;
+    font-weight: 330;
     color: $text-middle;
-    background: $bg-main;
-    padding: 0.02rem 0.08rem;
-    border-radius: 0.03rem;
+    line-height: 0.19rem;
+    display: flex;
+    align-items: center;
+    gap: 0.02rem;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      color: $text-middle;
+    }
+
+    // 招聘分类标签（校招等）
+    &--category {
+      padding: 0.02rem 0.04rem;
+      background: #EDF9FA;
+      border-radius: 0.04rem;
+      font-size: 0.12rem;
+      color: $accent;
+    }
   }
 
   // 右侧操作按钮区域
   &__actions {
     display: flex;
     align-items: center;
-    gap: 0.14rem;
+    flex-wrap: wrap;
+    gap: 0.08rem;
     flex-shrink: 0;
     margin-left: 0.16rem;
   }
 
   // 不再推荐按钮
   &__dismiss-btn {
-    font-size: 0.12rem;
-    color: $text-light;
+    height: 0.35rem;
+    padding: 0 0.12rem;
+    background: transparent;
+    border: none;
+    font-size: 0.14rem;
+    font-weight: 520;
+    color: $accent;
     cursor: pointer;
     white-space: nowrap;
-    transition: color 0.2s ease;
+    transition: opacity 0.2s ease;
+    border-radius: 0.08rem;
 
     &:hover {
-      color: $text-middle;
+      opacity: 0.7;
     }
   }
 
   // 加入投递按钮
   &__add-btn {
-    height: 0.32rem;
-    padding: 0 0.16rem;
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    height: 0.35rem;
+    padding: 0 0.12rem;
     background: $accent;
     color: $bg-white;
     border: none;
-    border-radius: 0.16rem;
-    font-size: 0.12rem;
-    font-weight: 500;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 520;
     cursor: pointer;
     white-space: nowrap;
     transition: all 0.2s ease;
-    line-height: 0.32rem;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      flex-shrink: 0;
+    }
 
     &:hover {
       opacity: 0.85;
@@ -172,37 +254,55 @@
 
     // 已加入状态
     &--added {
-      background: $bg-main;
-      color: $text-middle;
-      border: 1px solid $border-color;
+      background: transparent;
+      color: $accent;
+      border: 1px solid $accent;
     }
   }
 
+  // 空状态
+  &__empty {
+    text-align: center;
+    color: $text-light;
+    padding: 0.4rem 0;
+    font-size: 0.14rem;
+  }
+
   // 底部按钮区域
   &__footer {
     display: flex;
     justify-content: center;
-    gap: 0.16rem;
-    margin-top: 0.2rem;
+    gap: 0.32rem;
+    margin-top: 0.24rem;
+    flex-wrap: wrap;
   }
 
   // 换一批按钮
   &__refresh-btn {
-    height: 0.4rem;
-    padding: 0 0.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.04rem;
+    height: 0.43rem;
+    padding: 0 0.16rem;
+    min-width: 2.8rem;
     background: $bg-white;
-    color: $text-dark;
-    border: 1px solid $border-color;
-    border-radius: 0.2rem;
+    color: $accent;
+    border: 1px solid $accent;
+    border-radius: 0.22rem;
     font-size: 0.14rem;
-    font-weight: 500;
+    font-weight: 520;
     cursor: pointer;
     transition: all 0.2s ease;
-    line-height: 0.4rem;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      flex-shrink: 0;
+    }
 
     &:hover {
-      border-color: $accent;
-      color: $accent;
+      background: #EDF9FA;
     }
 
     &:disabled {
@@ -213,17 +313,27 @@
 
   // 全部添加按钮
   &__add-all-btn {
-    height: 0.4rem;
-    padding: 0 0.4rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.04rem;
+    height: 0.43rem;
+    padding: 0 0.16rem;
+    min-width: 2.8rem;
     background: $accent;
     color: $bg-white;
     border: none;
-    border-radius: 0.2rem;
+    border-radius: 0.22rem;
     font-size: 0.14rem;
-    font-weight: 500;
+    font-weight: 520;
     cursor: pointer;
     transition: all 0.2s ease;
-    line-height: 0.4rem;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      flex-shrink: 0;
+    }
 
     &:hover {
       opacity: 0.85;
diff --git a/src/assets/styles/components/agent-job-preview-panel.scss b/src/assets/styles/components/agent-job-preview-panel.scss
index 9f71349..6cefa8b 100644
--- a/src/assets/styles/components/agent-job-preview-panel.scss
+++ b/src/assets/styles/components/agent-job-preview-panel.scss
@@ -1,187 +1,113 @@
 @use '../variables' as *;
 
-/* Agent岗位预览面板样式 */
-.agent-job-preview-panel {
+/* Agent岗位预览抽屉 — 从浏览器右侧弹出 */
+
+/* 遮罩层 */
+.agent-job-drawer-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: var(--app-height, 100vh);
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 2000;
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* 抽屉主体 */
+.agent-job-drawer {
+  width: 6.4rem;
+  height: var(--app-height, 100vh);
+  background: $bg-white;
   display: flex;
   flex-direction: column;
-  height: 100%;
-  background: $bg-white;
-  border-radius: 0.2rem;
-  overflow: hidden;
+  font-size: 0.14rem;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
 
   /* 顶部标题栏 */
   &__header {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    padding: 0.16rem 0.2rem;
-    border-bottom: 1px solid $border-color;
+    padding: 0.2rem 0.24rem;
+    height: 0.64rem;
+    box-sizing: border-box;
   }
 
-  /* 返回按钮 */
-  &__back {
+  &__header-left {
     display: flex;
     align-items: center;
-    gap: 0.06rem;
+    gap: 0.16rem;
+  }
+
+  /* 关闭按钮 */
+  &__close {
+    width: 0.24rem;
+    height: 0.24rem;
     cursor: pointer;
-    font-size: 0.15rem;
-    font-weight: 500;
-    color: $text-dark;
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
-  &__back-icon {
-    width: 0.16rem;
-    height: 0.16rem;
-  }
-
-  /* 添加按钮 */
-  &__add-btn {
-    padding: 0.06rem 0.16rem;
-    background: $btn-dark;
-    color: $bg-white;
-    border: none;
-    border-radius: 0.06rem;
-    font-size: 0.13rem;
-    cursor: pointer;
-    transition: background 0.2s;
-
-    &:hover {
-      background: $btn-dark-hover;
-    }
-
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
-  }
-
-  /* 移出按钮 */
-  &__remove-btn {
-    padding: 0.06rem 0.16rem;
-    background: $bg-white;
+  &__close-icon {
+    width: 0.24rem;
+    height: 0.24rem;
     color: $text-middle;
-    border: 1px solid $border-color;
-    border-radius: 0.06rem;
-    font-size: 0.13rem;
-    cursor: pointer;
-    transition: background 0.2s, color 0.2s;
+  }
 
-    &:hover {
-      background: $bg-main;
-      color: $danger;
-    }
-
-    &:disabled {
-      opacity: 0.6;
-      cursor: not-allowed;
-    }
+  /* 标题文字 */
+  &__title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $text-dark;
+    line-height: 0.24rem;
   }
 
   /* 内容区域（可滚动） */
   &__body {
     flex: 1;
     overflow-y: auto;
-    padding: 0.2rem;
+    padding: 0.24rem;
   }
 
-  /* 岗位卡片 */
-  &__card {
-    background: $bg-main;
-    border-radius: 0.12rem;
-    padding: 0.2rem;
-    margin-bottom: 0.16rem;
-  }
-
-  &__card-top {
+  /* 岗位标题区域 */
+  &__job-header {
     display: flex;
     justify-content: space-between;
     align-items: flex-start;
+    gap: 0.24rem;
+    margin-bottom: 0.24rem;
   }
 
-  &__card-left {
+  &__job-info {
     flex: 1;
     min-width: 0;
   }
 
-  /* 公司行 */
-  &__company-row {
-    display: flex;
-    align-items: center;
-    gap: 0.08rem;
-    margin-bottom: 0.08rem;
-  }
-
-  &__company-icon {
-    width: 0.28rem;
-    height: 0.28rem;
-    border-radius: 0.06rem;
-    overflow: hidden;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: $bg-middle;
-    flex-shrink: 0;
-
-    img {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-    }
-
-    svg {
-      width: 0.18rem;
-      height: 0.18rem;
-      color: $text-middle;
-    }
-  }
-
-  &__company-name {
-    font-size: 0.14rem;
-    font-weight: 500;
-    color: $text-dark;
-  }
-
-  &__time {
-    font-size: 0.12rem;
-    color: $text-light;
-    margin-left: 0.06rem;
-  }
-
   /* 岗位标题 */
   &__job-title {
-    font-size: 0.17rem;
-    font-weight: 600;
+    font-size: 0.24rem;
+    font-weight: 520;
     color: $text-dark;
-    margin: 0.06rem 0 0.1rem;
+    line-height: 0.32rem;
+    margin: 0 0 0.08rem;
   }
 
   /* 元信息 */
   &__meta {
-    display: flex;
-    align-items: center;
-    gap: 0.16rem;
-    flex-wrap: wrap;
-  }
-
-  &__meta-item {
-    display: flex;
-    align-items: center;
-    gap: 0.04rem;
     font-size: 0.12rem;
     color: $text-middle;
-  }
-
-  &__meta-icon {
-    width: 0.14rem;
-    height: 0.14rem;
-    flex-shrink: 0;
+    line-height: 0.16rem;
+    font-weight: 330;
   }
 
   /* 匹配度环 */
   &__match {
     position: relative;
-    width: 0.6rem;
-    height: 0.6rem;
+    width: 0.62rem;
+    height: 0.62rem;
     flex-shrink: 0;
   }
 
@@ -195,28 +121,141 @@
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    font-size: 0.13rem;
-    font-weight: 600;
-    color: $text-dark;
+    font-size: 0.14rem;
+    font-weight: 630;
+    color: #9FD051;
   }
 
   /* 内容段落 */
   &__section {
-    margin-bottom: 0.2rem;
+    margin-bottom: 0.24rem;
   }
 
   &__section-title {
-    font-size: 0.14rem;
+    font-size: 0.18rem;
     font-weight: 600;
     color: $text-dark;
-    margin-bottom: 0.1rem;
+    line-height: 0.24rem;
+    margin-bottom: 0.16rem;
+
+    /* 加分项标题样式 */
+    &--bonus {
+      font-size: 0.14rem;
+      font-weight: 330;
+      color: $text-dark;
+      line-height: 0.19rem;
+    }
   }
 
   &__section-content {
-    font-size: 0.13rem;
+    font-size: 0.14rem;
     color: $text-middle;
-    line-height: 1.8;
+    line-height: 0.19rem;
+    font-weight: 330;
     white-space: pre-wrap;
     word-break: break-word;
   }
+
+  /* 技能标签 */
+  &__tags {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.08rem;
+    margin-bottom: 0.12rem;
+  }
+
+  &__tag {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0.04rem 0.06rem;
+    background: $bg-main;
+    border-radius: 0.04rem;
+    font-size: 0.12rem;
+    color: $text-middle;
+    line-height: 0.18rem;
+    font-weight: 330;
+  }
+
+  /* 公司概况 */
+  &__company {
+    display: flex;
+    flex-direction: column;
+    gap: 0.12rem;
+  }
+
+  &__company-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.12rem;
+  }
+
+  &__company-logo {
+    width: 0.48rem;
+    height: 0.48rem;
+    border-radius: 0.08rem;
+    overflow: hidden;
+    flex-shrink: 0;
+    background: #EDF9FA;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    svg {
+      width: 0.32rem;
+      height: 0.32rem;
+    }
+  }
+
+  &__company-info {
+    display: flex;
+    flex-direction: column;
+    gap: 0.06rem;
+  }
+
+  &__company-name {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $text-dark;
+    line-height: 0.24rem;
+  }
+
+  &__company-detail {
+    font-size: 0.14rem;
+    font-weight: 400;
+    color: $text-middle;
+    line-height: 0.19rem;
+  }
+
+  &__company-desc {
+    font-size: 0.14rem;
+    font-weight: 330;
+    color: $text-middle;
+    line-height: 0.24rem;
+  }
+}
+
+/* 抽屉动画 */
+.agent-job-drawer-enter-active,
+.agent-job-drawer-leave-active {
+  transition: opacity 0.3s ease;
+
+  .agent-job-drawer {
+    transition: transform 0.3s ease;
+  }
+}
+
+.agent-job-drawer-enter-from,
+.agent-job-drawer-leave-to {
+  opacity: 0;
+
+  .agent-job-drawer {
+    transform: translateX(100%);
+  }
 }
diff --git a/src/assets/styles/components/agent-setting-panel.scss b/src/assets/styles/components/agent-setting-panel.scss
index 272a323..914bd75 100644
--- a/src/assets/styles/components/agent-setting-panel.scss
+++ b/src/assets/styles/components/agent-setting-panel.scss
@@ -1,185 +1,394 @@
 @use '../variables' as *;
 
-// ==================== Agent设置面板样式（精简版） ====================
+// ==================== Agent设置面板样式（重新设计） ====================
 .agent-setting-panel {
-  height: 100%;
-  background: $bg-middle;
-  border-radius: 0.12rem;
+  position: relative;
+  width: 3.60rem;
+  height: var(--app-height, 100vh);
+  background: #FFFFFF;
   font-size: 0.14rem;
   overflow-y: auto;
-
-  // 隐藏滚动条
   scrollbar-width: none;
   -ms-overflow-style: none;
   &::-webkit-scrollbar { display: none; }
 
-  // 内容区域
-  &__body {
-    padding: 0.28rem 0.24rem;
+  // 头部标题区
+  &__header {
+    padding: 0.24rem 0.24rem 0;
   }
 
-  // 每个设置区块
+  &__title {
+    font-size: 0.20rem;
+    font-weight: 630;
+    line-height: 0.27rem;
+    color: #1A1A1A;
+  }
+
+  &__subtitle {
+    margin-top: 0.04rem;
+    font-size: 0.14rem;
+    font-weight: 330;
+    line-height: 0.19rem;
+    color: #6B7280;
+  }
+
+  // 分隔线
+  &__divider {
+    width: 3.12rem;
+    height: 1px;
+    margin: 0.24rem auto;
+    background: #F0F0F0;
+  }
+
+  // 通用区块
   &__section {
-    margin-bottom: 0.28rem;
-
-    &:last-child {
-      margin-bottom: 0;
-    }
+    padding: 0 0.24rem;
+    margin-bottom: 0.08rem;
   }
 
-  // 区块头部（标题 + 编辑按钮）
+  // 区块头部
   &__section-header {
     display: flex;
     align-items: center;
-    gap: 0.1rem;
-    margin-bottom: 0.12rem;
+    justify-content: space-between;
+    margin-bottom: 0.08rem;
   }
 
   // 区块标题
   &__section-title {
     font-size: 0.16rem;
-    font-weight: 700;
-    color: $text-dark;
+    font-weight: 520;
+    line-height: 0.21rem;
+    color: #1A1A1A;
   }
 
   // 编辑按钮
   &__edit-btn {
-    font-size: 0.13rem;
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    font-size: 0.14rem;
+    font-weight: 450;
     color: $accent;
     cursor: pointer;
-    white-space: nowrap;
+
+    svg {
+      width: 0.14rem;
+      height: 0.14rem;
+    }
 
     &:hover {
       opacity: 0.7;
     }
   }
 
-  // 个人资料信息
-  &__profile-info {
-    padding-left: 0.02rem;
-  }
-
-  &__profile-name {
-    font-size: 0.18rem;
-    font-weight: 600;
-    color: $text-dark;
-    margin-bottom: 0.04rem;
-  }
-
-  &__profile-sub {
-    font-size: 0.13rem;
+  // 个人信息文字
+  &__info-text {
+    font-size: 0.14rem;
+    font-weight: 330;
+    line-height: 0.19rem;
     color: $text-middle;
   }
 
-  // 求职目标标签
-  &__goal-tags {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.08rem;
+  // 求职偏好内容
+  &__goal-content {
+    font-size: 0.14rem;
+    font-weight: 330;
+    line-height: 0.24rem;
+    color: $text-middle;
+
+    p {
+      margin: 0;
+    }
   }
 
-  &__goal-tag {
-    padding: 0.06rem 0.14rem;
-    border: 1px solid $accent;
-    border-radius: 0.16rem;
-    font-size: 0.13rem;
-    color: $accent;
-    background: transparent;
-  }
-
-  // 空状态文字
+  // 空状态
   &__empty-text {
-    font-size: 0.13rem;
+    font-size: 0.14rem;
     color: $text-light;
   }
 
-  // 简历选择下拉
-  &__resume-select {
-    width: 100%;
-    margin-top: 0.06rem;
-
-    .el-input__wrapper {
-      border-radius: 0.08rem;
-    }
-  }
-
-  // 投递偏好项
-  &__pref-item {
+  // 简历下拉
+  &__resume-dropdown {
     display: flex;
-    align-items: flex-start;
+    align-items: center;
     justify-content: space-between;
-    padding: 0.12rem 0;
+    padding: 0.08rem 0.12rem;
+    margin-top: 0.08rem;
+    background: #F3F4F6;
+    border-radius: 0.08rem;
+    cursor: pointer;
+  }
 
-    & + & {
-      border-top: none;
+  &__resume-name {
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
+  }
+
+  &__resume-arrow {
+    width: 0.14rem;
+    height: 0.14rem;
+    transition: transform 0.2s;
+
+    &--open {
+      transform: rotate(180deg);
     }
   }
 
-  &__pref-left {
-    display: flex;
-    align-items: flex-start;
-    gap: 0.1rem;
-    flex: 1;
-    min-width: 0;
+  &__resume-options {
+    margin-top: 0.04rem;
+    background: #FFFFFF;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.06);
+    overflow: hidden;
   }
 
-  // 勾选图标
-  &__pref-check {
-    width: 0.2rem;
-    height: 0.2rem;
-    flex-shrink: 0;
-    color: $text-light;
-    margin-top: 0.02rem;
+  &__resume-option {
+    padding: 0.08rem 0.12rem;
+    font-size: 0.14rem;
+    color: $text-dark;
+    cursor: pointer;
 
-    svg {
-      width: 100%;
-      height: 100%;
+    &:hover {
+      background: #F6FCFC;
     }
 
     &--active {
-      color: $text-dark;
+      color: $accent;
+      background: #F6FCFC;
     }
   }
 
-  // 偏好文字
-  &__pref-text {
+  // 开关项
+  &__switch-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.16rem 0;
+  }
+
+  &__switch-text {
     display: flex;
     flex-direction: column;
-    gap: 0.03rem;
+    gap: 0.04rem;
   }
 
-  &__pref-label {
+  &__switch-label {
     font-size: 0.14rem;
-    font-weight: 500;
-    color: $text-dark;
+    font-weight: 450;
+    line-height: 0.19rem;
+    color: #1A1A1A;
   }
 
-  &__pref-desc {
+  &__switch-desc {
     font-size: 0.12rem;
-    color: $text-light;
-    line-height: 1.4;
+    font-weight: 330;
+    line-height: 0.16rem;
+    color: $text-middle;
   }
 
-  // 浏览器按钮
+  // 自定义开关
+  &__toggle {
+    position: relative;
+    width: 0.42rem;
+    height: 0.24rem;
+    background: #F3F4F6;
+    border-radius: 0.12rem;
+    cursor: pointer;
+    transition: background 0.2s;
+    flex-shrink: 0;
+
+    &--on {
+      background: $accent;
+
+      .agent-setting-panel__toggle-dot {
+        left: 0.20rem;
+      }
+    }
+  }
+
+  &__toggle-dot {
+    position: absolute;
+    width: 0.18rem;
+    height: 0.18rem;
+    left: 0.04rem;
+    top: 0.03rem;
+    background: #FFFFFF;
+    border-radius: 50%;
+    transition: left 0.2s;
+  }
+
+  // 浏览器插件按钮
   &__browser-btns {
     display: flex;
-    gap: 0.1rem;
-    margin-top: 0.08rem;
+    gap: 0.16rem;
+    margin-top: 0.12rem;
   }
 
   &__browser-btn {
-    padding: 0.08rem 0.2rem;
-    background: $bg-white;
-    border: 1px solid $border-color;
-    border-radius: 0.2rem;
-    font-size: 0.13rem;
-    color: $text-dark;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    padding: 0.12rem 0.16rem;
+    background: #FFFFFF;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
     cursor: pointer;
-    transition: all 0.2s ease;
+    transition: border-color 0.2s;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+    }
 
     &:hover {
       border-color: $accent;
-      color: $accent;
+    }
+
+    &--active {
+      border-color: $accent;
+    }
+  }
+
+
+  // ==================== 编辑弹窗 ====================
+  &__edit-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.3);
+    z-index: 2000;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+    padding-top: 1.20rem;
+    padding-right: 0.30rem;
+  }
+
+  &__edit-dialog {
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 0.24rem 0.32rem;
+    gap: 0.24rem;
+    width: 4.80rem;
+    background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 20.63%);
+    border: 1px solid #F0F0F0;
+    box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.05);
+    border-radius: 0.12rem;
+    font-size: 0.14rem;
+  }
+
+  &__edit-dialog-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+  }
+
+  &__edit-dialog-title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    line-height: 0.24rem;
+    color: #1A1A1A;
+  }
+
+  &__edit-dialog-close {
+    width: 0.24rem;
+    height: 0.24rem;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.6;
+    }
+  }
+
+  &__edit-dialog-body {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 0.16rem;
+  }
+
+  &__edit-row {
+    display: flex;
+    gap: 0.08rem;
+  }
+
+  &__edit-field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.08rem;
+    flex: 1;
+
+    &--full {
+      width: 100%;
+    }
+  }
+
+  &__edit-label {
+    font-size: 0.14rem;
+    font-weight: 330;
+    line-height: 0.19rem;
+    color: $text-middle;
+  }
+
+  &__edit-input {
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0.08rem 0.16rem;
+    background: #FFFFFF;
+    border: 1px solid #AEE6EA;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 330;
+    line-height: 0.19rem;
+    color: #1A1A1A;
+    outline: none;
+    transition: border-color 0.2s;
+
+    &:focus {
+      border-color: $accent;
+    }
+
+    &::placeholder {
+      color: $text-light;
+    }
+  }
+
+  &__edit-city {
+    width: 100%;
+  }
+
+  &__edit-dialog-save {
+    width: 100%;
+    padding: 0.12rem 0.16rem;
+    background: $accent;
+    border: none;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    line-height: 0.19rem;
+    color: #FFFFFF;
+    cursor: pointer;
+    transition: opacity 0.2s;
+
+    &:hover {
+      opacity: 0.85;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
     }
   }
 }
diff --git a/src/assets/styles/components/agent-task-list-dropdown.scss b/src/assets/styles/components/agent-task-list-dropdown.scss
new file mode 100644
index 0000000..db2ec02
--- /dev/null
+++ b/src/assets/styles/components/agent-task-list-dropdown.scss
@@ -0,0 +1,220 @@
+@use '../variables' as *;
+
+/* 投递任务抽屉 — 从浏览器右侧弹出 */
+
+/* 遮罩层 */
+.agent-task-drawer-mask {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: var(--app-height, 100vh);
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 2000;
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* 抽屉主体 */
+.agent-task-drawer {
+  width: 6.4rem;
+  height: var(--app-height, 100vh);
+  background: $bg-white;
+  display: flex;
+  flex-direction: column;
+  font-size: 0.14rem;
+  box-shadow: -4px 0 20px rgba(0, 0, 0, 0.08);
+
+  /* 顶部标题栏 */
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.2rem 0.24rem;
+    height: 0.64rem;
+    box-sizing: border-box;
+  }
+
+  &__header-left {
+    display: flex;
+    align-items: center;
+    gap: 0.16rem;
+  }
+
+  /* 关闭按钮 */
+  &__close {
+    width: 0.24rem;
+    height: 0.24rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &__close-icon {
+    width: 0.24rem;
+    height: 0.24rem;
+    color: $text-middle;
+  }
+
+  /* 标题文字 */
+  &__title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $text-dark;
+    line-height: 0.24rem;
+  }
+
+  /* Tab 切换按钮区域 */
+  &__tabs {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.16rem;
+    padding: 0 0.24rem 0.2rem;
+  }
+
+  &__tab {
+    display: flex;
+    align-items: center;
+    padding: 0.08rem 0.12rem;
+    gap: 0.04rem;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    line-height: 0.19rem;
+    cursor: pointer;
+    border: 1px solid #F0F0F0;
+    background: $bg-white;
+    color: $text-middle;
+    transition: all 0.2s;
+
+    &--active {
+      background: $accent;
+      color: $bg-white;
+      border-color: $accent;
+    }
+  }
+
+  /* 列表内容区域 */
+  &__body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 0.24rem 0.2rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.16rem;
+  }
+
+  /* 空状态 */
+  &__empty {
+    text-align: center;
+    color: $text-light;
+    font-size: 0.14rem;
+    padding: 0.4rem 0;
+  }
+
+  /* 岗位卡片 */
+  &__card {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.16rem 0.2rem;
+    background: $bg-white;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    box-sizing: border-box;
+  }
+
+  &__card-info {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 0.12rem;
+  }
+
+  /* 岗位标题 */
+  &__card-title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $text-dark;
+    line-height: 0.27rem;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* 公司信息行 */
+  &__card-company {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+    font-size: 0.18rem;
+    font-weight: 330;
+    color: $text-dark;
+    line-height: 0.27rem;
+  }
+
+  &__card-logo {
+    width: 0.24rem;
+    height: 0.24rem;
+    border-radius: 0.04rem;
+    object-fit: cover;
+    flex-shrink: 0;
+  }
+
+  &__card-logo-placeholder {
+    width: 0.24rem;
+    height: 0.24rem;
+    color: $text-light;
+    flex-shrink: 0;
+  }
+
+  /* 移出任务按钮 */
+  &__remove-btn {
+    display: flex;
+    align-items: center;
+    padding: 0.08rem 0.12rem;
+    gap: 0.04rem;
+    border: 1px solid $accent;
+    border-radius: 0.08rem;
+    background: $bg-white;
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $accent;
+    line-height: 0.19rem;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: all 0.2s;
+    flex-shrink: 0;
+
+    &:hover {
+      background: $accent;
+      color: $bg-white;
+    }
+
+    &:disabled {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+}
+
+/* 抽屉动画 */
+.agent-task-drawer-enter-active,
+.agent-task-drawer-leave-active {
+  transition: opacity 0.3s ease;
+
+  .agent-task-drawer {
+    transition: transform 0.3s ease;
+  }
+}
+
+.agent-task-drawer-enter-from,
+.agent-task-drawer-leave-to {
+  opacity: 0;
+
+  .agent-task-drawer {
+    transform: translateX(100%);
+  }
+}
diff --git a/src/assets/styles/components/ai-chat.scss b/src/assets/styles/components/ai-chat.scss
index 0e8a06e..faa874d 100644
--- a/src/assets/styles/components/ai-chat.scss
+++ b/src/assets/styles/components/ai-chat.scss
@@ -42,7 +42,7 @@
 
   &__name {
     font-size: 0.15rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.22rem;
     color: $text-dark;
   }
@@ -99,7 +99,7 @@
 
   &__welcome-title {
     font-size: 0.14rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.16rem;
     color: $text-dark;
   }
@@ -299,7 +299,7 @@
 
   &__topics-title {
     font-size: 0.14rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.19rem;
     color: #52CAD1;
   }
diff --git a/src/assets/styles/components/job-goal-dialog.scss b/src/assets/styles/components/job-goal-dialog.scss
index 1350d46..86b8f4e 100644
--- a/src/assets/styles/components/job-goal-dialog.scss
+++ b/src/assets/styles/components/job-goal-dialog.scss
@@ -1,145 +1,125 @@
 @use '../variables' as *;
 
+// ==================== 求职偏好弹窗样式（重新设计） ====================
+
+// 遮罩层 — 右上角定位
+.job-goal-dialog__overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.3);
+  z-index: 2000;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-end;
+  padding-top: 1.20rem;
+  padding-right: 0.30rem;
+}
+
 .job-goal-dialog {
-  .el-dialog__header {
-    display: none;
-  }
-
-  .el-dialog__body {
-    padding: 0;
-  }
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  padding: 0.24rem 0.32rem;
+  gap: 0.24rem;
+  width: 4.80rem;
+  background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 20.63%);
+  border: 1px solid #F0F0F0;
+  box-shadow: 0 0 0.16rem rgba(0, 0, 0, 0.05);
+  border-radius: 0.12rem;
+  font-size: 0.14rem;
 
+  // 头部
   &__header {
     display: flex;
     align-items: center;
-    gap: 0.12rem;
-    padding: 0.2rem 0.24rem 0.16rem;
-  }
-
-  &__close-btn {
-    background: none;
-    border: none;
-    cursor: pointer;
-    color: $text-dark;
-    font-size: 0.16rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.04rem;
-    border-radius: 0.04rem;
-    transition: background 0.2s;
-
-    &:hover {
-      background: $bg-main;
-    }
+    justify-content: space-between;
+    width: 100%;
   }
 
   &__title {
-    font-size: 0.16rem;
-    font-weight: 700;
-    color: $text-dark;
+    font-size: 0.18rem;
+    font-weight: 520;
+    line-height: 0.24rem;
+    color: #1A1A1A;
   }
 
+  &__close-btn {
+    width: 0.24rem;
+    height: 0.24rem;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.6;
+    }
+  }
+
+  // 表单区块
   &__section {
-    padding: 0.12rem 0.24rem;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 0.08rem;
   }
 
   &__label {
     font-size: 0.14rem;
-    font-weight: 600;
-    color: $text-dark;
-    margin-bottom: 0.12rem;
-  }
-
-  &__tags {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0.08rem;
-    margin-bottom: 0.1rem;
-  }
-
-  &__tag {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.06rem;
-    background: $bg-main;
-    border: 1px solid $border-color;
-    border-radius: 0.16rem;
-    padding: 0.05rem 0.12rem;
-    font-size: 0.13rem;
-    color: $text-dark;
-  }
-
-  &__tag-close {
-    cursor: pointer;
-    font-size: 0.12rem;
-    color: $text-light;
-    transition: color 0.2s;
-
-    &:hover {
-      color: $danger;
-    }
-  }
-
-  &__select {
-    width: 100%;
-
-    .el-select__wrapper {
-      background: $bg-main;
-      border-radius: 0.08rem;
-      box-shadow: none;
-      border: 1px solid $border-color;
-    }
+    font-weight: 330;
+    line-height: 0.19rem;
+    color: $text-middle;
   }
 
+  // 招聘类型按钮组
   &__type-group {
     display: flex;
-    gap: 0.12rem;
+    gap: 0.10rem;
   }
 
   &__type-btn {
-    flex: 1;
-    padding: 0.1rem 0;
-    border: 1px solid $border-color;
-    border-radius: 0.2rem;
-    background: $bg-white;
-    color: $text-dark;
-    font-size: 0.13rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.08rem 0.16rem;
+    width: 0.96rem;
+    height: 0.35rem;
+    background: #F3F4F6;
+    border: none;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 330;
+    color: #1A1A1A;
     cursor: pointer;
     transition: all 0.2s;
 
     &:hover {
-      border-color: $text-light;
+      opacity: 0.8;
     }
 
     &--active {
-      background: $btn-dark;
-      border-color: $btn-dark;
-      color: $bg-white;
-      font-weight: 500;
+      background: $accent;
+      color: #FFFFFF;
     }
   }
 
-  &__footer {
-    padding: 0.3rem 0.24rem 0.24rem;
-    display: flex;
-    justify-content: center;
-  }
-
+  // 保存按钮
   &__save-btn {
     width: 100%;
-    padding: 0.12rem 0;
+    padding: 0.12rem 0.16rem;
     background: $accent;
-    color: $bg-white;
     border: none;
-    border-radius: 0.24rem;
-    font-size: 0.16rem;
-    font-weight: 600;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    line-height: 0.19rem;
+    color: #FFFFFF;
     cursor: pointer;
-    transition: background 0.2s;
+    transition: opacity 0.2s;
 
     &:hover {
-      background: $accent-hover;
+      opacity: 0.85;
     }
   }
 }
diff --git a/src/assets/styles/components/job-resume-custom-dialog.scss b/src/assets/styles/components/job-resume-custom-dialog.scss
index fcbe174..8fe142a 100644
--- a/src/assets/styles/components/job-resume-custom-dialog.scss
+++ b/src/assets/styles/components/job-resume-custom-dialog.scss
@@ -524,7 +524,7 @@
 
   &__gap-item-title {
     font-size: 0.14rem;
-    font-weight: 520;
+    font-weight: 620;
     color: $text-dark;
     line-height: 0.19rem;
     margin-bottom: 0.04rem;
diff --git a/src/assets/styles/components/member-dialog.scss b/src/assets/styles/components/member-dialog.scss
index 01ed778..737674d 100644
--- a/src/assets/styles/components/member-dialog.scss
+++ b/src/assets/styles/components/member-dialog.scss
@@ -58,7 +58,7 @@
   }
 
   &__title {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.18rem;
     line-height: 0.24rem;
     color: $text-dark;
@@ -196,7 +196,7 @@
     font-size: 0.1rem;
     padding: 0.02rem 0.08rem;
     border-radius: 0.08rem;
-    font-weight: 520;
+    font-weight: 620;
   }
 
   &__plan-name {
@@ -360,7 +360,7 @@
   }
 
   &__payment-text {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.12rem;
     line-height: 0.18rem;
 
diff --git a/src/assets/styles/components/mentor-aside-panel.scss b/src/assets/styles/components/mentor-aside-panel.scss
index efc915c..b45b8d4 100644
--- a/src/assets/styles/components/mentor-aside-panel.scss
+++ b/src/assets/styles/components/mentor-aside-panel.scss
@@ -69,7 +69,7 @@
   }
 
   &__stat-num {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.24rem;
     line-height: 0.32rem;
     background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
@@ -107,7 +107,7 @@
   }
 
   &__section-text {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.16rem;
     line-height: 0.21rem;
     background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
@@ -159,7 +159,7 @@
   }
 
   &__reason-title {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.14rem;
     line-height: 0.19rem;
     color: $text-dark;
@@ -195,7 +195,7 @@
   }
 
   &__direction-name {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.14rem;
     line-height: 0.19rem;
     color: $text-dark;
@@ -234,7 +234,7 @@
     background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
     border-radius: 0.12rem;
     border: none;
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.14rem;
     line-height: 0.19rem;
     color: $bg-white;
@@ -383,7 +383,7 @@
   }
 
   &__title {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.18rem;
     line-height: 0.24rem;
     color: #1A1A1A;
diff --git a/src/assets/styles/components/settings-dialog.scss b/src/assets/styles/components/settings-dialog.scss
index 61f1aaa..5a83ce5 100644
--- a/src/assets/styles/components/settings-dialog.scss
+++ b/src/assets/styles/components/settings-dialog.scss
@@ -218,7 +218,7 @@
 
   &__mcard-title {
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     color: #FFFFFF;
     line-height: 0.24rem;
 
@@ -242,7 +242,7 @@
 
   &__mcard-remain-days {
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     color: #FFFFFF;
     line-height: 0.24rem;
   }
@@ -328,7 +328,7 @@
 
   &__feedback-label {
     font-size: 0.14rem;
-    font-weight: 520;
+    font-weight: 620;
     color: #1A1A1A;
     line-height: 0.19rem;
   }
diff --git a/src/assets/styles/components/settings-invite-dialog.scss b/src/assets/styles/components/settings-invite-dialog.scss
index 4df7906..64d7fd1 100644
--- a/src/assets/styles/components/settings-invite-dialog.scss
+++ b/src/assets/styles/components/settings-invite-dialog.scss
@@ -44,7 +44,7 @@
 
   &__title {
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.24rem;
     color: $text-dark;
     margin: 0;
@@ -217,7 +217,7 @@
 
     span {
       font-size: 0.14rem;
-      font-weight: 520;
+      font-weight: 620;
       line-height: 0.19rem;
       text-align: center;
       color: #FFFFFF;
diff --git a/src/assets/styles/components/side-nav.scss b/src/assets/styles/components/side-nav.scss
index de358de..7cf2073 100644
--- a/src/assets/styles/components/side-nav.scss
+++ b/src/assets/styles/components/side-nav.scss
@@ -112,7 +112,7 @@
     border-radius: 0.04rem;
     font-family: 'MiSans';
     font-style: normal;
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.10rem;
     line-height: 0.13rem;
     text-align: center;
@@ -212,7 +212,7 @@
   flex-shrink: 0;
 
   span:first-child {
-    font-weight: 520;
+    font-weight: 620;
     font-size: 0.18rem;
     line-height: 0.24rem;
     color: $text-dark;
@@ -284,7 +284,7 @@
 }
 
 .side-nav__message-list-title {
-  font-weight: 520;
+  font-weight: 620;
   font-size: 0.14rem;
   line-height: 0.19rem;
   color: $text-dark;
@@ -524,7 +524,7 @@
 
 .side-nav__referral-value {
   font-size: 0.10rem;
-  font-weight: 520;
+  font-weight: 620;
   color: #52CAD1;
   line-height: 0.13rem;
 }
@@ -564,7 +564,7 @@
 
 .side-nav__referral-action {
   font-size: 0.11rem;
-  font-weight: 520;
+  font-weight: 620;
   color: #52CAD1;
   line-height: 0.15rem;
   text-align: center;
@@ -616,7 +616,7 @@
   padding: 0.02rem 0.04rem;
   border-radius: 0.04rem;
   font-size: 0.10rem;
-  font-weight: 520;
+  font-weight: 620;
   line-height: 0.13rem;
   width: fit-content;
 
diff --git a/src/assets/styles/components/step-progress-overlay.scss b/src/assets/styles/components/step-progress-overlay.scss
index 44b174b..38f4aac 100644
--- a/src/assets/styles/components/step-progress-overlay.scss
+++ b/src/assets/styles/components/step-progress-overlay.scss
@@ -49,7 +49,7 @@
 }
 
 .step-progress-overlay__title {
-  font-weight: 520;
+  font-weight: 620;
   font-size: 0.18rem;
   line-height: 0.24rem;
   color: $text-dark;
diff --git a/src/assets/styles/pages/agent.scss b/src/assets/styles/pages/agent.scss
index 61b200f..29d0688 100644
--- a/src/assets/styles/pages/agent.scss
+++ b/src/assets/styles/pages/agent.scss
@@ -10,7 +10,6 @@
   &__content {
     margin-left: 2rem;
     flex: 1;
-    padding: 0.3rem 0.4rem;
     overflow-y: auto;
     height: var(--app-height, 100vh);
     box-sizing: border-box;
@@ -36,32 +35,30 @@
     transition: all 0.25s ease;
     user-select: none;
 
-    // 激活态 — 品牌色背景白色文字
+    // 激活态 — 仅数字圆形变主题色，文字变深色
     &--active {
-      background: $btn-dark;
-
       .agent-page__step-number {
-        background: $bg-white;
-        color: $btn-dark;
+        background: $accent;
+        color: $bg-white;
       }
 
       .agent-page__step-label {
-        color: $bg-white;
+        color: $text-dark;
       }
     }
   }
 
   // 步骤序号圆圈
   &__step-number {
-    width: 0.22rem;
-    height: 0.22rem;
+    width: 0.32rem;
+    height: 0.32rem;
     border-radius: 50%;
-    background: $text-light;
-    color: $bg-white;
+    background: $bg-main;
+    color: $text-middle;
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 0.12rem;
+    font-size: 0.14rem;
     font-weight: 600;
     flex-shrink: 0;
     line-height: 1;
@@ -70,34 +67,31 @@
 
   // 步骤文字标签
   &__step-label {
-    font-size: 0.13rem;
-    color: $text-light;
+    font-size: 0.14rem;
+    color: $text-middle;
     white-space: nowrap;
+    font-weight: 600;
     transition: all 0.25s ease;
   }
 
-  // 步骤间分隔箭头
-  &__step-arrow {
-    display: flex;
-    align-items: center;
-    color: $text-light;
-
-    svg {
-      width: 0.14rem;
-      height: 0.14rem;
-    }
+  // 步骤间分隔横线
+  &__step-line {
+    display: block;
+    width: 0.93rem;
+    height: 0.02rem;
+    background: #E5E7EB;
   }
 
   // ==================== 主体内容区域 — 左右两栏 ====================
   &__main {
     display: flex;
     gap: 0.24rem;
-    align-items: flex-start;
+    align-items: stretch;
   }
 
   // 左侧说明引导区域
   &__left {
-    width: 3.0rem;
+    width: 3.2rem;
     flex-shrink: 0;
   }
 
@@ -105,13 +99,82 @@
   &__right {
     flex: 1;
     min-width: 0;
+    border: 0.01rem solid #F0F0F0;
+    border-radius: 0.12rem;
   }
 
   // ==================== 左侧引导卡片 ====================
   &__intro-card {
     background: $bg-white;
     border-radius: 0.12rem;
-    padding: 0.38rem;
+    padding: 0.24rem 0.32rem;
+    border: 0.01rem solid #5DCDC4;
+
+    // 渐变背景变体 — 淡绿渐变底色
+    &--gradient {
+      background: linear-gradient(128.17deg, rgba(82, 202, 209, 0.05) 0%, rgba(130, 215, 155, 0.05) 100%);
+      box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
+    }
+  }
+
+  // Nova 头像行
+  &__intro-avatar-row {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+    margin-bottom: 0.16rem;
+  }
+
+  &__intro-avatar-img {
+    width: 0.32rem;
+    height: 0.32rem;
+    border-radius: 50%;
+    object-fit: cover;
+  }
+
+  &__intro-avatar-name {
+    font-size: 0.18rem;
+    font-weight: 620;
+    color: $accent;
+  }
+
+  // 渐变按钮 — 宽度撑满
+  &__intro-gradient-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 0.43rem;
+    background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+    border-radius: 0.12rem;
+    border: none;
+    font-size: 0.14rem;
+    font-weight: 620;
+    color: $bg-white;
+    cursor: pointer;
+    transition: opacity 0.25s ease;
+    margin-top: 0.16rem;
+
+    &:hover { opacity: 0.9; }
+    &:active { transform: scale(0.98); }
+  }
+
+  // 上一步按钮 — 文字按钮
+  &__intro-back-btn {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 0.38rem;
+    background: transparent;
+    border: none;
+    font-size: 0.13rem;
+    color: $text-middle;
+    cursor: pointer;
+    margin-top: 0.08rem;
+    transition: color 0.2s ease;
+
+    &:hover { color: $text-dark; }
   }
 
   // 卡片头部：图标 + 标题
@@ -138,19 +201,19 @@
 
   // 引导标题
   &__intro-title {
-    font-size: 0.16rem;
-    font-weight: 700;
+    font-size: 0.18rem;
+    font-weight: 620;
     color: $text-dark;
     line-height: 1.5;
-    margin: 0;
+    margin: 0 0 0.08rem;
   }
 
   // 说明描述文字
   &__intro-desc {
-    font-size: 0.13rem;
-    color: $text-light;
+    font-size: 0.14rem;
+    color: $text-middle;
     line-height: 1.7;
-    margin-bottom: 0.28rem;
+    margin-bottom: 0.16rem;
   }
 
   // 导入个人资料行
@@ -591,6 +654,159 @@
     &:active { transform: scale(0.98); }
   }
 
+  // ==================== 第2步：新版面板样式 ====================
+  &__step2-panel {
+    display: flex;
+    flex-direction: column;
+    gap: 0.32rem;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.12rem;
+    padding: 0.36rem 0.32rem;
+    height: 100%;
+    box-sizing: border-box;
+  }
+
+  // 第2步分区块
+  &__step2-section {
+    flex: 1;
+  }
+
+  // 第2步分区标题
+  &__step2-section-title {
+    font-size: 0.18rem;
+    font-weight: 620;
+    color: $text-dark;
+    margin-bottom: 0.16rem;
+  }
+
+  // 第2步功能说明区域 — 全宽
+  &__step2-faq {
+    width: 100%;
+    background: $bg-white;
+    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
+    border-radius: 0.12rem;
+    padding: 0.24rem 0.32rem;
+  }
+
+  &__step2-faq-title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $accent;
+    margin-bottom: 0.13rem;
+  }
+
+  &__step2-faq-item {
+    border: 1px solid #F0F0F0;
+    border-radius: 0.12rem;
+    padding: 0.16rem 0.2rem;
+    margin-bottom: 0.13rem;
+
+    &:last-child { margin-bottom: 0; }
+  }
+
+  &__step2-faq-item-title {
+    font-size: 0.14rem;
+    font-weight: 520;
+    color: $text-dark;
+    margin-bottom: 0.08rem;
+  }
+
+  &__step2-faq-item-desc {
+    font-size: 0.14rem;
+    font-weight: 330;
+    color: $text-middle;
+  }
+
+  // 第2步筛选器行
+  &__step2-filters {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.16rem;
+    align-items: center;
+  }
+
+  // 第2步简历选择下拉
+  &__step2-resume-select {
+    width: 1.6rem;
+
+    .el-input__wrapper {
+      background: $bg-main;
+      border-radius: 0.12rem;
+      box-shadow: none !important;
+      padding: 0.12rem 0.16rem;
+    }
+  }
+
+  // 第2步自定义简历下拉
+  &__step2-resume-dropdown {
+    position: relative;
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0.12rem 0.16rem;
+    min-width: 1.6rem;
+    height: 0.43rem;
+    background: #F3F4F6;
+    border-radius: 0.12rem;
+    cursor: pointer;
+    box-sizing: border-box;
+    user-select: none;
+    transition: border-color 0.2s ease;
+    width: 1.6rem;
+
+    &:hover { border-color: darken($border-color, 10%); }
+  }
+
+  &__step2-resume-dropdown-text {
+    font-size: 0.14rem;
+    color: $text-dark;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 1.4rem;
+  }
+
+  &__step2-resume-dropdown-arrow {
+    width: 0.12rem;
+    height: 0.12rem;
+    color: $text-middle;
+    flex-shrink: 0;
+    margin-left: 0.16rem;
+  }
+
+  &__step2-resume-menu {
+    position: absolute;
+    top: calc(100% + 0.04rem);
+    left: 0;
+    min-width: 100%;
+    background: $bg-white;
+    border: 1px solid $border-color;
+    border-radius: 0.08rem;
+    box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.1);
+    z-index: 10;
+    padding: 0.04rem 0;
+    width: 1.6rem;
+  }
+
+  &__step2-resume-menu-item {
+    padding: 0.08rem 0.14rem;
+    font-size: 0.13rem;
+    color: $text-dark;
+    cursor: pointer;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    transition: background 0.15s ease;
+    width: 100%;
+
+    &:hover { background: $bg-main; }
+
+    &--active {
+      color: $accent;
+      font-weight: 500;
+    }
+  }
+
   // ==================== 第2步新增：求职偏好区域 ====================
   &__pref-section {
     background: $bg-white;
@@ -634,24 +850,24 @@
   // 招聘分类下拉选择
   &__pref-type-dropdown {
     position: relative;
-    padding: 0.1rem 0.28rem;
-    background: #F5FAF9;
-    border-radius: 0.24rem;
+    padding: 0.12rem 0.16rem;
+    background: $bg-main;
+    border-radius: 0.12rem;
     font-size: 0.14rem;
-    color: $text-dark;
-    border: 1px solid $border-color;
+    color: $text-middle;
+    border: none;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
-    gap: 0.04rem;
+    gap: 0.16rem;
     min-width: 0.9rem;
-    height: 0.38rem;
+    height: 0.43rem;
     box-sizing: border-box;
     user-select: none;
-    transition: border-color 0.2s ease;
+    transition: background 0.2s ease;
 
-    &:hover { border-color: $accent; }
+    &:hover { background: darken(#F3F4F6, 3%); }
   }
 
   &__pref-type-arrow {
@@ -753,145 +969,177 @@
 
   // 安装教程整体容器
   &__install-guide {
-    background: $bg-white;
+    display: flex;
+    flex-direction: column;
+    gap: 0.16rem;
+    padding: 0.24rem;
+  }
+
+  // 单个步骤卡片
+  &__install-card {
+    border: 1px solid #F0F0F0;
     border-radius: 0.12rem;
-    padding: 0.28rem;
-    border: 1px solid $border-color;
+    padding: 0.16rem 0.2rem;
   }
 
-  // 安装教程标题
-  &__install-guide-title {
-    font-size: 0.18rem;
-    font-weight: 700;
-    color: $text-dark;
-    margin-bottom: 0.28rem;
-  }
-
-  // 每个安装步骤
-  &__install-step {
-    margin-bottom: 0.3rem;
-
-    &:last-child { margin-bottom: 0; }
-  }
-
-  // 步骤文字说明
-  &__install-step-text {
-    font-size: 0.14rem;
-    font-weight: 600;
-    color: $text-dark;
-    margin-bottom: 0.16rem;
-    line-height: 1.5;
-  }
-
-  // 下载按钮
-  &__install-download-btn {
-    display: inline-flex;
+  // 卡片内部行布局 — 左右分栏
+  &__install-card-row {
+    display: flex;
+    justify-content: space-between;
     align-items: center;
-    gap: 0.08rem;
-    padding: 0.08rem 0.2rem;
-    background: rgba($accent, 0.1);
-    border: none;
-    border-radius: 0.2rem;
-    color: $accent;
-    font-size: 0.13rem;
-    cursor: pointer;
-    transition: all 0.2s ease;
+    gap: 0.24rem;
+    flex-wrap: wrap;
+  }
 
-    &:hover { background: rgba($accent, 0.2); }
+  // 左侧内容区
+  &__install-card-left {
+    flex: 1;
+    min-width: 0;
+  }
+
+  // 左侧头部（序号 + 标题描述）
+  &__install-card-header {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.12rem;
+  }
+
+  // 步骤序号徽标
+  &__install-card-num {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 0.32rem;
+    height: 0.32rem;
+    background: #EDF9FA;
+    border-radius: 0.08rem;
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $accent;
+    flex-shrink: 0;
+    line-height: 1;
+  }
+
+  // 标题+描述容器
+  &__install-card-info {
+    flex: 1;
+    min-width: 0;
+  }
+
+  // 步骤标题
+  &__install-card-title {
+    font-size: 0.18rem;
+    font-weight: 520;
+    color: $text-dark;
+    margin: 0 0 0.04rem;
+    line-height: 0.24rem;
+  }
+
+  // 步骤描述
+  &__install-card-desc {
+    font-size: 0.14rem;
+    font-weight: 330;
+    color: $text-middle;
+    margin: 0;
+    line-height: 0.19rem;
+  }
+
+  // 右侧区域
+  &__install-card-right {
+    flex-shrink: 0;
+    width: 3.52rem;
+  }
+
+  // 右侧说明图片
+  &__install-card-img {
+    width: 100%;
+    height: auto;
+    display: block;
+    border-radius: 0.05rem;
+  }
+
+  // 步骤1：下载区域
+  &__install-download-box {
+    display: flex;
+    align-items: center;
+    padding: 0.04rem 0.04rem 0.04rem 0.16rem;
+    gap: 0.16rem;
+    background: $bg-main;
+    border-radius: 0.12rem;
+    height: 0.44rem;
+    box-sizing: border-box;
+  }
+
+  &__install-download-name {
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-dark;
+    white-space: nowrap;
+  }
+
+  &__install-download-btn2 {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    padding: 0.08rem 0.12rem;
+    background: $accent;
+    border: none;
+    border-radius: 0.08rem;
+    color: $bg-white;
+    font-size: 0.14rem;
+    font-weight: 520;
+    cursor: pointer;
+    transition: opacity 0.2s ease;
+    white-space: nowrap;
+
+    &:hover { opacity: 0.85; }
 
     svg { flex-shrink: 0; }
   }
 
-  // 步骤2的内容区（图片+浏览器链接并排）
-  &__install-step-content {
+  // 步骤2：浏览器地址链接行
+  &__install-browser-row {
     display: flex;
-    gap: 0.24rem;
-    align-items: flex-start;
+    flex-wrap: wrap;
+    gap: 0.12rem;
+    margin-top: 0.16rem;
+    padding-left: 0.44rem;
   }
 
-  // 步骤中的图片区
-  &__install-step-img {
-    flex: 1;
-    min-width: 0;
-    background: $bg-main;
-    border-radius: 0.08rem;
-    padding: 0.12rem;
-
-    img {
-      width: 100%;
-      height: auto;
-      border-radius: 0.06rem;
-    }
-  }
-
-  // 浏览器链接区域
-  &__install-browser-links {
-    flex-shrink: 0;
-    width: 2rem;
-  }
-
-  &__install-browser-item {
+  &__install-browser-link {
     display: flex;
     align-items: center;
-    gap: 0.08rem;
-    margin-bottom: 0.06rem;
+    gap: 0.04rem;
+    padding: 0.12rem 0.16rem;
+    background: $bg-white;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    text-decoration: none;
+    cursor: pointer;
+    transition: border-color 0.2s ease;
+
+    &:hover { border-color: $accent; }
+
+    svg { flex-shrink: 0; }
   }
 
-  &__install-browser-icon {
-    width: 0.2rem;
-    height: 0.2rem;
-    border-radius: 50%;
-    object-fit: contain;
+  &__install-browser-link-label {
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
+    margin-left: 0.04rem;
   }
 
-  &__install-browser-name {
-    font-size: 0.13rem;
-    font-weight: 500;
-    color: $text-dark;
-  }
-
-  &__install-browser-url {
+  &__install-browser-link-copy {
     display: inline-flex;
     align-items: center;
     gap: 0.04rem;
-    font-size: 0.13rem;
+    margin-left: 0.16rem;
+    font-size: 0.14rem;
+    font-weight: 450;
     color: $accent;
-    text-decoration: none;
-    cursor: pointer;
-    margin-bottom: 0.16rem;
 
-    &:hover { text-decoration: underline; }
-
-    svg { flex-shrink: 0; color: $text-middle; }
-  }
-
-  // 步骤3/4的图片展示行
-  &__install-step-img-row {
-    display: flex;
-    gap: 0.16rem;
-  }
-
-  &__install-step-img-item {
-    flex: 1;
-    background: $bg-main;
-    border-radius: 0.08rem;
-    padding: 0.12rem;
-
-    img {
-      width: 100%;
-      height: auto;
-      border-radius: 0.06rem;
-    }
-  }
-
-  // 右侧卡片中的安装步骤列表
-  &__install-steps-list {
-    font-size: 0.13rem;
-    color: $text-middle;
-    line-height: 2;
-    margin-bottom: 0.1rem;
-
-    p { margin: 0; }
+    svg { color: $accent; }
   }
 
   // ==================== 设置完成页 ====================
@@ -920,7 +1168,7 @@
 
   // 完成页标题
   &__complete-title {
-    font-size: 0.2rem;
+    font-size: 0.28rem;
     font-weight: 700;
     color: $text-dark;
     margin: 0 0 0.12rem;
@@ -928,7 +1176,7 @@
 
   // 完成页描述
   &__complete-desc {
-    font-size: 0.14rem;
+    font-size: 0.16rem;
     color: $text-middle;
     margin-bottom: 0.4rem;
   }
@@ -939,11 +1187,12 @@
     background: $btn-dark;
     color: $bg-white;
     border: none;
-    border-radius: 0.24rem;
+    border-radius: 0.12rem;
     font-size: 0.15rem;
     font-weight: 500;
     cursor: pointer;
     transition: all 0.25s ease;
+    width: 4rem;
 
     &:hover { background: $btn-dark-hover; }
     &:active { transform: scale(0.98); }
@@ -956,19 +1205,20 @@
   height: 100%;
   display: flex;
 
-  // 左侧主区域（60%）
+  // 左侧主区域（自适应撑满剩余宽度）
   &__left {
-    width: 60%;
-    height: calc(var(--app-height, 100vh) - 0.6rem);
+    flex: 1;
+    min-width: 0;
+    height: var(--app-height, 100vh);
     display: flex;
     flex-direction: column;
   }
 
-  // 右侧面板（40%，常驻设置面板 + 覆盖层）
+  // 右侧面板（固定宽度3.6rem）
   &__right {
-    width: 40%;
-    height: calc(var(--app-height, 100vh) - 0.6rem);
-    margin-left: 0.2rem;
+    width: 3.6rem;
+    flex-shrink: 0;
+    height: var(--app-height, 100vh);
     position: relative;
     overflow: hidden;
   }
@@ -1012,82 +1262,147 @@
   &__top-bar {
     display: flex;
     align-items: center;
-    gap: 0.1rem;
-    padding: 0.12rem 0.16rem;
+    justify-content: space-between;
+    padding: 0.16rem 0.24rem;
     background: $bg-white;
-    border-radius: 0.1rem;
     flex-shrink: 0;
-    margin-bottom: 0.16rem;
   }
 
-  // 用户头像
-  &__avatar {
-    width: 0.3rem;
-    height: 0.3rem;
-    border-radius: 50%;
-    background: $bg-main;
+  // 左侧状态信息区
+  &__top-bar-left {
     display: flex;
     align-items: center;
-    justify-content: center;
-    flex-shrink: 0;
-    color: $text-middle;
+    gap: 0.12rem;
+  }
 
-    svg {
-      width: 0.18rem;
-      height: 0.18rem;
-    }
+  // 右侧按钮区
+  &__top-bar-right {
+    display: flex;
+    align-items: center;
+    gap: 0.16rem;
   }
 
   // 状态标签
   &__status-tag {
-    font-size: 0.12rem;
-    color: $accent;
-    background: rgba(79, 194, 201, 0.1);
-    padding: 0.03rem 0.1rem;
-    border-radius: 0.04rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
+    background: $bg-main;
+    padding: 0.04rem 0.12rem;
+    border-radius: 0.14rem;
     white-space: nowrap;
     flex-shrink: 0;
+
+    // 准备就绪态 — 主题色
+    &--ready {
+      color: $accent;
+      background: #EDF9FA;
+    }
+
+    // 投递中态 — 橙色
+    &--applying {
+      color: #F59E0B;
+      background: #FFFBF5;
+    }
   }
 
   // 状态提示文字
   &__status-text {
-    font-size: 0.12rem;
+    font-size: 0.14rem;
+    font-weight: 330;
     color: $text-middle;
-    flex: 1;
-    min-width: 0;
     white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
   }
 
-  // 开始按钮
-  &__start-btn {
-    height: 0.3rem;
-    padding: 0 0.14rem;
-    background: $text-dark;
-    color: $bg-white;
-    border: none;
-    border-radius: 0.15rem;
-    font-size: 0.12rem;
-    font-weight: 500;
+  // 进度数字（投递中时的 x/y）
+  &__status-progress {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.02rem 0.08rem;
+    background: $bg-main;
+    border-radius: 0.04rem;
+    font-size: 0.14rem;
+    font-weight: 600;
+    color: $text-dark;
+    margin-left: 0.04rem;
+  }
+
+  // 岗位数量（准备就绪时的加粗数字）
+  &__status-count {
+    font-weight: 600;
+    color: $text-dark;
+  }
+
+  // 查看任务按钮
+  &__task-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    padding: 0.08rem 0.12rem;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    background: $bg-white;
+    font-size: 0.14rem;
+    font-weight: 520;
+    color: $text-middle;
     cursor: pointer;
     transition: all 0.2s ease;
-    line-height: 0.3rem;
     white-space: nowrap;
-    flex-shrink: 0;
+    height: 0.35rem;
+    box-sizing: border-box;
 
-    &:hover {
-      opacity: 0.85;
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      flex-shrink: 0;
     }
 
-    &:disabled {
-      background: $text-light;
-      cursor: not-allowed;
-      opacity: 0.7;
+    &:hover {
+      border-color: $border-color;
+      background: $bg-main;
     }
   }
 
-  // 右侧工具按钮区
+  // 开始/暂停投递主操作按钮
+  &__action-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    padding: 0.08rem 0.12rem;
+    border: none;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 520;
+    color: $bg-white;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    white-space: nowrap;
+    height: 0.35rem;
+    box-sizing: border-box;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+      flex-shrink: 0;
+    }
+
+    // 开始投递态 — 渐变绿色
+    &--start {
+      background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+
+      &:hover { opacity: 0.9; }
+    }
+
+    // 暂停投递态 — 橙色
+    &--pause {
+      background: #F59E0B;
+
+      &:hover { opacity: 0.9; }
+    }
+  }
+
+  // 右侧工具按钮区（包含查看任务按钮和下拉弹窗）
   &__tools {
     display: flex;
     align-items: center;
@@ -1229,39 +1544,16 @@
     }
   }
 
-  // 工具按钮
+  // 工具按钮（已弃用，保留兼容）
   &__tool-btn {
-    width: 0.38rem;
-    height: 0.28rem;
-    border: none;
-    background: transparent;
-    cursor: pointer;
-    padding: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: $text-middle;
-    border-radius: 0.06rem;
-    transition: all 0.2s ease;
-    font-weight: 600;
-
-
-    svg {
-      width: 0.18rem;
-      height: 0.18rem;
-    }
-
-    &:hover {
-      background: $bg-main;
-      color: $text-dark;
-    }
+    display: none;
   }
 
   // ==================== 中间内容区域 ====================
   &__chat-area {
     flex: 1;
     overflow-y: auto;
-    padding: 0.16rem 0.1rem;
+    padding: 0.16rem 0.24rem;
     margin-bottom: 0.1rem;
 
     // 自定义滚动条
@@ -1285,6 +1577,37 @@
     display: flex;
     flex-direction: column;
     gap: 0.12rem;
+    padding: 0.24rem;
+    background: $bg-white;
+    border-radius: 0.12rem;
+  }
+
+  // 进度列表标题
+  &__progress-list-header {
+    margin-bottom: 0.04rem;
+  }
+
+  &__progress-list-title {
+    font-size: 0.18rem;
+    font-weight: 600;
+    color: $text-dark;
+    line-height: 0.27rem;
+  }
+
+  &__progress-list-desc {
+    font-size: 0.12rem;
+    color: $text-middle;
+    line-height: 0.18rem;
+    margin-top: 0.04rem;
+  }
+
+  // 进度列表可滚动区域
+  &__progress-list-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.12rem;
+    max-height: 5rem;
+    overflow-y: auto;
   }
 
   // ==================== 对话消息样式 ====================
diff --git a/src/assets/styles/pages/job-detail.scss b/src/assets/styles/pages/job-detail.scss
index 720c4cc..ccecffc 100644
--- a/src/assets/styles/pages/job-detail.scss
+++ b/src/assets/styles/pages/job-detail.scss
@@ -227,7 +227,7 @@
 
   &__match-label {
     font-size: 0.13rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.17rem;
     color: #9FD051;
   }
diff --git a/src/assets/styles/pages/jobs.scss b/src/assets/styles/pages/jobs.scss
index 70a3e49..7214db0 100644
--- a/src/assets/styles/pages/jobs.scss
+++ b/src/assets/styles/pages/jobs.scss
@@ -334,7 +334,7 @@
 
   &__job-name {
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     color: #000000;
     line-height: 0.24rem;
   }
@@ -665,7 +665,7 @@
 
   &__match-score {
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.62rem;
     position: absolute;
     top: 0;
@@ -677,7 +677,7 @@
 
   &__match-level {
     font-size: 0.13rem;
-    font-weight: 520;
+    font-weight: 620;
     line-height: 0.19rem;
     margin-top: 0.04rem;
   }
@@ -843,7 +843,7 @@
   &__apply-method-title {
     position: relative;
     font-size: 0.18rem;
-    font-weight: 520;
+    font-weight: 620;
     color: $text-dark;
     text-align: center;
     margin: 0 0 0.2rem 0;
diff --git a/src/components/AgentApplyProgress.vue b/src/components/AgentApplyProgress.vue
index ab8f385..bf38823 100644
--- a/src/components/AgentApplyProgress.vue
+++ b/src/components/AgentApplyProgress.vue
@@ -1,88 +1,153 @@
 <template>
-  <!-- 申请进度消息组件 -->
-  <div class="agent-apply-progress">
-    <!-- 顶部标题栏 -->
-    <div class="agent-apply-progress__header">
-      <!-- 三重状态：投递完成 / 暂停投递 / 开始投递 -->
-      <span
-        class="agent-apply-progress__title"
-        :class="{ 'agent-apply-progress__title--clickable': titleClickable }"
-        @click="handleTitleClick"
-      >{{ titleText }}</span>
-      <span v-if="currentStep < 4" class="agent-apply-progress__cancel" @click="handleCancel">取消</span>
-    </div>
-
-    <!-- 岗位信息卡片 -->
-    <div class="agent-apply-progress__job-card">
-      <div class="agent-apply-progress__job-icon">
-        <svg viewBox="0 0 24 24" fill="none">
-          <rect x="3" y="3" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/>
-          <rect x="14" y="3" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/>
-          <rect x="3" y="14" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/>
-          <rect x="14" y="14" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/>
-        </svg>
-      </div>
+  <!-- 投递进度卡片组件（新版4步骤） -->
+  <div class="agent-apply-progress" :class="{ 'agent-apply-progress--completed': isCompleted }">
+    <!-- 顶部：岗位信息 + 步骤条 -->
+    <div class="agent-apply-progress__top">
+      <!-- 左侧岗位名称和公司 -->
       <div class="agent-apply-progress__job-info">
-        <div class="agent-apply-progress__job-company">{{ jobInfo?.companyShortName || jobInfo?.companyName || '' }}</div>
-        <div class="agent-apply-progress__job-title">{{ jobInfo?.title || '' }}</div>
+        <span class="agent-apply-progress__job-title">{{ jobInfo?.title || '' }}</span>
+        <div class="agent-apply-progress__company">
+          <img
+            v-if="(jobInfo as any)?.companyLogoUrl"
+            :src="(jobInfo as any).companyLogoUrl"
+            class="agent-apply-progress__company-logo"
+            alt="logo"
+          />
+          <div v-else class="agent-apply-progress__company-logo agent-apply-progress__company-logo--placeholder">
+            <svg viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="14" y="3" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="3" y="14" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/><rect x="14" y="14" width="7" height="7" rx="1" stroke="currentColor" stroke-width="1.2"/></svg>
+          </div>
+          <span class="agent-apply-progress__company-name">{{ jobInfo?.companyShortName || jobInfo?.companyName || '' }}</span>
+        </div>
+      </div>
+
+      <!-- 右侧步骤条 -->
+      <div class="agent-apply-progress__steps">
+        <!-- 第1步：优化简历 -->
+        <div class="agent-apply-progress__step-item">
+          <div class="agent-apply-progress__step-icon" :class="stepIconClass(1)">
+            <!-- 已完成图标 -->
+            <svg v-if="currentStep > 1" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clip-path="url(#clip0_517_2052)">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.08333C11.875 2.02808 11.8531 1.97509 11.814 1.93602C11.7749 1.89695 11.7219 1.875 11.6667 1.875H5.83335C5.22557 1.875 4.64267 2.11644 4.2129 2.54621C3.78313 2.97598 3.54169 3.55888 3.54169 4.16667V15.8333C3.54169 16.4411 3.78313 17.024 4.2129 17.4538C4.64267 17.8836 5.22557 18.125 5.83335 18.125H14.1667C14.7745 18.125 15.3574 17.8836 15.7871 17.4538C16.2169 17.024 16.4584 16.4411 16.4584 15.8333V7.6225C16.4584 7.56725 16.4364 7.51426 16.3973 7.47519C16.3583 7.43612 16.3053 7.41417 16.25 7.41417H12.5C12.3343 7.41417 12.1753 7.34832 12.0581 7.23111C11.9409 7.1139 11.875 6.95493 11.875 6.78917V2.08333ZM12.5 10.2083C12.6658 10.2083 12.8248 10.2742 12.942 10.3914C13.0592 10.5086 13.125 10.6676 13.125 10.8333C13.125 10.9991 13.0592 11.1581 12.942 11.2753C12.8248 11.3925 12.6658 11.4583 12.5 11.4583H7.50002C7.33426 11.4583 7.17529 11.3925 7.05808 11.2753C6.94087 11.1581 6.87502 10.9991 6.87502 10.8333C6.87502 10.6676 6.94087 10.5086 7.05808 10.3914C7.17529 10.2742 7.33426 10.2083 7.50002 10.2083H12.5ZM12.5 13.5417C12.6658 13.5417 12.8248 13.6075 12.942 13.7247C13.0592 13.8419 13.125 14.0009 13.125 14.1667C13.125 14.3324 13.0592 14.4914 12.942 14.6086C12.8248 14.7258 12.6658 14.7917 12.5 14.7917H7.50002C7.33426 14.7917 7.17529 14.7258 7.05808 14.6086C6.94087 14.4914 6.87502 14.3324 6.87502 14.1667C6.87502 14.0009 6.94087 13.8419 7.05808 13.7247C7.17529 13.6075 7.33426 13.5417 7.50002 13.5417H12.5Z" fill="white"/>
+                <path d="M13.125 2.35322C13.125 2.19988 13.2858 2.10238 13.405 2.19822C13.5061 2.27988 13.5958 2.37488 13.6742 2.48322L16.185 5.98072C16.2417 6.06072 16.18 6.16405 16.0817 6.16405H13.3333C13.2781 6.16405 13.2251 6.1421 13.186 6.10303C13.1469 6.06396 13.125 6.01097 13.125 5.95572V2.35322Z" fill="white"/>
+              </g>
+              <defs>
+                <clipPath id="clip0_517_2052">
+                  <rect width="20" height="20" fill="white"/>
+                </clipPath>
+              </defs>
+            </svg>
+            <!-- 进行中/待处理图标：简历 -->
+            <svg v-else  width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clip-path="url(#clip0_481_4042)">
+                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.875 2.08333C11.875 2.02808 11.8531 1.97509 11.814 1.93602C11.7749 1.89695 11.7219 1.875 11.6667 1.875H5.83335C5.22557 1.875 4.64267 2.11644 4.2129 2.54621C3.78313 2.97598 3.54169 3.55888 3.54169 4.16667V15.8333C3.54169 16.4411 3.78313 17.024 4.2129 17.4538C4.64267 17.8836 5.22557 18.125 5.83335 18.125H14.1667C14.7745 18.125 15.3574 17.8836 15.7871 17.4538C16.2169 17.024 16.4584 16.4411 16.4584 15.8333V7.6225C16.4584 7.56725 16.4364 7.51426 16.3973 7.47519C16.3583 7.43612 16.3053 7.41417 16.25 7.41417H12.5C12.3343 7.41417 12.1753 7.34832 12.0581 7.23111C11.9409 7.1139 11.875 6.95493 11.875 6.78917V2.08333ZM12.5 10.2083C12.6658 10.2083 12.8248 10.2742 12.942 10.3914C13.0592 10.5086 13.125 10.6676 13.125 10.8333C13.125 10.9991 13.0592 11.1581 12.942 11.2753C12.8248 11.3925 12.6658 11.4583 12.5 11.4583H7.50002C7.33426 11.4583 7.17529 11.3925 7.05808 11.2753C6.94087 11.1581 6.87502 10.9991 6.87502 10.8333C6.87502 10.6676 6.94087 10.5086 7.05808 10.3914C7.17529 10.2742 7.33426 10.2083 7.50002 10.2083H12.5ZM12.5 13.5417C12.6658 13.5417 12.8248 13.6075 12.942 13.7247C13.0592 13.8419 13.125 14.0009 13.125 14.1667C13.125 14.3324 13.0592 14.4914 12.942 14.6086C12.8248 14.7258 12.6658 14.7917 12.5 14.7917H7.50002C7.33426 14.7917 7.17529 14.7258 7.05808 14.6086C6.94087 14.4914 6.87502 14.3324 6.87502 14.1667C6.87502 14.0009 6.94087 13.8419 7.05808 13.7247C7.17529 13.6075 7.33426 13.5417 7.50002 13.5417H12.5Z" fill="currentColor"/>
+                <path d="M13.125 2.35322C13.125 2.19988 13.2858 2.10238 13.405 2.19822C13.5061 2.27988 13.5958 2.37488 13.6742 2.48322L16.185 5.98072C16.2417 6.06072 16.18 6.16405 16.0817 6.16405H13.3333C13.2781 6.16405 13.2251 6.1421 13.186 6.10303C13.1469 6.06396 13.125 6.01097 13.125 5.95572V2.35322Z" fill="currentColor"/>
+              </g>
+              <defs>
+                <clipPath id="clip0_481_4042">
+                  <rect width="20" height="20" fill="white"/>
+                </clipPath>
+              </defs>
+            </svg>
+          </div>
+          <div class="agent-apply-progress__step-text">
+            <span class="agent-apply-progress__step-name" :class="stepNameClass(1)">优化简历</span>
+            <span class="agent-apply-progress__step-status" :class="stepStatusClass(1)">{{ stepStatusText(1) }}</span>
+          </div>
+        </div>
+
+        <!-- 连接线 -->
+        <div class="agent-apply-progress__step-line"></div>
+
+        <!-- 第2步：匹配分析 -->
+        <div class="agent-apply-progress__step-item">
+          <div class="agent-apply-progress__step-icon" :class="stepIconClass(2)">
+            <svg v-if="currentStep > 2" width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M5.84365 2.87333C6.34198 1.415 8.35698 1.37083 8.94782 2.74083L8.99782 2.87417L9.67032 4.84083C9.82444 5.29186 10.0735 5.70459 10.4007 6.05119C10.7279 6.39778 11.1256 6.67018 11.567 6.85L11.7478 6.9175L13.7145 7.58917C15.1728 8.0875 15.217 10.1025 13.8478 10.6933L13.7145 10.7433L11.7478 11.4158C11.2966 11.5699 10.8837 11.8189 10.537 12.146C10.1903 12.4732 9.91773 12.871 9.73782 13.3125L9.67032 13.4925L8.99865 15.46C8.50032 16.9183 6.48531 16.9625 5.89531 15.5933L5.84365 15.46L5.17198 13.4933C5.01796 13.0422 4.76896 12.6293 4.44177 12.2825C4.11457 11.9358 3.71681 11.6632 3.27532 11.4833L3.09531 11.4158L1.12865 10.7442C-0.330519 10.2458 -0.374685 8.23083 0.995315 7.64083L1.12865 7.58917L3.09531 6.9175C3.54634 6.76338 3.95907 6.51433 4.30567 6.18714C4.65226 5.85995 4.92466 5.46224 5.10448 5.02083L5.17198 4.84083L5.84365 2.87333ZM14.0878 1.50573e-07C14.2437 -1.96643e-07 14.3965 0.0437319 14.5288 0.126226C14.6611 0.208721 14.7676 0.326669 14.8362 0.466667L14.8761 0.564167L15.1678 1.41917L16.0236 1.71083C16.1799 1.76391 16.3168 1.86218 16.4172 1.99318C16.5175 2.12418 16.5767 2.28202 16.5872 2.44668C16.5977 2.61135 16.5592 2.77544 16.4763 2.91816C16.3935 3.06087 16.2702 3.17578 16.122 3.24833L16.0236 3.28833L15.1686 3.58L14.877 4.43583C14.8238 4.59202 14.7255 4.72892 14.5944 4.82916C14.4634 4.92941 14.3055 4.98849 14.1409 4.99894C13.9762 5.00938 13.8121 4.9707 13.6695 4.88782C13.5268 4.80493 13.412 4.68156 13.3395 4.53333L13.2995 4.43583L13.0078 3.58083L12.152 3.28917C11.9957 3.23609 11.8588 3.13782 11.7585 3.00682C11.6581 2.87582 11.599 2.71799 11.5884 2.55332C11.5779 2.38865 11.6165 2.22456 11.6993 2.08184C11.7821 1.93913 11.9054 1.82422 12.0536 1.75167L12.152 1.71167L13.007 1.42L13.2986 0.564167C13.3548 0.399521 13.4612 0.256591 13.6027 0.155416C13.7442 0.0542408 13.9138 -0.000104401 14.0878 1.50573e-07Z" fill="white"/>
+            </svg>
+            <!-- 匹配分析图标 -->
+            <svg v-else width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M5.84365 2.87333C6.34198 1.415 8.35698 1.37083 8.94782 2.74083L8.99782 2.87417L9.67032 4.84083C9.82444 5.29186 10.0735 5.70459 10.4007 6.05119C10.7279 6.39778 11.1256 6.67018 11.567 6.85L11.7478 6.9175L13.7145 7.58917C15.1728 8.0875 15.217 10.1025 13.8478 10.6933L13.7145 10.7433L11.7478 11.4158C11.2966 11.5699 10.8837 11.8189 10.537 12.146C10.1903 12.4732 9.91773 12.871 9.73782 13.3125L9.67032 13.4925L8.99865 15.46C8.50032 16.9183 6.48531 16.9625 5.89531 15.5933L5.84365 15.46L5.17198 13.4933C5.01796 13.0422 4.76896 12.6293 4.44177 12.2825C4.11457 11.9358 3.71681 11.6632 3.27532 11.4833L3.09531 11.4158L1.12865 10.7442C-0.330519 10.2458 -0.374685 8.23083 0.995315 7.64083L1.12865 7.58917L3.09531 6.9175C3.54634 6.76338 3.95907 6.51433 4.30567 6.18714C4.65226 5.85995 4.92466 5.46224 5.10448 5.02083L5.17198 4.84083L5.84365 2.87333ZM14.0878 1.50573e-07C14.2437 -1.96643e-07 14.3965 0.0437319 14.5288 0.126226C14.6611 0.208721 14.7676 0.326669 14.8362 0.466667L14.8761 0.564167L15.1678 1.41917L16.0236 1.71083C16.1799 1.76391 16.3168 1.86218 16.4172 1.99318C16.5175 2.12418 16.5767 2.28202 16.5872 2.44668C16.5977 2.61135 16.5592 2.77544 16.4763 2.91816C16.3935 3.06087 16.2702 3.17578 16.122 3.24833L16.0236 3.28833L15.1686 3.58L14.877 4.43583C14.8238 4.59202 14.7255 4.72892 14.5944 4.82916C14.4634 4.92941 14.3055 4.98849 14.1409 4.99894C13.9762 5.00938 13.8121 4.9707 13.6695 4.88782C13.5268 4.80493 13.412 4.68156 13.3395 4.53333L13.2995 4.43583L13.0078 3.58083L12.152 3.28917C11.9957 3.23609 11.8588 3.13782 11.7585 3.00682C11.6581 2.87582 11.599 2.71799 11.5884 2.55332C11.5779 2.38865 11.6165 2.22456 11.6993 2.08184C11.7821 1.93913 11.9054 1.82422 12.0536 1.75167L12.152 1.71167L13.007 1.42L13.2986 0.564167C13.3548 0.399521 13.4612 0.256591 13.6027 0.155416C13.7442 0.0542408 13.9138 -0.000104401 14.0878 1.50573e-07Z" fill="#6A7282"/>
+            </svg>
+          </div>
+          <div class="agent-apply-progress__step-text">
+            <span class="agent-apply-progress__step-name" :class="stepNameClass(2)">匹配分析</span>
+            <span class="agent-apply-progress__step-status" :class="stepStatusClass(2)">{{ stepStatusText(2) }}</span>
+          </div>
+        </div>
+
+        <!-- 连接线 -->
+        <div class="agent-apply-progress__step-line"></div>
+
+        <!-- 第3步：前往投递 -->
+        <div class="agent-apply-progress__step-item">
+          <div class="agent-apply-progress__step-icon" :class="stepIconClass(3)">
+            <svg v-if="currentStep > 3" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M14.5965 1.67729C14.9565 0.681458 13.9915 -0.283541 12.9957 0.0772919L0.824837 4.47896C-0.17433 4.84063 -0.295164 6.20396 0.624003 6.73646L4.509 8.98563L7.97817 5.51646C8.13534 5.36466 8.34584 5.28066 8.56434 5.28256C8.78283 5.28446 8.99185 5.3721 9.14635 5.52661C9.30086 5.68112 9.3885 5.89013 9.3904 6.10862C9.3923 6.32712 9.3083 6.53762 9.1565 6.69479L5.68734 10.164L7.93734 14.049C8.469 14.9681 9.83234 14.8465 10.194 13.8481L14.5965 1.67729Z" fill="white"/>
+            </svg>
+            <!-- 前往投递图标：箭头 -->
+            <svg v-else width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M14.5965 1.67729C14.9565 0.681458 13.9915 -0.283541 12.9957 0.0772919L0.824837 4.47896C-0.17433 4.84063 -0.295164 6.20396 0.624003 6.73646L4.509 8.98563L7.97817 5.51646C8.13534 5.36466 8.34584 5.28066 8.56434 5.28256C8.78283 5.28446 8.99185 5.3721 9.14635 5.52661C9.30086 5.68112 9.3885 5.89013 9.3904 6.10862C9.3923 6.32712 9.3083 6.53762 9.1565 6.69479L5.68734 10.164L7.93734 14.049C8.469 14.9681 9.83234 14.8465 10.194 13.8481L14.5965 1.67729Z" fill="#6A7282"/>
+            </svg>
+
+          </div>
+          <div class="agent-apply-progress__step-text">
+            <span class="agent-apply-progress__step-name" :class="stepNameClass(3)">前往投递</span>
+            <span class="agent-apply-progress__step-status" :class="stepStatusClass(3)">{{ stepStatusText(3) }}</span>
+          </div>
+        </div>
+
+        <!-- 连接线 -->
+        <div class="agent-apply-progress__step-line"></div>
+
+        <!-- 第4步：结果确认 -->
+        <div class="agent-apply-progress__step-item">
+          <div class="agent-apply-progress__step-icon" :class="stepIconClass(4)">
+            <svg v-if="currentStep > 4" width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M5.83333 13.3333L2.5 10L3.675 8.825L5.83333 10.975L11.325 5.48333L12.5 6.66667M7.5 1.66667C7.72101 1.66667 7.93297 1.75446 8.08926 1.91074C8.24554 2.06702 8.33333 2.27899 8.33333 2.5C8.33333 2.72101 8.24554 2.93298 8.08926 3.08926C7.93297 3.24554 7.72101 3.33333 7.5 3.33333C7.27899 3.33333 7.06702 3.24554 6.91074 3.08926C6.75446 2.93298 6.66667 2.72101 6.66667 2.5C6.66667 2.27899 6.75446 2.06702 6.91074 1.91074C7.06702 1.75446 7.27899 1.66667 7.5 1.66667ZM13.3333 1.66667H9.85C9.5 0.7 8.58333 0 7.5 0C6.41667 0 5.5 0.7 5.15 1.66667H1.66667C1.22464 1.66667 0.800716 1.84226 0.488155 2.15482C0.175595 2.46738 0 2.89131 0 3.33333V15C0 15.442 0.175595 15.8659 0.488155 16.1785C0.800716 16.4911 1.22464 16.6667 1.66667 16.6667H13.3333C13.7754 16.6667 14.1993 16.4911 14.5118 16.1785C14.8244 15.8659 15 15.442 15 15V3.33333C15 2.89131 14.8244 2.46738 14.5118 2.15482C14.1993 1.84226 13.7754 1.66667 13.3333 1.66667Z" fill="white"/>
+            </svg>
+            <!-- 结果确认图标：勾选框 -->
+            <svg v-else width="15" height="17" viewBox="0 0 15 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <path d="M5.83333 13.3333L2.5 10L3.675 8.825L5.83333 10.975L11.325 5.48333L12.5 6.66667M7.5 1.66667C7.72101 1.66667 7.93297 1.75446 8.08926 1.91074C8.24554 2.06702 8.33333 2.27899 8.33333 2.5C8.33333 2.72101 8.24554 2.93298 8.08926 3.08926C7.93297 3.24554 7.72101 3.33333 7.5 3.33333C7.27899 3.33333 7.06702 3.24554 6.91074 3.08926C6.75446 2.93298 6.66667 2.72101 6.66667 2.5C6.66667 2.27899 6.75446 2.06702 6.91074 1.91074C7.06702 1.75446 7.27899 1.66667 7.5 1.66667ZM13.3333 1.66667H9.85C9.5 0.7 8.58333 0 7.5 0C6.41667 0 5.5 0.7 5.15 1.66667H1.66667C1.22464 1.66667 0.800716 1.84226 0.488155 2.15482C0.175595 2.46738 0 2.89131 0 3.33333V15C0 15.442 0.175595 15.8659 0.488155 16.1785C0.800716 16.4911 1.22464 16.6667 1.66667 16.6667H13.3333C13.7754 16.6667 14.1993 16.4911 14.5118 16.1785C14.8244 15.8659 15 15.442 15 15V3.33333C15 2.89131 14.8244 2.46738 14.5118 2.15482C14.1993 1.84226 13.7754 1.66667 13.3333 1.66667Z" fill="#6A7282"/>
+            </svg>
+          </div>
+          <div class="agent-apply-progress__step-text">
+            <span class="agent-apply-progress__step-name" :class="stepNameClass(4)">结果确认</span>
+            <span class="agent-apply-progress__step-status" :class="stepStatusClass(4)">{{ stepStatusText(4) }}</span>
+          </div>
+        </div>
       </div>
     </div>
 
-    <!-- 步骤列表 -->
-    <div class="agent-apply-progress__steps">
-      <!-- 第1步：优化简历 -->
-      <div class="agent-apply-progress__step">
-        <div class="agent-apply-progress__step-check" :class="{ 'agent-apply-progress__step-check--done': currentStep > 1 }">
-          <svg v-if="currentStep > 1" viewBox="0 0 16 16" fill="none"><path d="M3 8l4 4 6-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </div>
-        <span class="agent-apply-progress__step-label">优化简历</span>
-      </div>
+    <!-- 底部：提示文字 + 操作按钮 -->
+    <div class="agent-apply-progress__bottom">
+      <!-- 提示文字 -->
+      <span class="agent-apply-progress__hint" :class="hintClass">{{ hintText }}</span>
 
-      <!-- 第2步：确认简历 -->
-      <div class="agent-apply-progress__step">
-        <div class="agent-apply-progress__step-check" :class="{ 'agent-apply-progress__step-check--done': currentStep > 2 }">
-          <svg v-if="currentStep > 2" viewBox="0 0 16 16" fill="none"><path d="M3 8l4 4 6-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </div>
-        <span class="agent-apply-progress__step-label">确认简历</span>
-        <!-- 第2步展开内容：简历确认区域 -->
-        <div v-if="currentStep === 2" class="agent-apply-progress__step-content">
-          <div class="agent-apply-progress__resume-confirm">
-            <div class="agent-apply-progress__resume-file">
-              <svg viewBox="0 0 24 24" fill="none" class="agent-apply-progress__file-icon"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/><path d="M14 2v6h6" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"/></svg>
-              <span class="agent-apply-progress__resume-name">{{ resumeName }}</span>
-            </div>
-            <button class="agent-apply-progress__confirm-btn" :disabled="paused" @click="handleConfirmResume">确定</button>
-          </div>
-        </div>
-      </div>
+      <!-- 操作按钮区域 -->
+      <div v-if="showActions" class="agent-apply-progress__actions">
+        <!-- 第1步完成：查看优化简历 + 确认简历 -->
+        <template v-if="currentStep === 1 && stepPhase === 'done'">
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--outline" @click="handleViewResume">查看优化简历</button>
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--primary" @click="handleConfirmResume">确认简历</button>
+        </template>
 
-      <!-- 第3步：分析投递页面 -->
-      <div class="agent-apply-progress__step">
-        <div class="agent-apply-progress__step-check" :class="{ 'agent-apply-progress__step-check--done': currentStep > 3 }">
-          <svg v-if="currentStep > 3" viewBox="0 0 16 16" fill="none"><path d="M3 8l4 4 6-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </div>
-        <span class="agent-apply-progress__step-label">分析投递页面</span>
-        <!-- 第3步展开内容：投递操作区域 -->
-        <div v-if="currentStep === 3" class="agent-apply-progress__step-content">
-          <div class="agent-apply-progress__apply-area">
-            <p class="agent-apply-progress__apply-desc">该职位仅支持在申请网站原地址使用自动填充功能。</p>
-            <p class="agent-apply-progress__apply-desc">请点击"去投递"，打开申请网站，我们的自动填写插件将自动弹出。</p>
-            <p class="agent-apply-progress__apply-desc">点击"自动填写"，核对信息并提交申请，然后返回本页点击"我已申请"继续。</p>
-            <div class="agent-apply-progress__apply-actions">
-              <span class="agent-apply-progress__skip-btn" :class="{ 'agent-apply-progress__skip-btn--disabled': paused }" @click="handleSkip">跳过</span>
-              <button class="agent-apply-progress__applied-btn" :disabled="paused" @click="handleApplied">我已投递</button>
-              <button class="agent-apply-progress__goto-btn" :disabled="paused" @click="handleGoApply">去投递</button>
-            </div>
-          </div>
-        </div>
-      </div>
+        <!-- 第2步匹配度偏低：不投递 + 继续投递 -->
+        <template v-if="currentStep === 2 && stepPhase === 'low-match'">
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--outline" @click="handleNotApply">不投递</button>
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--primary" @click="handleContinueApply">继续投递</button>
+        </template>
 
-      <!-- 第4步：提交申请 -->
-      <div class="agent-apply-progress__step">
-        <div class="agent-apply-progress__step-check" :class="{ 'agent-apply-progress__step-check--done': currentStep > 3 }">
-          <svg v-if="currentStep > 3" viewBox="0 0 16 16" fill="none"><path d="M3 8l4 4 6-7" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-        </div>
-        <span class="agent-apply-progress__step-label">提交申请</span>
+        <!-- 第3步：前往投递 -->
+        <template v-if="currentStep === 3 && stepPhase === 'ready'">
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--primary" @click="handleGoApply">前往投递</button>
+        </template>
+
+        <!-- 第4步：不投递 + 已投递 -->
+        <template v-if="currentStep === 4 && stepPhase === 'confirm'">
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--outline" @click="handleNotApply">不投递</button>
+          <button class="agent-apply-progress__btn agent-apply-progress__btn--primary" @click="handleApplied">已投递</button>
+        </template>
       </div>
     </div>
   </div>
@@ -97,81 +162,137 @@ import type { JobListItem } from '@/api/jobs'
 const props = defineProps<{
   /** 岗位信息 */
   jobInfo: JobListItem | null
-  /** 当前步骤（1-4，大于该步骤表示已完成） */
+  /** 当前步骤（1-4，大于4表示全部完成） */
   currentStep: number
-  /** 简历名称（第2步确认时显示） */
-  resumeName?: string
-  /** 是否暂停状态 */
-  paused?: boolean
+  /** 当前步骤的阶段：loading=请求中, done=完成可操作, low-match=匹配度偏低, ready=准备就绪, confirm=待确认 */
+  stepPhase?: 'loading' | 'done' | 'low-match' | 'ready' | 'confirm'
+  /** 匹配度分数（第2步用） */
+  matchScore?: number
+  /** 投递完成时间（第4步完成后显示） */
+  completedTime?: string
 }>()
 
 // ==================== 计算属性 ====================
 
-/** 标题文字：投递完成 / 暂停投递 / 开始投递 */
-const titleText = computed(() => {
-  if (props.currentStep >= 4) return '投递完成'
-  if (props.paused && props.currentStep > 1) return '开始投递'
-  if (!props.paused && props.currentStep > 1) return '暂停投递'
-  return '开始投递'
+/** 是否为已完成状态 */
+const isCompleted = computed(() => props.currentStep > 4)
+
+/** 提示文字 */
+const hintText = computed(() => {
+  if (isCompleted.value && props.completedTime) {
+    return `投递时间:${props.completedTime}`
+  }
+  if (props.currentStep === 1) {
+    if (props.stepPhase === 'done') return '已完成岗位专属简历优化，请确认本次投递使用的简历'
+    return '正在根据岗位信息优化简历...'
+  }
+  if (props.currentStep === 2) {
+    if (props.stepPhase === 'low-match') return '当前匹配度偏低，是否仍要继续投递？'
+    return '正在根据最终投递简历复核岗位匹配度...'
+  }
+  if (props.currentStep === 3) {
+    return '已准备好投递信息，请前往招聘官网完成申请'
+  }
+  if (props.currentStep === 4) {
+    return '请确认该岗位是否已经完成投递'
+  }
+  return ''
 })
 
-/** 标题是否可点击（暂停投递 或 暂停后的开始投递） */
-const titleClickable = computed(() => {
-  if (props.currentStep >= 4) return false
-  return props.currentStep > 1
+/** 提示文字样式class */
+const hintClass = computed(() => {
+  if (isCompleted.value) return ''
+  if (props.currentStep === 1 && props.stepPhase === 'done') return 'agent-apply-progress__hint--warning'
+  if (props.currentStep === 2 && props.stepPhase === 'low-match') return 'agent-apply-progress__hint--warning'
+  if (props.currentStep === 3) return 'agent-apply-progress__hint--accent'
+  if (props.currentStep === 4) return 'agent-apply-progress__hint--accent'
+  return ''
 })
 
+/** 是否显示操作按钮 */
+const showActions = computed(() => {
+  if (isCompleted.value) return false
+  if (props.currentStep === 1 && props.stepPhase === 'done') return true
+  if (props.currentStep === 2 && props.stepPhase === 'low-match') return true
+  if (props.currentStep === 3 && props.stepPhase === 'ready') return true
+  if (props.currentStep === 4 && props.stepPhase === 'confirm') return true
+  return false
+})
+
+/** 步骤图标样式class */
+function stepIconClass(step: number) {
+  if (props.currentStep > step) return 'agent-apply-progress__step-icon--done'
+  if (props.currentStep === step) return 'agent-apply-progress__step-icon--active'
+  return 'agent-apply-progress__step-icon--pending'
+}
+
+/** 步骤名称样式class */
+function stepNameClass(step: number) {
+  if (props.currentStep > step) return 'agent-apply-progress__step-name--done'
+  if (props.currentStep === step) return 'agent-apply-progress__step-name--active'
+  return 'agent-apply-progress__step-name--pending'
+}
+
+/** 步骤状态文字样式class */
+function stepStatusClass(step: number) {
+  if (props.currentStep > step) return 'agent-apply-progress__step-status--done'
+  if (props.currentStep === step) return 'agent-apply-progress__step-status--active'
+  return 'agent-apply-progress__step-status--pending'
+}
+
+/** 步骤状态文字 */
+function stepStatusText(step: number) {
+  if (props.currentStep > step) return '已完成'
+  if (props.currentStep === step) return '进行中'
+  return '待处理'
+}
+
 // ==================== 事件 ====================
 
 const emit = defineEmits<{
-  /** 取消投递流程 */
-  (e: 'cancel'): void
-  /** 确认简历（第2步） */
+  /** 查看优化简历（第1步完成） */
+  (e: 'viewResume'): void
+  /** 确认简历（第1步完成 → 进入第2步） */
   (e: 'confirmResume'): void
-  /** 跳过投递（第3步） */
-  (e: 'skip'): void
-  /** 我已投递（第3步） */
-  (e: 'applied'): void
-  /** 去投递（第3步，打开原链接） */
+  /** 不投递（第2步匹配度低 或 第4步取消） */
+  (e: 'notApply'): void
+  /** 继续投递（第2步匹配度低时继续） */
+  (e: 'continueApply'): void
+  /** 前往投递（第3步） */
   (e: 'goApply'): void
-  /** 暂停/恢复投递 */
-  (e: 'togglePause'): void
+  /** 已投递（第4步确认） */
+  (e: 'applied'): void
 }>()
 
 // ==================== 事件处理 ====================
 
-/** 点击标题（暂停/恢复） */
-function handleTitleClick() {
-  if (!titleClickable.value) return
-  emit('togglePause')
-}
-
-/** 取消 */
-function handleCancel() {
-  emit('cancel')
+/** 查看优化简历 */
+function handleViewResume() {
+  emit('viewResume')
 }
 
 /** 确认简历 */
 function handleConfirmResume() {
-  if (props.paused) return
   emit('confirmResume')
 }
 
-/** 跳过 */
-function handleSkip() {
-  if (props.paused) return
-  emit('skip')
+/** 不投递 */
+function handleNotApply() {
+  emit('notApply')
 }
 
-/** 我已投递 */
-function handleApplied() {
-  if (props.paused) return
-  emit('applied')
+/** 继续投递 */
+function handleContinueApply() {
+  emit('continueApply')
 }
 
-/** 去投递 */
+/** 前往投递 */
 function handleGoApply() {
-  if (props.paused) return
   emit('goApply')
 }
+
+/** 已投递 */
+function handleApplied() {
+  emit('applied')
+}
 </script>
diff --git a/src/components/AgentChatJobList.vue b/src/components/AgentChatJobList.vue
index 0e3cde9..e30935c 100644
--- a/src/components/AgentChatJobList.vue
+++ b/src/components/AgentChatJobList.vue
@@ -1,106 +1,127 @@
 <template>
-  <!-- Agent推荐岗位列表组件 — 展示推荐岗位卡片 -->
+  <!-- Agent推荐岗位列表组件 — 展示推荐岗位卡片（可滚动） -->
   <div class="agent-chat-job-list">
     <!-- 标题 -->
     <div class="agent-chat-job-list__header">为你推荐的岗位</div>
     <!-- 推荐说明文字 -->
     <div class="agent-chat-job-list__summary">{{ summary || '根据求职目标和简历信息智能推荐' }}</div>
 
-    <!-- 岗位列表（显示前3个） -->
-    <div
-      v-for="job in displayJobs"
-      :key="job.id"
-      class="agent-chat-job-list__item"
-    >
-      <!-- 左侧：匹配度环形 + 岗位信息 -->
-      <div class="agent-chat-job-list__info" @click="handleClickJob(job)">
-        <!-- 匹配度环形 -->
-        <div class="agent-chat-job-list__score">
-          <svg class="agent-chat-job-list__ring" viewBox="0 0 44 44">
-            <circle cx="22" cy="22" r="18" fill="none" stroke="#E8E8E8" stroke-width="3" />
-            <circle
-              cx="22" cy="22" r="18" fill="none"
-              stroke="#4FC2C9" stroke-width="3"
-              stroke-linecap="round"
-              :stroke-dasharray="2 * Math.PI * 18"
-              :stroke-dashoffset="2 * Math.PI * 18 * (1 - (job.matchScore || 0) / 100)"
-              transform="rotate(-90 22 22)"
-            />
-          </svg>
-          <span class="agent-chat-job-list__score-text">{{ job.matchScore || 0 }}%</span>
-        </div>
-        <!-- 岗位详情 -->
-        <div class="agent-chat-job-list__detail">
-          <div class="agent-chat-job-list__title-row">
-            <span class="agent-chat-job-list__title">{{ job.title }}</span>
-            <span v-if="job.companyShortName || job.companyName" class="agent-chat-job-list__company-dot">●</span>
-            <span class="agent-chat-job-list__company">{{ job.companyShortName || job.companyName }}</span>
+    <!-- 岗位列表（可滚动区域，默认展示约3.5个高度） -->
+    <div class="agent-chat-job-list__scroll">
+      <div
+        v-for="job in jobs"
+        :key="job.id"
+        class="agent-chat-job-list__item"
+        @click="handleClickJob(job)"
+      >
+        <!-- 左侧：匹配度方块 + 岗位信息 -->
+        <div class="agent-chat-job-list__left">
+          <!-- 匹配度环形 -->
+          <div class="agent-chat-job-list__score">
+            <svg class="agent-chat-job-list__ring" viewBox="0 0 62 62">
+              <circle cx="31" cy="31" r="27" fill="none" stroke="#E9F4D7" stroke-width="4" />
+              <circle
+                cx="31" cy="31" r="27" fill="none"
+                stroke="#9FD051" stroke-width="4"
+                stroke-linecap="round"
+                :stroke-dasharray="2 * Math.PI * 27"
+                :stroke-dashoffset="2 * Math.PI * 27 * (1 - (job.matchScore || 0) / 100)"
+                transform="rotate(-90 31 31)"
+              />
+            </svg>
+            <span class="agent-chat-job-list__score-text">{{ job.matchScore || 0 }}%</span>
           </div>
-          <!-- 标签 -->
-          <div class="agent-chat-job-list__tags">
-            <span v-if="job.regionName" class="agent-chat-job-list__tag">{{ job.regionName }}</span>
-            <span v-if="job.categoryName" class="agent-chat-job-list__tag">{{ job.categoryName }}</span>
-            <span v-for="tag in job.tags?.slice(0, 2)" :key="tag" class="agent-chat-job-list__tag">{{ tag }}</span>
+          <!-- 岗位详情 -->
+          <div class="agent-chat-job-list__detail">
+            <!-- 第一行：岗位名称 + 公司 -->
+            <div class="agent-chat-job-list__title-row">
+              <span class="agent-chat-job-list__title">{{ job.title }}</span>
+              <!-- 公司信息 -->
+              <span v-if="job.companyShortName || job.companyName" class="agent-chat-job-list__company">
+                <img v-if="job.companyLogoUrl" :src="job.companyLogoUrl" class="agent-chat-job-list__company-logo" alt="" />
+                <span class="agent-chat-job-list__company-name">{{ job.companyShortName || job.companyName }}</span>
+              </span>
+            </div>
+            <!-- 第二行：标签（地区、学历、招聘类型等） -->
+            <div class="agent-chat-job-list__tags">
+              <span v-if="job.regionName" class="agent-chat-job-list__tag agent-chat-job-list__tag--location">
+                <svg viewBox="0 0 16 16" fill="none" width="14" height="14"><path d="M8 1.5A4.5 4.5 0 0 0 3.5 6C3.5 9.5 8 14.5 8 14.5s4.5-5 4.5-8.5A4.5 4.5 0 0 0 8 1.5Z" stroke="currentColor" stroke-width="1.2"/><circle cx="8" cy="6" r="1.5" stroke="currentColor" stroke-width="1.2"/></svg>
+                {{ job.regionName }}
+              </span>
+              <span v-if="formatEducation(job.education)" class="agent-chat-job-list__tag">{{ formatEducation(job.education) }}</span>
+              <span v-if="formatEmploymentType(job.recruitCategory)" class="agent-chat-job-list__tag agent-chat-job-list__tag--category">{{ formatEmploymentType(job.recruitCategory) }}</span>
+            </div>
           </div>
         </div>
-      </div>
 
-      <!-- 右侧：操作按钮 -->
-      <div class="agent-chat-job-list__actions">
-        <!-- 不再推荐 -->
-        <span class="agent-chat-job-list__dismiss-btn" @click.stop="handleDismiss(job)">不再推荐</span>
-        <!-- 添加/已加入按钮 -->
-        <button
-          v-if="job.applicationStatus === -1"
-          class="agent-chat-job-list__add-btn agent-chat-job-list__add-btn--added"
-          disabled
-        >✓已加入</button>
-        <button
-          v-else
-          class="agent-chat-job-list__add-btn"
-          :disabled="loadingJobIds.includes(job.id)"
-          @click.stop="handleAdd(job)"
-        >+ 加入投递</button>
+        <!-- 右侧：操作按钮 -->
+        <div class="agent-chat-job-list__actions" @click.stop>
+          <!-- 不再推荐按钮（已加入时不显示） -->
+          <button
+            v-if="job.applicationStatus !== -1"
+            class="agent-chat-job-list__dismiss-btn"
+            @click="handleDismiss(job)"
+          >不再推荐</button>
+          <!-- 已加入状态 -->
+          <button
+            v-if="job.applicationStatus === -1"
+            class="agent-chat-job-list__add-btn agent-chat-job-list__add-btn--added"
+            disabled
+          >
+            <svg viewBox="0 0 16 16" fill="none" width="14" height="14"><path d="M3 8.5l3.5 3.5 6.5-7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
+            已加入
+          </button>
+          <!-- 加入投递按钮 -->
+          <button
+            v-else
+            class="agent-chat-job-list__add-btn"
+            :disabled="loadingJobIds?.includes(job.id)"
+            @click="handleAdd(job)"
+          >
+            <svg viewBox="0 0 16 16" fill="none" width="14" height="14"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+            加入投递
+          </button>
+        </div>
       </div>
     </div>
 
     <!-- 空状态 -->
-    <div class="color-9" v-if="displayJobs.length === 0">
-      暂无相关职位推荐
-    </div>
+    <div v-if="jobs.length === 0" class="agent-chat-job-list__empty">暂无相关职位推荐</div>
 
     <!-- 底部按钮区域 -->
-    <div v-if="displayJobs.length > 0" class="agent-chat-job-list__footer">
+    <div v-if="jobs.length > 0" class="agent-chat-job-list__footer">
       <!-- 换一批按钮 -->
       <button class="agent-chat-job-list__refresh-btn" :disabled="refreshing" @click="handleRefresh">
+        <svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M2.5 8a5.5 5.5 0 0 1 9.9-3.2M13.5 8a5.5 5.5 0 0 1-9.9 3.2" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/><path d="M12 2v3h-3M4 14v-3h3" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
         {{ refreshing ? '加载中...' : '换一批' }}
       </button>
       <!-- 全部添加按钮 -->
-      <button class="agent-chat-job-list__add-all-btn" @click="handleAddAll">全部添加</button>
+      <button class="agent-chat-job-list__add-all-btn" @click="handleAddAll">
+        <svg viewBox="0 0 16 16" fill="none" width="16" height="16"><path d="M8 3v10M3 8h10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>
+        全部添加
+      </button>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
 import type { AgentRecommendJob } from '@/api/agent'
+import { formatEducation, formatEmploymentType } from '@/stores/index'
 
 /** 组件 Props */
 const props = defineProps<{
   /** 推荐说明文字 */
   summary: string
-  /** 当前展示的岗位列表数据（父组件已随机抽取10个） */
+  /** 当前展示的岗位列表数据 */
   jobs: AgentRecommendJob[]
   /** 正在请求中的岗位 ID 列表 */
-  loadingJobIds?: number[]
+  loadingJobIds?: (string | number)[]
   /** 是否正在换一批加载中 */
   refreshing?: boolean
 }>()
 
 /** 事件 */
 const emit = defineEmits<{
-  /** 点击查看全部岗位（打开右侧面板） */
-  (e: 'viewAll'): void
   /** 点击岗位查看详情 */
   (e: 'clickJob', job: AgentRecommendJob): void
   /** 添加单个岗位到待投递 */
@@ -113,9 +134,6 @@ const emit = defineEmits<{
   (e: 'dismiss', job: AgentRecommendJob): void
 }>()
 
-/** 只显示前3个岗位 */
-const displayJobs = computed(() => props.jobs.slice(0, 3))
-
 /** 点击岗位 — 通知父组件打开岗位预览 */
 function handleClickJob(job: AgentRecommendJob) {
   emit('clickJob', job)
diff --git a/src/components/AgentJobPreviewPanel.vue b/src/components/AgentJobPreviewPanel.vue
index 14362a4..7105830 100644
--- a/src/components/AgentJobPreviewPanel.vue
+++ b/src/components/AgentJobPreviewPanel.vue
@@ -1,118 +1,121 @@
 <template>
-  <!-- Agent岗位预览面板 — 右侧面板显示岗位详情 -->
-  <div class="agent-job-preview-panel" v-loading="loading" element-loading-text="加载中...">
-    <!-- 顶部标题栏 -->
-    <div class="agent-job-preview-panel__header">
-      <div class="agent-job-preview-panel__back" @click="handleBack">
-        <svg viewBox="0 0 16 16" fill="none" class="agent-job-preview-panel__back-icon">
-          <path d="M10 3L5 8l5 5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-        </svg>
-        <span>岗位详情</span>
-      </div>
-      <!-- 添加按钮 — 仅未投递时显示 -->
-      <button
-        v-if="jobDetail && (jobDetail.applicationStatus === null || jobDetail.applicationStatus === undefined)"
-        class="agent-job-preview-panel__add-btn"
-        :disabled="addLoading"
-        @click="handleAdd"
-      >+ 添加</button>
-      <!-- 移出按钮 — 仅待投递状态时显示 -->
-      <button
-        v-else-if="jobDetail && jobDetail.applicationStatus === -1"
-        class="agent-job-preview-panel__remove-btn"
-        :disabled="addLoading"
-        @click="handleRemove"
-      >移出</button>
-    </div>
-
-    <!-- 岗位详情内容 -->
-    <div v-if="jobDetail" class="agent-job-preview-panel__body">
-      <!-- 岗位卡片 -->
-      <div class="agent-job-preview-panel__card">
-        <div class="agent-job-preview-panel__card-top">
-          <!-- 左侧信息 -->
-          <div class="agent-job-preview-panel__card-left">
-            <div class="agent-job-preview-panel__company-row">
-              <div class="agent-job-preview-panel__company-icon">
-                <img v-if="jobDetail.companyLogoUrl" :src="jobDetail.companyLogoUrl" :alt="jobDetail.companyShortName" />
-                <svg v-else viewBox="0 0 24 24" fill="none">
-                  <rect x="3" y="7" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/>
-                  <path d="M7 7V5a2 2 0 012-2h6a2 2 0 012 2v2" stroke="currentColor" stroke-width="1.5"/>
+  <!-- Agent岗位预览抽屉 — 从浏览器右侧弹出 -->
+  <Teleport to="body">
+    <Transition name="agent-job-drawer">
+      <div v-if="visible" class="agent-job-drawer-mask" @click.self="handleBack">
+        <div class="agent-job-drawer" v-loading="loading" element-loading-text="加载中...">
+          <!-- 顶部标题栏 -->
+          <div class="agent-job-drawer__header border-F0F0F0-bottom-1">
+            <div class="agent-job-drawer__header-left">
+              <!-- 关闭按钮 -->
+              <div class="agent-job-drawer__close" @click="handleBack">
+                <svg viewBox="0 0 24 24" fill="none" class="agent-job-drawer__close-icon">
+                  <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
                 </svg>
               </div>
-              <span class="agent-job-preview-panel__company-name">{{ jobDetail.companyShortName || jobDetail.companyName }}</span>
-              <span class="agent-job-preview-panel__time">{{ formatTime }}</span>
-            </div>
-            <h3 class="agent-job-preview-panel__job-title">{{ jobDetail.jobTitle }}</h3>
-            <!-- 岗位元信息 -->
-            <div class="agent-job-preview-panel__meta">
-              <span v-if="jobDetail.regionName" class="agent-job-preview-panel__meta-item">
-                <svg viewBox="0 0 16 16" fill="none" class="agent-job-preview-panel__meta-icon">
-                  <circle cx="8" cy="6.5" r="2.5" stroke="currentColor" stroke-width="1.2"/>
-                  <path d="M8 14s-5-4-5-7.5a5 5 0 0110 0C13 10 8 14 8 14z" stroke="currentColor" stroke-width="1.2"/>
-                </svg>
-                {{ jobDetail.regionName }}
-              </span>
-              <span class="agent-job-preview-panel__meta-item">
-                <svg viewBox="0 0 16 16" fill="none" class="agent-job-preview-panel__meta-icon">
-                  <rect x="2" y="3" width="12" height="11" rx="1.5" stroke="currentColor" stroke-width="1.2"/>
-                  <path d="M2 6.5h12" stroke="currentColor" stroke-width="1.2"/>
-                </svg>
-                {{ formatEmploymentType(jobDetail.employmentType) }}
-              </span>
-              <span v-if="jobDetail.salary" class="agent-job-preview-panel__meta-item">
-                <svg viewBox="0 0 16 16" fill="none" class="agent-job-preview-panel__meta-icon">
-                  <path d="M8 1v14M4 4h8M3 8h10M5 12h6" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/>
-                </svg>
-                {{ jobDetail.salary }}
-              </span>
+              <span class="agent-job-drawer__title">岗位详情</span>
             </div>
           </div>
-          <!-- 右侧匹配度环 -->
-          <div class="agent-job-preview-panel__match">
-            <svg viewBox="0 0 60 60" class="agent-job-preview-panel__ring-svg">
-              <circle cx="30" cy="30" r="25" stroke-width="4" stroke="#E8E8E8" fill="none" />
-              <circle cx="30" cy="30" r="25" stroke-width="4" fill="none"
-                stroke="#4FC2C9" stroke-linecap="round"
-                :stroke-dasharray="2 * Math.PI * 25"
-                :stroke-dashoffset="2 * Math.PI * 25 * (1 - (jobDetail.matchScore || 0) / 100)"
-                transform="rotate(-90 30 30)"
-              />
-            </svg>
-            <span class="agent-job-preview-panel__match-text">{{ jobDetail.matchScore || 0 }}%</span>
+
+          <!-- 岗位详情内容 -->
+          <div v-if="jobDetail" class="agent-job-drawer__body">
+            <!-- 岗位标题区域 -->
+            <div class="agent-job-drawer__job-header">
+              <!-- 左侧信息 -->
+              <div class="agent-job-drawer__job-info">
+                <h2 class="agent-job-drawer__job-title">{{ jobDetail.jobTitle }}</h2>
+                <!-- 岗位元信息 -->
+                <div class="agent-job-drawer__meta">
+                  <span v-if="jobDetail.regionName">{{ jobDetail.regionName }}</span>
+                  <span v-if="jobDetail.regionName && formatExperience"> · </span>
+                  <span v-if="formatExperience">{{ formatExperience }}</span>
+                  <span v-if="formatExperience && formatRecruitCategory"> · </span>
+                  <span v-if="formatRecruitCategory">{{ formatRecruitCategory }}</span>
+                  <span v-if="formatRecruitCategory && formatEducation"> · </span>
+                  <span v-if="formatEducation">{{ formatEducation }}</span>
+                  <span v-if="formatEducation && jobDetail.salary"> · </span>
+                  <span v-if="jobDetail.salary">{{ jobDetail.salary }}</span>
+                </div>
+              </div>
+              <!-- 右侧匹配度环 -->
+              <div class="agent-job-drawer__match">
+                <svg viewBox="0 0 62 62" class="agent-job-drawer__ring-svg">
+                  <circle cx="31" cy="31" r="27" stroke-width="4" stroke="#E8E8E8" fill="none" />
+                  <circle cx="31" cy="31" r="27" stroke-width="4" fill="none"
+                    stroke="#9FD051" stroke-linecap="round"
+                    :stroke-dasharray="2 * Math.PI * 27"
+                    :stroke-dashoffset="2 * Math.PI * 27 * (1 - (jobDetail.matchScore || 0) / 100)"
+                    transform="rotate(-90 31 31)"
+                  />
+                </svg>
+                <span class="agent-job-drawer__match-text">{{ jobDetail.matchScore || 0 }}%</span>
+              </div>
+            </div>
+
+            <!-- 岗位职责 -->
+            <div v-if="jobDetail.description" class="agent-job-drawer__section">
+              <h4 class="agent-job-drawer__section-title">岗位职责</h4>
+              <div class="agent-job-drawer__section-content">{{ jobDetail.description }}</div>
+            </div>
+
+            <!-- 任职要求 -->
+            <div v-if="jobDetail.requirement || (jobDetail.skillTags && jobDetail.skillTags.length)" class="agent-job-drawer__section">
+              <h4 class="agent-job-drawer__section-title">任职要求</h4>
+              <!-- 技能标签 -->
+              <div v-if="jobDetail.skillTags && jobDetail.skillTags.length" class="agent-job-drawer__tags">
+                <span v-for="tag in jobDetail.skillTags" :key="tag" class="agent-job-drawer__tag">{{ tag }}</span>
+              </div>
+              <div v-if="jobDetail.requirement" class="agent-job-drawer__section-content">{{ jobDetail.requirement }}</div>
+            </div>
+
+            <!-- 加分项 -->
+            <div v-if="jobDetail.bonus" class="agent-job-drawer__section">
+              <h4 class="agent-job-drawer__section-title agent-job-drawer__section-title--bonus">加分项：{{ jobDetail.bonus }}</h4>
+            </div>
+
+            <!-- 公司概况 -->
+            <div v-if="jobDetail.companyName || jobDetail.companyShortName" class="agent-job-drawer__section">
+              <h4 class="agent-job-drawer__section-title">公司概况</h4>
+              <div class="agent-job-drawer__company">
+                <!-- 公司信息行 -->
+                <div class="agent-job-drawer__company-row">
+                  <div class="agent-job-drawer__company-logo">
+                    <img v-if="jobDetail.companyLogoUrl" :src="jobDetail.companyLogoUrl" :alt="jobDetail.companyShortName" />
+                    <svg v-else viewBox="0 0 32 32" fill="none">
+                      <rect width="32" height="32" rx="4" fill="#EDF9FA"/>
+                      <path d="M8 12h16v12H8z" stroke="#52CAD1" stroke-width="1.5"/>
+                      <path d="M12 12V9a2 2 0 012-2h4a2 2 0 012 2v3" stroke="#52CAD1" stroke-width="1.5"/>
+                    </svg>
+                  </div>
+                  <div class="agent-job-drawer__company-info">
+                    <span class="agent-job-drawer__company-name">{{ jobDetail.companyShortName || jobDetail.companyName }}</span>
+                    <span class="agent-job-drawer__company-detail">
+                      {{ [jobDetail.companyIndustryName, jobDetail.companyType, jobDetail.companyScale].filter(Boolean).join(' · ') }}
+                    </span>
+                  </div>
+                </div>
+                <!-- 公司简介 -->
+                <div v-if="jobDetail.companySummary || jobDetail.companyDescription" class="agent-job-drawer__company-desc">
+                  {{ jobDetail.companySummary || jobDetail.companyDescription }}
+                </div>
+              </div>
+            </div>
           </div>
         </div>
       </div>
-
-      <!-- 岗位职责 -->
-      <div v-if="jobDetail.description" class="agent-job-preview-panel__section">
-        <h4 class="agent-job-preview-panel__section-title">岗位职责</h4>
-        <div class="agent-job-preview-panel__section-content">{{ jobDetail.description }}</div>
-      </div>
-
-      <!-- 任职要求 -->
-      <div v-if="jobDetail.requirement" class="agent-job-preview-panel__section">
-        <h4 class="agent-job-preview-panel__section-title">任职要求</h4>
-        <div class="agent-job-preview-panel__section-content">{{ jobDetail.requirement }}</div>
-      </div>
-
-      <!-- 加分项 -->
-      <div v-if="jobDetail.bonus" class="agent-job-preview-panel__section">
-        <h4 class="agent-job-preview-panel__section-title">加分项</h4>
-        <div class="agent-job-preview-panel__section-content">{{ jobDetail.bonus }}</div>
-      </div>
-    </div>
-  </div>
+    </Transition>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue'
+import { ref, computed, watch } from 'vue'
 import { fetchJobDetail } from '@/api/jobs'
 import type { JobDetailData } from '@/api/jobs'
-import { formatEmploymentType } from '@/stores/index'
 
 /** 组件 Props */
 const props = defineProps<{
+  /** 是否显示抽屉 */
+  visible: boolean
   /** 岗位 ID */
   jobId: string
   /** 投递状态（用于控制添加按钮显示） */
@@ -121,23 +124,36 @@ const props = defineProps<{
 
 /** 事件 */
 const emit = defineEmits<{
-  /** 返回上一个面板模式 */
+  /** 关闭抽屉 */
   (e: 'back'): void
   /** 添加岗位到待投递 */
   (e: 'add', jobId: string): void
   /** 从待投递移除岗位 */
   (e: 'remove', jobId: string): void
+  /** 更新visible */
+  (e: 'update:visible', val: boolean): void
 }>()
 
 /** 加载状态 */
 const loading = ref(false)
 
-/** 添加按钮加载状态 */
-const addLoading = ref(false)
-
-/** 岗位详情数据（扩展 applicationStatus 字段） */
+/** 岗位详情数据 */
 const jobDetail = ref<(JobDetailData & { applicationStatus?: number | null }) | null>(null)
 
+/** 监听 visible 变化来加载数据 */
+watch(() => props.visible, (newVal) => {
+  if (newVal && props.jobId) {
+    loadDetail()
+  }
+})
+
+/** 监听 jobId 变化，如果面板已打开则重新加载 */
+watch(() => props.jobId, (newVal) => {
+  if (props.visible && newVal) {
+    loadDetail()
+  }
+})
+
 /** 监听 applicationStatus prop 变化，同步到 jobDetail */
 watch(() => props.applicationStatus, (newVal) => {
   if (jobDetail.value) {
@@ -145,13 +161,27 @@ watch(() => props.applicationStatus, (newVal) => {
   }
 })
 
-/** 格式化时间显示 */
-const formatTime = computed(() => {
-  // 暂时不显示具体时间，可后续扩展
-  return ''
+/** 格式化经验要求 */
+const formatExperience = computed(() => {
+  if (!jobDetail.value) return ''
+  const min = jobDetail.value.minExperience
+  if (min === 0 || min === undefined || min === null) return '经验不限'
+  return `${min}年以上`
 })
 
-/** 工作类型映射 — 使用全局统一的 formatEmploymentType */
+/** 格式化招聘分类 */
+const formatRecruitCategory = computed(() => {
+  if (!jobDetail.value) return ''
+  const map: Record<number, string> = { 0: '社招', 1: '校招', 2: '实习', 3: '其他' }
+  return map[jobDetail.value.recruitCategory] || ''
+})
+
+/** 格式化学历要求 */
+const formatEducation = computed(() => {
+  if (!jobDetail.value) return ''
+  const map: Record<number, string> = { 0: '不限', 1: '大专', 2: '本科', 3: '硕士', 4: '博士' }
+  return map[jobDetail.value.education] || ''
+})
 
 /** 加载岗位详情 */
 async function loadDetail() {
@@ -169,24 +199,11 @@ async function loadDetail() {
   }
 }
 
-/** 返回按钮 */
+/** 关闭抽屉 */
 function handleBack() {
   emit('back')
+  emit('update:visible', false)
 }
-
-/** 添加到待投递 */
-function handleAdd() {
-  emit('add', props.jobId)
-}
-
-/** 从待投递移除 */
-function handleRemove() {
-  emit('remove', props.jobId)
-}
-
-onMounted(() => {
-  loadDetail()
-})
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/AgentSettingPanel.vue b/src/components/AgentSettingPanel.vue
index 0ead859..3ba5ce6 100644
--- a/src/components/AgentSettingPanel.vue
+++ b/src/components/AgentSettingPanel.vue
@@ -1,93 +1,233 @@
 <template>
-  <!-- Agent设置面板 — 右侧常驻面板（精简版） -->
+  <!-- Agent设置面板 — 右侧常驻面板 -->
   <div class="agent-setting-panel">
-    <div class="agent-setting-panel__body">
+    <!-- 头部标题 -->
+    <div class="agent-setting-panel__header">
+      <div class="agent-setting-panel__title">投递助手设置</div>
+      <div class="agent-setting-panel__subtitle">调整你的投递偏好</div>
+    </div>
 
-      <!-- ========== 个人资料 ========== -->
-      <div class="agent-setting-panel__section">
-        <div class="agent-setting-panel__section-header">
-          <span class="agent-setting-panel__section-title">个人资料</span>
-          <span class="agent-setting-panel__edit-btn" @click="handleEditProfile">编辑 ✎</span>
+    <!-- 分隔线1 -->
+    <div class="agent-setting-panel__divider"></div>
+
+    <!-- ========== 个人信息 ========== -->
+    <div class="agent-setting-panel__section mb20">
+      <div class="agent-setting-panel__section-header">
+        <span class="agent-setting-panel__section-title">个人信息</span>
+        <span class="agent-setting-panel__edit-btn" @click="handleEditProfile">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8.5 2.5L11.5 5.5M1.5 12.5L2.5 9L10.5 1L13 3.5L5 11.5L1.5 12.5Z" stroke="#52CAD1" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+          <span>编辑</span>
+        </span>
+      </div>
+      <!-- 一行简要信息：姓名 · 电话 · 城市 -->
+      <div class="agent-setting-panel__info-text">
+        {{ profileSummaryText }}
+      </div>
+    </div>
+
+    <!-- ========== 求职偏好 ========== -->
+    <div class="agent-setting-panel__section">
+      <div class="agent-setting-panel__section-header">
+        <span class="agent-setting-panel__section-title">求职偏好</span>
+        <span class="agent-setting-panel__edit-btn" @click="showJobGoalDialog = true">
+          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M8.5 2.5L11.5 5.5M1.5 12.5L2.5 9L10.5 1L13 3.5L5 11.5L1.5 12.5Z" stroke="#52CAD1" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+          </svg>
+          <span>编辑</span>
+        </span>
+      </div>
+      <!-- 求职偏好内容：多行文字展示 -->
+      <div class="agent-setting-panel__goal-content">
+        <p v-if="intentionRegionText">{{ intentionRegionText }}</p>
+        <p v-if="intentionCategoryText">{{ intentionCategoryText }}</p>
+        <p v-if="intentionIndustryText">{{ intentionIndustryText }}</p>
+        <p v-if="intentionEmpText">{{ intentionEmpText }}</p>
+        <p v-if="intentionTags.length === 0" class="agent-setting-panel__empty-text">暂未设置</p>
+      </div>
+    </div>
+
+    <!-- 分隔线2 -->
+    <div class="agent-setting-panel__divider"></div>
+
+    <!-- ========== 投递简历 ========== -->
+    <div class="agent-setting-panel__section">
+      <div class="agent-setting-panel__section-title">投递简历</div>
+      <div class="agent-setting-panel__resume-dropdown" @click="showResumeDropdown = !showResumeDropdown">
+        <span class="agent-setting-panel__resume-name">{{ selectedResumeName || '请选择简历' }}</span>
+        <svg class="agent-setting-panel__resume-arrow" :class="{ 'agent-setting-panel__resume-arrow--open': showResumeDropdown }" width="14" height="14" viewBox="0 0 14 14" fill="none">
+          <path d="M4 6L7 9L10 6" stroke="#6A7282" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+      </div>
+      <!-- 下拉选项 -->
+      <div v-if="showResumeDropdown" class="agent-setting-panel__resume-options">
+        <div
+          v-for="r in resumeList"
+          :key="r.id"
+          class="agent-setting-panel__resume-option"
+          :class="{ 'agent-setting-panel__resume-option--active': selectedResumeId === r.id }"
+          @click="handleSelectResume(r)"
+        >{{ r.resumeName }}</div>
+      </div>
+    </div>
+
+    <!-- 分隔线3 -->
+    <div class="agent-setting-panel__divider"></div>
+
+    <!-- ========== 投递偏好 ========== -->
+    <div class="agent-setting-panel__section">
+      <div class="agent-setting-panel__section-title">投递偏好</div>
+      <!-- 开启简历针对性优化 -->
+      <div class="agent-setting-panel__switch-item">
+        <div class="agent-setting-panel__switch-text">
+          <span class="agent-setting-panel__switch-label">开启简历针对性优化</span>
+          <span class="agent-setting-panel__switch-desc">结合岗位要求，自动优化简历表达</span>
         </div>
-        <!-- 简要信息展示 -->
-        <div class="agent-setting-panel__profile-info">
-          <div class="agent-setting-panel__profile-name">{{ profile.name || '未填写' }}</div>
-          <div class="agent-setting-panel__profile-sub">{{ profileSubText }}</div>
+        <div class="agent-setting-panel__toggle" :class="{ 'agent-setting-panel__toggle--on': autoOptimizeSwitch }" @click="toggleOptimize">
+          <div class="agent-setting-panel__toggle-dot"></div>
         </div>
       </div>
-
-      <!-- ========== 求职目标 ========== -->
-      <div class="agent-setting-panel__section">
-        <div class="agent-setting-panel__section-header">
-          <span class="agent-setting-panel__section-title">求职目标</span>
-          <span class="agent-setting-panel__edit-btn" @click="showJobGoalDialog = true">编辑 ✎</span>
+      <!-- 开启深度人岗匹配分析 -->
+      <div class="agent-setting-panel__switch-item">
+        <div class="agent-setting-panel__switch-text">
+          <span class="agent-setting-panel__switch-label">开启深度人岗匹配分析</span>
+          <span class="agent-setting-panel__switch-desc">分析你的匹配优势与差距</span>
         </div>
-        <!-- 求职意向标签 -->
-        <div class="agent-setting-panel__goal-tags">
-          <span v-for="name in intentionTags" :key="name" class="agent-setting-panel__goal-tag">{{ name }}</span>
-          <span v-if="intentionTags.length === 0" class="agent-setting-panel__empty-text">暂未设置</span>
-        </div>
-      </div>
-
-      <!-- ========== 投递简历 ========== -->
-      <div class="agent-setting-panel__section">
-        <div class="agent-setting-panel__section-title">投递简历</div>
-        <el-select v-model="selectedResumeId" placeholder="请选择简历" class="agent-setting-panel__resume-select" @change="handleResumeChange">
-          <el-option v-for="r in resumeList" :key="r.id" :label="r.resumeName" :value="r.id || ''" />
-        </el-select>
-      </div>
-
-      <!-- ========== 投递偏好 ========== -->
-      <div class="agent-setting-panel__section">
-        <div class="agent-setting-panel__section-title">投递偏好</div>
-        <!-- 简历针对性优化 -->
-        <div class="agent-setting-panel__pref-item">
-          <div class="agent-setting-panel__pref-left">
-            <span class="agent-setting-panel__pref-check" :class="{ 'agent-setting-panel__pref-check--active': autoOptimizeSwitch }">
-              <svg v-if="autoOptimizeSwitch" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.2"/><path d="M5 8l2 2 4-4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-              <svg v-else viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.2"/></svg>
-            </span>
-            <div class="agent-setting-panel__pref-text">
-              <span class="agent-setting-panel__pref-label">开启简历针对性优化</span>
-              <span class="agent-setting-panel__pref-desc">结合岗位要求，自动优化简历表达</span>
-            </div>
-          </div>
-          <el-switch v-model="autoOptimizeSwitch" active-color="#4FC2C9" @change="handleSavePreference" />
-        </div>
-        <!-- 深度人岗匹配分析 -->
-        <div class="agent-setting-panel__pref-item">
-          <div class="agent-setting-panel__pref-left">
-            <span class="agent-setting-panel__pref-check" :class="{ 'agent-setting-panel__pref-check--active': autoMatchAnalysisSwitch }">
-              <svg v-if="autoMatchAnalysisSwitch" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.2"/><path d="M5 8l2 2 4-4" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-              <svg v-else viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.2"/></svg>
-            </span>
-            <div class="agent-setting-panel__pref-text">
-              <span class="agent-setting-panel__pref-label">开启深度人岗匹配分析</span>
-              <span class="agent-setting-panel__pref-desc">根据岗位要求，分析你的匹配优势与差距</span>
-            </div>
-          </div>
-          <el-switch v-model="autoMatchAnalysisSwitch" active-color="#4FC2C9" @change="handleSavePreference" />
-        </div>
-      </div>
-
-      <!-- ========== 浏览器插件 ========== -->
-      <div class="agent-setting-panel__section">
-        <div class="agent-setting-panel__section-title">浏览器插件</div>
-        <div class="agent-setting-panel__browser-btns">
-          <button class="agent-setting-panel__browser-btn" @click="openBrowserGuide('chrome')">Chrome浏览器</button>
-          <button class="agent-setting-panel__browser-btn" @click="openBrowserGuide('edge')">Edge浏览器</button>
+        <div class="agent-setting-panel__toggle" :class="{ 'agent-setting-panel__toggle--on': autoMatchAnalysisSwitch }" @click="toggleMatch">
+          <div class="agent-setting-panel__toggle-dot"></div>
         </div>
       </div>
     </div>
 
-    <!-- 个人资料编辑抽屉 -->
-    <ProfileEditDrawer
-      v-model="showEditDrawer"
-      :module="editModule"
-      :initial-data="editInitialData"
-      :saving="saving"
-      @save="handleSaveEdit"
-    />
+    <!-- 分隔线4 -->
+    <div class="agent-setting-panel__divider"></div>
+
+    <!-- ========== 浏览器插件 ========== -->
+    <div class="agent-setting-panel__section">
+      <div class="agent-setting-panel__section-title">浏览器插件</div>
+      <div class="agent-setting-panel__browser-btns">
+        <button class="agent-setting-panel__browser-btn" @click="openBrowserGuide('chrome')">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_498_4683)">
+              <path d="M8.00014 12.4507C10.4586 12.4507 12.4515 10.4577 12.4515 7.99929C12.4515 5.54085 10.4586 3.54785 8.00014 3.54785C5.54171 3.54785 3.54871 5.54085 3.54871 7.99929C3.54871 10.4577 5.54164 12.4507 8.00008 12.4507" fill="white"/>
+              <path d="M2.24315 5.81204C1.91106 5.23683 1.52073 4.63314 1.07215 4.00098C0.369879 5.21706 0.000145925 6.59661 0.000122071 8.0009C9.82178e-05 9.4052 0.369785 10.7848 1.07201 12.0009C1.77424 13.217 2.78426 14.2268 4.00052 14.9288C5.21678 15.6307 6.59641 16.0001 8.00071 15.9998C8.737 14.9671 9.23692 14.2225 9.50046 13.766C10.0066 12.8893 10.6613 11.6341 11.4644 10.0004V9.99941C11.1135 10.6077 10.6087 11.113 10.0006 11.4643C9.39254 11.8156 8.70268 12.0006 8.00042 12.0007C7.29817 12.0008 6.60826 11.816 6.00008 11.4649C5.3919 11.1138 4.88689 10.6087 4.53584 10.0005C3.44509 7.96623 2.68086 6.57004 2.24315 5.81204Z" fill="#229342"/>
+              <path d="M8.00046 16.0002C9.05106 16.0004 10.0914 15.7936 11.0621 15.3916C12.0327 14.9896 12.9147 14.4003 13.6575 13.6574C14.4004 12.9145 14.9896 12.0325 15.3915 11.0619C15.7935 10.0912 16.0002 9.05084 16 8.00024C15.9997 6.59593 15.6297 5.21644 14.9273 4.00043C13.4118 3.85105 12.2933 3.77637 11.5719 3.77637C10.7539 3.77637 9.56323 3.85105 7.9999 4.00043L7.99902 4.00105C8.7013 4.00071 9.39128 4.18529 9.99958 4.53623C10.6079 4.88717 11.113 5.39211 11.4643 6.00024C11.8155 6.60838 12.0004 7.29828 12.0004 8.00056C12.0004 8.70284 11.8155 9.39274 11.4642 10.0009L8.00046 16.0002Z" fill="#FBC116"/>
+              <path d="M8.00013 11.1677C9.74913 11.1677 11.1669 9.74992 11.1669 8.00086C11.1669 6.2518 9.74913 4.83398 8.00006 4.83398C6.25113 4.83398 4.83325 6.25186 4.83325 8.00086C4.83325 9.74986 6.25113 11.1677 8.00013 11.1677Z" fill="#1A73E8"/>
+              <path d="M8.00014 4.00027H14.9275C14.2255 2.78399 13.2157 1.77397 11.9995 1.07176C10.7834 0.369547 9.40384 -9.50021e-05 7.99953 1.83149e-08C6.59522 9.50388e-05 5.21569 0.369924 3.99965 1.0723C2.78362 1.77467 1.77394 2.78484 1.07214 4.00121L4.53583 10.0006L4.53677 10.0011C4.18536 9.39306 4.00025 8.70322 4.00004 8.00095C3.99984 7.29868 4.18455 6.60873 4.53559 6.0005C4.88664 5.39226 5.39165 4.88718 5.99983 4.53605C6.60802 4.18491 7.29794 4.0001 8.00021 4.00021L8.00014 4.00027Z" fill="#E33B2E"/>
+            </g>
+            <defs>
+              <clipPath id="clip0_498_4683">
+                <rect width="16" height="16" fill="white"/>
+              </clipPath>
+            </defs>
+          </svg>
+          <span>Chrome浏览器</span>
+        </button>
+        <button class="agent-setting-panel__browser-btn" @click="openBrowserGuide('edge')">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_498_4700)">
+              <path d="M14.4375 11.9059C14.225 12.0184 14.0062 12.1184 13.7812 12.1996C13.0625 12.4684 12.3062 12.6059 11.5375 12.6059C8.5812 12.6059 6.0062 10.5746 6.0062 7.96211C6.01245 7.24961 6.4062 6.59336 7.0312 6.25586C4.3562 6.36836 3.6687 9.15586 3.6687 10.7871C3.6687 15.4059 7.92495 15.8746 8.8437 15.8746C9.33745 15.8746 10.0812 15.7309 10.5312 15.5871L10.6125 15.5621C12.3375 14.9684 13.8 13.8059 14.775 12.2621C14.85 12.1434 14.8125 11.9934 14.7 11.9184C14.6187 11.8684 14.5187 11.8621 14.4375 11.9059Z" fill="url(#paint0_linear_498_4700)"/>
+              <path opacity="0.35" d="M14.4375 11.9059C14.225 12.0184 14.0062 12.1184 13.7812 12.1996C13.0625 12.4684 12.3062 12.6059 11.5375 12.6059C8.5812 12.6059 6.0062 10.5746 6.0062 7.96211C6.01245 7.24961 6.4062 6.59336 7.0312 6.25586C4.3562 6.36836 3.6687 9.15586 3.6687 10.7871C3.6687 15.4059 7.92495 15.8746 8.8437 15.8746C9.33745 15.8746 10.0812 15.7309 10.5312 15.5871L10.6125 15.5621C12.3375 14.9684 13.8 13.8059 14.775 12.2621C14.85 12.1434 14.8125 11.9934 14.7 11.9184C14.6187 11.8684 14.5187 11.8621 14.4375 11.9059Z" fill="url(#paint1_radial_498_4700)"/>
+              <path d="M6.60629 15.0877C6.05004 14.7439 5.56879 14.2877 5.18754 13.7564C3.54379 11.5064 4.03754 8.3502 6.28754 6.70645C6.52504 6.5377 6.76879 6.38145 7.03129 6.25645C7.22504 6.1627 7.55629 6.0002 8.00004 6.00645C8.63129 6.0127 9.22504 6.3127 9.60629 6.81895C9.85629 7.15645 10 7.5627 10.0063 7.9877C10.0063 7.9752 11.5375 3.0127 5.00629 3.0127C2.26254 3.0127 0.00628588 5.61895 0.00628588 7.9002C-0.00621412 9.10645 0.256286 10.3064 0.762536 11.4002C2.48754 15.0752 6.68754 16.8752 10.5375 15.5939C9.21879 16.0064 7.78129 15.8252 6.60629 15.0877Z" fill="url(#paint2_linear_498_4700)"/>
+              <path opacity="0.41" d="M6.60629 15.0877C6.05004 14.7439 5.56879 14.2877 5.18754 13.7564C3.54379 11.5064 4.03754 8.3502 6.28754 6.70645C6.52504 6.5377 6.76879 6.38145 7.03129 6.25645C7.22504 6.1627 7.55629 6.0002 8.00004 6.00645C8.63129 6.0127 9.22504 6.3127 9.60629 6.81895C9.85629 7.15645 10 7.5627 10.0063 7.9877C10.0063 7.9752 11.5375 3.0127 5.00629 3.0127C2.26254 3.0127 0.00628588 5.61895 0.00628588 7.9002C-0.00621412 9.10645 0.256286 10.3064 0.762536 11.4002C2.48754 15.0752 6.68754 16.8752 10.5375 15.5939C9.21879 16.0064 7.78129 15.8252 6.60629 15.0877Z" fill="url(#paint3_radial_498_4700)"/>
+              <path d="M9.51875 9.30625C9.46875 9.36875 9.3125 9.4625 9.3125 9.6625C9.3125 9.825 9.41875 9.98125 9.60625 10.1125C10.5062 10.7375 12.2 10.6562 12.2063 10.6562C12.875 10.6562 13.525 10.475 14.1 10.1375C15.275 9.45 16 8.19375 16 6.83125C16.0187 5.43125 15.5 4.5 15.2937 4.0875C13.9688 1.49375 11.1062 0 8 0C3.625 0 0.0625 3.5125 0 7.8875C0.03125 5.60625 2.3 3.7625 5 3.7625C5.21875 3.7625 6.46875 3.78125 7.625 4.39375C8.64375 4.93125 9.18125 5.575 9.55 6.21875C9.9375 6.8875 10.0063 7.725 10.0063 8.0625C10.0063 8.39375 9.8375 8.89375 9.51875 9.30625Z" fill="url(#paint4_radial_498_4700)"/>
+              <path d="M9.51875 9.30625C9.46875 9.36875 9.3125 9.4625 9.3125 9.6625C9.3125 9.825 9.41875 9.98125 9.60625 10.1125C10.5062 10.7375 12.2 10.6562 12.2063 10.6562C12.875 10.6562 13.525 10.475 14.1 10.1375C15.275 9.45 16 8.19375 16 6.83125C16.0187 5.43125 15.5 4.5 15.2937 4.0875C13.9688 1.49375 11.1062 0 8 0C3.625 0 0.0625 3.5125 0 7.8875C0.03125 5.60625 2.3 3.7625 5 3.7625C5.21875 3.7625 6.46875 3.78125 7.625 4.39375C8.64375 4.93125 9.18125 5.575 9.55 6.21875C9.9375 6.8875 10.0063 7.725 10.0063 8.0625C10.0063 8.39375 9.8375 8.89375 9.51875 9.30625Z" fill="url(#paint5_radial_498_4700)"/>
+            </g>
+            <defs>
+              <linearGradient id="paint0_linear_498_4700" x1="3.66895" y1="11.0634" x2="14.8116" y2="11.0634" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#0C59A4"/>
+                <stop offset="1" stop-color="#114A8B"/>
+              </linearGradient>
+              <radialGradient id="paint1_radial_498_4700" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.82444 11.1519) scale(5.96065 5.662)">
+                <stop offset="0.72" stop-opacity="0"/>
+                <stop offset="0.95" stop-opacity="0.53"/>
+                <stop offset="1"/>
+              </radialGradient>
+              <linearGradient id="paint2_linear_498_4700" x1="9.54822" y1="6.23432" x2="2.58741" y2="13.8163" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#1B9DE2"/>
+                <stop offset="0.16" stop-color="#1595DF"/>
+                <stop offset="0.67" stop-color="#0680D7"/>
+                <stop offset="1" stop-color="#0078D4"/>
+              </linearGradient>
+              <radialGradient id="paint3_radial_498_4700" cx="0" cy="0" r="1" gradientTransform="matrix(1.34287 -8.86118 7.162 1.0743 4.41307 12.4383)" gradientUnits="userSpaceOnUse">
+                <stop offset="0.76" stop-opacity="0"/>
+                <stop offset="0.95" stop-opacity="0.5"/>
+                <stop offset="1"/>
+              </radialGradient>
+              <radialGradient id="paint4_radial_498_4700" cx="0" cy="0" r="1" gradientTransform="matrix(-0.506075 12.6493 -26.9472 -1.0119 1.61573 2.96205)" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#35C1F1"/>
+                <stop offset="0.11" stop-color="#34C1ED"/>
+                <stop offset="0.23" stop-color="#2FC2DF"/>
+                <stop offset="0.31" stop-color="#2BC3D2"/>
+                <stop offset="0.67" stop-color="#36C752"/>
+              </radialGradient>
+              <radialGradient id="paint5_radial_498_4700" cx="0" cy="0" r="1" gradientTransform="matrix(1.70345 5.83918 -4.74533 1.39926 15.0038 4.83786)" gradientUnits="userSpaceOnUse">
+                <stop stop-color="#66EB6E"/>
+                <stop offset="1" stop-color="#66EB6E" stop-opacity="0"/>
+              </radialGradient>
+              <clipPath id="clip0_498_4700">
+                <rect width="16" height="16" fill="white"/>
+              </clipPath>
+            </defs>
+          </svg>
+          <span>Edge浏览器</span>
+        </button>
+      </div>
+    </div>
+
+    <!-- 个人信息编辑弹窗 -->
+    <div v-if="showEditDialog" class="agent-setting-panel__edit-overlay" @click.self="showEditDialog = false">
+      <div class="agent-setting-panel__edit-dialog">
+        <!-- 弹窗头部 -->
+        <div class="agent-setting-panel__edit-dialog-header">
+          <span class="agent-setting-panel__edit-dialog-title">个人信息</span>
+          <svg class="agent-setting-panel__edit-dialog-close" @click="showEditDialog = false" width="24" height="24" viewBox="0 0 24 24" fill="none">
+            <path d="M6 6L18 18M18 6L6 18" stroke="#6A7282" stroke-width="1.5" stroke-linecap="round"/>
+          </svg>
+        </div>
+        <!-- 表单内容 -->
+        <div class="agent-setting-panel__edit-dialog-body">
+          <!-- 第一行：姓名 + 电话 -->
+          <div class="agent-setting-panel__edit-row">
+            <div class="agent-setting-panel__edit-field">
+              <label class="agent-setting-panel__edit-label">姓名</label>
+              <input class="agent-setting-panel__edit-input" v-model="editForm.name" placeholder="请输入姓名" />
+            </div>
+            <div class="agent-setting-panel__edit-field">
+              <label class="agent-setting-panel__edit-label">电话</label>
+              <input class="agent-setting-panel__edit-input" v-model="editForm.phone" placeholder="请输入电话" />
+            </div>
+          </div>
+          <!-- 第二行：微信 + 邮箱 -->
+          <div class="agent-setting-panel__edit-row">
+            <div class="agent-setting-panel__edit-field">
+              <label class="agent-setting-panel__edit-label">微信</label>
+              <input class="agent-setting-panel__edit-input" v-model="editForm.wechat" placeholder="请输入微信号" />
+            </div>
+            <div class="agent-setting-panel__edit-field">
+              <label class="agent-setting-panel__edit-label">邮箱</label>
+              <input class="agent-setting-panel__edit-input" v-model="editForm.email" placeholder="请输入邮箱" />
+            </div>
+          </div>
+          <!-- 第三行：所在城市 -->
+          <div class="agent-setting-panel__edit-field agent-setting-panel__edit-field--full">
+            <label class="agent-setting-panel__edit-label">所在城市</label>
+            <div class="agent-setting-panel__edit-city">
+              <RegionSelector
+                :regionCodes="editLocationCodes"
+                :level="2"
+                :maxSelect="1"
+                :triggerStyle="cityTriggerStyle"
+                @update:regionCodes="onEditLocationChange"
+              />
+            </div>
+          </div>
+        </div>
+        <!-- 保存按钮 -->
+        <button class="agent-setting-panel__edit-dialog-save" :disabled="saving" @click="handleSaveEdit">保存</button>
+      </div>
+    </div>
 
     <!-- 求职目标设置弹窗 -->
     <JobGoalDialog v-model="showJobGoalDialog" />
@@ -97,9 +237,10 @@
 <script setup lang="ts">
 import { ref, computed, onMounted } from 'vue'
 import { useStore } from 'vuex'
+import { ElMessage } from 'element-plus'
 import { formatEmploymentType } from '@/stores/index'
-import ProfileEditDrawer from '@/components/ProfileEditDrawer.vue'
 import JobGoalDialog from '@/components/JobGoalDialog.vue'
+import RegionSelector from '@/components/tools/RegionSelector.vue'
 import { saveProfile, fetchProfile, fetchEducation } from '@/api/profile'
 import { resolveRegionName } from '@/utils/region'
 import { resolveIndustryName } from '@/utils/industry'
@@ -125,13 +266,14 @@ const profile = ref({
   education: [] as Array<{ school: string; major: string; degree: number }>,
 })
 
-/** 个人资料副标题（学校·学历） */
-const profileSubText = computed(() => {
-  if (profile.value.education.length === 0) return ''
-  const edu = profile.value.education[0]
-  const degreeMap: Record<number, string> = { 1: '大专', 2: '本科', 3: '硕士', 4: '博士' }
-  const parts = [edu.school, degreeMap[edu.degree]].filter(Boolean)
-  return parts.join('·')
+/** 个人信息摘要文字（姓名 · 电话 · 城市） */
+const profileSummaryText = computed(() => {
+  const parts: string[] = []
+  if (profile.value.name) parts.push(profile.value.name)
+  if (profile.value.phone) parts.push(profile.value.phone)
+  const cityName = resolveRegionName(profile.value.regionCode)
+  if (cityName) parts.push(cityName)
+  return parts.length > 0 ? parts.join(' · ') : '未填写'
 })
 
 /** 加载个人资料 */
@@ -152,7 +294,7 @@ async function loadProfile() {
   } catch { /* 静默 */ }
 }
 
-/** 加载教育经历（只取第一条显示） */
+/** 加载教育经历 */
 async function loadEducation() {
   try {
     const res = await fetchEducation()
@@ -166,43 +308,73 @@ async function loadEducation() {
   } catch { /* 静默 */ }
 }
 
-// ==================== 编辑抽屉 ====================
+// ==================== 编辑弹窗 ====================
 
-/** 编辑抽屉显隐 */
-const showEditDrawer = ref(false)
-const editModule = ref('info')
-const editInitialData = ref<Record<string, any>>({})
+/** 编辑弹窗显隐 */
+const showEditDialog = ref(false)
 const saving = ref(false)
 
-/** 打开编辑个人资料 */
+/** 编辑表单数据 */
+const editForm = ref({
+  name: '',
+  phone: '',
+  wechat: '',
+  email: '',
+  location: '',
+})
+
+/** 城市选择器当前编码 */
+const editLocationCodes = ref<string[]>([])
+
+/** 城市选择器触发按钮样式 */
+const cityTriggerStyle: Record<string, string> = {
+  width: '100%',
+  'box-sizing': 'border-box',
+  padding: '0.08rem 0.16rem',
+  'font-size': '0.14rem',
+  color: '#1A1A1A',
+  background: '#F3F4F6',
+  border: 'none',
+  'border-radius': '0.08rem',
+  'justify-content': 'space-between',
+}
+
+/** 打开编辑弹窗 */
 function handleEditProfile() {
-  editModule.value = 'info'
-  editInitialData.value = {
+  editForm.value = {
     name: profile.value.name,
-    email: profile.value.email,
     phone: profile.value.phone,
-    location: profile.value.regionCode,
     wechat: profile.value.wechat,
+    email: profile.value.email,
+    location: profile.value.regionCode,
   }
-  showEditDrawer.value = true
+  editLocationCodes.value = profile.value.regionCode ? [profile.value.regionCode] : []
+  showEditDialog.value = true
+}
+
+/** 城市选择回调 */
+function onEditLocationChange(codes: string[]) {
+  editLocationCodes.value = codes
+  editForm.value.location = codes[0] || ''
 }
 
 /** 保存编辑 */
-async function handleSaveEdit(data: Record<string, any>) {
+async function handleSaveEdit() {
   saving.value = true
   try {
     await saveProfile({
-      name: data.name,
-      email: data.email,
-      mobileNumber: data.phone,
-      regionCode: data.location,
-      wechatNumber: data.wechat,
+      name: editForm.value.name,
+      email: editForm.value.email,
+      mobileNumber: editForm.value.phone,
+      regionCode: editForm.value.location,
+      wechatNumber: editForm.value.wechat,
     })
-    profile.value.name = data.name
-    profile.value.email = data.email
-    profile.value.phone = data.phone
-    profile.value.wechat = data.wechat
-    profile.value.regionCode = data.location || ''
+    profile.value.name = editForm.value.name
+    profile.value.email = editForm.value.email
+    profile.value.phone = editForm.value.phone
+    profile.value.wechat = editForm.value.wechat
+    profile.value.regionCode = editForm.value.location
+    showEditDialog.value = false
     ElMessage.success('个人信息保存成功')
   } catch {
     ElMessage.error('保存失败，请重试')
@@ -215,7 +387,7 @@ async function handleSaveEdit(data: Record<string, any>) {
 
 const showJobGoalDialog = ref(false)
 
-/** 求职意向标签（汇总岗位+行业+地区+招聘类型） */
+/** 求职意向标签（汇总） */
 const intentionTags = computed(() => {
   const tags: string[] = []
   const catIds = store.state.jobIntention?.categoryIds || []
@@ -229,10 +401,43 @@ const intentionTags = computed(() => {
   return tags
 })
 
+/** 求职偏好 — 地区文字 */
+const intentionRegionText = computed(() => {
+  const regCodes = store.state.jobIntention?.regionCodes || []
+  const names = regCodes.map((code: string) => resolveRegionName(code)).filter(Boolean)
+  return names.length > 0 ? names.join('、') : ''
+})
+
+/** 求职偏好 — 岗位文字 */
+const intentionCategoryText = computed(() => {
+  const catIds = store.state.jobIntention?.categoryIds || []
+  const names = catIds.map((id: number) => resolveJobCategoryName(id)).filter(Boolean)
+  return names.length > 0 ? names.join('、') : ''
+})
+
+/** 求职偏好 — 行业文字 */
+const intentionIndustryText = computed(() => {
+  const indIds = store.state.jobIntention?.industryIds || []
+  const names = indIds.map((id: number) => resolveIndustryName(id)).filter(Boolean)
+  return names.length > 0 ? names.join('、') : ''
+})
+
+/** 求职偏好 — 招聘类型文字 */
+const intentionEmpText = computed(() => {
+  return formatEmploymentType(store.state.jobIntention?.recruitCategory) || ''
+})
+
 // ==================== 投递简历 ====================
 
 const resumeList = ref<ResumeListItem[]>([])
 const selectedResumeId = ref('')
+const showResumeDropdown = ref(false)
+
+/** 当前选中简历名称 */
+const selectedResumeName = computed(() => {
+  const found = resumeList.value.find(r => r.id === selectedResumeId.value)
+  return found?.resumeName || ''
+})
 
 /** 加载简历列表 */
 async function loadResumeList() {
@@ -246,19 +451,32 @@ async function loadResumeList() {
   } catch { /* 静默 */ }
 }
 
-/** 切换简历时设为默认 */
-async function handleResumeChange(newId: string) {
-  if (!newId) return
-  try {
-    await setDefaultResume(newId)
-  } catch { /* 静默 */ }
+/** 选择简历 */
+function handleSelectResume(r: ResumeListItem) {
+  selectedResumeId.value = r.id || ''
+  showResumeDropdown.value = false
+  if (r.id) {
+    setDefaultResume(r.id).catch(() => { /* 静默 */ })
+  }
 }
 
 // ==================== 投递偏好 ====================
 
-const autoOptimizeSwitch = ref(true)
+const autoOptimizeSwitch = ref(false)
 const autoMatchAnalysisSwitch = ref(true)
 
+/** 切换简历优化开关 */
+function toggleOptimize() {
+  autoOptimizeSwitch.value = !autoOptimizeSwitch.value
+  handleSavePreference()
+}
+
+/** 切换匹配分析开关 */
+function toggleMatch() {
+  autoMatchAnalysisSwitch.value = !autoMatchAnalysisSwitch.value
+  handleSavePreference()
+}
+
 /** 加载配置 */
 async function loadAgentConfigData() {
   try {
@@ -282,7 +500,7 @@ async function handleSavePreference() {
 
 // ==================== 浏览器插件 ====================
 
-/** 打开浏览器安装指引（简单跳转） */
+/** 打开浏览器安装指引 */
 function openBrowserGuide(browser: string) {
   if (browser === 'chrome') {
     ElMessage.info('请复制地址 chrome://extensions 到浏览器打开')
diff --git a/src/components/AgentSetupWizard.vue b/src/components/AgentSetupWizard.vue
index 8606a45..73ebd76 100644
--- a/src/components/AgentSetupWizard.vue
+++ b/src/components/AgentSetupWizard.vue
@@ -1,266 +1,379 @@
 <template>
   <!-- 求职助手准备向导 — 第1步到第4步 -->
-  <div class="agent-page__wizard">
-    <!-- 个人资料编辑抽屉 -->
-    <ProfileEditDrawer
-      v-model="showEditDrawer"
-      :module="editModule"
-      :initial-data="editInitialData"
-      @save="handleSaveEdit"
-    />
+  <div class="bg-f ptb16 prl24 mb16 fs18 fw600">投递准备</div>
+  <div>
+    <div class="agent-page__wizard bg-f prl32 ptb24 border-ra12 mrl24">
 
-    <!-- 顶部步骤导航条 -->
-    <div class="agent-page__steps">
-      <template v-for="(step, index) in steps" :key="index">
-        <div
-          class="agent-page__step"
-          :class="{ 'agent-page__step--active': currentStep === index + 1 }"
-        >
-          <span class="agent-page__step-number">{{ index + 1 }}</span>
-          <span class="agent-page__step-label">{{ step }}</span>
-        </div>
-        <span v-if="index < steps.length - 1" class="agent-page__step-arrow">
-          <svg viewBox="0 0 16 16" fill="none">
-            <path d="M6 4l4 4-4 4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
-          </svg>
-        </span>
-      </template>
-    </div>
+      <!-- 个人资料编辑抽屉 -->
+      <ProfileEditDrawer
+          v-model="showEditDrawer"
+          :module="editModule"
+          :initial-data="editInitialData"
+          @save="handleSaveEdit"
+      />
 
-    <!-- 主体内容区域 -->
-    <div class="agent-page__main">
-      <!-- ========== 第1步：确认个人资料 ========== -->
-      <template v-if="currentStep === 1">
-        <div class="agent-page__right">
-          <div class="agent-page__profile-wrapper">
-            <ProfilePageContent :profile="profile" @edit="handleEdit" @save="handleInlineSave" @exp-update="handleExpUpdate" @exp-add="handleExpAdd" @exp-delete="handleExpDelete" />
+      <!-- 顶部步骤导航条 -->
+      <div class="agent-page__steps">
+        <template v-for="(step, index) in steps" :key="index">
+          <div
+              class="agent-page__step"
+              :class="{ 'agent-page__step--active': currentStep === index + 1 }"
+          >
+            <span class="agent-page__step-number">{{ index + 1 }}</span>
+            <span class="agent-page__step-label">{{ step }}</span>
           </div>
-        </div>
-        <div class="agent-page__left">
-          <div class="agent-page__intro-card">
-            <div class="agent-page__intro-header por">
-              <div v-if="false" class="agent-page__intro-icon poa l-22 t0">
-                <svg viewBox="0 0 24 24" fill="none"><path d="M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v2h20v-2c0-3.3-6.7-5-10-5z" fill="currentColor"/></svg>
+          <span v-if="index < steps.length - 1" class="agent-page__step-line"></span>
+        </template>
+      </div>
+
+      <!-- 主体内容区域 -->
+      <div class="agent-page__main">
+        <!-- ========== 第1步：确认个人资料 ========== -->
+        <template v-if="currentStep === 1">
+          <div class="agent-page__right">
+            <div class="agent-page__profile-wrapper">
+              <ProfilePageContent :profile="profile" @edit="handleEdit" @save="handleInlineSave" @exp-update="handleExpUpdate" @exp-add="handleExpAdd" @exp-delete="handleExpDelete" />
+            </div>
+          </div>
+          <div class="agent-page__left">
+            <div class="agent-page__intro-card agent-page__intro-card--gradient">
+              <!-- Nova 头像 + 名称 -->
+              <div class="agent-page__intro-avatar-row">
+                <img src="@/assets/images/nova-logo-2.png" alt="Nova" class="agent-page__intro-avatar-img" />
+                <span class="agent-page__intro-avatar-name">Nova</span>
               </div>
+              <!-- 标题 -->
               <h2 class="agent-page__intro-title">请先确认你的个人资料是否无误</h2>
-            </div>
-            <p class="agent-page__intro-desc mb50 ">请仔细对你的资料评估（包括个人信息、教育背景、工作履历及技能），确保资料齐全，让我能顺利为你开启求职之旅。</p>
-            <div class="">
-              <div class="tac"><button class="agent-page__confirm-btn dib" @click="handleNext">确认并进入</button></div>
-              <div v-if="false" class="tac color-9 mt30 cursor-po" @click="handleBack">返回上一步</div>
+              <!-- 描述 -->
+              <p class="agent-page__intro-desc">请仔细对你的资料评估（包括个人信息、教育背景、工作履历及技能），确保资料齐全</p>
+              <!-- 按钮 -->
+              <button class="agent-page__intro-gradient-btn" @click="handleNext">下一步</button>
             </div>
           </div>
-        </div>
-        
-      </template>
 
-      <!-- ========== 第2步：确认目标 ========== -->
-      <template v-if="currentStep === 2">
-        <!-- 左侧：求职偏好 + 简历设置 -->
-        <div class="agent-page__right">
-          <div class="agent-page__profile-wrapper">
-            <!-- 求职偏好区域 -->
-            <div class="agent-page__pref-section">
-              <h3 class="agent-page__pref-section-title">求职偏好</h3>
-              <p class="agent-page__pref-section-desc">这些是你之前设定的求职偏好。如有需要，请随时修改。</p>
-              <div class="agent-page__pref-filters">
-                <!-- 城市选择 -->
-                <RegionSelector
-                  :regionCodes="step2RegionCodes"
-                  :level="2"
-                  :maxSelect="3"
-                  :triggerStyle="prefFilterTriggerStyle"
-                  :displayStyle="prefFilterDisplayStyle"
-                  @update:regionCodes="onStep2RegionChange"
-                />
-                <!-- 岗位选择 -->
-                <JobCategorySelector
-                  :categoryIds="step2CategoryIds"
-                  :maxSelect="3"
-                  :level="3"
-                  :allowParentSelect="true"
-                  :triggerStyle="prefFilterTriggerStyle"
-                  :displayStyle="prefFilterDisplayStyle"
-                  @update:categoryIds="onStep2CategoryChange"
-                />
-                <!-- 行业选择 -->
-                <IndustrySelector
-                  :industryIds="step2IndustryIds"
-                  :maxSelect="3"
-                  :level="2"
-                  :allowParentSelect="true"
-                  :triggerStyle="prefFilterTriggerStyle"
-                  :displayStyle="prefFilterDisplayStyle"
-                  @update:industryIds="onStep2IndustryChange"
-                />
-                <!-- 招聘分类下拉选择 -->
-                <div class="agent-page__pref-type-dropdown" @click.stop="showJobTypeDropdown = !showJobTypeDropdown">
-                  <span>{{ intentionEmploymentLabel || '类型' }}</span>
-                  <svg class="agent-page__pref-type-arrow" viewBox="0 0 12 12" fill="none">
-                    <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
-                  </svg>
-                  <!-- 下拉菜单 -->
-                  <div v-if="showJobTypeDropdown" class="agent-page__pref-type-menu" @click.stop>
-                    <div
-                      v-for="option in jobTypeOptions"
-                      :key="option.value"
-                      class="agent-page__pref-type-menu-item"
-                      :class="{ 'agent-page__pref-type-menu-item--active': store.state.jobIntention.recruitCategory === option.value }"
-                      @click.stop="selectJobType(option)"
-                    >{{ option.label }}</div>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <!-- 简历设置区域 -->
-            <div class="agent-page__resume-section">
-              <h3 class="agent-page__pref-section-title">简历设置</h3>
-              <div class="agent-page__resume-sub-label">设置默认简历</div>
-              <div class="agent-page__resume-select-row">
-                <span class="agent-page__resume-check-icon">
-                  <svg viewBox="0 0 16 16" fill="none"><rect x="2" y="2" width="12" height="12" rx="2" stroke="currentColor" stroke-width="1.2"/></svg>
-                </span>
-                <el-select v-model="selectedResumeId" placeholder="请选择简历" class="agent-page__resume-select">
-                  <el-option v-for="r in resumeList" :key="r.id" :label="r.resumeName" :value="r.id || ''" />
-                </el-select>
-              </div>
-              <!-- 自动优化简历开关 -->
-              <div class="agent-page__resume-switch-row">
-                <span class="agent-page__resume-switch-text">在投递时帮我针对岗位自动优化简历。</span>
-                <el-switch v-model="autoOptimizeSwitch" :active-color="'#4FC2C9'" />
-              </div>
-              <!-- 岗位匹配分析开关 -->
-              <div class="agent-page__resume-switch-row">
-                <span class="agent-page__resume-switch-text">在投递时帮我进行岗位匹配分析</span>
-                <el-switch v-model="autoMatchAnalysisSwitch" :active-color="'#4FC2C9'" />
-              </div>
-            </div>
-          </div>
-        </div>
-        <!-- 右侧：确认卡片 -->
-        <div class="agent-page__left">
-          <div class="agent-page__intro-card">
-            <div class="agent-page__intro-header por">
-              <div class="agent-page__intro-icon poa l-22 t0">
-                <svg viewBox="0 0 24 24" fill="none"><path d="M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v2h20v-2c0-3.3-6.7-5-10-5z" fill="currentColor"/></svg>
-              </div>
-              <h2 class="agent-page__intro-title">接下来，我想确认一下我为你搜寻的职位方向是否准确。</h2>
-            </div>
-            <p class="agent-page__intro-desc mb50">请仔细对你的资料评估（包括个人信息、教育背景、工作履历及技能），确保资料齐全，让我能顺利为你开启求职之旅。</p>
-            <div class="">
-              <div class="tac"><button class="agent-page__confirm-btn dib" @click="handleNext">确认并进入</button></div>
-              <div class="tac color-9 mt30 cursor-po" @click="handleBack">返回上一步</div>
-            </div>
-          </div>
-        </div>
-      </template>
+        </template>
 
-      <!-- ========== 第3步：安装插件 ========== -->
-      <template v-if="currentStep === 3">
-        <!-- 左侧：安装教程内容 -->
-        <div class="agent-page__right">
-          <div class="agent-page__profile-wrapper">
-            <div class="agent-page__install-guide">
-              <h3 class="agent-page__install-guide-title">安装自动填写插件</h3>
-
-              <!-- 步骤1：下载插件包 -->
-              <div class="agent-page__install-step">
-                <p class="agent-page__install-step-text">1、下载下方的插件包</p>
-                <div class="agent-page__install-download">
-                  <button class="agent-page__install-download-btn" @click="downloadExtension">
-                    <span>Offer派自动投递助手.crx</span>
-                    <svg viewBox="0 0 16 16" fill="none" width="14" height="14"><path d="M8 2v8M8 10L5 7M8 10l3-3M3 13h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
-                  </button>
-                </div>
-              </div>
-
-              <!-- 步骤2：复制地址进入扩展程序页面 -->
-              <div class="agent-page__install-step">
-                <p class="agent-page__install-step-text">2、复制右下方的蓝色地址，在浏览器地址栏粘贴并进入浏览器的扩展程序页面</p>
-                <div class="agent-page__install-step-content">
-                  <div class="agent-page__install-step-img">
-                    <img src="@/assets/images/agent-setting/2-1.png" alt="地址栏示例" />
-                  </div>
-                  <div class="agent-page__install-browser-links">
-                    <div class="agent-page__install-browser-item">
-                      <img src="@/assets/images/agent-setting/2-2.png" style="width: 3rem;height: 0.3rem;" alt="Chrome" class="agent-page__install-browser-icon" />
-                      
+        <!-- ========== 第2步：确认目标 ========== -->
+        <template v-if="currentStep === 2">
+          <!-- 左侧：求职偏好 + 简历选择 -->
+          <div class="agent-page__right">
+            <div class="agent-page__step2-panel">
+              <!-- 求职偏好区域 -->
+              <div class="agent-page__step2-section">
+                <h3 class="agent-page__step2-section-title">求职偏好</h3>
+                <div class="agent-page__step2-filters">
+                  <!-- 城市选择 -->
+                  <RegionSelector
+                      :regionCodes="step2RegionCodes"
+                      :level="2"
+                      :maxSelect="3"
+                      :triggerStyle="prefFilterTriggerStyle"
+                      :displayStyle="prefFilterDisplayStyle"
+                      @update:regionCodes="onStep2RegionChange"
+                  />
+                  <!-- 岗位选择 -->
+                  <JobCategorySelector
+                      :categoryIds="step2CategoryIds"
+                      :maxSelect="3"
+                      :level="3"
+                      :allowParentSelect="true"
+                      :triggerStyle="prefFilterTriggerStyle"
+                      :displayStyle="prefFilterDisplayStyle"
+                      @update:categoryIds="onStep2CategoryChange"
+                  />
+                  <!-- 行业选择 -->
+                  <IndustrySelector
+                      :industryIds="step2IndustryIds"
+                      :maxSelect="3"
+                      :level="2"
+                      :allowParentSelect="true"
+                      :triggerStyle="prefFilterTriggerStyle"
+                      :displayStyle="prefFilterDisplayStyle"
+                      @update:industryIds="onStep2IndustryChange"
+                  />
+                  <!-- 招聘分类下拉选择 -->
+                  <div class="agent-page__pref-type-dropdown" @click.stop="showJobTypeDropdown = !showJobTypeDropdown">
+                    <span>{{ intentionEmploymentLabel || '招聘类型' }}</span>
+                    <svg class="agent-page__pref-type-arrow" viewBox="0 0 12 12" fill="none">
+                      <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <!-- 下拉菜单 -->
+                    <div v-if="showJobTypeDropdown" class="agent-page__pref-type-menu" @click.stop>
+                      <div
+                          v-for="option in jobTypeOptions"
+                          :key="option.value"
+                          class="agent-page__pref-type-menu-item"
+                          :class="{ 'agent-page__pref-type-menu-item--active': store.state.jobIntention.recruitCategory === option.value }"
+                          @click.stop="selectJobType(option)"
+                      >{{ option.label }}</div>
                     </div>
-                    <a class="agent-page__install-browser-url" href="javascript:void(0)" @click="copyToClipboard('chrome://extensions')">
-                      chrome://extensions
-                      <svg viewBox="0 0 14 14" fill="none" width="12" height="12"><rect x="4" y="4" width="8" height="8" rx="1" stroke="currentColor" stroke-width="1"/><path d="M10 4V3a1 1 0 00-1-1H3a1 1 0 00-1 1v6a1 1 0 001 1h1" stroke="currentColor" stroke-width="1"/></svg>
-                    </a>
-                    <div class="agent-page__install-browser-item mt16">
-                      <img src="@/assets/images/agent-setting/2-3.png"  style="width: 3rem;height: 0.3rem;" alt="Edge" class="agent-page__install-browser-icon" />
-                      
+                  </div>
+                </div>
+              </div>
+              <!-- 简历选择区域 -->
+              <div class="agent-page__step2-section">
+                <h3 class="agent-page__step2-section-title">简历选择</h3>
+                <div class="agent-page__step2-filters">
+                  <!-- 自定义简历下拉 -->
+                  <div class="agent-page__step2-resume-dropdown" @click.stop="showResumeDropdown = !showResumeDropdown">
+                    <span class="agent-page__step2-resume-dropdown-text">{{ selectedResumeName || '请选择简历' }}</span>
+                    <svg class="agent-page__step2-resume-dropdown-arrow" viewBox="0 0 12 12" fill="none">
+                      <path d="M3 4.5L6 7.5L9 4.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+                    </svg>
+                    <!-- 下拉菜单 -->
+                    <div v-if="showResumeDropdown" class="agent-page__step2-resume-menu" @click.stop>
+                      <div
+                          v-for="r in resumeList"
+                          :key="r.id"
+                          class="agent-page__step2-resume-menu-item"
+                          :class="{ 'agent-page__step2-resume-menu-item--active': selectedResumeId === r.id }"
+                          @click.stop="selectResume(r)"
+                      >{{ r.resumeName }}</div>
                     </div>
-                    <a class="agent-page__install-browser-url" href="javascript:void(0)" @click="copyToClipboard('edge://extensions/')">
-                      edge://extensions/
-                      <svg viewBox="0 0 14 14" fill="none" width="12" height="12"><rect x="4" y="4" width="8" height="8" rx="1" stroke="currentColor" stroke-width="1"/><path d="M10 4V3a1 1 0 00-1-1H3a1 1 0 00-1 1v6a1 1 0 001 1h1" stroke="currentColor" stroke-width="1"/></svg>
-                    </a>
-                  </div>
-                </div>
-              </div>
-
-              <!-- 步骤3：打开开发人员模式 -->
-              <div class="agent-page__install-step">
-                <p class="agent-page__install-step-text">3、在浏览器拓展页面中打开「开发人员模式」</p>
-                <div class="agent-page__install-step-img-row">
-                  <div class="agent-page__install-step-img-item">
-                    <img src="@/assets/images/agent-setting/3-1.png" alt="打开开发人员模式" />
-                  </div>
-                </div>
-              </div>
-
-              <!-- 步骤4：拖入插件包 -->
-              <div class="agent-page__install-step">
-                <p class="agent-page__install-step-text">4、将下载好的「离线插件包」使用鼠标拖入到浏览器的扩展程序页面</p>
-                <div class="agent-page__install-step-img-row">
-                  <div class="agent-page__install-step-img-item">
-                    <img src="@/assets/images/agent-setting/4-1.png" alt="拖入插件包" />
                   </div>
                 </div>
               </div>
             </div>
           </div>
-        </div>
-        <!-- 右侧：确认卡片 -->
-        <div class="agent-page__left">
-          <div class="agent-page__intro-card">
-            <div class="agent-page__intro-header por">
-              <div class="agent-page__intro-icon poa l-22 t0">
-                <svg viewBox="0 0 24 24" fill="none"><path d="M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v2h20v-2c0-3.3-6.7-5-10-5z" fill="currentColor"/></svg>
+          <!-- 右侧：确认卡片 -->
+          <div class="agent-page__left">
+            <div class="agent-page__intro-card agent-page__intro-card--gradient">
+              <!-- Nova 头像 + 名称 -->
+              <div class="agent-page__intro-avatar-row">
+                <img src="@/assets/images/nova-logo-2.png" alt="Nova" class="agent-page__intro-avatar-img" />
+                <span class="agent-page__intro-avatar-name">Nova</span>
               </div>
-              <h2 class="agent-page__intro-title">现在我们来开启自动投递吧</h2>
-            </div>
-            <p class="agent-page__intro-desc mb20">简单四步安装 Chrome 扩展程序<br/>实现自动填表，并一站式追踪所有申请进度。</p>
-            <div class="agent-page__install-steps-list">
-              <p>1. 下载offer派自动投递助手插件包</p>
-              <p>2. 进入浏览器扩展程序界面</p>
-              <p>3. 打开扩展程序开发人员模式</p>
-              <p>4.拖入安装包，完成安装！</p>
-            </div>
-            <div class="mt30">
-              <div class="tac"><button class="agent-page__confirm-btn dib" @click="handleNext">我已安装</button></div>
-              <div class="tac color-9 mt30 cursor-po" @click="handleBack">返回上一步</div>
+              <!-- 标题 -->
+              <h2 class="agent-page__intro-title">请配置你的投递方案</h2>
+              <!-- 描述 -->
+              <p class="agent-page__intro-desc">我们会根据你的选择，为你推荐最合适的投递岗位</p>
+              <!-- 按钮 -->
+              <button class="agent-page__intro-gradient-btn" @click="handleNext">下一步</button>
+              <button class="agent-page__intro-back-btn" @click="handleBack">上一步</button>
             </div>
           </div>
-        </div>
-      </template>
+        </template>
 
-      <!-- ========== 第4步：完成配置 ========== -->
-      <template v-if="currentStep === 4">
-        <div class="agent-page__complete">
-          <div class="agent-page__complete-icon"><svg viewBox="0 0 80 80" fill="none"><rect x="8" y="8" width="64" height="64" rx="8" fill="#E8E8E8"/><circle cx="40" cy="32" r="8" fill="#BFBFBF"/><path d="M20 60 L32 44 L44 52 L56 36 L64 44 L64 64 L20 64Z" fill="#BFBFBF"/></svg></div>
-          <h2 class="agent-page__complete-title">恭喜你！你的求职助手已经准备好。</h2>
-          <p class="agent-page__complete-desc">启用求职助手后你可以随时调整求职偏好及简历信息。</p>
-          <button class="agent-page__complete-btn" @click="handleLaunchAgent">启用求职助手开始投递</button>
-        </div>
-      </template>
+
+
+        <!-- ========== 第3步：安装插件 ========== -->
+        <template v-if="currentStep === 3">
+          <!-- 左侧：安装教程内容 -->
+          <div class="agent-page__right">
+            <div class="agent-page__profile-wrapper bg-f">
+              <div class="agent-page__install-guide">
+
+                <!-- 步骤1：下载插件包 -->
+                <div class="agent-page__install-card">
+                  <div class="agent-page__install-card-row">
+                    <div class="agent-page__install-card-left">
+                      <div class="agent-page__install-card-header">
+                        <span class="agent-page__install-card-num">1</span>
+                        <div class="agent-page__install-card-info">
+                          <h4 class="agent-page__install-card-title">下载插件包</h4>
+                          <p class="agent-page__install-card-desc">下载 Offer派自动投递助手安装包，下载完成后由步骤 2 进入浏览器扩展页面</p>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="">
+                      <div class="agent-page__install-download-box">
+                        <span class="agent-page__install-download-name">Offer派自动投递助手.crx</span>
+                        <button class="agent-page__install-download-btn2" @click="downloadExtension">
+                          <svg viewBox="0 0 16 16" fill="none" width="14" height="14"><path d="M8 2v8M8 10L5 7M8 10l3-3M3 13h10" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+                          <span>下载</span>
+                        </button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 步骤2：打开扩展管理页面 -->
+                <div class="agent-page__install-card">
+                  <div class="agent-page__install-card-row">
+                    <div class="agent-page__install-card-left">
+                      <div class="agent-page__install-card-header">
+                        <span class="agent-page__install-card-num">2</span>
+                        <div class="agent-page__install-card-info">
+                          <h4 class="agent-page__install-card-title">打开扩展管理页面</h4>
+                          <p class="agent-page__install-card-desc">在浏览器地址栏输入对应地址并回车，打开扩展管理页面</p>
+                        </div>
+                      </div>
+                      <!-- 浏览器地址链接 -->
+                      <div class="agent-page__install-browser-row">
+                        <a class="agent-page__install-browser-link" href="javascript:void(0)" @click="copyToClipboard('chrome://extensions')">
+                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <g clip-path="url(#clip0_525_3895)">
+                              <path d="M8.00027 12.4507C10.4587 12.4507 12.4516 10.4577 12.4516 7.99929C12.4516 5.54085 10.4587 3.54785 8.00027 3.54785C5.54183 3.54785 3.54883 5.54085 3.54883 7.99929C3.54883 10.4577 5.54177 12.4507 8.0002 12.4507" fill="white"/>
+                              <path d="M2.24303 5.81204C1.91094 5.23683 1.52061 4.63314 1.07203 4.00098C0.369757 5.21706 2.38548e-05 6.59661 1.15428e-09 8.0009C-2.38525e-05 9.4052 0.369663 10.7848 1.07189 12.0009C1.77412 13.217 2.78414 14.2268 4.0004 14.9288C5.21666 15.6307 6.59629 16.0001 8.00059 15.9998C8.73688 14.9671 9.2368 14.2225 9.50034 13.766C10.0065 12.8893 10.6612 11.6341 11.4643 10.0004V9.99941C11.1134 10.6077 10.6086 11.113 10.0005 11.4643C9.39241 11.8156 8.70256 12.0006 8.0003 12.0007C7.29804 12.0008 6.60813 11.816 5.99995 11.4649C5.39178 11.1138 4.88677 10.6087 4.53571 10.0005C3.44496 7.96623 2.68073 6.57004 2.24303 5.81204Z" fill="#229342"/>
+                              <path d="M8.00046 16.0002C9.05106 16.0004 10.0914 15.7936 11.0621 15.3916C12.0327 14.9896 12.9147 14.4003 13.6575 13.6574C14.4004 12.9145 14.9896 12.0325 15.3915 11.0619C15.7935 10.0912 16.0002 9.05084 16 8.00024C15.9997 6.59593 15.6297 5.21644 14.9273 4.00043C13.4118 3.85105 12.2933 3.77637 11.5719 3.77637C10.7539 3.77637 9.56323 3.85105 7.9999 4.00043L7.99902 4.00105C8.7013 4.00071 9.39128 4.18529 9.99958 4.53623C10.6079 4.88717 11.113 5.39211 11.4643 6.00024C11.8155 6.60838 12.0004 7.29828 12.0004 8.00056C12.0004 8.70284 11.8155 9.39274 11.4642 10.0009L8.00046 16.0002Z" fill="#FBC116"/>
+                              <path d="M8.00037 11.1677C9.74937 11.1677 11.1672 9.74992 11.1672 8.00086C11.1672 6.2518 9.74937 4.83398 8.00031 4.83398C6.25137 4.83398 4.8335 6.25186 4.8335 8.00086C4.8335 9.74986 6.25137 11.1677 8.00037 11.1677Z" fill="#1A73E8"/>
+                              <path d="M8.00027 4.00027H14.9276C14.2256 2.78399 13.2158 1.77397 11.9997 1.07176C10.7835 0.369547 9.40396 -9.50021e-05 7.99965 1.83149e-08C6.59534 9.50388e-05 5.21581 0.369924 3.99978 1.0723C2.78374 1.77467 1.77406 2.78484 1.07227 4.00121L4.53595 10.0006L4.53689 10.0011C4.18549 9.39306 4.00037 8.70322 4.00017 8.00095C3.99996 7.29868 4.18467 6.60873 4.53571 6.0005C4.88676 5.39226 5.39177 4.88718 5.99995 4.53605C6.60814 4.18491 7.29806 4.0001 8.00033 4.00021L8.00027 4.00027Z" fill="#E33B2E"/>
+                            </g>
+                            <defs>
+                              <clipPath id="clip0_525_3895">
+                                <rect width="16" height="16" fill="white"/>
+                              </clipPath>
+                            </defs>
+                          </svg>
+                          <span class="agent-page__install-browser-link-label">Chrome浏览器：chrome://extensions</span>
+                          <span class="agent-page__install-browser-link-copy">
+                            <svg viewBox="0 0 14 14" fill="none" width="12" height="12"><rect x="4" y="4" width="8" height="8" rx="1" stroke="currentColor" stroke-width="1"/><path d="M10 4V3a1 1 0 00-1-1H3a1 1 0 00-1 1v6a1 1 0 001 1h1" stroke="currentColor" stroke-width="1"/></svg>
+                            复制
+                          </span>
+                        </a>
+                        <a class="agent-page__install-browser-link" href="javascript:void(0)" @click="copyToClipboard('edge://extensions')">
+                          <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                            <g clip-path="url(#clip0_525_3912)">
+                              <path d="M14.4377 11.9059C14.2252 12.0184 14.0064 12.1184 13.7814 12.1996C13.0627 12.4684 12.3064 12.6059 11.5377 12.6059C8.58145 12.6059 6.00645 10.5746 6.00645 7.96211C6.0127 7.24961 6.40645 6.59336 7.03145 6.25586C4.35645 6.36836 3.66895 9.15586 3.66895 10.7871C3.66895 15.4059 7.9252 15.8746 8.84395 15.8746C9.3377 15.8746 10.0814 15.7309 10.5314 15.5871L10.6127 15.5621C12.3377 14.9684 13.8002 13.8059 14.7752 12.2621C14.8502 12.1434 14.8127 11.9934 14.7002 11.9184C14.6189 11.8684 14.5189 11.8621 14.4377 11.9059Z" fill="url(#paint0_linear_525_3912)"/>
+                              <path opacity="0.35" d="M14.4377 11.9059C14.2252 12.0184 14.0064 12.1184 13.7814 12.1996C13.0627 12.4684 12.3064 12.6059 11.5377 12.6059C8.58145 12.6059 6.00645 10.5746 6.00645 7.96211C6.0127 7.24961 6.40645 6.59336 7.03145 6.25586C4.35645 6.36836 3.66895 9.15586 3.66895 10.7871C3.66895 15.4059 7.9252 15.8746 8.84395 15.8746C9.3377 15.8746 10.0814 15.7309 10.5314 15.5871L10.6127 15.5621C12.3377 14.9684 13.8002 13.8059 14.7752 12.2621C14.8502 12.1434 14.8127 11.9934 14.7002 11.9184C14.6189 11.8684 14.5189 11.8621 14.4377 11.9059Z" fill="url(#paint1_radial_525_3912)"/>
+                              <path d="M6.60629 15.0877C6.05004 14.7439 5.56879 14.2877 5.18754 13.7564C3.54379 11.5064 4.03754 8.3502 6.28754 6.70645C6.52504 6.5377 6.76879 6.38145 7.03129 6.25645C7.22504 6.1627 7.55629 6.0002 8.00004 6.00645C8.63129 6.0127 9.22504 6.3127 9.60629 6.81895C9.85629 7.15645 10 7.5627 10.0063 7.9877C10.0063 7.9752 11.5375 3.0127 5.00629 3.0127C2.26254 3.0127 0.00628588 5.61895 0.00628588 7.9002C-0.00621412 9.10645 0.256286 10.3064 0.762536 11.4002C2.48754 15.0752 6.68754 16.8752 10.5375 15.5939C9.21879 16.0064 7.78129 15.8252 6.60629 15.0877Z" fill="url(#paint2_linear_525_3912)"/>
+                              <path opacity="0.41" d="M6.60629 15.0877C6.05004 14.7439 5.56879 14.2877 5.18754 13.7564C3.54379 11.5064 4.03754 8.3502 6.28754 6.70645C6.52504 6.5377 6.76879 6.38145 7.03129 6.25645C7.22504 6.1627 7.55629 6.0002 8.00004 6.00645C8.63129 6.0127 9.22504 6.3127 9.60629 6.81895C9.85629 7.15645 10 7.5627 10.0063 7.9877C10.0063 7.9752 11.5375 3.0127 5.00629 3.0127C2.26254 3.0127 0.00628588 5.61895 0.00628588 7.9002C-0.00621412 9.10645 0.256286 10.3064 0.762536 11.4002C2.48754 15.0752 6.68754 16.8752 10.5375 15.5939C9.21879 16.0064 7.78129 15.8252 6.60629 15.0877Z" fill="url(#paint3_radial_525_3912)"/>
+                              <path d="M9.51875 9.30625C9.46875 9.36875 9.3125 9.4625 9.3125 9.6625C9.3125 9.825 9.41875 9.98125 9.60625 10.1125C10.5062 10.7375 12.2 10.6562 12.2063 10.6562C12.875 10.6562 13.525 10.475 14.1 10.1375C15.275 9.45 16 8.19375 16 6.83125C16.0187 5.43125 15.5 4.5 15.2937 4.0875C13.9688 1.49375 11.1062 0 8 0C3.625 0 0.0625 3.5125 0 7.8875C0.03125 5.60625 2.3 3.7625 5 3.7625C5.21875 3.7625 6.46875 3.78125 7.625 4.39375C8.64375 4.93125 9.18125 5.575 9.55 6.21875C9.9375 6.8875 10.0063 7.725 10.0063 8.0625C10.0063 8.39375 9.8375 8.89375 9.51875 9.30625Z" fill="url(#paint4_radial_525_3912)"/>
+                              <path d="M9.51875 9.30625C9.46875 9.36875 9.3125 9.4625 9.3125 9.6625C9.3125 9.825 9.41875 9.98125 9.60625 10.1125C10.5062 10.7375 12.2 10.6562 12.2063 10.6562C12.875 10.6562 13.525 10.475 14.1 10.1375C15.275 9.45 16 8.19375 16 6.83125C16.0187 5.43125 15.5 4.5 15.2937 4.0875C13.9688 1.49375 11.1062 0 8 0C3.625 0 0.0625 3.5125 0 7.8875C0.03125 5.60625 2.3 3.7625 5 3.7625C5.21875 3.7625 6.46875 3.78125 7.625 4.39375C8.64375 4.93125 9.18125 5.575 9.55 6.21875C9.9375 6.8875 10.0063 7.725 10.0063 8.0625C10.0063 8.39375 9.8375 8.89375 9.51875 9.30625Z" fill="url(#paint5_radial_525_3912)"/>
+                            </g>
+                            <defs>
+                              <linearGradient id="paint0_linear_525_3912" x1="3.6692" y1="11.0634" x2="14.8119" y2="11.0634" gradientUnits="userSpaceOnUse">
+                                <stop stop-color="#0C59A4"/>
+                                <stop offset="1" stop-color="#114A8B"/>
+                              </linearGradient>
+                              <radialGradient id="paint1_radial_525_3912" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.82468 11.1519) scale(5.96065 5.662)">
+                                <stop offset="0.72" stop-opacity="0"/>
+                                <stop offset="0.95" stop-opacity="0.53"/>
+                                <stop offset="1"/>
+                              </radialGradient>
+                              <linearGradient id="paint2_linear_525_3912" x1="9.54822" y1="6.23432" x2="2.58741" y2="13.8163" gradientUnits="userSpaceOnUse">
+                                <stop stop-color="#1B9DE2"/>
+                                <stop offset="0.16" stop-color="#1595DF"/>
+                                <stop offset="0.67" stop-color="#0680D7"/>
+                                <stop offset="1" stop-color="#0078D4"/>
+                              </linearGradient>
+                              <radialGradient id="paint3_radial_525_3912" cx="0" cy="0" r="1" gradientTransform="matrix(1.34287 -8.86118 7.162 1.0743 4.41307 12.4383)" gradientUnits="userSpaceOnUse">
+                                <stop offset="0.76" stop-opacity="0"/>
+                                <stop offset="0.95" stop-opacity="0.5"/>
+                                <stop offset="1"/>
+                              </radialGradient>
+                              <radialGradient id="paint4_radial_525_3912" cx="0" cy="0" r="1" gradientTransform="matrix(-0.506075 12.6493 -26.9472 -1.0119 1.61573 2.96205)" gradientUnits="userSpaceOnUse">
+                                <stop stop-color="#35C1F1"/>
+                                <stop offset="0.11" stop-color="#34C1ED"/>
+                                <stop offset="0.23" stop-color="#2FC2DF"/>
+                                <stop offset="0.31" stop-color="#2BC3D2"/>
+                                <stop offset="0.67" stop-color="#36C752"/>
+                              </radialGradient>
+                              <radialGradient id="paint5_radial_525_3912" cx="0" cy="0" r="1" gradientTransform="matrix(1.70345 5.83918 -4.74533 1.39926 15.0038 4.83786)" gradientUnits="userSpaceOnUse">
+                                <stop stop-color="#66EB6E"/>
+                                <stop offset="1" stop-color="#66EB6E" stop-opacity="0"/>
+                              </radialGradient>
+                              <clipPath id="clip0_525_3912">
+                                <rect width="16" height="16" fill="white"/>
+                              </clipPath>
+                            </defs>
+                          </svg>
+                          <span class="agent-page__install-browser-link-label">Edge浏览器：edge://extensions</span>
+                          <span class="agent-page__install-browser-link-copy">
+                            <svg viewBox="0 0 14 14" fill="none" width="12" height="12"><rect x="4" y="4" width="8" height="8" rx="1" stroke="currentColor" stroke-width="1"/><path d="M10 4V3a1 1 0 00-1-1H3a1 1 0 00-1 1v6a1 1 0 001 1h1" stroke="currentColor" stroke-width="1"/></svg>
+                            复制
+                          </span>
+                        </a>
+                      </div>
+                    </div>
+                    <div class="agent-page__install-card-right">
+                      <img src="@/assets/images/agent-setting/2-1.png" alt="输入扩展地址" class="agent-page__install-card-img" />
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 步骤3：打开开发者模式 -->
+                <div class="agent-page__install-card">
+                  <div class="agent-page__install-card-row">
+                    <div class="agent-page__install-card-left">
+                      <div class="agent-page__install-card-header">
+                        <span class="agent-page__install-card-num">3</span>
+                        <div class="agent-page__install-card-info">
+                          <h4 class="agent-page__install-card-title">打开开发者模式</h4>
+                          <p class="agent-page__install-card-desc">在扩展管理页面的右上角，找到「开发者模式」开关并打开</p>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="agent-page__install-card-right">
+                      <img src="@/assets/images/agent-setting/3-1.png" alt="打开开发者模式" class="agent-page__install-card-img" />
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 步骤4：将CRX安装包拖入安装 -->
+                <div class="agent-page__install-card">
+                  <div class="agent-page__install-card-row">
+                    <div class="agent-page__install-card-left">
+                      <div class="agent-page__install-card-header">
+                        <span class="agent-page__install-card-num">4</span>
+                        <div class="agent-page__install-card-info">
+                          <h4 class="agent-page__install-card-title">将 CRX 安装包拖入安装</h4>
+                          <p class="agent-page__install-card-desc">直接将下载好的CRX文件拖拽到扩展管理页面中，浏览器会自动识别并安装插件</p>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="agent-page__install-card-right">
+                      <img src="@/assets/images/agent-setting/4-1.png" alt="拖入安装" class="agent-page__install-card-img" />
+                    </div>
+                  </div>
+                </div>
+
+              </div>
+            </div>
+          </div>
+          <!-- 右侧：确认卡片 -->
+          <div class="agent-page__left">
+            <div class="agent-page__intro-card agent-page__intro-card--gradient">
+              <!-- Nova 头像 + 名称 -->
+              <div class="agent-page__intro-avatar-row">
+                <img src="@/assets/images/nova-logo-2.png" alt="Nova" class="agent-page__intro-avatar-img" />
+                <span class="agent-page__intro-avatar-name">Nova</span>
+              </div>
+              <!-- 标题 -->
+              <h2 class="agent-page__intro-title">安装浏览器自动投递插件</h2>
+              <!-- 描述 -->
+              <p class="agent-page__intro-desc">按照左侧步骤完成插件安装，即可开启自动投递功能</p>
+              <!-- 按钮 -->
+              <button class="agent-page__intro-gradient-btn" @click="handleNext">下一步</button>
+              <button class="agent-page__intro-back-btn" @click="handleBack">上一步</button>
+            </div>
+          </div>
+        </template>
+
+        <!-- ========== 第4步：完成配置 ========== -->
+        <template v-if="currentStep === 4">
+          <div class="agent-page__complete">
+            <div class="agent-page__complete-icon"><svg viewBox="0 0 80 80" fill="none"><rect x="8" y="8" width="64" height="64" rx="8" fill="#E8E8E8"/><circle cx="40" cy="32" r="8" fill="#BFBFBF"/><path d="M20 60 L32 44 L44 52 L56 36 L64 44 L64 64 L20 64Z" fill="#BFBFBF"/></svg></div>
+            <h2 class="agent-page__complete-title">恭喜！求职助手已经准备好</h2>
+            <p class="agent-page__complete-desc">启用求职助手后，你可以随时调整求职偏好和简历信息</p>
+            <button class="agent-page__complete-btn" @click="handleLaunchAgent">启用求职助手开始投递</button>
+          </div>
+        </template>
+      </div>
+
+      <!-- 求职目标设置弹窗 -->
+      <JobGoalDialog v-model="showJobGoalDialog" />
+    </div>
+    <!-- 功能说明 — 独立区块，仅第2步显示 -->
+    <div v-if="currentStep === 2" class="agent-page__step2-faq mrl24 mt16">
+      <h3 class="agent-page__step2-faq-title">功能说明</h3>
+      <div class="agent-page__step2-faq-item">
+        <div class="agent-page__step2-faq-item-title">为什么要选择求职偏好？</div>
+        <div class="agent-page__step2-faq-item-desc">城市、岗位、行业和招聘类型会影响岗位推荐范围，系统会优先筛选更符合你目标的投递机会。</div>
+      </div>
+      <div class="agent-page__step2-faq-item">
+        <div class="agent-page__step2-faq-item-title">为什么要选择简历？</div>
+        <div class="agent-page__step2-faq-item-desc">AI会基于你选择的简历进行岗位匹配度分析，差距识别和岗位专属优化，帮助提升投递成功率。</div>
+      </div>
+      <div class="agent-page__step2-faq-item">
+        <div class="agent-page__step2-faq-item-title">这些设置会影响后续哪些功能？</div>
+        <div class="agent-page__step2-faq-item-desc">会影响推荐岗位、匹配度评分、简历优化方向、自动投递队列和投递进度记录。</div>
+      </div>
+      <div class="agent-page__step2-faq-item">
+        <div class="agent-page__step2-faq-item-title">设置后还能修改吗？</div>
+        <div class="agent-page__step2-faq-item-desc">可以随时调整，修改后，系统会根据新的偏好和简历重新推荐结果。</div>
+      </div>
     </div>
-
-    <!-- 求职目标设置弹窗 -->
-    <JobGoalDialog v-model="showJobGoalDialog" />
   </div>
 </template>
 
@@ -295,7 +408,7 @@ const emit = defineEmits<{
 }>()
 
 // ==================== 步骤导航 ====================
-const steps = ['确认个人资料', '确认目标', '安装插件', '配置求职助手']
+const steps = ['确认个人资料', '配置投递方案', '安装浏览器插件', '开启投递助手']
 const currentStep = ref(1)
 
 /** 进入下一步 */
@@ -546,6 +659,20 @@ const intentionEmploymentLabel = computed(() => formatEmploymentType(store.state
 const jobTypeOptions = JOB_TYPE_OPTIONS
 /** 招聘分类下拉是否展开 */
 const showJobTypeDropdown = ref(false)
+/** 简历下拉是否展开 */
+const showResumeDropdown = ref(false)
+
+/** 当前选中简历名称 */
+const selectedResumeName = computed(() => {
+  const item = resumeList.value.find(r => r.id === selectedResumeId.value)
+  return item ? item.resumeName : ''
+})
+
+/** 选中简历 */
+function selectResume(r: { id?: string; resumeName?: string }) {
+  selectedResumeId.value = r.id || ''
+  showResumeDropdown.value = false
+}
 
 /** 选中招聘分类 */
 function selectJobType(option: { label: string; value: number }) {
@@ -563,19 +690,20 @@ const step2IndustryIds = computed<number[]>(() => store.state.jobIntention.indus
 
 /** 第2步：筛选组件统一触发按钮样式 — 大圆角胶囊按钮 */
 const prefFilterTriggerStyle = {
-  padding: '0.1rem 0.28rem',
-  borderRadius: '0.24rem',
+  padding: '0.12rem 0.16rem',
+  borderRadius: '0.12rem',
   fontSize: '0.14rem',
-  background: '#F5FAF9',
-  border: '1px solid #e0e0e0',
+  background: '#F3F4F6',
+  border: 'none',
   minWidth: '0.9rem',
   justifyContent: 'center',
-  height: '0.38rem',
+  height: '0.43rem',
   boxSizing: 'border-box',
 }
 /** 第2步：筛选组件显示文字样式 */
 const prefFilterDisplayStyle = {
   maxWidth: 'none',
+  color: '#6A7282',
 }
 
 /** 第2步：地区选择变更 */
diff --git a/src/components/AgentTaskListDropdown.vue b/src/components/AgentTaskListDropdown.vue
index a65bfe6..87cab15 100644
--- a/src/components/AgentTaskListDropdown.vue
+++ b/src/components/AgentTaskListDropdown.vue
@@ -1,55 +1,98 @@
 <template>
-  <!-- 待投递列表下拉弹窗 -->
-  <div class="agent-main__task-dropdown" @click.stop>
-    <!-- Tab 切换 -->
-    <div class="agent-main__task-tabs">
-      <span
-        class="agent-main__task-tab"
-        :class="{ 'agent-main__task-tab--active': activeTab === 1 }"
-        @click="switchTab(1)"
-      >进行中（{{ pendingList.length }}）</span>
-      <span
-        class="agent-main__task-tab"
-        :class="{ 'agent-main__task-tab--active': activeTab === 2 }"
-        @click="switchTab(2)"
-      >已完成（{{ completedList.length }}）</span>
-    </div>
-    <!-- 列表内容 -->
-    <div class="agent-main__task-list">
-      <template v-if="activeTab === 1">
-        <div v-if="pendingList.length === 0" class="agent-main__task-empty">暂无进行中的岗位</div>
-        <div v-for="job in pendingList" :key="job.id" class="agent-main__task-item">
-          <div class="agent-main__task-item-left">
-            <span class="agent-main__task-item-name">{{ (job.companyShortName || job.companyName) + '—' + job.title }}</span>
-            <span class="agent-main__task-item-tag">自动投递</span>
+  <!-- 投递任务抽屉 — 从浏览器右侧弹出，包含待投递和已完成两个tab -->
+  <Teleport to="body">
+    <Transition name="agent-task-drawer">
+      <div v-if="visible" class="agent-task-drawer-mask" @click.self="handleClose">
+        <div class="agent-task-drawer">
+          <!-- 顶部标题栏 -->
+          <div class="agent-task-drawer__header mb10">
+            <div class="agent-task-drawer__header-left">
+              <!-- 关闭按钮 -->
+              <div class="agent-task-drawer__close" @click="handleClose">
+                <svg viewBox="0 0 24 24" fill="none" class="agent-task-drawer__close-icon">
+                  <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+                </svg>
+              </div>
+              <span class="agent-task-drawer__title">投递任务</span>
+            </div>
           </div>
-          <div class="agent-main__task-item-right">
-            <span class="agent-main__task-item-status">未开始</span>
-            <span class="agent-main__task-item-remove" @click="removeJob(job)">×</span>
+
+          <!-- Tab 切换按钮 -->
+          <div class="agent-task-drawer__tabs">
+            <button
+              class="agent-task-drawer__tab"
+              :class="{ 'agent-task-drawer__tab--active': activeTab === 'pending' }"
+              @click="switchTab('pending')"
+            >待投递 {{ pendingList.length }}</button>
+            <button
+              class="agent-task-drawer__tab"
+              :class="{ 'agent-task-drawer__tab--active': activeTab === 'completed' }"
+              @click="switchTab('completed')"
+            >已完成 {{ completedList.length }}</button>
+          </div>
+
+          <!-- 列表内容 -->
+          <div class="agent-task-drawer__body">
+            <!-- 待投递列表 -->
+            <template v-if="activeTab === 'pending'">
+              <div v-if="pendingLoading" class="agent-task-drawer__empty">加载中...</div>
+              <div v-else-if="pendingList.length === 0" class="agent-task-drawer__empty">暂无待投递岗位</div>
+              <div
+                v-for="job in pendingList"
+                :key="job.id"
+                class="agent-task-drawer__card"
+              >
+                <div class="agent-task-drawer__card-info">
+                  <div class="agent-task-drawer__card-title">{{ job.title }}</div>
+                  <div class="agent-task-drawer__card-company">
+                    <img v-if="job.companyLogoUrl" :src="job.companyLogoUrl" class="agent-task-drawer__card-logo" :alt="job.companyShortName" />
+                    <svg v-else class="agent-task-drawer__card-logo-placeholder" viewBox="0 0 24 24" fill="none">
+                      <rect x="3" y="7" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/>
+                      <path d="M7 7V5a2 2 0 012-2h6a2 2 0 012 2v2" stroke="currentColor" stroke-width="1.5"/>
+                    </svg>
+                    <span>{{ job.companyShortName || job.companyName }}</span>
+                  </div>
+                </div>
+                <button
+                  class="agent-task-drawer__remove-btn"
+                  :disabled="removingIds.includes(job.id)"
+                  @click="handleRemove(job)"
+                >移出任务</button>
+              </div>
+            </template>
+
+            <!-- 已完成列表 -->
+            <template v-else>
+              <div v-if="completedLoading" class="agent-task-drawer__empty">加载中...</div>
+              <div v-else-if="completedList.length === 0" class="agent-task-drawer__empty">暂无已完成岗位</div>
+              <div
+                v-for="job in completedList"
+                :key="job.id"
+                class="agent-task-drawer__card"
+              >
+                <div class="agent-task-drawer__card-info">
+                  <div class="agent-task-drawer__card-title">{{ job.title }}</div>
+                  <div class="agent-task-drawer__card-company">
+                    <img v-if="job.companyLogoUrl" :src="job.companyLogoUrl" class="agent-task-drawer__card-logo" :alt="job.companyShortName" />
+                    <svg v-else class="agent-task-drawer__card-logo-placeholder" viewBox="0 0 24 24" fill="none">
+                      <rect x="3" y="7" width="18" height="14" rx="2" stroke="currentColor" stroke-width="1.5"/>
+                      <path d="M7 7V5a2 2 0 012-2h6a2 2 0 012 2v2" stroke="currentColor" stroke-width="1.5"/>
+                    </svg>
+                    <span>{{ job.companyShortName || job.companyName }}</span>
+                  </div>
+                </div>
+                <!-- 已完成状态不显示移出按钮 -->
+              </div>
+            </template>
           </div>
         </div>
-      </template>
-      <template v-else>
-        <div v-if="loading" class="agent-main__task-empty">加载中...</div>
-        <div v-else-if="completedList.length === 0" class="agent-main__task-empty">暂无已完成的岗位</div>
-        <div v-for="job in completedList" :key="job.id" class="agent-main__task-item">
-          <div class="agent-main__task-item-left">
-            <span class="agent-main__task-item-name">{{ (job.companyShortName || job.companyName) + '—' + job.title }}</span>
-            <span class="agent-main__task-item-tag">自动投递</span>
-          </div>
-          <div class="agent-main__task-item-right">
-            <span class="agent-main__task-item-status agent-main__task-item-status--done">已完成</span>
-          </div>
-        </div>
-      </template>
-    </div>
-    <!-- 查看全部 -->
-    <div class="agent-main__task-view-all" @click="handleViewAll">查看全部</div>
-  </div>
+      </div>
+    </Transition>
+  </Teleport>
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue'
+import { ref, watch } from 'vue'
 import { fetchAgentTaskList } from '@/api/jobs'
 import { cancelApplyJob } from '@/api/agent'
 import type { JobListItem } from '@/api/jobs'
@@ -57,81 +100,114 @@ import type { JobListItem } from '@/api/jobs'
 // ==================== Props ====================
 
 const props = defineProps<{
-  /** 进行中列表（由父组件传入，保持同步） */
-  pendingList: JobListItem[]
+  /** 是否显示抽屉 */
+  visible: boolean
 }>()
 
 // ==================== 事件 ====================
 
 const emit = defineEmits<{
+  /** 关闭抽屉 */
+  (e: 'close'): void
+  /** 更新visible */
+  (e: 'update:visible', val: boolean): void
   /** 移除岗位后通知父组件刷新列表 */
   (e: 'removed', jobId: string): void
-  /** 查看全部（进行中 tab） */
-  (e: 'viewAll'): void
-  /** 查看全部（已完成 tab — 申请进度） */
-  (e: 'viewAllCompleted'): void
 }>()
 
 // ==================== 状态 ====================
 
-/** 当前激活的 Tab（1=进行中 2=已完成） */
-const activeTab = ref(1)
+/** 当前激活的 Tab */
+const activeTab = ref<'pending' | 'completed'>('pending')
 
-/** 已完成列表数据 */
+/** 待投递列表 */
+const pendingList = ref<JobListItem[]>([])
+
+/** 已完成列表 */
 const completedList = ref<JobListItem[]>([])
 
-/** 加载状态 */
-const loading = ref(false)
+/** 待投递加载状态 */
+const pendingLoading = ref(false)
 
-// ==================== 生命周期 ====================
+/** 已完成加载状态 */
+const completedLoading = ref(false)
 
-onMounted(() => {
-  // 打开时同时加载已完成列表
-  loadCompletedList()
+/** 正在移除中的岗位 ID 列表 */
+const removingIds = ref<string[]>([])
+
+// ==================== 监听 ====================
+
+/** 打开时加载数据 */
+watch(() => props.visible, (val) => {
+  if (val) {
+    loadPendingList()
+    loadCompletedList()
+  }
 })
 
 // ==================== 方法 ====================
 
 /** 切换 Tab */
-function switchTab(tab: number) {
+function switchTab(tab: 'pending' | 'completed') {
   activeTab.value = tab
-  if (tab === 2) {
-    loadCompletedList()
+}
+
+/** 加载待投递列表（pageSize=300） */
+async function loadPendingList() {
+  pendingLoading.value = true
+  try {
+    const res = await fetchAgentTaskList({ pageNum: 1, pageSize: 300, tab: 1 })
+    if (res.code === '0' && res.data) {
+      pendingList.value = res.data.list || []
+    }
+  } catch {
+    console.error('[AgentTaskListDropdown] 加载待投递列表失败')
+  } finally {
+    pendingLoading.value = false
   }
 }
 
-/** 加载已完成任务列表（tab=2） */
+/** 加载已完成列表（pageSize=300） */
 async function loadCompletedList() {
-  loading.value = true
+  completedLoading.value = true
   try {
-    const res = await fetchAgentTaskList({ pageNum: 1, pageSize: 30, tab: 2 })
+    const res = await fetchAgentTaskList({ pageNum: 1, pageSize: 300, tab: 2 })
     if (res.code === '0' && res.data) {
       completedList.value = res.data.list || []
     }
   } catch {
     console.error('[AgentTaskListDropdown] 加载已完成列表失败')
   } finally {
-    loading.value = false
+    completedLoading.value = false
   }
 }
 
-/** 移除岗位 — 调用 cancelApplyJob 接口并通知父组件 */
-async function removeJob(job: JobListItem) {
+/** 移出岗位 */
+async function handleRemove(job: JobListItem) {
+  if (removingIds.value.includes(job.id)) return
+  removingIds.value.push(job.id)
   try {
     await cancelApplyJob(job.id)
+    const idx = pendingList.value.findIndex(j => j.id === job.id)
+    if (idx !== -1) {
+      pendingList.value.splice(idx, 1)
+    }
     emit('removed', job.id)
     ElMessage.success('已移除')
   } catch {
     ElMessage.error('移除失败')
+  } finally {
+    removingIds.value = removingIds.value.filter(id => id !== job.id)
   }
 }
 
-/** 查看全部 — 根据当前 tab 触发不同事件 */
-function handleViewAll() {
-  if (activeTab.value === 1) {
-    emit('viewAll')
-  } else {
-    emit('viewAllCompleted')
-  }
+/** 关闭抽屉 */
+function handleClose() {
+  emit('close')
+  emit('update:visible', false)
 }
 </script>
+
+<style scoped lang="scss">
+@use '../assets/styles/components/agent-task-list-dropdown';
+</style>
diff --git a/src/components/JobGoalDialog.vue b/src/components/JobGoalDialog.vue
index aec1ef3..097a999 100644
--- a/src/components/JobGoalDialog.vue
+++ b/src/components/JobGoalDialog.vue
@@ -1,94 +1,82 @@
 <template>
-  <!-- 求职目标设置弹窗 -->
-  <el-dialog
-    v-model="visible"
-    width="480px"
-    :show-close="false"
-    :close-on-click-modal="false"
-    :close-on-press-escape="true"
-    :align-center="false"
-    :style="{ marginLeft: 'auto', marginRight: '0.2rem' }"
-    class="job-goal-dialog"
-    @close="handleClose"
-  >
-    <!-- 头部区域 -->
-    <div class="job-goal-dialog__header">
-      <!-- 关闭按钮 -->
-      <button class="job-goal-dialog__close-btn" @click="handleClose">
-        <el-icon><Close /></el-icon>
-      </button>
-      <!-- 弹窗标题 -->
-      <span class="job-goal-dialog__title">求职目标设置</span>
-    </div>
-
-    <!-- 岗位选择模块 -->
-    <div class="job-goal-dialog__section">
-      <div class="job-goal-dialog__label">*岗位</div>
-      <JobCategorySelector
-        :categoryIds="selectedCategoryIds"
-        :maxSelect="3"
-        :level="3"
-        :allowParentSelect="false"
-        :triggerStyle="selectorTriggerStyle"
-        :displayStyle="selectorDisplayStyle"
-        @update:categoryIds="onCategoryChange"
-      />
-    </div>
-
-    <!-- 行业选择模块 -->
-    <div class="job-goal-dialog__section">
-      <div class="job-goal-dialog__label">*行业</div>
-      <IndustrySelector
-        :industryIds="selectedIndustryIds"
-        :maxSelect="3"
-        :level="2"
-        :allowParentSelect="false"
-        :triggerStyle="selectorTriggerStyle"
-        :displayStyle="selectorDisplayStyle"
-        @update:industryIds="onIndustryChange"
-      />
-    </div>
-
-    <!-- 城市选择模块 -->
-    <div class="job-goal-dialog__section">
-      <div class="job-goal-dialog__label">*城市</div>
-      <RegionSelector
-        :regionCodes="selectedRegionCodes"
-        :level="2"
-        :maxSelect="3"
-        :triggerStyle="selectorTriggerStyle"
-        :displayStyle="selectorDisplayStyle"
-        @update:regionCodes="onRegionChange"
-      />
-    </div>
-
-    <!-- 招聘分类选择模块 -->
-    <div class="job-goal-dialog__section ">
-      <div class="job-goal-dialog__label">*招聘分类</div>
-      <!-- 招聘分类按钮组 -->
-      <div class="job-goal-dialog__type-group">
-        <button
-          v-for="t in jobTypes"
-          :key="t"
-          class="job-goal-dialog__type-btn"
-          :class="{ 'job-goal-dialog__type-btn--active': selectedJobType === t }"
-          @click="selectedJobType = t"
-        >
-          {{ t }}
-        </button>
+  <!-- 求职偏好设置弹窗 -->
+  <div v-if="visible" class="job-goal-dialog__overlay" @click.self="handleClose">
+    <div class="job-goal-dialog">
+      <!-- 头部区域 -->
+      <div class="job-goal-dialog__header">
+        <span class="job-goal-dialog__title">求职偏好</span>
+        <!-- 关闭按钮 -->
+        <svg class="job-goal-dialog__close-btn" @click="handleClose" width="24" height="24" viewBox="0 0 24 24" fill="none">
+          <path d="M6 6L18 18M18 6L6 18" stroke="#6A7282" stroke-width="1.5" stroke-linecap="round"/>
+        </svg>
       </div>
-    </div>
 
-    <!-- 保存按钮区域 -->
-    <div class="job-goal-dialog__footer mt10">
+      <!-- 岗位选择模块 -->
+      <div class="job-goal-dialog__section">
+        <div class="job-goal-dialog__label">岗位</div>
+        <JobCategorySelector
+          :categoryIds="selectedCategoryIds"
+          :maxSelect="3"
+          :level="3"
+          :allowParentSelect="false"
+          :triggerStyle="selectorTriggerStyle"
+          :displayStyle="selectorDisplayStyle"
+          @update:categoryIds="onCategoryChange"
+        />
+      </div>
+
+      <!-- 行业选择模块 -->
+      <div class="job-goal-dialog__section">
+        <div class="job-goal-dialog__label">行业</div>
+        <IndustrySelector
+          :industryIds="selectedIndustryIds"
+          :maxSelect="3"
+          :level="2"
+          :allowParentSelect="false"
+          :triggerStyle="selectorTriggerStyle"
+          :displayStyle="selectorDisplayStyle"
+          @update:industryIds="onIndustryChange"
+        />
+      </div>
+
+      <!-- 城市选择模块 -->
+      <div class="job-goal-dialog__section">
+        <div class="job-goal-dialog__label">城市</div>
+        <RegionSelector
+          :regionCodes="selectedRegionCodes"
+          :level="2"
+          :maxSelect="3"
+          :triggerStyle="selectorTriggerStyle"
+          :displayStyle="selectorDisplayStyle"
+          @update:regionCodes="onRegionChange"
+        />
+      </div>
+
+      <!-- 招聘类型选择模块 -->
+      <div class="job-goal-dialog__section">
+        <div class="job-goal-dialog__label">招聘类型</div>
+        <!-- 招聘类型按钮组 -->
+        <div class="job-goal-dialog__type-group">
+          <button
+            v-for="t in jobTypes"
+            :key="t"
+            class="job-goal-dialog__type-btn"
+            :class="{ 'job-goal-dialog__type-btn--active': selectedJobType === t }"
+            @click="selectedJobType = t"
+          >
+            {{ t }}
+          </button>
+        </div>
+      </div>
+
+      <!-- 保存按钮 -->
       <button class="job-goal-dialog__save-btn" @click="handleSave">保存</button>
     </div>
-  </el-dialog>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { ref, watch } from 'vue'
-import { Close } from '@element-plus/icons-vue'
 import { useStore } from 'vuex'
 import { JOB_TYPE_OPTIONS, formatEmploymentType } from '@/stores/index'
 import RegionSelector from './tools/RegionSelector.vue'
@@ -116,9 +104,9 @@ watch(visible, (v) => { emit('update:modelValue', v) })
 const selectedCategoryIds = ref<number[]>([])
 const selectedIndustryIds = ref<number[]>([])
 const selectedRegionCodes = ref<string[]>([])
-const selectedJobType = ref('全职')
+const selectedJobType = ref('全部')
 
-/** 招聘分类选项列表 — 从全局常量提取 label 生成 */
+/** 招聘类型选项列表 */
 const jobTypes = JOB_TYPE_OPTIONS.map(item => item.label)
 
 /** 弹窗打开时从 store 同步数据到本地编辑副本 */
@@ -128,25 +116,25 @@ watch(() => props.modelValue, (v) => {
     selectedCategoryIds.value = [...(intention.categoryIds || [])]
     selectedIndustryIds.value = [...(intention.industryIds || [])]
     selectedRegionCodes.value = [...(intention.regionCodes || [])]
-    selectedJobType.value = formatEmploymentType(intention.recruitCategory)
+    selectedJobType.value = formatEmploymentType(intention.recruitCategory) || '全部'
   }
 })
 
-/** 选择器触发按钮的自定义样式，适配弹窗内布局（参考 ProfileEditDrawer 中 regionTriggerStyle） */
+/** 选择器触发按钮的自定义样式 */
 const selectorTriggerStyle: Record<string, string> = {
   width: '100%',
   'box-sizing': 'border-box',
-  padding: '0.1rem 0.14rem',
-  'font-size': '0.13rem',
-  color: '#1a1a2e',
-  background: '#f6f6f9',
-  border: '1px solid transparent',
-  'border-radius': '0.06rem',
+  padding: '0.08rem 0.16rem',
+  'font-size': '0.14rem',
+  color: '#1A1A1A',
+  background: '#F3F4F6',
+  border: 'none',
+  'border-radius': '0.08rem',
   'max-width': 'none',
   'justify-content': 'space-between',
 }
 
-/** 选择器显示文字的自定义样式，覆盖默认 max-width: 1.6rem */
+/** 选择器显示文字的自定义样式 */
 const selectorDisplayStyle: Record<string, string> = {
   'max-width': 'none',
 }
@@ -166,9 +154,7 @@ function onRegionChange(codes: string[]) {
   selectedRegionCodes.value = codes
 }
 
-/**
- * 保存表单数据：调用 store action 保存到后端并同步 store，然后关闭弹窗
- */
+/** 保存表单数据 */
 async function handleSave() {
   try {
     await store.dispatch('saveJobIntention', {
@@ -183,9 +169,7 @@ async function handleSave() {
   }
 }
 
-/**
- * 关闭弹窗
- */
+/** 关闭弹窗 */
 function handleClose() {
   visible.value = false
 }
diff --git a/src/views/Agent.vue b/src/views/Agent.vue
index 664169a..6f94439 100644
--- a/src/views/Agent.vue
+++ b/src/views/Agent.vue
@@ -6,13 +6,19 @@
 
     <!-- 主内容区域 -->
     <div class="agent-page__content" v-loading="pageLoading" element-loading-text="加载中...">
-      <!-- 准备向导 — 第1步到第4步 -->
+<!--       准备向导 — 第1步到第4步-->
       <AgentSetupWizard
         v-if="!pageLoading && showSetupWizard"
         :initial-config="agentConfig"
         @complete="handleSetupComplete"
         @launch="handleLaunch"
       />
+<!--      <AgentSetupWizard-->
+<!--          v-if="true"-->
+<!--          :initial-config="agentConfig"-->
+<!--          @complete="handleSetupComplete"-->
+<!--          @launch="handleLaunch"-->
+<!--      />-->
 
       <!-- 求职助手正式内容区域 -->
       <div v-else-if="!pageLoading" class="agent-main">
@@ -20,39 +26,88 @@
         <div class="agent-main__left">
           <!-- 顶部固定设置栏 -->
           <div class="agent-main__top-bar">
-            <!-- 用户头像 -->
-            <div class="agent-main__avatar">
-              <svg viewBox="0 0 24 24" fill="none">
-                <circle cx="12" cy="8" r="4" stroke="currentColor" stroke-width="1.5" />
-                <path d="M4 20c0-3.3 3.6-6 8-6s8 2.7 8 6" stroke="currentColor" stroke-width="1.5" />
-              </svg>
+            <!-- 左侧状态信息区 -->
+            <div class="agent-main__top-bar-left">
+              <!-- 状态标签 -->
+              <span
+                class="agent-main__status-tag"
+                :class="{
+                  'agent-main__status-tag--ready': applyJobList.length > 0 && !isApplying,
+                  'agent-main__status-tag--applying': isApplying
+                }"
+              >{{ isApplying ? '投递中' : (applyJobList.length > 0 ? '准备就绪' : '待添加岗位') }}</span>
+              <!-- 提示文字 -->
+              <span class="agent-main__status-text">
+                <template v-if="isApplying">
+                  当前进度
+                  <span class="agent-main__status-progress">{{ applyProgressList.filter(p => p.step >= 4).length }} / {{ applyJobList.length + applyProgressList.length }}</span>
+                </template>
+                <template v-else-if="applyJobList.length > 0">
+                  已添加 <span class="agent-main__status-count">{{ applyJobList.length }}</span> 个岗位
+                </template>
+                <template v-else>暂未添加岗位，请从下方推荐列表中选择</template>
+              </span>
             </div>
-            <!-- 状态标签 -->
-            <span v-if="applyJobList.length > 0" class="agent-main__status-tag">准备就绪</span>
-            <!-- 提示文字 -->
-            <span class="agent-main__status-text">{{ applyJobList.length > 0 ? `已添加${applyJobList.length}个岗位，随时可以开始投递` : '请添加岗位' }}</span>
-            <!-- 开始按钮（投递中时置灰不可点击，暂停时显示继续可点击） -->
-            <button
-              class="agent-main__start-btn"
-              :disabled="isApplying && !isPaused"
-              @click="handleTopBarStartClick"
-            >{{ isApplying ? (isPaused ? '继续' : '投递中...') : '开始 ▸' }}</button>
-            <!-- 右侧工具按钮 -->
-            <div class="agent-main__tools">
-              <!-- 待投递列表按钮 -->
-              <button class="agent-main__tool-btn" title="待投递列表" @click.stop="toggleTaskListDropdown">
-                <svg viewBox="0 0 24 24" fill="none">
-                  <path d="M4 6h16M4 12h16M4 18h16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+            <!-- 右侧按钮区 -->
+            <div class="agent-main__top-bar-right">
+              <!-- 查看任务按钮 -->
+              <div class="agent-main__tools">
+                <button class="agent-main__task-btn" title="查看任务" @click.stop="toggleTaskListDropdown">
+                  <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <g clip-path="url(#clip0_421_1998)">
+                      <path d="M8.33329 6.83301C8.33329 6.7004 8.38597 6.57322 8.47974 6.47945C8.57351 6.38569 8.70068 6.33301 8.83329 6.33301H11.1666C11.2992 6.33301 11.4264 6.38569 11.5202 6.47945C11.6139 6.57322 11.6666 6.7004 11.6666 6.83301C11.6666 6.96562 11.6139 7.09279 11.5202 7.18656C11.4264 7.28033 11.2992 7.33301 11.1666 7.33301H8.83329C8.70068 7.33301 8.57351 7.28033 8.47974 7.18656C8.38597 7.09279 8.33329 6.96562 8.33329 6.83301ZM8.83329 9.99967C8.70068 9.99967 8.57351 10.0524 8.47974 10.1461C8.38597 10.2399 8.33329 10.3671 8.33329 10.4997C8.33329 10.6323 8.38597 10.7595 8.47974 10.8532C8.57351 10.947 8.70068 10.9997 8.83329 10.9997H11.1666C11.2992 10.9997 11.4264 10.947 11.5202 10.8532C11.6139 10.7595 11.6666 10.6323 11.6666 10.4997C11.6666 10.3671 11.6139 10.2399 11.5202 10.1461C11.4264 10.0524 11.2992 9.99967 11.1666 9.99967H8.83329ZM7.18663 6.51967C7.23575 6.4739 7.27515 6.4187 7.30248 6.35737C7.32981 6.29603 7.3445 6.22982 7.34569 6.16269C7.34687 6.09555 7.33452 6.02887 7.30937 5.96661C7.28423 5.90435 7.2468 5.8478 7.19932 5.80032C7.15184 5.75284 7.09528 5.71541 7.03302 5.69026C6.97077 5.66511 6.90408 5.65276 6.83694 5.65395C6.76981 5.65513 6.7036 5.66983 6.64227 5.69715C6.58093 5.72448 6.52573 5.76388 6.47996 5.81301L5.49996 6.79301L5.18663 6.47967C5.09184 6.39136 4.96648 6.34327 4.83694 6.34556C4.70741 6.34784 4.58382 6.40032 4.49221 6.49193C4.4006 6.58354 4.34813 6.70713 4.34584 6.83666C4.34356 6.96619 4.39164 7.09156 4.47996 7.18634L5.14663 7.85301C5.24038 7.94664 5.36746 7.99923 5.49996 7.99923C5.63246 7.99923 5.75954 7.94664 5.85329 7.85301L7.18663 6.51967ZM7.18663 9.47968C7.28026 9.57343 7.33285 9.70051 7.33285 9.83301C7.33285 9.96551 7.28026 10.0926 7.18663 10.1863L5.85329 11.5197C5.75954 11.6133 5.63246 11.6659 5.49996 11.6659C5.36746 11.6659 5.24038 11.6133 5.14663 11.5197L4.47996 10.853C4.43083 10.8072 4.39143 10.752 4.36411 10.6907C4.33678 10.6294 4.32208 10.5632 4.3209 10.496C4.31971 10.4289 4.33206 10.3622 4.35721 10.2999C4.38236 10.2377 4.41979 10.1811 4.46727 10.1336C4.51475 10.0862 4.5713 10.0487 4.63356 10.0236C4.69582 9.99845 4.76251 9.9861 4.82964 9.98728C4.89678 9.98846 4.96299 10.0032 5.02432 10.0305C5.08565 10.0578 5.14085 10.0972 5.18663 10.1463L5.49996 10.4597L6.47996 9.47968C6.57371 9.38604 6.70079 9.33345 6.83329 9.33345C6.96579 9.33345 7.09288 9.38604 7.18663 9.47968ZM10.6626 2.72234C10.6347 2.34469 10.4649 1.99158 10.1875 1.73389C9.90999 1.47619 9.54531 1.33299 9.16663 1.33301H6.83329C6.46433 1.33302 6.10832 1.46901 5.83332 1.71499C5.55832 1.96097 5.38362 2.29967 5.34263 2.66634H4.16663C3.7688 2.66634 3.38727 2.82438 3.10597 3.10568C2.82466 3.38699 2.66663 3.76852 2.66663 4.16634V13.1663C2.66663 13.5642 2.82466 13.9457 3.10597 14.227C3.38727 14.5083 3.7688 14.6663 4.16663 14.6663H11.8333C12.0303 14.6663 12.2253 14.6275 12.4073 14.5522C12.5893 14.4768 12.7547 14.3663 12.894 14.227C13.0332 14.0877 13.1437 13.9224 13.2191 13.7404C13.2945 13.5584 13.3333 13.3633 13.3333 13.1663V4.16634C13.3333 3.96936 13.2945 3.7743 13.2191 3.59232C13.1437 3.41033 13.0332 3.24497 12.894 3.10568C12.7547 2.96639 12.5893 2.8559 12.4073 2.78052C12.2253 2.70514 12.0303 2.66634 11.8333 2.66634H10.6573L10.6626 2.72234ZM10.6626 2.73034L10.6666 2.83301C10.6666 2.79834 10.6648 2.76412 10.6626 2.73034ZM6.83329 4.33301H9.16663C9.68663 4.33301 10.1446 4.06834 10.414 3.66634H11.8333C11.9659 3.66634 12.0931 3.71902 12.1868 3.81279C12.2806 3.90656 12.3333 4.03373 12.3333 4.16634V13.1663C12.3333 13.299 12.2806 13.4261 12.1868 13.5199C12.0931 13.6137 11.9659 13.6663 11.8333 13.6663H4.16663C4.03402 13.6663 3.90684 13.6137 3.81307 13.5199C3.7193 13.4261 3.66663 13.299 3.66663 13.1663V4.16634C3.66663 4.03373 3.7193 3.90656 3.81307 3.81279C3.90684 3.71902 4.03402 3.66634 4.16663 3.66634H5.58596C5.85529 4.06834 6.31329 4.33301 6.83329 4.33301ZM6.83329 2.33301H9.16663C9.29923 2.33301 9.42641 2.38569 9.52018 2.47945C9.61395 2.57322 9.66663 2.7004 9.66663 2.83301C9.66663 2.96562 9.61395 3.09279 9.52018 3.18656C9.42641 3.28033 9.29923 3.33301 9.16663 3.33301H6.83329C6.70068 3.33301 6.57351 3.28033 6.47974 3.18656C6.38597 3.09279 6.33329 2.96562 6.33329 2.83301C6.33329 2.7004 6.38597 2.57322 6.47974 2.47945C6.57351 2.38569 6.70068 2.33301 6.83329 2.33301Z" fill="currentColor"/>
+                    </g>
+                    <defs>
+                      <clipPath id="clip0_421_1998">
+                        <rect width="16" height="16" fill="white"/>
+                      </clipPath>
+                    </defs>
+                  </svg>
+                  <span>查看任务</span>
+                </button>
+                <!-- 投递任务抽屉（从右侧弹出） -->
+                <AgentTaskListDropdown
+                  :visible="showTaskListDrawer"
+                  @close="handleCloseTaskListDrawer"
+                  @update:visible="(val: boolean) => showTaskListDrawer = val"
+                  @removed="handleTaskRemoved"
+                />
+              </div>
+              <!-- 开始/暂停投递按钮 -->
+              <button
+                class="agent-main__action-btn"
+                :class="{
+                  'agent-main__action-btn--start': !isApplying || isPaused,
+                  'agent-main__action-btn--pause': isApplying && !isPaused
+                }"
+                @click="handleTopBarStartClick"
+              >
+                <!-- 开始投递 icon -->
+                <svg v-if="!isApplying || isPaused" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <g clip-path="url(#clip0_421_2003)">
+                    <path d="M3.33337 4.44455V11.5559C3.33337 12.1425 3.33337 12.4352 3.45671 12.6085C3.51007 12.6835 3.57837 12.7466 3.6573 12.7939C3.73624 12.8411 3.82411 12.8716 3.91537 12.8832C4.12604 12.9099 4.38404 12.7725 4.90204 12.4965L11.5687 8.94121C12.1414 8.63588 12.428 8.48255 12.522 8.27921C12.6034 8.10188 12.6034 7.89721 12.522 7.71988C12.428 7.51721 12.142 7.36455 11.5707 7.05988L11.568 7.05855L4.90137 3.50321C4.38471 3.22721 4.12604 3.08988 3.91471 3.11655C3.82356 3.12829 3.73582 3.15875 3.657 3.20602C3.57819 3.25328 3.50999 3.31633 3.45671 3.39121C3.33337 3.56455 3.33337 3.85788 3.33337 4.44455Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+                  </g>
+                  <defs>
+                    <clipPath id="clip0_421_2003">
+                      <rect width="16" height="16" fill="white"/>
+                    </clipPath>
+                  </defs>
                 </svg>
+
+                <!-- 暂停投递 icon -->
+                <svg v-else width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                  <g clip-path="url(#clip0_409_2071)">
+                    <path d="M6 3.33301H4.66667C4.29848 3.33301 4 3.63148 4 3.99967V11.9997C4 12.3679 4.29848 12.6663 4.66667 12.6663H6C6.36819 12.6663 6.66667 12.3679 6.66667 11.9997V3.99967C6.66667 3.63148 6.36819 3.33301 6 3.33301Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round"/>
+                    <path d="M11.3334 3.33301H10C9.63185 3.33301 9.33337 3.63148 9.33337 3.99967V11.9997C9.33337 12.3679 9.63185 12.6663 10 12.6663H11.3334C11.7016 12.6663 12 12.3679 12 11.9997V3.99967C12 3.63148 11.7016 3.33301 11.3334 3.33301Z" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round"/>
+                  </g>
+                  <defs>
+                    <clipPath id="clip0_409_2071">
+                      <rect width="16" height="16" fill="white"/>
+                    </clipPath>
+                  </defs>
+                </svg>
+                <span>{{ isApplying ? (isPaused ? '开始投递' : '暂停投递') : '开始投递' }}</span>
               </button>
-              <!-- 待投递列表下拉弹窗 -->
-              <AgentTaskListDropdown
-                v-if="showTaskListDropdown"
-                :pending-list="applyJobList"
-                @removed="handleTaskRemoved"
-                @view-all="handleOpenPendingListPanel"
-                @view-all-completed="handleOpenApplyProgressPanel"
-              />
             </div>
           </div>
 
@@ -65,7 +120,6 @@
               :jobs="displayRecommendJobs"
               :loading-job-ids="loadingJobIds"
               :refreshing="recommendRefreshing"
-              @view-all="handleOpenRecommendPanel"
               @click-job="handleChatJobClick"
               @add="handleToggleJobApply"
               @add-all="handleAddAllDisplayJobs"
@@ -73,22 +127,39 @@
               @dismiss="handleDismissJob"
             />
 
-            <!-- 投递进度列表 — 循环展示所有投递记录 -->
-            <div v-if="applyProgressList.length > 0" class="agent-main__progress-list">
-              <AgentApplyProgress
-                v-for="(progress, index) in applyProgressList"
-                :key="progress.id"
-                :job-info="progress.jobInfo"
-                :current-step="progress.step"
-                :resume-name="progress.resumeName"
-                :paused="isPaused && index === applyProgressList.length - 1"
-                @cancel="handleCancelApply(index)"
-                @confirm-resume="handleConfirmResumeStep(index)"
-                @skip="handleSkipApply(index)"
-                @applied="handleAppliedStep(index)"
-                @go-apply="handleGoApplyStep(index)"
-                @toggle-pause="handleTogglePause"
-              />
+            <!-- 投递进度列表 — 当前进行中 + 已完成的投递记录 -->
+            <div v-if="isApplying || completedApplyList.length > 0" class="agent-main__progress-list">
+              <!-- 标题区域 -->
+              <div class="agent-main__progress-list-header">
+                <div class="agent-main__progress-list-title">正在自动投递...</div>
+                <div class="agent-main__progress-list-desc">展示进入投递状态的岗位，岗位按时间顺序向下延展</div>
+              </div>
+              <!-- 可滚动列表区域 -->
+              <div class="agent-main__progress-list-body">
+                <!-- 当前进行中的岗位（只有一个） -->
+                <AgentApplyProgress
+                  v-if="applyProgressList.length > 0"
+                  :key="applyProgressList[0].id"
+                  :job-info="applyProgressList[0].jobInfo"
+                  :current-step="applyProgressList[0].step"
+                  :step-phase="applyProgressList[0].stepPhase"
+                  :match-score="applyProgressList[0].matchScore"
+                  @view-resume="handleViewResumeStep"
+                  @confirm-resume="handleConfirmResumeStep"
+                  @not-apply="handleNotApplyStep"
+                  @continue-apply="handleContinueApplyStep"
+                  @go-apply="handleGoApplyStep"
+                  @applied="handleAppliedStep"
+                />
+                <!-- 已完成的投递记录（按时间降序） -->
+                <AgentApplyProgress
+                  v-for="completed in completedApplyList"
+                  :key="completed.id"
+                  :job-info="completed.jobInfo"
+                  :current-step="5"
+                  :completed-time="completed.completedTime"
+                />
+              </div>
             </div>
           </div>
         </div>
@@ -100,53 +171,10 @@
 
           <!-- 覆盖层：其他面板（绝对定位覆盖设置面板） -->
           <div v-if="showRightPanel" class="agent-main__right-overlay">
-            <!-- 模式1：匹配岗位添加面板 -->
-            <AgentMatchJobAdd
-              v-if="rightPanelMode === 'recommend'"
-              :jobs="recommendJobs"
-              :loading-job-ids="loadingJobIds"
-              :panel-loading="panelLoading"
-              @close="handleCloseRecommendPanel"
-              @view-more="handleViewMoreJobs"
-              @toggle="handleToggleJobApply"
-              @add-all="handleAddAllJobs"
-              @click-job="handleMatchJobClick"
-            />
-            <!-- 模式2：简历生成进度 -->
-            <div v-else-if="rightPanelMode === 'generating'" class="agent-resume-generating">
-              <div class="agent-resume-generating__progress-bar">
-                <div class="agent-resume-generating__progress-fill" :style="{ width: generateProgress + '%' }"></div>
-              </div>
-              <div class="agent-resume-generating__title">正在生成岗位专属简历</div>
-              <div class="agent-resume-generating__hint">
-                <svg viewBox="0 0 16 16" fill="none" class="agent-resume-generating__hint-icon"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.2"/><path d="M8 5v3M8 10.5v.5" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg>
-                <span>生成简历大约需要10-20秒</span>
-              </div>
-            </div>
             <!-- 模式3：简历预览 -->
-            <div v-else-if="rightPanelMode === 'resume'" class="agent-main__right-resume">
+            <div v-if="rightPanelMode === 'resume'" class="agent-main__right-resume">
               <JobResumeTemplate ref="applyResumeTemplateRef" :resume-data="applyResumeData" :mode="applyResumeMode" />
             </div>
-            <!-- 模式4：岗位预览 -->
-            <AgentJobPreviewPanel
-              v-else-if="rightPanelMode === 'jobPreview'"
-              :job-id="previewJobId"
-              :application-status="previewJobApplicationStatus"
-              @back="handleJobPreviewBack"
-              @add="handleJobPreviewAdd"
-              @remove="handleJobPreviewRemove"
-            />
-            <!-- 模式5：全部的待投递列表 -->
-            <AgentPendingJobListPanel
-              v-else-if="rightPanelMode === 'pendingList'"
-              @close="handleClosePendingListPanel"
-              @removed="handlePendingListRemoved"
-            />
-            <!-- 模式6：全部的已投递进度 -->
-            <AgentApplyProgressPanel
-              v-else-if="rightPanelMode === 'applyProgress'"
-              @close="handleCloseApplyProgressPanel"
-            />
           </div>
         </div>
       </div>
@@ -154,6 +182,17 @@
 
     <!-- 求职目标设置弹窗 -->
     <JobGoalDialog v-model="showJobGoalDialog" />
+
+    <!-- 岗位预览抽屉（从右侧弹出） -->
+    <AgentJobPreviewPanel
+      :visible="showJobPreviewDrawer"
+      :job-id="previewJobId"
+      :application-status="previewJobApplicationStatus"
+      @back="handleJobPreviewBack"
+      @add="handleJobPreviewAdd"
+      @remove="handleJobPreviewRemove"
+      @update:visible="(val: boolean) => showJobPreviewDrawer = val"
+    />
   </div>
 </template>
 
@@ -162,26 +201,22 @@ import { ref, onMounted, nextTick } from 'vue'
 import SideNav from '@/components/SideNav.vue'
 import AgentSetupWizard from '@/components/AgentSetupWizard.vue'
 import AgentChatJobList from '@/components/AgentChatJobList.vue'
-import AgentMatchJobAdd from '@/components/AgentMatchJobAdd.vue'
 import AgentApplyProgress from '@/components/AgentApplyProgress.vue'
 import AgentTaskListDropdown from '@/components/AgentTaskListDropdown.vue'
 import JobResumeTemplate from '@/components/JobResumeTemplate.vue'
 import AgentJobPreviewPanel from '@/components/AgentJobPreviewPanel.vue'
-import AgentPendingJobListPanel from '@/components/AgentPendingJobListPanel.vue'
-import AgentApplyProgressPanel from '@/components/AgentApplyProgressPanel.vue'
 import AgentSettingPanel from '@/components/AgentSettingPanel.vue'
 import type { ResumeTemplateData } from '@/components/JobResumeTemplate.vue'
-import { fetchAgentConfig, saveAgentConfig, fetchAgentRecommend, applyJob, cancelApplyJob, fetchApplyByJobIds, optimizeAgentResume } from '@/api/agent'
+import { fetchAgentConfig, saveAgentConfig, applyJob, cancelApplyJob, optimizeAgentResume, fetchMatchScore } from '@/api/agent'
 import type { AgentConfig, AgentRecommendJob } from '@/api/agent'
-import { fetchAgentTaskList } from '@/api/jobs'
-import type { JobListItem } from '@/api/jobs'
+import { fetchAgentTaskList, fetchJobList, fetchJobIntention, fetchCustomizeResume } from '@/api/jobs'
+import type { JobListItem, JobListParams } from '@/api/jobs'
 import { fetchResumeList } from '@/api/resume'
-import { cacheResumePdfToLocal } from '@/utils/resumeExport'
-import store from '@/stores'
 import JobGoalDialog from '@/components/JobGoalDialog.vue'
 
 // ==================== sessionStorage 缓存 key ====================
 const STORAGE_KEY = 'agent_apply_progress_list'
+const COMPLETED_STORAGE_KEY = 'agent_completed_apply_list'
 
 /** 投递进度数据项 */
 interface ApplyProgressItem {
@@ -191,12 +226,28 @@ interface ApplyProgressItem {
   jobInfo: JobListItem
   /** 当前步骤（1-4） */
   step: number
+  /** 当前步骤阶段 */
+  stepPhase: 'loading' | 'done' | 'low-match' | 'ready' | 'confirm'
   /** 简历名称 */
   resumeName: string
   /** 简历接口返回的原始数据（用于 ResumeTemplate 渲染） */
   resumeData?: any
   /** 简历缓存 storageKey */
   resumeCacheKey?: string
+  /** 定制简历 ID（用于匹配度评分） */
+  customizeResumeId?: string
+  /** 匹配度分数 */
+  matchScore?: number
+}
+
+/** 已完成的投递记录项 */
+interface CompletedApplyItem {
+  /** 唯一标识 */
+  id: number
+  /** 岗位信息 */
+  jobInfo: JobListItem
+  /** 投递完成时间 */
+  completedTime: string
 }
 
 /** 页面初始加载状态 */
@@ -226,14 +277,8 @@ const recommendRefreshing = ref(false)
 /** 待投递列表数据 */
 const applyJobList = ref<JobListItem[]>([])
 
-/** 待投递列表下拉弹窗是否显示 */
-const showTaskListDropdown = ref(false)
-
 /** 正在请求中的岗位 ID 列表（传给子组件控制按钮 loading） */
-const loadingJobIds = ref<number[]>([])
-
-/** 右侧面板加载状态 */
-const panelLoading = ref(false)
+const loadingJobIds = ref<(string | number)[]>([])
 
 /** 默认简历 ID */
 const defaultResumeId = ref('')
@@ -247,9 +292,12 @@ const isPaused = ref(false)
 /** 是否显示求职目标设置弹窗 */
 const showJobGoalDialog = ref(false)
 
-/** 投递进度列表（从 sessionStorage 恢复 + 实时追加） */
+/** 投递进度列表（当前进行中的，最多1个） */
 const applyProgressList = ref<ApplyProgressItem[]>([])
 
+/** 已完成的投递记录列表（按时间降序） */
+const completedApplyList = ref<CompletedApplyItem[]>([])
+
 /** 内容区域 DOM 引用 */
 const contentAreaRef = ref<HTMLElement | null>(null)
 
@@ -269,6 +317,13 @@ function saveProgressToStorage() {
   } catch { /* 超容量静默 */ }
 }
 
+/** 保存已完成记录到 localStorage（持久存储） */
+function saveCompletedToStorage() {
+  try {
+    localStorage.setItem(COMPLETED_STORAGE_KEY, JSON.stringify(completedApplyList.value))
+  } catch { /* 超容量静默 */ }
+}
+
 /** 从 sessionStorage 恢复投递进度 */
 function loadProgressFromStorage() {
   try {
@@ -279,20 +334,25 @@ function loadProgressFromStorage() {
   } catch { /* 解析失败静默 */ }
 }
 
+/** 从 localStorage 恢复已完成记录 */
+function loadCompletedFromStorage() {
+  try {
+    const raw = localStorage.getItem(COMPLETED_STORAGE_KEY)
+    if (raw) {
+      completedApplyList.value = JSON.parse(raw)
+    }
+  } catch { /* 解析失败静默 */ }
+}
+
 // ==================== 页面初始化 ====================
 
 /** 页面挂载时查询配置 */
 onMounted(async () => {
   loadProgressFromStorage()
+  loadCompletedFromStorage()
   await loadAgentConfig()
-  document.addEventListener('click', closeTaskDropdownOnClickOutside)
 })
 
-/** 点击外部关闭待投递列表下拉 */
-function closeTaskDropdownOnClickOutside() {
-  showTaskListDropdown.value = false
-}
-
 /** 查询求职助手配置 */
 async function loadAgentConfig() {
   pageLoading.value = true
@@ -313,6 +373,34 @@ async function loadAgentConfig() {
   }
 }
 
+/** 将 JobListItem 适配为 AgentRecommendJob 格式（适配层） */
+function jobListItemToRecommendJob(item: JobListItem): AgentRecommendJob {
+  return {
+    id: item.id,
+    title: item.title,
+    salary: '',
+    companyName: item.companyName,
+    companyShortName: item.companyShortName,
+    companyType: item.companyType,
+    companyLogoUrl: '',
+    regionName: item.regionName,
+    categoryName: item.categoryName,
+    tags: item.tags || [],
+    sourceUrl: item.sourceUrl,
+    isFavorite: item.isFavorite,
+    applicationStatus: null,
+    status: item.status,
+    matchScore: item.matchScore,
+    matchDetail: {
+      educationScore: item.matchDetail?.educationScore || 0,
+      skillScore: item.matchDetail?.skillScore || 0,
+      experienceScore: item.matchDetail?.experienceScore || 0,
+    },
+    education: item.education,
+    recruitCategory: item.recruitCategory,
+  }
+}
+
 /** 从全量列表中随机抽取指定数量的岗位 */
 function pickRandomJobs(list: AgentRecommendJob[], count: number): AgentRecommendJob[] {
   if (list.length <= count) return [...list]
@@ -320,13 +408,24 @@ function pickRandomJobs(list: AgentRecommendJob[], count: number): AgentRecommen
   return shuffled.slice(0, count)
 }
 
-/** 加载推荐岗位列表（请求200个，随机抽取10个展示） */
+/** 加载推荐岗位列表（使用 job/list 接口） */
 async function loadRecommendJobs() {
   try {
-    const res = await fetchAgentRecommend()
+    // 获取用户求职意向作为筛选条件
+    const intentionRes = await fetchJobIntention()
+    const params: JobListParams = { pageNum: 1, pageSize: 50 }
+    if (intentionRes.code === '0' && intentionRes.data) {
+      if (intentionRes.data.regionCodes?.length) params.regionCodes = intentionRes.data.regionCodes
+      if (intentionRes.data.categoryIds?.length) params.categoryIds = intentionRes.data.categoryIds
+      if (intentionRes.data.industryIds?.length) params.industryIds = intentionRes.data.industryIds
+      if (intentionRes.data.recruitCategory !== null && intentionRes.data.recruitCategory !== undefined) {
+        params.recruitCategory = intentionRes.data.recruitCategory
+      }
+    }
+    const res = await fetchJobList(params)
     if (res.code === '0' && res.data) {
-      recommendSummary.value = res.data.summary || ''
-      recommendJobs.value = res.data.list || []
+      recommendSummary.value = '根据求职目标和简历信息智能推荐'
+      recommendJobs.value = (res.data.list || []).map(jobListItemToRecommendJob)
       displayRecommendJobs.value = pickRandomJobs(recommendJobs.value, 10)
     }
   } catch {
@@ -334,14 +433,27 @@ async function loadRecommendJobs() {
   }
 }
 
-/** 换一批 — 重新请求接口并随机抽取 */
+/** 换一批 — 重新请求 job/list 接口并随机抽取 */
 async function handleRefreshRecommend() {
   recommendRefreshing.value = true
   try {
-    const res = await fetchAgentRecommend()
+    const intentionRes = await fetchJobIntention()
+    const params: JobListParams = { pageNum: 1, pageSize: 50 }
+    if (intentionRes.code === '0' && intentionRes.data) {
+      if (intentionRes.data.regionCodes?.length) params.regionCodes = intentionRes.data.regionCodes
+      if (intentionRes.data.categoryIds?.length) params.categoryIds = intentionRes.data.categoryIds
+      if (intentionRes.data.industryIds?.length) params.industryIds = intentionRes.data.industryIds
+      if (intentionRes.data.recruitCategory !== null && intentionRes.data.recruitCategory !== undefined) {
+        params.recruitCategory = intentionRes.data.recruitCategory
+      }
+    }
+    // 排除当前已展示的岗位
+    const excludeIds = recommendJobs.value.map(j => Number(j.id))
+    if (excludeIds.length) params.excludeJobIds = excludeIds
+    const res = await fetchJobList(params)
     if (res.code === '0' && res.data) {
-      recommendSummary.value = res.data.summary || ''
-      recommendJobs.value = res.data.list || []
+      recommendSummary.value = '根据求职目标和简历信息智能推荐'
+      recommendJobs.value = (res.data.list || []).map(jobListItemToRecommendJob)
       displayRecommendJobs.value = pickRandomJobs(recommendJobs.value, 10)
     }
   } catch {
@@ -426,18 +538,23 @@ async function handleLaunch() {
   await loadDefaultResumeId()
 }
 
-// ==================== 待投递列表 ====================
+// ==================== 投递任务抽屉 ====================
 
-/** 切换待投递列表下拉弹窗显隐 */
+/** 投递任务抽屉是否显示 */
+const showTaskListDrawer = ref(false)
+
+/** 切换投递任务抽屉显隐 */
 function toggleTaskListDropdown() {
   if (isApplying.value) {
     ElMessage.warning('请完成或取消投递流程后再打开编辑待投递列表')
     return
   }
-  showTaskListDropdown.value = !showTaskListDropdown.value
-  if (showTaskListDropdown.value) {
-    loadApplyList()
-  }
+  showTaskListDrawer.value = !showTaskListDrawer.value
+}
+
+/** 关闭投递任务抽屉 */
+function handleCloseTaskListDrawer() {
+  showTaskListDrawer.value = false
 }
 
 /** 岗位从待投递列表中移除后的回调 */
@@ -450,49 +567,8 @@ function handleTaskRemoved(jobId: string) {
 
 // ==================== 推荐岗位面板 ====================
 
-/** 打开右侧匹配岗位面板 */
-async function handleOpenRecommendPanel() {
-  if (rightPanelMode.value === 'generating' || rightPanelMode.value === 'resume') {
-    ElMessage.warning('请完成或退出投递流程后再添加岗位')
-    return
-  }
-  rightPanelMode.value = 'recommend'
-  showRightPanel.value = true
-  panelLoading.value = true
-
-  try {
-    /* 批量查询投递记录更新岗位状态 */
-    const jobIds = recommendJobs.value.map(j => j.id)
-    if (jobIds.length === 0) return
-    const res = await fetchApplyByJobIds(jobIds)
-    if (res.code === '0' && res.data) {
-      const statusMap = new Map<number, number>()
-      for (const record of res.data) {
-        statusMap.set(record.jobId, record.status)
-      }
-      for (const job of recommendJobs.value) {
-        if (statusMap.has(job.id)) {
-          job.applicationStatus = statusMap.get(job.id)!
-        } else {
-          job.applicationStatus = null
-        }
-      }
-    }
-  } catch {
-    console.error('[Agent] 查询岗位投递记录失败')
-  } finally {
-    panelLoading.value = false
-  }
-}
-
-/** 关闭右侧匹配岗位面板 */
-function handleCloseRecommendPanel() {
-  showRightPanel.value = false
-  rightPanelMode.value = 'recommend'
-}
-
 /** 更新推荐岗位中对应岗位的 applicationStatus */
-function updateJobStatusInRecommend(jobId: number, newStatus: number | null) {
+function updateJobStatusInRecommend(jobId: string | number, newStatus: number | null) {
   // 更新全量列表
   const job = recommendJobs.value.find(j => j.id === jobId)
   if (job) {
@@ -526,34 +602,10 @@ async function handleToggleJobApply(job: AgentRecommendJob) {
   }
 }
 
-/** 全部添加 */
-async function handleAddAllJobs() {
-  const pendingJobs = recommendJobs.value.filter(j => j.applicationStatus === null || j.applicationStatus === undefined)
-  if (pendingJobs.length === 0) {
-    ElMessage.info('所有岗位已添加到待投递')
-    return
-  }
-  for (const job of pendingJobs) {
-    if (loadingJobIds.value.includes(job.id)) continue
-    loadingJobIds.value.push(job.id)
-    try {
-      await applyJob({ jobId: job.id, status: -1 })
-      updateJobStatusInRecommend(job.id, -1)
-    } catch { /* 单个失败不阻断 */ }
-    finally {
-      loadingJobIds.value = loadingJobIds.value.filter(id => id !== job.id)
-    }
-  }
-  await loadApplyList()
-  ElMessage.success('已全部添加到待投递')
-}
+// ==================== 岗位预览（模式4 → 改为独立抽屉） ====================
 
-/** 查看更多岗位 */
-function handleViewMoreJobs() {
-  // TODO: 后续对接分页加载
-}
-
-// ==================== 岗位预览（模式4） ====================
+/** 岗位预览抽屉是否显示 */
+const showJobPreviewDrawer = ref(false)
 
 /** 当前预览的岗位 ID */
 const previewJobId = ref('')
@@ -561,26 +613,16 @@ const previewJobId = ref('')
 /** 当前预览岗位的投递状态 */
 const previewJobApplicationStatus = ref<number | null>(null)
 
-/** 进入岗位预览前记录的面板模式 */
-const prevPanelMode = ref<typeof rightPanelMode.value>('recommend')
-
-/** 打开岗位预览面板 */
+/** 打开岗位预览抽屉 */
 function handleOpenJobPreview(jobId: string | number, applicationStatus?: number | null) {
   previewJobId.value = String(jobId)
   previewJobApplicationStatus.value = applicationStatus ?? null
-  prevPanelMode.value = rightPanelMode.value
-  rightPanelMode.value = 'jobPreview'
-  showRightPanel.value = true
+  showJobPreviewDrawer.value = true
 }
 
-/** 岗位预览返回 */
+/** 岗位预览关闭 */
 function handleJobPreviewBack() {
-  if (prevPanelMode.value === 'recommend') {
-    rightPanelMode.value = 'recommend'
-  } else {
-    showRightPanel.value = false
-    rightPanelMode.value = 'recommend'
-  }
+  showJobPreviewDrawer.value = false
 }
 
 /** 岗位预览中点击添加 */
@@ -609,11 +651,6 @@ async function handleJobPreviewRemove(jobId: string) {
   }
 }
 
-/** AgentMatchJobAdd 中点击岗位 */
-function handleMatchJobClick(job: AgentRecommendJob) {
-  handleOpenJobPreview(job.id, job.applicationStatus)
-}
-
 /** AgentChatJobList 中点击岗位 */
 function handleChatJobClick(job: AgentRecommendJob) {
   if (isApplying.value) {
@@ -625,49 +662,10 @@ function handleChatJobClick(job: AgentRecommendJob) {
 
 // ==================== 待投递列表面板（模式5） ====================
 
-/** 打开待投递列表面板 */
-function handleOpenPendingListPanel() {
-  showTaskListDropdown.value = false
-  rightPanelMode.value = 'pendingList'
-  showRightPanel.value = true
-}
-
-/** 关闭待投递列表面板 */
-function handleClosePendingListPanel() {
-  showRightPanel.value = false
-  rightPanelMode.value = 'recommend'
-}
-
-/** 待投递列表面板中移除岗位后同步 */
-function handlePendingListRemoved(jobId: string) {
-  const idx = applyJobList.value.findIndex(j => j.id === jobId)
-  if (idx !== -1) {
-    applyJobList.value.splice(idx, 1)
-  }
-}
-
-// ==================== 申请进度面板（模式6） ====================
-
-/** 打开申请进度面板 */
-function handleOpenApplyProgressPanel() {
-  showTaskListDropdown.value = false
-  rightPanelMode.value = 'applyProgress'
-  showRightPanel.value = true
-}
-
-/** 关闭申请进度面板 */
-function handleCloseApplyProgressPanel() {
-  showRightPanel.value = false
-  rightPanelMode.value = 'recommend'
-}
-
 // ==================== 投递流程 ====================
 
 /** 右侧面板显示模式 */
-const rightPanelMode = ref<'recommend' | 'generating' | 'resume' | 'jobPreview' | 'pendingList' | 'applyProgress'>('recommend')
-
-/** 简历生成进度百分比 */
-const generateProgress = ref(0)
+const rightPanelMode = ref<'recommend' | 'resume'>('recommend')
 
 /** 当前投递流程的简历数据 */
 const applyResumeData = ref<ResumeTemplateData>({} as ResumeTemplateData)
@@ -678,35 +676,6 @@ const applyResumeTemplateRef = ref<InstanceType<typeof JobResumeTemplate> | null
 /** 简历模板模式：preview=预览，export=导出 */
 const applyResumeMode = ref<'preview' | 'export'>('preview')
 
-/** 进度条定时器 */
-let progressTimer: ReturnType<typeof setInterval> | null = null
-
-/** 启动模拟进度条 */
-function startProgressSimulation() {
-  generateProgress.value = 0
-  progressTimer = setInterval(() => {
-    if (generateProgress.value < 30) {
-      generateProgress.value += 2
-    } else if (generateProgress.value < 70) {
-      generateProgress.value += 1
-    } else if (generateProgress.value < 90) {
-      generateProgress.value += 0.5
-    }
-    if (generateProgress.value >= 90) {
-      generateProgress.value = 90
-    }
-  }, 300)
-}
-
-/** 停止进度条并涨满 */
-function finishProgress() {
-  if (progressTimer) {
-    clearInterval(progressTimer)
-    progressTimer = null
-  }
-  generateProgress.value = 100
-}
-
 /** 学历文字转数字 */
 function degreeToNumber(degree?: string): number {
   const map: Record<string, number> = { '大专': 1, '本科': 2, '硕士': 3, '博士': 4 }
@@ -766,11 +735,16 @@ function mapOptimizeResumeToTemplate(data: any): ResumeTemplateData {
 /** 标记当前投递流程是否已被取消 */
 const applyCancelled = ref(false)
 
-/** 顶部栏按钮点击 */
+/** 顶部栏按钮点击（开始/暂停投递） */
 function handleTopBarStartClick() {
-  if (isApplying.value && isPaused.value) {
+  if (isApplying.value && !isPaused.value) {
+    // 暂停投递
+    isPaused.value = true
+  } else if (isApplying.value && isPaused.value) {
+    // 恢复投递
     isPaused.value = false
-  } else if (!isApplying.value) {
+  } else {
+    // 开始投递
     handleStartApply()
   }
 }
@@ -801,24 +775,22 @@ async function handleStartApply() {
     id: Date.now(),
     jobInfo: targetJob,
     step: 1,
+    stepPhase: 'loading',
     resumeName: '岗位专属简历',
   }
-  applyProgressList.value.push(progressItem)
+  applyProgressList.value = [progressItem]
   saveProgressToStorage()
 
   await nextTick()
   scrollContentToBottom()
 
   // 开始第1步：优化简历
-  await startResumeOptimization(progressItem, targetJob)
+  await startResumeOptimization(targetJob)
 }
 
 /** 执行简历优化（第1步） */
-async function startResumeOptimization(progressItem: ApplyProgressItem, targetJob: JobListItem) {
-  rightPanelMode.value = 'generating'
-  showRightPanel.value = true
+async function startResumeOptimization(targetJob: JobListItem) {
   applyCancelled.value = false
-  startProgressSimulation()
 
   try {
     const res = await optimizeAgentResume({
@@ -828,123 +800,208 @@ async function startResumeOptimization(progressItem: ApplyProgressItem, targetJo
 
     if (applyCancelled.value) return
 
-    finishProgress()
-    await new Promise(resolve => setTimeout(resolve, 1000))
-
-    if (applyCancelled.value) return
-
     const apiData = res?.data || res
     if (apiData) {
       const resumeResult = mapOptimizeResumeToTemplate(apiData)
       applyResumeData.value = resumeResult
-      progressItem.resumeName = resumeResult.name || '岗位专属简历'
-      progressItem.resumeData = apiData
-      progressItem.step = 2
-      saveProgressToStorage()
 
-      rightPanelMode.value = 'resume'
+      // 直接操作数组中的对象确保响应式更新
+      const current = applyProgressList.value[0]
+      if (current) {
+        current.resumeName = resumeResult.name || '岗位专属简历'
+        current.resumeData = apiData
+        // 第1步完成，等待用户确认
+        current.step = 1
+        current.stepPhase = 'done'
+      }
+      // 触发数组引用更新
+      applyProgressList.value = [...applyProgressList.value]
+      saveProgressToStorage()
     }
   } catch (e) {
     if (applyCancelled.value) return
     console.error('[Agent] 优化简历失败', e)
     ElMessage.error('简历优化失败，请重试')
-    finishProgress()
-    showRightPanel.value = false
-    rightPanelMode.value = 'recommend'
     isApplying.value = false
+    applyProgressList.value = []
+    saveProgressToStorage()
   }
 }
 
-/** 取消投递流程 */
-function handleCancelApply(index: number) {
-  applyCancelled.value = true
-  if (progressTimer) {
-    clearInterval(progressTimer)
-    progressTimer = null
-  }
-  isPaused.value = false
+/** 第1步完成：查看优化简历 */
+function handleViewResumeStep() {
+  const progressItem = applyProgressList.value[0]
+  if (!progressItem) return
 
-  // 从列表中移除该条进度
-  applyProgressList.value.splice(index, 1)
+  // 打开右侧简历预览面板
+  if (progressItem.resumeData) {
+    applyResumeData.value = mapOptimizeResumeToTemplate(progressItem.resumeData)
+  }
+  rightPanelMode.value = 'resume'
+  showRightPanel.value = true
+}
+
+/** 第1步完成：确认简历 → 自动进入第2步匹配分析 */
+async function handleConfirmResumeStep() {
+  const progressItem = applyProgressList.value[0]
+  if (!progressItem) return
+
+  // 进入第2步
+  progressItem.step = 2
+  progressItem.stepPhase = 'loading'
+  applyProgressList.value = [...applyProgressList.value]
   saveProgressToStorage()
 
+  // 关闭简历预览面板
   showRightPanel.value = false
   rightPanelMode.value = 'recommend'
-  isApplying.value = false
+
+  // 调用匹配分析流程
+  await startMatchAnalysis()
 }
 
-/** 第2步：确认简历 */
-async function handleConfirmResumeStep(index: number) {
-  const progressItem = applyProgressList.value[index]
+/** 执行匹配分析（第2步） */
+async function startMatchAnalysis() {
+  const progressItem = applyProgressList.value[0]
   if (!progressItem) return
 
   try {
-    progressItem.step = 3
+    // 先调 /job/customize-resume 获取定制简历 ID
+    const customizeRes = await fetchCustomizeResume(String(progressItem.jobInfo.id))
+    if (applyCancelled.value) return
+
+    const customizeResumeId = customizeRes?.data?.id
+    if (!customizeResumeId) {
+      console.error('[Agent] 获取定制简历ID失败')
+      ElMessage.error('匹配分析失败，未获取到定制简历')
+      return
+    }
+
+    progressItem.customizeResumeId = String(customizeResumeId)
     saveProgressToStorage()
 
-    // 切换到导出模式（大padding）
-    applyResumeMode.value = 'export'
-    await nextTick()
-    const element = applyResumeTemplateRef.value?.resumeRef
-    if (element) {
-      const userId = String(store.state.userInfo?.id || '')
-      const jobId = String(progressItem.jobInfo?.id || '')
-      if (userId && jobId) {
-        const cacheRecord = await cacheResumePdfToLocal(element, userId, jobId)
-        if (cacheRecord) {
-          progressItem.resumeCacheKey = cacheRecord.storageKey
-          saveProgressToStorage()
-        }
-      }
+    // 再调 /job-agent/match-score 获取匹配度分数
+    const scoreRes = await fetchMatchScore({
+      customizeResumeId: String(customizeResumeId),
+      jobId: String(progressItem.jobInfo.id),
+    })
+
+    if (applyCancelled.value) return
+
+    const score = scoreRes?.data ?? 0
+    progressItem.matchScore = score
+
+    if (score >= 40) {
+      // 匹配度 >= 40，直接进入第3步
+      progressItem.step = 3
+      progressItem.stepPhase = 'ready'
+    } else {
+      // 匹配度 < 40，显示低匹配提示
+      progressItem.step = 2
+      progressItem.stepPhase = 'low-match'
     }
-    // 恢复预览模式
-    applyResumeMode.value = 'preview'
+    // 触发响应式更新
+    applyProgressList.value = [...applyProgressList.value]
+    saveProgressToStorage()
   } catch (e) {
-    console.error('[Agent] 简历PDF缓存失败', e)
-    applyResumeMode.value = 'preview'
+    if (applyCancelled.value) return
+    console.error('[Agent] 匹配分析失败', e)
+    ElMessage.error('匹配分析失败，请重试')
   }
 }
 
-/** 第3步：跳过投递 */
-function handleSkipApply(index: number) {
-  const progressItem = applyProgressList.value[index]
+/** 第2步匹配度低：不投递 — 取消该岗位 */
+async function handleNotApplyStep() {
+  const progressItem = applyProgressList.value[0]
   if (!progressItem) return
 
-  progressItem.step = 4
+  try {
+    // 调用 DELETE /job/apply 从待投递列表移除
+    await cancelApplyJob(String(progressItem.jobInfo.id))
+  } catch (e) {
+    console.error('[Agent] 取消投递失败', e)
+  }
+
+  // 清除当前进度
+  applyProgressList.value = []
   saveProgressToStorage()
 
-  // 自动开始下一个岗位投递
+  // 自动开始下一个岗位
   autoStartNextApply()
 }
 
-/** 第3步：我已投递 */
-async function handleAppliedStep(index: number) {
-  const progressItem = applyProgressList.value[index]
+/** 第2步匹配度低：继续投递 → 进入第3步 */
+function handleContinueApplyStep() {
+  const progressItem = applyProgressList.value[0]
   if (!progressItem) return
 
-  try {
-    const res = await applyJob({ jobId: String(progressItem.jobInfo.id), status: 0 })
-    if (res.code === '0') {
-      progressItem.step = 4
-      saveProgressToStorage()
-      ElMessage.success('投递成功')
-      autoStartNextApply()
-    }
-  } catch (e) {
-    console.error('[Agent] 投递失败', e)
-    ElMessage.error('投递失败，请重试')
-  }
+  progressItem.step = 3
+  progressItem.stepPhase = 'ready'
+  applyProgressList.value = [...applyProgressList.value]
+  saveProgressToStorage()
 }
 
-/** 第3步：去投递 — 打开原链接 */
-function handleGoApplyStep(index: number) {
-  const progressItem = applyProgressList.value[index]
+/** 第3步：前往投递 — 打开岗位来源网站 + 进入第4步 */
+function handleGoApplyStep() {
+  const progressItem = applyProgressList.value[0]
   if (!progressItem) return
 
   const sourceUrl = (progressItem.jobInfo as any)?.sourceUrl
   if (sourceUrl) {
     window.open(sourceUrl, '_blank')
   }
+
+  // 进入第4步
+  progressItem.step = 4
+  progressItem.stepPhase = 'confirm'
+  applyProgressList.value = [...applyProgressList.value]
+  saveProgressToStorage()
+}
+
+/** 第4步：已投递 — 调用接口确认 */
+async function handleAppliedStep() {
+  const progressItem = applyProgressList.value[0]
+  if (!progressItem) return
+
+  try {
+    await applyJob({ jobId: String(progressItem.jobInfo.id), status: 0 })
+    ElMessage.success('投递成功')
+
+    // 记录完成时间
+    const now = new Date()
+    const timeStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')} ${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}`
+
+    // 添加到已完成列表
+    completedApplyList.value.unshift({
+      id: progressItem.id,
+      jobInfo: progressItem.jobInfo,
+      completedTime: timeStr,
+    })
+    saveCompletedToStorage()
+
+    // 清除当前进度
+    applyProgressList.value = []
+    saveProgressToStorage()
+
+    // 自动开始下一个岗位
+    autoStartNextApply()
+  } catch (e) {
+    console.error('[Agent] 投递失败', e)
+    ElMessage.error('投递失败，请重试')
+  }
+}
+
+/** 取消投递流程（用于暂停后不再继续等） */
+function handleCancelApply() {
+  applyCancelled.value = true
+  isPaused.value = false
+
+  applyProgressList.value = []
+  saveProgressToStorage()
+
+  showRightPanel.value = false
+  rightPanelMode.value = 'recommend'
+  isApplying.value = false
 }
 
 /** 自动开始下一个岗位投递 */
@@ -970,16 +1027,17 @@ async function autoStartNextApply() {
     id: Date.now(),
     jobInfo: targetJob,
     step: 1,
+    stepPhase: 'loading',
     resumeName: '岗位专属简历',
   }
-  applyProgressList.value.push(progressItem)
+  applyProgressList.value = [progressItem]
   saveProgressToStorage()
 
   await nextTick()
   scrollContentToBottom()
 
   // 开始第1步：优化简历
-  await startResumeOptimization(progressItem, targetJob)
+  await startResumeOptimization(targetJob)
 }
 </script>