校招公告，未登陆状态，免登录岗位列表接口

1.1岗位列表等新版本
加一个超级管理员登陆页面
2026-08-12 11:51:19 +08:00 · 2026-08-11 11:54:35 +08:00 · 2026-08-05 14:32:33 +08:00 · 2026-07-29 15:18:24 +08:00 · 2026-07-27 14:31:02 +08:00 · 2026-07-24 18:15:31 +08:00
157 changed files with 15676 additions and 4371 deletions
@@ -13,6 +13,7 @@ declare module 'vue' {
  export interface GlobalComponents {
    AgentApplyProgress: typeof import('./src/components/AgentApplyProgress.vue')['default']
    AgentApplyProgressPanel: typeof import('./src/components/AgentApplyProgressPanel.vue')['default']
+    AgentBrowserInstallGuide: typeof import('./src/components/AgentBrowserInstallGuide.vue')['default']
    AgentChatJobList: typeof import('./src/components/AgentChatJobList.vue')['default']
    AgentJobPreviewPanel: typeof import('./src/components/AgentJobPreviewPanel.vue')['default']
    AgentMatchJobAdd: typeof import('./src/components/AgentMatchJobAdd.vue')['default']
@@ -30,17 +31,15 @@ declare module 'vue' {
    ElDialog: typeof import('element-plus/es')['ElDialog']
    ElIcon: typeof import('element-plus/es')['ElIcon']
    ElInput: typeof import('element-plus/es')['ElInput']
-    ElOption: typeof import('element-plus/es')['ElOption']
    ElRadio: typeof import('element-plus/es')['ElRadio']
    ElRadioGroup: typeof import('element-plus/es')['ElRadioGroup']
-    ElSelect: typeof import('element-plus/es')['ElSelect']
    ElSkeleton: typeof import('element-plus/es')['ElSkeleton']
    ElSkeletonItem: typeof import('element-plus/es')['ElSkeletonItem']
-    ElSwitch: typeof import('element-plus/es')['ElSwitch']
    ElTooltip: typeof import('element-plus/es')['ElTooltip']
    FullscreenLoading: typeof import('./src/components/FullscreenLoading.vue')['default']
    HelloWorld: typeof import('./src/components/HelloWorld.vue')['default']
    IndustrySelector: typeof import('./src/components/tools/IndustrySelector.vue')['default']
+    JobApplyMethodDialog: typeof import('./src/components/JobApplyMethodDialog.vue')['default']
    JobCategorySelector: typeof import('./src/components/tools/JobCategorySelector.vue')['default']
    JobDislikeDialog: typeof import('./src/components/JobDislikeDialog.vue')['default']
    JobFeedbackDialog: typeof import('./src/components/JobFeedbackDialog.vue')['default']
@@ -49,10 +48,12 @@ declare module 'vue' {
    JobResumeCustomDialog: typeof import('./src/components/JobResumeCustomDialog.vue')['default']
    JobResumeCustomEditPanel: typeof import('./src/components/JobResumeCustomEditPanel.vue')['default']
    JobResumeTemplate: typeof import('./src/components/JobResumeTemplate.vue')['default']
+    JobStatsOverview: typeof import('./src/components/JobStatsOverview.vue')['default']
    LoginDialog: typeof import('./src/components/LoginDialog.vue')['default']
    MemberAccessDialog: typeof import('./src/components/MemberAccessDialog.vue')['default']
    MemberDialog: typeof import('./src/components/MemberDialog.vue')['default']
    MentorAsidePanel: typeof import('./src/components/MentorAsidePanel.vue')['default']
+    MentorQrCodeDialog: typeof import('./src/components/MentorQrCodeDialog.vue')['default']
    ProfileEditDrawer: typeof import('./src/components/ProfileEditDrawer.vue')['default']
    ProfilePageContent: typeof import('./src/components/ProfilePageContent.vue')['default']
    ProfileWelcomeDialog: typeof import('./src/components/ProfileWelcomeDialog.vue')['default']
@@ -7,6 +7,16 @@
    <title>Offer派 - 大学生AI求职平台 | 智能岗位匹配·一键自动网申·AI简历优化</title>
    <meta name="description" content="Offer派是专为大学生打造的AI求职平台，提供智能岗位匹配、一键自动网申、岗位定制简历、内推人脉直通等功能，让校招求职效率提升80%。" />
    <meta name="keywords" content="大学生求职,校招,AI求职,智能匹配,自动网申,简历优化,内推,Offer派" />
+    <!-- 友盟统计 -->
+    <script>
+      var _czc = _czc || [];
+      (function () {
+        var um = document.createElement("script");
+        um.src = "https://v1.cnzz.com/z.js?id=1281490571&async=1";
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(um, s);
+      })();
+    </script>
  </head>
  <body>
    <div id="app"></div>
@@ -20,6 +20,7 @@
    "vuex": "^4.1.0"
  },
  "devDependencies": {
+    "@types/chrome": "^0.2.2",
    "@types/markdown-it": "^14.1.2",
    "@types/node": "^24.10.1",
    "@vitejs/plugin-vue": "^6.0.2",
@@ -36,6 +36,9 @@ importers:
        specifier: ^4.1.0
        version: 4.1.0(vue@3.5.29(typescript@5.9.3))
    devDependencies:
+      '@types/chrome':
+        specifier: ^0.2.2
+        version: 0.2.2
      '@types/markdown-it':
        specifier: ^14.1.2
        version: 14.1.2
@@ -490,9 +493,21 @@ packages:
  '@sxzz/popperjs-es@2.11.8':
    resolution: {integrity: sha512-wOwESXvvED3S8xBmcPWHs2dUuzrE4XiZeFu7e1hROIJkm02a49N120pmOXxY33sBb6hArItm5W5tcg1cBtV+HQ==}

+  '@types/chrome@0.2.2':
+    resolution: {integrity: sha512-8rSMZ4cvo2xmaSyQg0sN5yRL7oiDkntLoiHxUhfwQnv1mvnkrdoZ25SlNrKWmYKaeP50WvrfWj1pmc02+U9KKw==}
+
  '@types/estree@1.0.8':
    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}

+  '@types/filesystem@0.0.36':
+    resolution: {integrity: sha512-vPDXOZuannb9FZdxgHnqSwAG/jvdGM8Wq+6N4D/d80z+D4HWH+bItqsZaVRQykAn6WEVeEkLm2oQigyHtgb0RA==}
+
+  '@types/filewriter@0.0.33':
+    resolution: {integrity: sha512-xFU8ZXTw4gd358lb2jw25nxY9QAgqn2+bKKjKOYfNCzN4DKCFetK7sPtrlpg66Ywe3vWY9FNxprZawAh9wfJ3g==}
+
+  '@types/har-format@1.2.16':
+    resolution: {integrity: sha512-fluxdy7ryD3MV6h8pTfTYpy/xQzCFC7m89nOH9y94cNqJ1mDIDPut7MnRHI3F6qRmh/cT2fUjG1MLdCNb4hE9A==}
+
  '@types/linkify-it@5.0.0':
    resolution: {integrity: sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==}

@@ -1365,8 +1380,21 @@ snapshots:

  '@sxzz/popperjs-es@2.11.8': {}

+  '@types/chrome@0.2.2':
+    dependencies:
+      '@types/filesystem': 0.0.36
+      '@types/har-format': 1.2.16
+
  '@types/estree@1.0.8': {}

+  '@types/filesystem@0.0.36':
+    dependencies:
+      '@types/filewriter': 0.0.33
+
+  '@types/filewriter@0.0.33': {}
+
+  '@types/har-format@1.2.16': {}
+
  '@types/linkify-it@5.0.0': {}

  '@types/lodash-es@4.17.12':
@@ -0,0 +1 @@
+google-site-verification: google18c40aea647ea1cd.html
@@ -1,12 +1,15 @@
 <template>
  <el-config-provider :locale="zhCn">
    <RouterView />
+    <!-- 全局登录弹窗 -->
+    <LoginDialog />
  </el-config-provider>
 </template>

 <script setup lang="ts">
 import { RouterView } from 'vue-router'
 import zhCn from 'element-plus/es/locale/lang/zh-cn'
+import LoginDialog from '@/components/LoginDialog.vue'
 </script>

 <style lang="scss">
@@ -23,7 +23,7 @@ export interface AgentConfig {
  autoOptimizeResume?: number
  /** 自动匹配分析 0=关闭 1=开启 */
  autoMatchAnalysis?: number
-  /** 是否愿意接受部门调剂 */
+  /** 是否开启深度人岗匹配分析，可选值：是/否（null或空字符串视为关闭） */
  acceptDeptTransfer?: string
  /** 是否接受地点调剂 */
  acceptLocationTransfer?: string
@@ -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
 }

 /** 求职助手岗位推荐返回数据 */
@@ -297,8 +301,27 @@ export interface OptimizeResumeParams {
 */
 export function optimizeAgentResume(params: OptimizeResumeParams) {
  return aiService.post('/job-agent/optimize-resume', params, {
-    headers: {
-      Token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VySWQiOjIwMzUyNTM4OTg5MTk4NzA0NjUsInV1SWQiOiI2MmQ5MDE2NTcyNzY0ZmNjODNjZTIyYjRjODA5ZmU5MiJ9.eE-Q5rio5J5kxkS-XPYdmk-1Tgvg6kj6NGoKWMFNU14',
-    },
+
  }).then(res => res.data)
 }
+
+// ==================== 岗位匹配度评分（Python 后端） ====================
+
+/** 匹配度评分请求参数 */
+export interface MatchScoreParams {
+  /** 定制简历 ID（字符串，避免大整数精度丢失） */
+  customizeResumeId?: string
+  /** 普通简历 ID（关闭优化时使用） */
+  resumeId?: 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)
+}
@@ -0,0 +1,178 @@
+import request from '@/utils/request'
+import type { ApiResult } from '@/api/auth'
+
+// ==================== 校招公告列表接口 ====================
+
+/** Instant 时间结构（Java Instant 序列化格式） */
+export interface InstantTime {
+  /** 从 1970-01-01T00:00:00Z 起的秒数 */
+  seconds: number
+  /** 纳秒偏移（0 ~ 999999999） */
+  nanos?: number
+}
+
+/** 校招公告列表请求参数 */
+export interface AnnouncementListParams {
+  /** 当前页码，从1开始 */
+  pageNum?: number
+  /** 每页条数 */
+  pageSize?: number
+  /** 关键字 */
+  keyword?: string
+  /** 发布时间起（不含） */
+  publishTimeStart?: InstantTime | null
+  /** 发布时间止（含） */
+  publishTimeEnd?: InstantTime | null
+  /** 投递截止时间起（不含） */
+  applyEndTimeStart?: InstantTime | null
+  /** 投递截止时间止（含） */
+  applyEndTimeEnd?: InstantTime | null
+  /** 公司类型列表 */
+  companyTypes?: string[]
+  /** 学历要求列表 */
+  educationNames?: string[]
+  /** 招聘届数列表 */
+  recruitYears?: number[]
+  /** 批次列表 */
+  batchNames?: string[]
+  /** 岗位大类列表 */
+  categoryNames?: string[]
+  /** 热招城市列表 */
+  cityNames?: string[]
+  /** 行业列表 */
+  industryNames?: string[]
+  /** 标签列表 */
+  tagNames?: string[]
+}
+
+/** 校招公告列表项 */
+export interface AnnouncementItem {
+  /** 公告ID */
+  id: number
+  /** 公司ID */
+  companyId: number
+  /** 公司名称 */
+  companyName: string
+  /** 公司logo */
+  logoUrl: string
+  /** 公告标题 */
+  title: string
+  /** 专业要求 */
+  majorRequire: string
+  /** 发布时间（毫秒时间戳） */
+  publishTime: number | null
+  /** 投递结束时间 */
+  applyEndTime: InstantTime | null
+  /** 投递截止描述 */
+  applyEndDesc: string
+  /** 行业列表 */
+  industryNames: string[]
+  /** 岗位大类列表 */
+  categoryNames: string[]
+  /** 热招城市列表 */
+  cityNames: string[]
+  /** 学历要求列表 */
+  educationNames: string[]
+  /** 招聘届数列表 */
+  recruitYears: number[]
+  /** 批次列表 */
+  batchNames: string[]
+}
+
+/** 校招公告分页数据 */
+export interface AnnouncementPageData {
+  /** 当前页码 */
+  pageNum: number
+  /** 每页条数 */
+  pageSize: number
+  /** 总记录数 */
+  total: number
+  /** 数据列表 */
+  list: AnnouncementItem[]
+}
+
+/**
+ * 获取校招公告分页列表
+ * POST /public/recruitAnnouncement/page
+ */
+export function fetchAnnouncementList(params: AnnouncementListParams = {}) {
+  return request.post<any, ApiResult<AnnouncementPageData>>('/public/recruitAnnouncement/page', {
+    pageNum: params.pageNum ?? 1,
+    pageSize: params.pageSize ?? 10,
+    ...params,
+  })
+}
+
+// ==================== 校招公告详情接口 ====================
+
+/** 校招公告详情数据 */
+export interface AnnouncementDetail {
+  /** 公告ID */
+  id: number
+  /** 公司ID */
+  companyId: number
+  /** 公司名称 */
+  companyName: string
+  /** 公司logo */
+  logoUrl: string
+  /** 公司类型 */
+  companyType: string
+  /** 公告标题 */
+  title: string
+  /** 公司简介 */
+  companyIntro: string
+  /** 面向对象 */
+  targetAudience: string
+  /** 专业要求 */
+  majorRequire: string
+  /** 招聘岗位 */
+  recruitPosition: string
+  /** 备注 */
+  remark: string
+  /** 是否笔试 */
+  writtenExam: string
+  /** 投递开始时间 */
+  applyStartTime: InstantTime | null
+  /** 投递结束时间 */
+  applyEndTime: InstantTime | null
+  /** 投递截止描述 */
+  applyEndDesc: string
+  /** 专属内推码 */
+  inviteCode: string
+  /** 信息来源说明 */
+  source: string
+  /** 发布时间 */
+  publishTime: InstantTime | null
+  /** 清洗状态 */
+  cleanStatus: number
+  /** 状态 */
+  status: number
+  /** 创建时间 */
+  createTime: InstantTime | null
+  /** 更新时间 */
+  updateTime: InstantTime | null
+  /** 行业列表 */
+  industryNames: string[]
+  /** 岗位大类列表 */
+  categoryNames: string[]
+  /** 热招城市列表 */
+  cityNames: string[]
+  /** 学历要求列表 */
+  educationNames: string[]
+  /** 招聘届数列表 */
+  recruitYears: number[]
+  /** 批次列表 */
+  batchNames: string[]
+  /** 标签列表 */
+  tagNames: string[]
+}
+
+/**
+ * 获取校招公告详情
+ * GET /public/recruitAnnouncement/detail
+ */
+export function fetchAnnouncementDetail(id: string) {
+  return request.get<any, ApiResult<AnnouncementDetail>>('/public/recruitAnnouncement/detail', {
+    params: { id },
+  })
+}
@@ -54,6 +54,19 @@ export async function smsLogin(mobileNumber: string, code: string, inviteCode?:
  return res
 }

+/**
+ * 超级管理员登录
+ * POST /public/login/superAdminLogin
+ * Body: { mobileNumber, password }
+ * 返回结构与 smsLogin 一致
+ */
+export function superAdminLogin(mobileNumber: string, password: string) {
+  return request.post<any, ApiResult<LoginData>>('/public/login/superAdminLogin', {
+    mobileNumber,
+    password,
+  })
+}
+
 /**
 * 检查登录状态
 * GET /public/checkLogin
@@ -3,6 +3,16 @@ import aiService from '@/utils/aiRequest'
 import type { ApiResult } from '@/api/auth'
 import type { AiResult } from '@/utils/aiRequest'

+// ==================== 岗位总数 ====================
+
+/**
+ * 获取全网实时岗位总数
+ * GET /job/count
+ */
+export function fetchJobCount() {
+  return request.get<any, ApiResult<number>>('/job/count')
+}
+
 // ==================== 匹配详情 ====================

 /** 匹配度详情 */
@@ -23,12 +33,16 @@ export interface JobListItem {
  id: string
  /** 岗位标题 */
  title: string
+  /** 薪资描述 */
+  salary?: string
  /** 公司全称 */
  companyName: string
  /** 公司简称 */
  companyShortName: string
  /** 公司类型（如"上市企业"） */
  companyType: string
+  /** 公司Logo URL */
+  companyLogoUrl?: string
  /** 公司标签列表（如 ["新能源汽车", "乘用车制造", "10000人以上"]） */
  companyTags: string[]
  /** 地区名称 */
@@ -41,13 +55,19 @@ export interface JobListItem {
  sourceUrl: string
  /** 是否已收藏 */
  isFavorite: boolean
+  /** 投递状态（null=未投递，0=已投递 1=面试中 2=有Offer 3=未通过 4=已结束） */
+  applicationStatus?: number | null
  /** 岗位状态：0=有效 1=已下架 2=已过期 */
  status: number
+  /** 发布日期 */
+  expireAt?: string | null
+  /** 脚本名字 */
+  pyname?: string
  /** 综合匹配分（0-100） */
  matchScore: number
  /** 匹配度详情 */
  matchDetail: MatchDetail
-  /** 招聘分类：0=社招 1=校招 2=实习 */
+  /** 招聘分类：0=社招 1=校招 2=实习 3=其他 */
  recruitCategory?: number
  /** 学历要求 0=不限 1=大专 2=本科 3=硕士 4=博士 */
  education?: number
@@ -87,11 +107,62 @@ export interface JobListParams {
  statusFilter?: number[]
  /** 搜索关键词 */
  keyword?: string
-  /** 招聘分类 0=校招 1=实习 2=社招 3=其他 */
+  /** 招聘分类 0=社招 1=校招 2=实习 3=其他 */
  recruitCategory?: number
  /** 排除岗位ID列表（用于推荐时排除已推荐过的） */
  excludeJobIds?: number[]
+  /** 公司类型列表（上市企业、独角兽、国企等，可多选） */
+  companyTypes?: string[]
+  /** 学历要求列表 0=不限 1=大专 2=本科 3=硕士 4=博士（可多选） */
+  educations?: number[]
+  /** 发布开始时间（ISO 8601格式，如 "2026-08-10T21:00:00Z"） */
+  publishStartTime?: string
+  /** 发布截止时间（ISO 8601格式，如 "2026-08-11T21:00:00Z"） */
+  publishEndTime?: string
+}

+// ==================== 热门推荐接口 ====================
+
+/** 热门行业项 */
+export interface HotIndustryItem {
+  id: number
+  name: string
+}
+
+/** 热门岗位项 */
+export interface HotCategoryItem {
+  id: number
+  name: string
+}
+
+/** 热门城市项 */
+export interface HotCityItem {
+  code: string
+  name: string
+}
+
+/**
+ * 获取热门推荐行业
+ * GET /job/industry/hot
+ */
+export function fetchHotIndustries() {
+  return request.get<any, ApiResult<HotIndustryItem[]>>('/job/industry/hot')
+}
+
+/**
+ * 获取热门推荐岗位
+ * GET /job/category/hot
+ */
+export function fetchHotCategories() {
+  return request.get<any, ApiResult<HotCategoryItem[]>>('/job/category/hot')
+}
+
+/**
+ * 获取热门推荐城市
+ * GET /job/city/hot
+ */
+export function fetchHotCities() {
+  return request.get<any, ApiResult<HotCityItem[]>>('/job/city/hot')
 }

 // ==================== 求职意向 ====================
@@ -138,7 +209,33 @@ export function saveJobIntention(data: JobIntention) {
 * @param params 岗位列表查询参数
 */
 export function fetchJobList(params: JobListParams = {}) {
-  return request.post<any, ApiResult<JobPageData>>('/job/list', {
+  return request.post<any, ApiResult<JobPageData>>('/public/job/list', {
+    pageNum: params.pageNum ?? 1,
+    pageSize: params.pageSize ?? 15,
+    ...params,
+  })
+}
+
+/**
+ * 获取筛选岗位数量
+ * POST /job/list/count
+ * @param params 与岗位列表相同的筛选参数
+ */
+export function fetchJobListCount(params: JobListParams = {}) {
+  return request.post<any, ApiResult<number>>('/job/list/count', {
+    pageNum: params.pageNum ?? 1,
+    pageSize: params.pageSize ?? 10,
+    ...params,
+  })
+}
+
+/**
+ * 深度匹配岗位列表
+ * POST /job/list/match
+ * @param params 与岗位列表相同的筛选参数
+ */
+export function fetchJobListMatch(params: JobListParams = {}) {
+  return request.post<any, ApiResult<JobPageData>>('/job/list/match', {
    pageNum: params.pageNum ?? 1,
    pageSize: params.pageSize ?? 15,
    ...params,
@@ -483,6 +580,9 @@ export function fetchSkillGap(jobId: string) {
 /** 定制简历接口返回的简历数据 */
 export interface CustomizeResumeData {
  /** 简历基本信息 */
+  id?: string
+  resumeId?: string
+  resumeName?: string
  resume: {
    avatarUrl?: string
    name?: string
@@ -243,10 +243,8 @@ export function fetchMentorMockChat(mentorId: string): Promise<MentorMockChatRes
 */
 export function fetchMentorQrCode(teacherId: string): Promise<any> {
  return request.post('/public/mentor/getQrCode', {
-    key: {
-      path: 'pages/teacher/teacher',
-      teacherId,
-      loginAppid: 'wx3adfa65f9d8db17d',
-    },
+    path: 'pages/teacher/teacher',
+    teacherId,
+    loginAppid: 'wx3adfa65f9d8db17d',
  })
 }
@@ -361,7 +361,9 @@ body:not(#_) {
 .aliite-e{
 	align-items: flex-end;
 }
-
+.aliite-st{
+  align-items: stretch;
+}
 //英文字母或数字一行溢出超出，打断
 .word-bra{
 	word-break: break-all;
@@ -448,6 +450,9 @@ body:not(#_) {
 .flex-warp{
  flex-wrap: wrap;
 }
+.flex0{
+  flex: 0;
+}
 .flex1{
  flex: 1;
 }
@@ -529,6 +534,11 @@ body:not(#_) {
 .color-2{
 	color: #222;
 }
+
+.color-2F7DEA{
+  color: #2F7DEA;
+}
+
 .color-3{
 	color: #333;
 }
@@ -581,6 +591,10 @@ body:not(#_) {
 .color-9B9EAB{
  color:#9B9EAB;
 }
+.color-D31414{
+  color: #D31414;
+}
+
 .color-accent{
  color:$accent;
 }
@@ -620,7 +634,12 @@ body:not(#_) {
 .border-red1{
 	border: 0.01rem solid #C86667;
 }
-
+.border-EDF9FA-bottom-2{
+  border: 0.02rem solid #EDF9FA;
+}
+.border-F0F0F0-bottom-1{
+  border: 0.01rem solid #F0F0F0;
+}
 //圆角
 .border-ra0{border-radius: 0rem;}
 .border-ra1{border-radius: 0.01rem;}
@@ -700,6 +719,11 @@ body:not(#_) {
  background: $bg-white;
 }

+.bg-linear-1{
+  background: linear-gradient(to right, #52CAD1, #9FD051)
+}
+
+
 /*文字超出隐藏*/
 .text-over-h{
 	white-space: nowrap; /* 保持文本在一行内显示 */
@@ -885,6 +909,9 @@ body:not(#_) {
 .max-w1200{
  max-width: 12rem;
 }
+.max-w602{
+  max-width: 6.02rem;
+}
 .w0{width: 0rem;}
 .w1{width: 0.01rem;} .w2{width: 0.02rem;} .w3{width: 0.03rem;} .w4{width: 0.04rem;} .w5{width: 0.05rem;} .w6{width: 0.06rem;} .w7{width: 0.07rem;} .w8{width: 0.08rem;} .w9{width: 0.09rem;} .w10{width: 0.1rem;} .w11{width: 0.11rem;} .w12{width: 0.12rem;} .w13{width: 0.13rem;} .w14{width: 0.14rem;} .w15{width: 0.15rem;} .w16{width: 0.16rem;} .w17{width: 0.17rem;} .w18{width: 0.18rem;} .w19{width: 0.19rem;} .w20{width: 0.2rem;} .w21{width: 0.21rem;} .w22{width: 0.22rem;} .w23{width: 0.23rem;} .w24{width: 0.24rem;} .w25{width: 0.25rem;} .w26{width: 0.26rem;} .w27{width: 0.27rem;} .w28{width: 0.28rem;} .w29{width: 0.29rem;} .w30{width: 0.3rem;} .w31{width: 0.31rem;} .w32{width: 0.32rem;} .w33{width: 0.33rem;} .w34{width: 0.34rem;} .w35{width: 0.35rem;} .w36{width: 0.36rem;} .w37{width: 0.37rem;} .w38{width: 0.38rem;} .w39{width: 0.39rem;} .w40{width: 0.4rem;} .w41{width: 0.41rem;} .w42{width: 0.42rem;} .w43{width: 0.43rem;} .w44{width: 0.44rem;} .w45{width: 0.45rem;} .w46{width: 0.46rem;} .w47{width: 0.47rem;} .w48{width: 0.48rem;} .w49{width: 0.49rem;} .w50{width: 0.5rem;} .w51{width: 0.51rem;} .w52{width: 0.52rem;} .w53{width: 0.53rem;} .w54{width: 0.54rem;} .w55{width: 0.55rem;} .w56{width: 0.56rem;} .w57{width: 0.57rem;} .w58{width: 0.58rem;} .w59{width: 0.59rem;} .w60{width: 0.6rem;} .w61{width: 0.61rem;} .w62{width: 0.62rem;} .w63{width: 0.63rem;} .w64{width: 0.64rem;} .w65{width: 0.65rem;} .w66{width: 0.66rem;} .w67{width: 0.67rem;} .w68{width: 0.68rem;} .w69{width: 0.69rem;} .w70{width: 0.7rem;} .w71{width: 0.71rem;} .w72{width: 0.72rem;} .w73{width: 0.73rem;} .w74{width: 0.74rem;} .w75{width: 0.75rem;} .w76{width: 0.76rem;} .w77{width: 0.77rem;} .w78{width: 0.78rem;} .w79{width: 0.79rem;} .w80{width: 0.8rem;} .w81{width: 0.81rem;} .w82{width: 0.82rem;} .w83{width: 0.83rem;} .w84{width: 0.84rem;} .w85{width: 0.85rem;} .w86{width: 0.86rem;} .w87{width: 0.87rem;} .w88{width: 0.88rem;} .w89{width: 0.89rem;} .w90{width: 0.9rem;} .w91{width: 0.91rem;} .w92{width: 0.92rem;} .w93{width: 0.93rem;} .w94{width: 0.94rem;} .w95{width: 0.95rem;} .w96{width: 0.96rem;} .w97{width: 0.97rem;} .w98{width: 0.98rem;} .w99{width: 0.99rem;}
 .w100{width: 1rem;}
@@ -905,12 +932,16 @@ body:not(#_) {
 .w192{width: 1.92rem;}
 .w200{width: 2rem;}
 .w244{width: 2.44rem;}
+.w263{width: 2.63rem;}
+.w444{width: 4.44rem;}
+.w706{width: 7.06rem;}
 .w1200{width:12rem}

 /*height*/
 .h0{height: 0rem;}
 .h1{height: 0.01rem;} .h2{height: 0.02rem;} .h3{height: 0.03rem;} .h4{height: 0.04rem;} .h5{height: 0.05rem;} .h6{height: 0.06rem;} .h7{height: 0.07rem;} .h8{height: 0.08rem;} .h9{height: 0.09rem;} .h10{height: 0.1rem;} .h11{height: 0.11rem;} .h12{height: 0.12rem;} .h13{height: 0.13rem;} .h14{height: 0.14rem;} .h15{height: 0.15rem;} .h16{height: 0.16rem;} .h17{height: 0.17rem;} .h18{height: 0.18rem;} .h19{height: 0.19rem;} .h20{height: 0.2rem;} .h21{height: 0.21rem;} .h22{height: 0.22rem;} .h23{height: 0.23rem;} .h24{height: 0.24rem;} .h25{height: 0.25rem;} .h26{height: 0.26rem;} .h27{height: 0.27rem;} .h28{height: 0.28rem;} .h29{height: 0.29rem;} .h30{height: 0.3rem;} .h31{height: 0.31rem;} .h32{height: 0.32rem;} .h33{height: 0.33rem;} .h34{height: 0.34rem;} .h35{height: 0.35rem;} .h36{height: 0.36rem;} .h37{height: 0.37rem;} .h38{height: 0.38rem;} .h39{height: 0.39rem;} .h40{height: 0.4rem;} .h41{height: 0.41rem;} .h42{height: 0.42rem;} .h43{height: 0.43rem;} .h44{height: 0.44rem;} .h45{height: 0.45rem;} .h46{height: 0.46rem;} .h47{height: 0.47rem;} .h48{height: 0.48rem;} .h49{height: 0.49rem;} .h50{height: 0.5rem;} .h51{height: 0.51rem;} .h52{height: 0.52rem;} .h53{height: 0.53rem;} .h54{height: 0.54rem;} .h55{height: 0.55rem;} .h56{height: 0.56rem;} .h57{height: 0.57rem;} .h58{height: 0.58rem;} .h59{height: 0.59rem;} .h60{height: 0.6rem;} .h61{height: 0.61rem;} .h62{height: 0.62rem;} .h63{height: 0.63rem;} .h64{height: 0.64rem;} .h65{height: 0.65rem;} .h66{height: 0.66rem;} .h67{height: 0.67rem;} .h68{height: 0.68rem;} .h69{height: 0.69rem;} .h70{height: 0.7rem;} .h71{height: 0.71rem;} .h72{height: 0.72rem;} .h73{height: 0.73rem;} .h74{height: 0.74rem;} .h75{height: 0.75rem;} .h76{height: 0.76rem;} .h77{height: 0.77rem;} .h78{height: 0.78rem;} .h79{height: 0.79rem;} .h80{height: 0.8rem;} .h81{height: 0.81rem;} .h82{height: 0.82rem;} .h83{height: 0.83rem;} .h84{height: 0.84rem;} .h85{height: 0.85rem;} .h86{height: 0.86rem;} .h87{height: 0.87rem;} .h88{height: 0.88rem;} .h89{height: 0.89rem;} .h90{height: 0.9rem;} .h91{height: 0.91rem;} .h92{height: 0.92rem;} .h93{height: 0.93rem;} .h94{height: 0.94rem;} .h95{height: 0.95rem;} .h96{height: 0.96rem;} .h97{height: 0.97rem;} .h98{height: 0.98rem;} .h99{height: 0.99rem;}
 .h100{height: 1rem;}
+.h452{height: 4.52rem;}

 //行高
 .lh0{line-height: 0rem;}
@@ -1,317 +1,240 @@
@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: 620;
    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: 620;
+    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;
+    }
+
+    // 匹配度偏低（红橙色）
+    &--low-match {
+      color: #FE6D52;
+    }
+
+    // 强调色（品牌色）
+    &--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;
+    }
  }
 }
@@ -0,0 +1,225 @@
+// Agent浏览器插件安装步骤指引组件样式
+@use '../variables' as *;
+
+/* 组件最外层容器 */
+.agent-browser-guide {
+  font-size: 0.14rem;
+}
+
+/* Tab切换栏 */
+.agent-browser-guide__tabs {
+  display: flex;
+  border-bottom: 1px solid #F0F0F0;
+  margin-bottom: 0.16rem;
+  padding: 0 0.32rem;
+}
+
+/* 单个Tab */
+.agent-browser-guide__tab {
+  display: flex;
+  align-items: center;
+  gap: 0.06rem;
+  padding: 0.14rem 0.24rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: $text-middle;
+  cursor: pointer;
+  border-bottom: 2px solid transparent;
+  transition: color 0.2s, border-color 0.2s;
+  flex: 1;
+  justify-content: center;
+
+  &:hover {
+    color: $accent;
+  }
+
+  &--active {
+    color: $accent;
+    font-weight: 600;
+    border-bottom-color: $accent;
+  }
+
+  svg {
+    flex-shrink: 0;
+  }
+}
+
+/* 链接样式 */
+.agent-browser-guide__link {
+  color: $accent;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+/* URL截断文本 */
+.agent-browser-guide__url-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 2.8rem;
+}
+
+/* 步骤内容区域 */
+.agent-browser-guide-drawer__body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 0.32rem 0.32rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.16rem;
+  font-size: 0.14rem;
+}
+
+/* 步骤卡片 */
+.agent-browser-guide-drawer__card {
+  border: 1px solid #F0F0F0;
+  border-radius: 0.12rem;
+  padding: 0.16rem 0.2rem;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+}
+
+.agent-browser-guide-drawer__step-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.12rem;
+  margin-bottom: 0.16rem;
+  margin-right: 1rem;
+}
+
+.agent-browser-guide-drawer__step-num {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 0.32rem;
+  height: 0.32rem;
+  background: #EDF9FA;
+  border-radius: 0.08rem;
+  font-size: 0.18rem;
+  font-weight: 620;
+  color: $accent;
+  flex-shrink: 0;
+}
+
+.agent-browser-guide-drawer__step-info {
+  flex: 1;
+}
+
+.agent-browser-guide-drawer__step-title {
+  font-size: 0.18rem;
+  font-weight: 620;
+  color: $text-dark;
+  line-height: 0.24rem;
+  margin: 0 0 0.04rem;
+}
+
+.agent-browser-guide-drawer__step-desc {
+  font-size: 0.14rem;
+  font-weight: 330;
+  color: $text-middle;
+  line-height: 0.19rem;
+  margin: 0;
+}
+
+/* 下载按钮区域 */
+.agent-browser-guide-drawer__download-box {
+  display: flex;
+  align-items: center;
+  gap: 0.16rem;
+  padding: 0.04rem 0.04rem 0.04rem 0.16rem;
+  background: $bg-main;
+  border-radius: 0.12rem;
+  height: 0.44rem;
+  margin-left: 0.4rem;
+
+  &--wide {
+    width: auto;
+    max-width: 100%;
+  }
+}
+
+.agent-browser-guide-drawer__download-name {
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: $text-dark;
+  line-height: 0.19rem;
+}
+
+.agent-browser-guide-drawer__download-btn {
+  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: 620;
+  cursor: pointer;
+  transition: background 0.2s;
+  white-space: nowrap;
+
+  &:hover {
+    background: $accent-hover;
+  }
+}
+
+/* 浏览器链接区域 */
+.agent-browser-guide-drawer__browser-links {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.24rem;
+  margin-bottom: 0.16rem;
+  margin-left: 0.4rem;
+}
+
+.agent-browser-guide-drawer__browser-link {
+  display: flex;
+  align-items: center;
+  gap: 0.04rem;
+  padding: 0.12rem 0.16rem;
+  background: $bg-white;
+  border: 1px solid #F0F0F0;
+  border-radius: 0.08rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: $text-middle;
+  cursor: pointer;
+  transition: border-color 0.2s;
+
+  &:hover {
+    border-color: $accent;
+  }
+
+  svg {
+    flex-shrink: 0;
+  }
+
+  span {
+    white-space: nowrap;
+  }
+}
+
+.agent-browser-guide-drawer__copy-btn {
+  display: flex;
+  align-items: center;
+  gap: 0.04rem;
+  color: $accent;
+  font-size: 0.14rem;
+  font-weight: 450;
+  margin-left: 0.12rem;
+}
+
+/* 步骤示意图 */
+.agent-browser-guide-drawer__step-img {
+  width: 100%;
+  max-width: 3.52rem;
+  border-radius: 0.08rem;
+  margin-top: 0.12rem;
+  margin-left: 0.4rem;
+}
@@ -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: 620;
    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: 620;
    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: 620;
+    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: 620;
    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: 620;
    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: 620;
    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;
@@ -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: 620;
+    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: 620;
    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: 620;
+    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%);
+  }
 }
@@ -1,185 +1,632 @@
@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: 620;
+    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: 620;
+    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;
    }
  }
 }
+
+// ==================== 浏览器插件安装教程抽屉 ====================
+
+/* 遮罩层 */
+.agent-browser-guide-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-browser-guide-drawer {
+  width: 9.6rem;
+  max-width: 9.6rem;
+  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;
+    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: 620;
+    color: $text-dark;
+    line-height: 0.24rem;
+  }
+
+  /* 内容区域 */
+  &__body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 0.32rem 0.32rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.16rem;
+    font-size: 0.14rem;
+  }
+
+  /* 步骤卡片 */
+  &__card {
+    border: 1px solid #F0F0F0;
+    border-radius: 0.12rem;
+    padding: 0.16rem 0.2rem;
+    display: flex;
+    flex-wrap: wrap;
+  }
+
+  &__step-row {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.12rem;
+    margin-bottom: 0.16rem;
+    margin-right: 1rem;
+  }
+
+  &__step-num {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 0.32rem;
+    height: 0.32rem;
+    background: #EDF9FA;
+    border-radius: 0.08rem;
+    font-size: 0.18rem;
+    font-weight: 620;
+    color: $accent;
+    flex-shrink: 0;
+  }
+
+  &__step-info {
+    flex: 1;
+  }
+
+  &__step-title {
+    font-size: 0.18rem;
+    font-weight: 620;
+    color: $text-dark;
+    line-height: 0.24rem;
+    margin: 0 0 0.04rem;
+  }
+
+  &__step-desc {
+    font-size: 0.14rem;
+    font-weight: 330;
+    color: $text-middle;
+    line-height: 0.19rem;
+    margin: 0;
+  }
+
+  /* 下载按钮区域 */
+  &__download-box {
+    display: flex;
+    align-items: center;
+    gap: 0.16rem;
+    padding: 0.04rem 0.04rem 0.04rem 0.16rem;
+    background: $bg-main;
+    border-radius: 0.12rem;
+    height: 0.44rem;
+    margin-left: 0.4rem;
+  }
+
+  &__download-name {
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-dark;
+    line-height: 0.19rem;
+  }
+
+  &__download-btn {
+    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: 620;
+    cursor: pointer;
+    transition: background 0.2s;
+
+    &:hover {
+      background: $accent-hover;
+    }
+  }
+
+  /* 浏览器链接区域 */
+  &__browser-links {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.24rem;
+    margin-bottom: 0.16rem;
+    margin-left: 0.4rem;
+  }
+
+  &__browser-link {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    padding: 0.12rem 0.16rem;
+    background: $bg-white;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.08rem;
+    font-size: 0.14rem;
+    font-weight: 450;
+    color: $text-middle;
+    cursor: pointer;
+    transition: border-color 0.2s;
+
+    &:hover {
+      border-color: $accent;
+    }
+
+    svg {
+      flex-shrink: 0;
+    }
+
+    span {
+      white-space: nowrap;
+    }
+  }
+
+  &__copy-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    color: $accent;
+    font-size: 0.14rem;
+    font-weight: 450;
+    margin-left: 0.12rem;
+  }
+
+  /* 步骤示意图 */
+  &__step-img {
+    width: 100%;
+    max-width: 3.52rem;
+    border-radius: 0.08rem;
+    margin-top: 0.12rem;
+    margin-left: 0.4rem;
+  }
+}
+
+/* 抽屉动画 */
+.agent-browser-guide-drawer-enter-active,
+.agent-browser-guide-drawer-leave-active {
+  transition: opacity 0.3s ease;
+
+  .agent-browser-guide-drawer {
+    transition: transform 0.3s ease;
+  }
+}
+
+.agent-browser-guide-drawer-enter-from,
+.agent-browser-guide-drawer-leave-to {
+  opacity: 0;
+
+  .agent-browser-guide-drawer {
+    transform: translateX(100%);
+  }
+}
@@ -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: 620;
+    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: 620;
+    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%);
+  }
+}
@@ -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;
  }
@@ -56,15 +56,11 @@

  // ==================== 下拉面板 ====================
  &__panel {
-    position: absolute;
-    top: calc(100% + 0.06rem);
-    left: 0;
    width: 3.6rem;
    background: $bg-white;
    border: 1px solid $border-color;
    border-radius: 0.1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-    z-index: 100;
    padding: 0.1rem;

    // 只显示一栏时缩窄面板
@@ -57,15 +57,11 @@

  // ==================== 下拉面板 ====================
  &__panel {
-    position: absolute;
-    top: calc(100% + 0.06rem);
-    left: 0;
    width: 4.8rem;
    background: $bg-white;
    border: 1px solid $border-color;
    border-radius: 0.1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-    z-index: 100;
    padding: 0.1rem;

    // 只显示一栏时缩窄面板
@@ -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: 620;
+    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;
    }
  }
 }
@@ -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;
@@ -1398,9 +1398,9 @@
    }
  }

-  // 立即去投递按钮
+  // 下载专属简历按钮
  &__submit-btn {
-    flex: 1;
+    width: 100%;
    height: 0.48rem;
    background: $btn-dark;
    color: $bg-white;
@@ -1415,6 +1415,20 @@
      background: $btn-dark-hover;
    }
  }
+
+  // 下载专属简历按钮包裹（含下拉菜单定位）
+  &__submit-wrap {
+    position: relative;
+    flex: 1;
+
+    .job-resume-custom-dialog__top-download-menu {
+      top: auto;
+      bottom: 100%;
+      margin-top: 0;
+      margin-bottom: 0.06rem;
+      width: 100%;
+    }
+  }
 }

 // 右侧滑入动画
@@ -0,0 +1,101 @@
+@use '../variables' as *;
+
+.job-stats-overview {
+  /* 固定宽度卡片 */
+  box-sizing: border-box;
+  position: relative;
+  width: 3.25rem;
+  padding: 0.24rem 0.20rem;
+  background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 20.63%);
+  border: 1px solid #F0F0F0;
+  box-shadow: 0 0.02rem 0.06rem rgba(15, 23, 42, 0.025);
+  border-radius: 0.12rem;
+  font-size: 0.14rem;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  min-height: 1.8rem;
+
+  /* 右上角装饰图片 */
+  &__icon {
+    position: absolute;
+    top: 0.10rem;
+    right: 0.10rem;
+    width: 0.86rem;
+    height: 0.72rem;
+    object-fit: contain;
+    pointer-events: none;
+  }
+
+  /* 内容纵向居中容器 */
+  &__inner {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 0.32rem;
+    width: 100%;
+  }
+
+  /* 标题区域 */
+  &__header {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.04rem;
+  }
+
+  &__title {
+    font-weight: 600;
+    font-size: 0.18rem;
+    line-height: 0.24rem;
+    color: #1A1A1A;
+  }
+
+  &__date {
+    font-weight: 330;
+    font-size: 0.14rem;
+    line-height: 0.19rem;
+    color: #64748B;
+  }
+
+  /* 数据指标行 */
+  &__metrics {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 0.20rem;
+  }
+
+  /* 单个指标 */
+  &__metric-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.04rem;
+  }
+
+  &__metric-num {
+    font-weight: 600;
+    font-size: 0.30rem;
+    line-height: 0.40rem;
+    color: $accent;
+    display: flex;
+    align-items: center;
+    text-align: center;
+  }
+
+  &__metric-label {
+    font-weight: 330;
+    font-size: 0.14rem;
+    line-height: 0.19rem;
+    color: #6A7282;
+    text-align: center;
+  }
+
+  /* 竖线分隔 */
+  &__divider {
+    width: 0;
+    height: 0.52rem;
+    border-left: 1px solid #F0F0F0;
+  }
+}
@@ -0,0 +1,376 @@
+@use '../variables' as *;
+
+/* 登录弹窗遮罩层 */
+.login-dialog-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: var(--app-height, 100vh);
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 2050;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+/* 弹窗底座盒子 */
+.login-dialog-box {
+  font-size: 0.14rem;
+  position: relative;
+  width: 5.6rem;
+  min-height: 4.57rem;
+  background: radial-gradient(58.14% 30.59% at 100% 0%, #D2F2F3 0%, #FFFFFF 100%);
+  border: 1px solid #F0F0F0;
+  border-radius: 0.32rem;
+  padding: 0.48rem 0.6rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* 关闭按钮 */
+.login-dialog-box__close {
+  position: absolute;
+  top: 0.2rem;
+  right: 0.24rem;
+  width: 0.32rem;
+  height: 0.32rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 50%;
+  transition: background 0.2s;
+
+  &:hover {
+    background: rgba(0, 0, 0, 0.05);
+  }
+
+  svg {
+    width: 0.2rem;
+    height: 0.2rem;
+  }
+}
+
+/* Logo 行 */
+.login-dialog-box__logo-row {
+  width: 100%;
+  margin-bottom: 0.4rem;
+
+  img {
+    width: 1.6rem;
+    height: 0.4rem;
+  }
+}
+
+/* 表单包裹 */
+.login-dialog-box__form-wrap {
+  display: flex;
+  flex-direction: column;
+  gap: 0.24rem;
+  width: 100%;
+}
+
+/* 标题 */
+.login-dialog-box__heading {
+  display: flex;
+  flex-direction: column;
+  gap: 0.05rem;
+}
+
+.login-dialog-box__title {
+  font-weight: 700;
+  font-size: 0.24rem;
+  line-height: 0.22rem;
+  color: #18181A;
+}
+
+.login-dialog-box__subtitle {
+  font-weight: 400;
+  font-size: 0.14rem;
+  margin-top: 0.08rem;
+  margin-bottom: 0.08rem;
+  color: #616367;
+
+  > span:nth-child(2) {
+    color: $accent;
+  }
+}
+
+/* 手机号输入行 */
+.login-dialog-box__phone-row {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 0.56rem;
+  background: #FFFFFF;
+  border: 1px solid #C8C9CD;
+  box-shadow: 0 0.08rem 0.20rem rgba(15, 83, 87, 0.05);
+  border-radius: 0.12rem;
+}
+
+.login-dialog-box__phone-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.18rem;
+  height: 0.18rem;
+  margin-left: 0.16rem;
+  flex-shrink: 0;
+
+  svg {
+    width: 0.18rem;
+    height: 0.18rem;
+  }
+}
+
+.login-dialog-box__country-label {
+  margin-left: 0.06rem;
+  font-weight: 500;
+  font-size: 0.14rem;
+  line-height: 0.15rem;
+  color: #202124;
+  white-space: nowrap;
+}
+
+.login-dialog-box__country-chevron {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 0.20rem;
+  height: 0.20rem;
+  flex-shrink: 0;
+  cursor: pointer;
+
+  svg {
+    width: 0.20rem;
+    height: 0.20rem;
+  }
+}
+
+.login-dialog-box__input-divider {
+  width: 1px;
+  height: 0.30rem;
+  background: #E7F2F3;
+  margin: 0 0.16rem;
+  flex-shrink: 0;
+}
+
+.login-dialog-box__phone-input {
+  flex: 1;
+  height: 100%;
+  border: none;
+  background: transparent;
+  font-weight: 400;
+  font-size: 0.14rem;
+  line-height: 0.15rem;
+  color: #202124;
+  outline: none;
+
+  &::placeholder {
+    color: #939599;
+  }
+}
+
+/* 发送验证码按钮 */
+.login-dialog-box__send-btn {
+  width: 100%;
+  height: 0.43rem;
+  background: linear-gradient(90deg, #4FC2C9 0%, #42A8B3 100%);
+  box-shadow: 0 0.16rem 0.30rem rgba(15, 83, 87, 0.15);
+  border-radius: 0.12rem;
+  border: none;
+  font-weight: 600;
+  font-size: 0.14rem;
+  line-height: 0.15rem;
+  color: #FFFFFF;
+  cursor: pointer;
+  transition: opacity 0.2s;
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  &:not(:disabled):hover {
+    opacity: 0.9;
+  }
+}
+
+/* OTP 验证码输入 */
+.login-dialog-box__otp-wrap {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  gap: 0.1rem;
+  width: 100%;
+  cursor: text;
+}
+
+.login-dialog-box__otp-hidden-input {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  z-index: 2;
+  font-size: 0.16rem;
+  caret-color: transparent;
+}
+
+.login-dialog-box__otp-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 0.56rem;
+  height: 0.56rem;
+  background: #FAFBFC;
+  border: 1px solid #E2E8F0;
+  border-radius: 0.12rem;
+  transition: border-color 0.2s, background 0.2s;
+}
+
+.login-dialog-box__otp-box--active {
+  background: #F3FFFD;
+  border: 1px solid $accent;
+}
+
+.login-dialog-box__otp-box--filled {
+  background: #F3FFFD;
+  border: 2px solid $accent;
+}
+
+.login-dialog-box__otp-digit {
+  font-weight: 700;
+  font-size: 0.24rem;
+  line-height: 0.29rem;
+  color: #132034;
+}
+
+/* 闪烁光标 */
+.login-dialog-box__otp-cursor {
+  display: inline-block;
+  width: 2px;
+  height: 0.28rem;
+  background: $accent;
+  border-radius: 1px;
+  animation: login-dialog-otp-blink 1s ease-in-out infinite;
+}
+
+@keyframes login-dialog-otp-blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+/* 验证码状态提示 */
+.login-dialog-box__sms-status {
+  width: 100%;
+  font-size: 0.13rem;
+  line-height: 0.16rem;
+  color: #64748B;
+  text-align: left;
+  margin-top: -0.14rem;
+  margin-bottom: -0.06rem;
+}
+
+.login-dialog-box__sms-status--error {
+  color: #EF4444;
+}
+
+/* 状态按钮（步骤二） */
+.login-dialog-box__status-btn {
+  width: 100%;
+  height: 0.43rem;
+  background: linear-gradient(90deg, $btn-dark 0%, $btn-dark-hover 100%);
+  border-radius: 0.12rem;
+  border: none;
+  font-weight: 600;
+  font-size: 0.14rem;
+  color: #FFFFFF;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.08rem;
+  transition: opacity 0.2s;
+
+  &:disabled {
+    opacity: 0.7;
+    cursor: not-allowed;
+  }
+
+  &:not(:disabled):hover {
+    opacity: 0.9;
+  }
+}
+
+/* 登录中转圈动画 */
+.login-dialog-box__spinner {
+  display: inline-block;
+  width: 0.18rem;
+  height: 0.18rem;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top-color: #FFFFFF;
+  border-radius: 50%;
+  animation: login-dialog-spin 0.7s linear infinite;
+}
+
+@keyframes login-dialog-spin {
+  to { transform: rotate(360deg); }
+}
+
+/* 协议勾选 */
+.login-dialog-box__agreement {
+  display: flex;
+  align-items: center;
+  gap: 0.06rem;
+}
+
+.login-dialog-box__checkbox {
+  box-sizing: border-box;
+  width: 0.18rem;
+  height: 0.18rem;
+  background: #FFFFFF;
+  border: 1.5px solid #CBD5E1;
+  border-radius: 0.04rem;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+  flex-shrink: 0;
+}
+
+.login-dialog-box__checkbox--checked {
+  background: #4FC2C9;
+  border-color: #4FC2C9;
+}
+
+.login-dialog-box__check-icon {
+  font-size: 0.11rem;
+  color: #FFFFFF;
+  font-weight: 700;
+  line-height: 1;
+}
+
+.login-dialog-box__agreement-text {
+  font-weight: 400;
+  font-size: 0.12rem;
+  line-height: 0.15rem;
+  color: #616367;
+}
+
+.login-dialog-box__agreement-link {
+  font-weight: 500;
+  font-size: 0.12rem;
+  line-height: 0.15rem;
+  color: #42A8B3;
+  cursor: pointer;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
@@ -1,4 +1,4 @@
-// 会员弹窗样式（新版）
+// 会员弹窗样式 — 新版黑金左右布局
@use '../variables' as *;

 // 遮罩层
@@ -10,82 +10,163 @@
  display: flex;
  align-items: center;
  justify-content: center;
-
-  // 扫码支付弹窗的遮罩层级更高
-  &--qrcode {
-    z-index: 2400;
-  }
+  font-size: 0.14rem;
 }

-// 弹窗主体
+// 弹窗主体 — 左右布局
 .member-dialog {
  box-sizing: border-box;
+  position: relative;
  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  padding: 0.24rem 0.32rem;
-  gap: 0.24rem;
-  width: 4.8rem;
-  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;
+  width: 6.49rem;
+  height: 4rem;
+  border-radius: 0.16rem;
+  box-shadow: 0 0.025rem 0.05rem rgba(60, 38, 13, 0.22);
+  border: 0.00625rem solid #D9B873;
  font-size: 0.14rem;

-  // 扫码支付弹窗变体
-  &--qrcode {
+  // ==================== 左侧黑金权益栏 ====================
+  &__left {
+    position: relative;
+    width: 2rem;
+    height: 100%;
+    background: linear-gradient(180deg, #0F001E 0%, #1A0B09 18.09%, #452206 66.19%, #2C1500 100%);
+    padding: 0.24rem 0.20rem;
+    box-sizing: border-box;
+    overflow: hidden;
+    flex-shrink: 0;
+    border-radius: 0.16rem 0 0 0.16rem;
+  }
+
+  // 装饰线条背景
+  &__left-deco {
+    position: absolute;
+    width: 4.47rem;
+    height: 2.39rem;
+    left: -0.52rem;
+    top: -0.75rem;
+    background: radial-gradient(ellipse at center, rgba(255, 230, 175, 0.08) 0%, transparent 70%);
+    pointer-events: none;
+  }
+
+  &__left-title {
+    position: relative;
+    font-weight: 600;
+    font-size: 0.16rem;
+    line-height: 0.21rem;
+    color: #FFE9A6;
+    margin: 0 0 0.06rem;
+  }
+
+  &__left-subtitle {
+    position: relative;
+    font-weight: 330;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: #F4E5CC;
+    margin: 0 0 0.2rem;
+  }
+
+  // ==================== 左栏权益卡片 ====================
+  &__benefits {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    gap: 0.16rem;
+  }
+
+  &__benefit-card {
+    box-sizing: border-box;
+    width: 1.56rem;
+    height: 0.6rem;
+    border: 0.00625rem solid #9C6D2D;
+    border-radius: 0.08rem;
+    display: flex;
    align-items: center;
+    padding: 0 0.12rem;
+    gap: 0.12rem;
+  }
+
+  &__benefit-icon {
+    width: 0.32rem;
+    height: 0.32rem;
+    background: #4C3517;
+    border: 0.00625rem solid #D5A64A;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+
+    svg {
+      width: 0.16rem;
+      height: 0.16rem;
+    }
+  }
+
+  &__benefit-info {
+    display: flex;
+    flex-direction: column;
+    gap: 0.04rem;
+  }
+
+  &__benefit-name {
+    font-weight: 450;
+    font-size: 0.14rem;
+    line-height: 0.19rem;
+    color: #FFE6AF;
+  }
+
+  &__benefit-desc {
+    font-weight: 330;
+    font-size: 0.1rem;
+    line-height: 0.13rem;
+    color: #F4E5CC;
+  }
+
+  // ==================== 左右分割金边 ====================
+  &__divider {
+    width: 0.01rem;
+    height: 100%;
+    background: #D6B15B;
+    flex-shrink: 0;
+  }
+
+  // ==================== 右侧内容区 ====================
+  &__right {
+    flex: 1;
+    background: linear-gradient(179.38deg, #FCEDD8 0.54%, #FEFBF5 19.09%);
+    display: flex;
+    flex-direction: column;
+    padding: 0.2rem 0.24rem;
+    box-sizing: border-box;
+    position: relative;
+    border-radius: 0 0.16rem 0.16rem 0;
  }

  // ==================== 顶部标题行 ====================
  &__header {
    display: flex;
    justify-content: space-between;
-    align-items: flex-start;
-    width: 100%;
+    align-items: center;
+    margin-bottom: 0.2rem;
  }

-  &__header-left {
-    display: flex;
-    flex-direction: column;
-    gap: 0.04rem;
+  &__title {
+    font-weight: 600;
+    font-size: 0.18rem;
+    line-height: 0.24rem;
+    color: #1F160F;
+    margin: 0;
  }

-  &__header-right {
+  &__header-actions {
    display: flex;
    align-items: center;
    gap: 0.16rem;
  }

-  &__title {
-    font-weight: 520;
-    font-size: 0.18rem;
-    line-height: 0.24rem;
-    color: $text-dark;
-    margin: 0;
-  }
-
-  &__subtitle {
-    font-weight: 330;
-    font-size: 0.12rem;
-    line-height: 0.16rem;
-    color: $text-middle;
-    margin: 0;
-  }
-
-  &__contact {
-    font-weight: 330;
-    font-size: 0.12rem;
-    line-height: 0.16rem;
-    color: $text-light;
-    cursor: pointer;
-
-    &:hover {
-      color: $text-middle;
-    }
-  }
-
-  // 联系客服外层包装（用于定位二维码弹出框）
+  // 联系客服
  &__contact-wrap {
    position: relative;
    display: inline-flex;
@@ -96,7 +177,18 @@
    }
  }

-  // 联系客服二维码弹出框
+  &__contact {
+    font-weight: 330;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: #2F343B;
+    cursor: pointer;
+
+    &:hover {
+      color: #1F160F;
+    }
+  }
+
  &__contact-qr {
    display: none;
    position: absolute;
@@ -122,7 +214,6 @@
    }
  }

-  // 二维码弹出框底部箭头
  &__contact-qr-arrow {
    position: absolute;
    bottom: -0.07rem;
@@ -133,7 +224,6 @@
    border-left: 0.08rem solid transparent;
    border-right: 0.08rem solid transparent;
    border-top: 0.08rem solid $bg-white;
-    filter: drop-shadow(0 0.02rem 0.02rem rgba(0, 0, 0, 0.05));
  }

  &__close {
@@ -143,355 +233,378 @@
    align-items: center;
    justify-content: center;
    font-size: 0.14rem;
-    color: $text-middle;
+    color: #2F343B;
    cursor: pointer;

    &:hover {
-      color: $text-dark;
+      color: #1F160F;
    }
  }

  // ==================== 套餐选择区域 ====================
  &__plans {
    display: flex;
-    gap: 0.13rem;
-    width: 100%;
+    gap: 0.2rem;
+    margin-bottom: 0.2rem;
  }

  &__plan-card {
    box-sizing: border-box;
+    width: 1.2rem;
+    height: 1.4rem;
+    background: #FFFDF8;
+    border: 1px solid #E7C991;
+    border-radius: 0.08rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
-    padding: 0.12rem 0.16rem;
-    gap: 0.04rem;
-    width: 1.3rem;
-    height: 1.01rem;
-    background: $bg-white;
-    border: 1px solid #F0F0F0;
-    border-radius: 0.08rem;
+    gap: 0.08rem;
    cursor: pointer;
-    transition: border-color 0.2s;
    position: relative;
+    transition: border-color 0.2s, box-shadow 0.2s;

    &:hover {
-      border-color: $accent;
+      border-color: #B77D24;
    }

-    // 选中状态 — 粗边框
+    // 选中态
    &--active {
-      border: 3px solid $accent;
+      background: linear-gradient(180deg, #FFF4D8 0%, #FDF9F1 100%);
+      border: 2px solid #B77D24;
+      box-shadow: 0 0.04rem 0.08rem rgba(183, 125, 36, 0.2);
    }
  }

-  &__plan-recommend {
+  // 推荐角标
+  &__plan-badge {
    position: absolute;
-    top: -0.1rem;
-    left: 10%;
+    top: -0.12rem;
+    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
-    background: $accent;
-    color: $bg-white;
-    font-size: 0.1rem;
-    padding: 0.02rem 0.08rem;
-    border-radius: 0.08rem;
-    font-weight: 520;
+    background: #C28A2F;
+    border: 0.00625rem solid #F0D091;
+    border-radius: 0.075rem;
+    padding: 0.04rem 0.12rem;
+    font-weight: 600;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: #FFFFFF;
  }

  &__plan-name {
-    font-weight: 450;
+    font-weight: 600;
    font-size: 0.14rem;
    line-height: 0.19rem;
    text-align: center;
-    color: $text-dark;
+    color: #1F160F;
  }

  &__plan-price {
    display: flex;
-    align-items: flex-end;
+    align-items: baseline;
    justify-content: center;
-    gap: 0.04rem;
-    padding: 0.04rem 0;
  }

  &__plan-price-symbol {
-    font-weight: 450;
+    font-weight: 600;
    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $text-dark;
+    color: #1F160F;
  }

  &__plan-price-num {
-    font-weight: 630;
-    font-size: 0.24rem;
-    line-height: 0.18rem;
-    color: $text-dark;
+    font-weight: 600;
+    font-size: 0.28rem;
+    line-height: 0.37rem;
+    color: #1F160F;
  }

-  &__plan-original-price {
+  &__plan-original {
    font-weight: 330;
    font-size: 0.12rem;
    line-height: 0.16rem;
    text-decoration: line-through;
-    color: $text-light;
+    color: #7A7D82;
+    margin-left: 0.04rem;
  }

-  &__plan-daily {
+  &__plan-tag {
    font-weight: 330;
    font-size: 0.12rem;
    line-height: 0.16rem;
    text-align: center;
-    color: $accent;
+    color: #3B2A1E;
  }

-  // ==================== 会员权益区域 ====================
-  &__benefits {
-    width: 100%;
-  }
-
-  &__benefits-title {
-    font-weight: 450;
-    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $text-dark;
-    margin: 0 0 0.16rem;
-  }
-
-  &__benefits-cards {
-    display: flex;
-    gap: 0.13rem;
-    width: 100%;
-  }
-
-  &__benefit-card {
-    box-sizing: border-box;
+  // ==================== 支付方式选择（步骤一） ====================
+  &__step-pay {
    flex: 1;
-    display: flex;
-    align-items: center;
-    padding: 0.12rem 0.16rem;
-    gap: 0.1rem;
-    background: $bg-white;
-    border: 1px solid #AEE6EA;
-    border-radius: 0.08rem;
  }

-  &__benefit-icon {
-    width: 0.4rem;
-    height: 0.4rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background: #EDF9FA;
-    border-radius: 50%;
-    flex-shrink: 0;
-
-    svg {
-      width: 0.24rem;
-      height: 0.24rem;
-    }
-  }
-
-  &__benefit-info {
-    display: flex;
-    flex-direction: column;
-    gap: 0.04rem;
-  }
-
-  &__benefit-name {
-    font-weight: 450;
-    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $accent;
-  }
-
-  &__benefit-desc {
-    font-weight: 330;
-    font-size: 0.12rem;
-    line-height: 0.16rem;
-    color: $text-middle;
-  }
-
-  // ==================== 支付方式选择 ====================
-  &__payment {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    width: 100%;
+  &__payment-section {
+    margin-bottom: 0.16rem;
  }

  &__payment-label {
    font-weight: 450;
    font-size: 0.14rem;
    line-height: 0.19rem;
-    color: $text-dark;
+    color: #1F160F;
+    display: block;
+    margin-bottom: 0.08rem;
  }

  &__payment-methods {
    display: flex;
-    align-items: center;
    gap: 0.24rem;
  }

  &__payment-item {
+    box-sizing: border-box;
+    width: 1.88rem;
+    height: 0.58rem;
+    background: #FFFDF8;
+    border: 1px solid #E7C991;
+    border-radius: 0.08rem;
    display: flex;
    align-items: center;
-    padding: 0.04rem 0.08rem;
-    gap: 0.06rem;
-    border-radius: 0.04rem;
+    padding: 0 0.2rem;
+    gap: 0.12rem;
    cursor: pointer;
-    transition: background 0.2s;
+    position: relative;
+    transition: border-color 0.2s;

    svg {
-      width: 0.16rem;
-      height: 0.16rem;
+      width: 0.32rem;
+      height: 0.32rem;
      flex-shrink: 0;
    }

-    // 微信选中态
-    &--wechat-active {
-      background: #EBFEF4;
-    }
-
-    // 支付宝选中态
-    &--alipay-active {
-      background: #EBF3FF;
+    // 选中态
+    &--active {
+      border-color: #B77D24;
    }
  }

  &__payment-text {
-    font-weight: 520;
-    font-size: 0.12rem;
-    line-height: 0.18rem;
+    font-weight: 600;
+    font-size: 0.13rem;
+    line-height: 0.17rem;
+    color: #1F160F;
+  }

-    &--wechat {
-      color: #07C160;
-    }
+  // 选中圆圈
+  &__payment-radio {
+    box-sizing: border-box;
+    width: 0.14rem;
+    height: 0.14rem;
+    background: #FFFDF8;
+    border: 1px solid #E7C991;
+    border-radius: 50%;
+    margin-left: auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;

-    &--alipay {
-      color: #1677FF;
+    .member-dialog__payment-item--active & {
+      border-color: #C28A2F;
    }
  }

-  // ==================== 购买按钮 ====================
+  &__payment-radio-inner {
+    width: 0.08rem;
+    height: 0.08rem;
+    background: #C28A2F;
+    border-radius: 50%;
+  }
+
+  // ==================== 底部栏（步骤一/步骤二共用） ====================
+  &__bottom-bar {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 0.66rem;
+    background: #FCF4E8;
+    border-top: 1px solid #E9D4B1;
+    border-radius: 0 0 0.16rem 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 0.24rem;
+    box-sizing: border-box;
+
+    &--qrcode {
+      height: 1.7rem;
+      padding: 0.2rem 0.24rem;
+      gap: 0.24rem;
+      justify-content: flex-start;
+    }
+  }
+
+  &__footer-price {
+    display: flex;
+    align-items: baseline;
+    gap: 0.04rem;
+  }
+
+  &__footer-price-label {
+    font-weight: 330;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: #1F160F;
+    margin-right: 0.08rem;
+  }
+
+  &__footer-price-symbol {
+    font-weight: 600;
+    font-size: 0.14rem;
+    color: #1F160F;
+  }
+
+  &__footer-price-num {
+    font-weight: 600;
+    font-size: 0.24rem;
+    line-height: 0.32rem;
+    color: #1F160F;
+  }
+
+  // 购买会员按钮
  &__buy-btn {
-    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
-    padding: 0.08rem 0.12rem;
-    height: 0.35rem;
-    background: #AEE6EA;
+    padding: 0.08rem 0.24rem;
+    height: 0.33rem;
+    background: #C88E35;
+    border: 1px solid #F0D091;
+    box-shadow: 0 0.02rem 0.05rem rgba(154, 104, 32, 0.18);
    border-radius: 0.08rem;
-    border: none;
-    font-weight: 450;
-    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $bg-white;
-    cursor: default;
-    opacity: 0.4;
-    transition: background 0.2s, opacity 0.2s;
+    font-weight: 600;
+    font-size: 0.13rem;
+    line-height: 0.15rem;
+    color: #FFFFFF;
+    cursor: pointer;
+    border: 1px solid #F0D091;
+    transition: opacity 0.2s;

-    // 选择了支付方式后变为主题色、不透明、可点击
-    &--active {
-      background: $accent;
-      opacity: 1;
-      cursor: pointer;
+    &:hover {
+      opacity: 0.9;
+    }

-      &:hover {
-        background: $accent-hover;
-      }
+    &:disabled {
+      opacity: 0.5;
+      cursor: default;
    }
  }

-  // ==================== 扫码支付弹窗内容 ====================
-  &__qrcode-content {
+  // ==================== 扫码支付区域（底部栏内） ====================
+
+  &__qrcode-box {
+
+    width: 1.2rem;
+    height: 1.2rem;
+    border: 2px solid #B77D24;
+    border-radius: 0.0rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #FFFFFF;
+    flex-shrink: 0;
+  }
+
+  &__qrcode-iframe {
+    border: none;
+    border-radius: 0.04rem;
+  }
+  .qrcode-zhifubao{
+    transform: scale(0.52);
+    width: 2.2rem !important;
+    height: 2.2rem !important;
+    padding-top: 0.1rem;
+    padding-left: 0.1rem;
+    box-sizing: border-box;
+  }
+  .qrcode-wechat{
+    transform: scale(0.66);
+    width: 1.6rem !important;
+    height: 1.6rem !important;
+    box-sizing: border-box;
+  }
+
+  &__qrcode-info {
    display: flex;
    flex-direction: column;
-    align-items: center;
-    gap: 0.16rem;
-    width: 100%;
-  }
-
-  &__qrcode-image {
-    width: 2.1rem;
-    height: 2.1rem;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__payment-iframe {
-    width: 100%;
-    height: 100%;
-    border: none;
-    border-radius: 0.08rem;
-  }
-
-  &__wechat-qr-iframe {
-    width: 2.2rem;
-    height: 2.2rem;
-    border: none;
-    border-radius: 0.08rem;
+    gap: 0.12rem;
  }

  &__qrcode-price-row {
    display: flex;
-    align-items: flex-end;
-    gap: 0.08rem;
+    align-items: center;
+    gap: 0.04rem;
  }

-  &__qrcode-price {
-    font-weight: 630;
+  &__qrcode-price-symbol {
+    font-weight: 600;
+    font-size: 0.18rem;
+    color: #1F160F;
+  }
+
+  &__qrcode-price-num {
    font-size: 0.32rem;
-    line-height: 0.25rem;
-    color: $text-dark;
+    font-weight: 600;
+    line-height: 0.37rem;
+    color: #1F160F;
  }

  &__qrcode-tip {
    font-weight: 330;
    font-size: 0.14rem;
-    line-height: 0.1rem;
-    color: $text-dark;
+    line-height: 0.19rem;
+    color: #1F160F;
+    margin-left: 0.08rem;
+    vertical-align: middle;
  }

  &__qrcode-agreement {
    font-weight: 330;
-    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $text-light;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    color: #3B2A1E;
    margin: 0;

    a {
-      color: $text-light;
+      color: #A86718;
      text-decoration: none;

      &:hover {
-        color: $accent;
+        color: #A86718;
      }
    }
  }

-  // 已支付成功按钮
+  // 我已支付成功按钮
  &__paid-btn {
-    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
-    padding: 0.08rem 0.12rem;
-    height: 0.35rem;
-    background: $accent;
+    padding: 0.08rem 0.24rem;
+    height: 0.33rem;
+    width: fit-content;
+    background: #C88E35;
+    border: 1px solid #F0D091;
+    box-shadow: 0 0.02rem 0.05rem rgba(154, 104, 32, 0.18);
    border-radius: 0.08rem;
-    border: none;
-    font-weight: 450;
-    font-size: 0.14rem;
-    line-height: 0.19rem;
-    color: $bg-white;
+    font-weight: 600;
+    font-size: 0.13rem;
+    line-height: 0.15rem;
+    color: #FFFFFF;
    cursor: pointer;
-    transition: background 0.2s;
+    transition: opacity 0.2s;

    &:hover {
-      background: $accent-hover;
+      opacity: 0.9;
    }
  }
 }
@@ -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;
@@ -9,7 +9,7 @@
  line-height: 1.5;
  background: #F7F7F7;
  border-radius: 0.12rem;
-  padding: 0.1rem;
+  padding: 0.16rem;
  box-sizing: border-box;

  // 表单内容区
@@ -305,7 +305,7 @@

  // AI润色结果区域
  &__ai-result {
-    margin-top: 0.16rem;
+    margin-top: 0.04rem;
  }

  &__ai-result-label {
@@ -317,7 +317,7 @@

  &__ai-result-card {
    padding: 0.1rem 0.12rem;
-    background: linear-gradient(to bottom,#F5FFFD,#ffffff);
+    background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.5rem);
    border-radius: 0.06rem;
  }

@@ -438,13 +438,13 @@
  }

  &__save-btn {
-    padding: 0.06rem 0.2rem;
+    padding: 0.06rem 0.24rem;
    font-size: 0.13rem;
    font-weight: 600;
    color: $bg-white;
    background: $btn-dark;
    border: none;
-    border-radius: 0.2rem;
+    border-radius: 0.08rem;
    cursor: pointer;
    transition: all 0.2s;

@@ -454,13 +454,13 @@
  }

  &__cancel-btn {
-    padding: 0.06rem 0.2rem;
+    padding: 0.06rem 0.24rem;
    font-size: 0.13rem;
    font-weight: 600;
    color: $accent;
    background: transparent;
    border: 1px solid $accent;
-    border-radius: 0.2rem;
+    border-radius: 0.08rem;
    cursor: pointer;
    transition: all 0.2s;

@@ -251,17 +251,15 @@

  &__tag {
    font-size: 0.12rem;
-    color: $text-dark;
-    background: $bg-main;
-    border: 1px solid $border-color;
-    border-radius: 0.16rem;
-    padding: 0.05rem 0.16rem;
+    color: $accent;
+    background: #fff;
+    border: 1px solid $accent;
+    border-radius: 0.04rem;
+    padding: 0.05rem 0.08rem;
    transition: all 0.2s;

    &:hover {
-      border-color: $accent;
-      color: $accent;
-      background: $theme-color;
+
    }
  }

@@ -351,4 +349,14 @@
    color: #64748B;
    flex-shrink: 0;
  }
+
+  // 个人概述文本
+  &__summary-text {
+    font-size: 0.14rem;
+    line-height: 1.7;
+    color: #374151;
+    padding: 0 0.14rem 0.12rem;
+    white-space: pre-wrap;
+    word-break: break-word;
+  }
 }
@@ -55,15 +55,11 @@

  // ==================== 下拉面板 ====================
  &__panel {
-    position: absolute;
-    top: calc(100% + 0.06rem);
-    left: 0;
    width: 4.2rem;
    background: $bg-white;
    border: 1px solid $border-color;
    border-radius: 0.1rem;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
-    z-index: 100;
    padding: 0.1rem;

    // level=2 时只有两栏，面板收窄
@@ -112,29 +112,30 @@

  // ---- 卡片容器 ----
  &__card {
-    background: transparent;
+    background: #fff;
    border-radius: 0.1rem;
    padding: 0.16rem;
-    border: 1px solid $border-color;
    position: relative;
    overflow: hidden;

    &--ai {
      border: 1px solid rgba($accent, 0.3);
+
+      /* 顶部渐变背景层，不遮挡内容 */
+      &::before {
+        content: '';
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border-radius: 0.1rem;
+        background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.5rem);
+        z-index: 0;
+      }
    }

-    /* 顶部渐变背景层，不遮挡内容 */
-    &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      border-radius: 0.1rem;
-      background: linear-gradient(to bottom, #EDF9FA 0, #fff 0.8rem);
-      z-index: 0;
-    }
+

    /* 让卡片内所有内容在渐变之上 */
    > * {
@@ -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;
  }
@@ -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;
@@ -3,7 +3,7 @@
 .side-nav {
  display: flex;
  flex-direction: column;
-  width: 2rem;
+  width: 2.2rem;
  height: var(--app-height, 100vh);
  background: $bg-white;
  color: #fff;
@@ -12,6 +12,14 @@
  position: fixed;
  left: 0;
  top: 0;
+  z-index: 100;
+
+  // 窄版模式（window.innerWidth < 1440）
+  &--narrow {
+    width: 0.8rem;
+    padding: 0.16rem 0.10rem;
+    align-items: center;
+  }

  &__header {
    display: flex;
@@ -21,6 +29,12 @@
    margin-bottom: 0.2rem;
  }

+  // 窄版header居中
+  &--narrow &__header {
+    justify-content: center;
+    padding: 0.1rem 0;
+  }
+
  &__avatar {
    width: 0.36rem;
    height: 0.36rem;
@@ -43,6 +57,12 @@
    width: 1.32rem;
    height: 0.34rem;
    display: block;
+
+    // 窄版logo
+    &--narrow {
+      width: 0.46rem;
+      height: auto;
+    }
  }

  &__menu {
@@ -52,7 +72,13 @@
    flex: 1;
  }

+  // 窄版菜单宽度撑满
+  &--narrow &__menu {
+    width: 100%;
+  }
+
  &__item {
+    position: relative;
    display: flex;
    align-items: center;
    gap: 0.04rem;
@@ -79,16 +105,43 @@
    }
  }

+  // 窄版导航项：纵向居中排列
+  &--narrow &__item {
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 0.04rem;
+    padding: 0.1rem 0.06rem;
+  }
+
  &__item-icon {
    width: 0.2rem;
    height: 0.2rem;
    object-fit: contain;
    font-size: 0.16rem;

+    // 内部SVG/img统一撑满容器
+    svg, img {
+      width: 100%;
+      height: 100%;
+      display: block;
+    }
+  }
+
+  // 窄版图标放大，防止scale缩放后图标过小
+  &--narrow &__item-icon {
+    width: 0.24rem;
+    height: 0.24rem;
  }

  &__item-label {
-    flex: 1;
+
+  }
+
+  // 窄版label字号缩小
+  &--narrow &__item-label {
+    font-size: 0.11rem;
+    white-space: nowrap;
  }

  &__badge {
@@ -100,12 +153,107 @@
    font-weight: 600;
  }

+  /* 索引0菜单项的"全网"小标签 */
+  &__tag-quanwang {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0.02rem 0.04rem;
+    min-width: 0.28rem;
+    height: 0.17rem;
+    background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+    border-radius: 0.04rem;
+    font-family: 'MiSans';
+    font-style: normal;
+    font-weight: 620;
+    font-size: 0.10rem;
+    line-height: 0.13rem;
+    text-align: center;
+    color: #FFFFFF;
+    flex: none;
+
+    // 窄版角标样式（右上角定位）
+    &--corner {
+      position: absolute;
+      top: -0.07rem;
+      right: -0.05rem;
+      min-width: auto;
+      padding: 0.02rem 0.04rem;
+      height: 0.17rem;
+      font-size: 0.10rem;
+      line-height: 0.12rem;
+      border-radius: 0.03rem;
+    }
+  }
+
+  // 公测群二维码弹出层（hover索引5时显示）
+  &__qrcode-popup {
+    position: absolute;
+    top: calc(100% + 0.08rem);
+    left: 0;
+    padding: 0.08rem;
+    background: #fff;
+    border-radius: 0.08rem;
+    box-shadow: 0 0.02rem 0.12rem rgba(0, 0, 0, 0.08);
+    z-index: 100;
+  }
+
+  &__qrcode-img {
+    display: block;
+    width: auto;
+    height: auto;
+    max-width: 1.6rem;
+    border-radius: 0.04rem;
+  }
+
  &__footer {
    display: flex;
    flex-direction: column;
    gap: 0.04rem;
    padding-top: 0.12rem;
  }
+
+  // 窄版footer居中
+  &--narrow &__footer {
+    align-items: center;
+    width: 100%;
+  }
+}
+
+// ==================== 窄版邀请图片卡片 ====================
+.side-nav__referral-card-narrow {
+  display: flex;
+  justify-content: center;
+  margin-top: 0.12rem;
+}
+
+.side-nav__referral-card-narrow-img {
+  width: 0.56rem;
+  height: 0.85rem;
+  display: block;
+  border-radius: 0.06rem;
+}
+
+// ==================== 窄版用户信息 ====================
+.side-nav__user-info-narrow {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.06rem;
+  cursor: pointer;
+  padding: 0.08rem 0;
+  border-radius: 0.08rem;
+
+  &:hover {
+
+  }
+}
+
+.side-nav__user-avatar-narrow {
+  width: 0.26rem;
+  height: 0.26rem;
+  border-radius: 50%;
+  display: block;
 }

 .side-nav__dialog-overlay {
@@ -192,7 +340,7 @@
  flex-shrink: 0;

  span:first-child {
-    font-weight: 520;
+    font-weight: 620;
    font-size: 0.18rem;
    line-height: 0.24rem;
    color: $text-dark;
@@ -264,7 +412,7 @@
 }

 .side-nav__message-list-title {
-  font-weight: 520;
+  font-weight: 620;
  font-size: 0.14rem;
  line-height: 0.19rem;
  color: $text-dark;
@@ -458,84 +606,120 @@

 // ==================== 邀请会员卡片 ====================
 .side-nav__referral-card {
+  position: relative;
  width: 100%;
-  background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+  height: 2.21rem;
+  background: linear-gradient(90deg, #DFF5F6 0%, #FBFDF7 100%);
+  box-shadow: 0px 0px 0.08rem rgba(0, 0, 0, 0.06);
  border-radius: 0.08rem;
-  padding: 0.16rem;
  box-sizing: border-box;
  margin-top: 0.12rem;
+  overflow: hidden;
+}
+
+// 顶部区域：标题在左上，礼物图片定位在右下角
+.side-nav__referral-top {
+  position: relative;
+  padding: 0.2rem 0.16rem 0.4rem;
+}
+
+.side-nav__referral-top-text {
+  position: relative;
+  z-index: 1;
 }

 .side-nav__referral-title {
-  font-size: 0.16rem;
+  font-size: 0.18rem;
  font-weight: 630;
-  color: #FFFFFF;
-  line-height: 0.21rem;
+  color: #1A1A1A;
+  line-height: 0.24rem;
+
+  &--accent {
+    background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
 }

 .side-nav__referral-subtitle {
-  font-size: 0.10rem;
+  font-size: 0.14rem;
  font-weight: 330;
-  color: #EAFBFC;
-  line-height: 0.13rem;
-  margin-top: 0.04rem;
+  color: #6A7282;
+  line-height: 0.19rem;
+  margin-top: 0.08rem;
 }

+// 礼物图片：absolute定位在顶部区域的右下角，底部被毛玻璃面板遮住
+.side-nav__referral-gift {
+  position: absolute;
+  right: 0.10rem;
+  bottom: 0.02rem;
+  width: 0.68rem;
+  height: 0.68rem;
+  mix-blend-mode: darken;
+}
+
+// 白色毛玻璃面板（覆盖在礼物底部之上）
 .side-nav__referral-panel {
-  background: #FFFFFF;
-  box-shadow: 0px 0.02rem 0.06rem rgba(26, 26, 26, 0.05);
-  border-radius: 0.06rem;
-  padding: 0.10rem 0.08rem;
-  margin-top: 0.10rem;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  height: 1.38rem;
+  background: rgba(255, 255, 255, 0.4);
+  border: 1px solid #FFFFFF;
+  border-bottom: none;
+  backdrop-filter: blur(3px);
+  border-radius: 0.08rem 0.08rem 0 0;
+  box-sizing: border-box;
+  padding: 0.16rem;
 }

 .side-nav__referral-row {
  display: flex;
  align-items: center;
-  justify-content: space-between;
+  gap: 0.08rem;
 }

 .side-nav__referral-label {
-  font-size: 0.10rem;
+  font-size: 0.14rem;
  font-weight: 330;
-  color: #6B7280;
-  line-height: 0.13rem;
+  color: #6A7282;
+  line-height: 0.19rem;
 }

 .side-nav__referral-value {
-  font-size: 0.10rem;
-  font-weight: 520;
-  color: #52CAD1;
-  line-height: 0.13rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  line-height: 0.19rem;
+  background: linear-gradient(128.17deg, #52CAD1 0%, #82D79B 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
 }

 .side-nav__referral-track {
  width: 100%;
-  height: 0.02rem;
-  background: #D7F1F3;
-  border-radius: 9999px;
-  margin-top: 0.06rem;
+  height: 0.06rem;
+  background: #EDF9FA;
+  border-radius: 0.06rem;
+  margin-top: 0.1rem;
  overflow: hidden;
 }

 .side-nav__referral-fill {
  height: 100%;
  background: #52CAD1;
-  border-radius: 9999px;
-}
-
-.side-nav__referral-divider {
-  width: 100%;
-  border-top: 0.01rem solid #8C8C8C;
-  margin-top: 0.08rem;
+  border-radius: 0.06rem;
 }

 .side-nav__referral-tip {
-  font-size: 0.10rem;
+  font-size: 0.12rem;
  font-weight: 330;
-  color: #1A1A1A;
-  line-height: 0.13rem;
-  margin-top: 0.08rem;
+  color: #6A7282;
+  line-height: 0.16rem;
+  margin-top: 0.06rem;

  strong {
    font-weight: 630;
@@ -543,16 +727,22 @@
 }

 .side-nav__referral-action {
-  font-size: 0.11rem;
-  font-weight: 520;
-  color: #52CAD1;
-  line-height: 0.15rem;
-  text-align: center;
-  margin-top: 0.08rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 0.40rem;
+  background: linear-gradient(90deg, #36C1C9 16.99%, #AFE9D0 100%);
+  box-shadow: inset 0px 0px 0.06rem rgba(255, 255, 255, 0.5);
+  border-radius: 0.08rem;
+  font-size: 0.14rem;
+  font-weight: 600;
+  color: #FFFFFF;
+  margin-top: 0.12rem;
  cursor: pointer;

  &:hover {
-    opacity: 0.8;
+    opacity: 0.9;
  }
 }

@@ -596,7 +786,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;

@@ -660,18 +850,32 @@
  bottom: calc(100% + 0.08rem);
  left: 0;
  width: 100%;
+  min-width: 1.65rem;
  background: #FFFFFF;
  border: 1px solid #F0F0F0;
  box-shadow: 0px 0.02rem 0.08rem rgba(0, 0, 0, 0.04);
  border-radius: 0.08rem;
  overflow: hidden;
-  z-index: 100;
+  z-index: 1000;
 }

 .side-nav__account-popup-header {
  padding: 0.16rem;
  background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 38.18%);
  border-radius: 0.08rem 0.08rem 0 0;
+
+  /* 正式会员背景 */
+  &--formal {
+    background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 38.18%);
+  }
+  /* 试用会员背景 */
+  &--trial {
+    background: linear-gradient(180deg, #FEF5E7 0%, #FFFFFF 38.18%);
+  }
+  /* 免费用户背景 */
+  &--free {
+    background: linear-gradient(180deg, #F1F2F4 0%, #FFFFFF 38.18%);
+  }
 }

 .side-nav__account-popup-header-row {
@@ -5,7 +5,7 @@
  font-size: 0.14rem;
  position: fixed;
  inset: 0;
-  z-index: 2000;
+  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
@@ -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;
@@ -12,12 +12,15 @@
@use './pages/login.scss';
@use './pages/mentor.scss';
@use './pages/mentor-detail.scss';
+@use './pages/announcement.scss';
+@use './pages/announcement-detail.scss';

 // 组件样式
@use './components/hello-world.scss';
@use './components/side-nav.scss';
@use './components/ai-chat.scss';
@use './components/job-page-header.scss';
+@use './components/job-stats-overview.scss';
@use './components/job-goal-dialog.scss';
@use './components/settings-dialog.scss';
@use './components/member-dialog.scss';
@@ -44,6 +47,8 @@
@use './components/member-access-dialog.scss';
@use './components/step-progress-overlay.scss';
@use './components/mentor-aside-panel.scss';
+@use './components/agent-browser-install-guide.scss';
+@use './components/login-dialog.scss';

 // 全局样式（优先级最高）
@use './auto.scss';
@@ -7,7 +7,7 @@

  // 主内容区域
  &__content {
-    margin-left: 2rem;
+    margin-left: 2.2rem;
    flex: 1;
    padding: 0.4rem 0.6rem;
  }
@@ -0,0 +1,532 @@
+@use '../variables' as *;
+
+// ==================== 校招公告详情页 ====================
+
+.announcement-detail {
+  font-size: 0.14rem;
+  width: 100%;
+  height: var(--app-height, 100vh);
+  overflow: hidden;
+  min-width: 12.8rem;
+
+  // 主内容区（与 JobDetail 一致，通过 margin-left 避开侧边栏）
+  &__content {
+    margin-left: var(--nav-width, 2.2rem);
+    flex: 1;
+    height: var(--app-height, 100vh);
+    box-sizing: border-box;
+    overflow: hidden;
+    background: $bg-main;
+    display: flex;
+    flex-direction: column;
+    font-size: 0.14rem;
+  }
+
+  // 页面标题
+  &__page-title {
+    font-size: 0.18rem;
+    font-weight: 600;
+    color: $text-dark;
+    line-height: 0.24rem;
+  }
+
+  &__page-subtitle {
+    font-size: 0.12rem;
+    color: $text-middle;
+    line-height: 0.16rem;
+  }
+
+  // 返回按钮行
+  &__back-row {
+    padding: 0 0.24rem;
+    margin-bottom: 0.12rem;
+  }
+
+  &__back-btn {
+    display: flex;
+    align-items: center;
+    gap: 0.04rem;
+    background: none;
+    border: none;
+    cursor: pointer;
+    font-size: 0.14rem;
+    color: $text-middle;
+    padding: 0;
+
+    &:hover {
+      color: $accent;
+    }
+  }
+
+  &__back-icon {
+    width: 0.16rem;
+    height: 0.16rem;
+  }
+
+  // 主体内容可滚动区域
+  &__body {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 0.24rem 0.24rem;
+  }
+
+  // 两列布局（公司卡片下方）
+  &__layout {
+    display: flex;
+    gap: 0.12rem;
+    align-items: flex-start;
+  }
+
+  // 左侧主详情
+  &__left {
+    flex: 1;
+    min-width: 0;
+    background: #fff;
+    padding: 0.24rem 0.32rem;
+    border-radius: 0.08rem;
+  }
+
+  // 右侧边栏
+  &__right {
+    width: 4.24rem;
+    flex-shrink: 0;
+  }
+}
+
+// ==================== 顶部公司信息卡片（独占一行） ====================
+
+.announcement-detail__company-card {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.24rem 0.32rem;
+  background: $bg-white;
+  border: 1px solid #F0F0F0;
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
+  border-radius: 0.08rem;
+  margin-bottom: 0.12rem;
+}
+
+.announcement-detail__company-left {
+  display: flex;
+  align-items: center;
+  gap: 0.16rem;
+}
+
+.announcement-detail__company-logo {
+  width: 0.66rem;
+  height: 0.66rem;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+
+  &--default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #EDF9FA;
+  }
+}
+
+.announcement-detail__company-info {
+  display: flex;
+  flex-direction: column;
+  gap: 0.12rem;
+}
+
+.announcement-detail__company-name-row {
+  display: flex;
+  align-items: center;
+  gap: 0.16rem;
+}
+
+.announcement-detail__company-name {
+  font-size: 0.24rem;
+  font-weight: 600;
+  color: $text-dark;
+  line-height: 0.32rem;
+}
+
+.announcement-detail__company-tags {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.12rem;
+}
+
+.announcement-detail__tag {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.03rem 0.06rem;
+  font-size: 0.12rem;
+  line-height: 0.16rem;
+  border-radius: 0.04rem;
+
+  &--type {
+    background: #FEF3F2;
+    color: #B42318;
+  }
+
+  &--gray {
+    background: #F3F4F6;
+    color: $text-middle;
+  }
+}
+
+.announcement-detail__company-right {
+  display: flex;
+  align-items: center;
+  gap: 0.16rem;
+}
+
+.announcement-detail__btn-outline {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.08rem 0.16rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: $accent;
+  background: transparent;
+  border: 1px solid $accent;
+  border-radius: 0.08rem;
+  cursor: pointer;
+  white-space: nowrap;
+
+  &:hover {
+    background: #EDF9FA;
+  }
+}
+
+.announcement-detail__btn-primary {
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.08rem 0.16rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: #FFFFFF;
+  background: $accent;
+  border: 1px solid $accent;
+  border-radius: 0.08rem;
+  cursor: pointer;
+  white-space: nowrap;
+
+  &:hover {
+    background: $accent-hover;
+    border-color: $accent-hover;
+  }
+}
+
+// ==================== 岗位速览卡片 ====================
+
+.announcement-detail__overview-card {
+  display: flex;
+  flex-direction: column;
+  padding: 0.16rem 0.24rem;
+  gap: 0.16rem;
+  background: linear-gradient(180deg, #EDF9FA 0%, #FFFFFF 20.63%);
+  border: 1px solid #AEE6EA;
+  border-radius: 0.08rem;
+  margin-bottom: 0.24rem;
+}
+
+.announcement-detail__overview-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.announcement-detail__overview-title-row {
+  display: flex;
+  align-items: flex-end;
+  gap: 0.12rem;
+}
+
+.announcement-detail__overview-title {
+  font-size: 0.16rem;
+  font-weight: 600;
+  color: $text-dark;
+  line-height: 0.21rem;
+}
+
+.announcement-detail__overview-date {
+  font-size: 0.12rem;
+  font-weight: 330;
+  color: $text-middle;
+  line-height: 0.16rem;
+}
+
+.announcement-detail__overview-deadline {
+  font-size: 0.14rem;
+  font-weight: 380;
+  color: $text-dark;
+  line-height: 0.19rem;
+}
+
+.announcement-detail__overview-body {
+  display: flex;
+  gap: 0.24rem;
+}
+
+.announcement-detail__overview-fields {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+}
+
+// 每行两个字段横排，align-items: stretch 保证同行等高
+.announcement-detail__overview-row {
+  display: flex;
+  align-items: stretch;
+  gap: 0.16rem;
+}
+
+.announcement-detail__overview-direction {
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.04rem;
+}
+
+.announcement-detail__overview-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.04rem;
+}
+
+.announcement-detail__overview-label {
+  font-size: 0.12rem;
+  font-weight: 330;
+  color: $text-middle;
+  line-height: 0.16rem;
+}
+
+.announcement-detail__overview-value {
+  font-size: 0.14rem;
+  font-weight: 380;
+  color: $text-dark;
+  line-height: 0.19rem;
+}
+
+// ==================== 公告标题 ====================
+
+.announcement-detail__main-title {
+  font-size: 0.24rem;
+  font-weight: 600;
+  color: $text-dark;
+  line-height: 0.32rem;
+  margin-bottom: 0.24rem;
+}
+
+// ==================== 详情正文段落 ====================
+
+.announcement-detail__section {
+  margin-bottom: 0.16rem;
+}
+
+.announcement-detail__section-title {
+  font-size: 0.18rem;
+  font-weight: 600;
+  color: $accent;
+  line-height: 0.24rem;
+  margin-bottom: 0.16rem;
+}
+
+.announcement-detail__section-content {
+  font-size: 0.14rem;
+  font-weight: 330;
+  color: $text-dark;
+  line-height: 0.19rem;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+
+// ==================== 右侧边栏卡片 ====================
+
+.announcement-detail__aside-card {
+  background: $bg-white;
+  border: 1px solid #F0F0F0;
+  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.04);
+  border-radius: 0.08rem;
+  padding: 0.24rem 0.32rem;
+  margin-bottom: 0.12rem;
+}
+
+.announcement-detail__aside-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.24rem;
+}
+
+.announcement-detail__aside-title {
+  font-size: 0.18rem;
+  font-weight: 600;
+  color: $accent;
+  line-height: 0.24rem;
+}
+
+.announcement-detail__aside-more {
+  display: flex;
+  align-items: center;
+  gap: 0.04rem;
+  font-size: 0.14rem;
+  font-weight: 450;
+  color: $text-middle;
+  cursor: pointer;
+
+  svg {
+    width: 0.19rem;
+    height: 0.19rem;
+  }
+
+  &:hover {
+    color: $accent;
+  }
+}
+
+.announcement-detail__aside-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.16rem;
+}
+
+// ==================== 企业其他岗位列表项 ====================
+
+.announcement-detail__job-item {
+  position: relative;
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding-bottom: 0.16rem;
+}
+
+.announcement-detail__job-item-main {
+  flex: 1;
+  min-width: 0;
+}
+
+.announcement-detail__job-item-title {
+  font-size: 0.16rem;
+  font-weight: 600;
+  color: $text-dark;
+  line-height: 0.21rem;
+  display: block;
+  margin-bottom: 0.08rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 2.56rem;
+}
+
+.announcement-detail__job-item-tags {
+  display: flex;
+  align-items: center;
+  gap: 0.08rem;
+}
+
+.announcement-detail__job-item-score {
+  text-align: right;
+  flex-shrink: 0;
+}
+
+.announcement-detail__job-item-score-num {
+  display: block;
+  font-size: 0.22rem;
+  font-weight: 600;
+  line-height: 0.29rem;
+}
+
+.announcement-detail__job-item-score-label {
+  display: block;
+  font-size: 0.12rem;
+  font-weight: 450;
+  line-height: 0.16rem;
+  text-align: center;
+}
+
+.announcement-detail__job-divider {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 0;
+  border-bottom: 1px solid #F0F0F0;
+}
+
+// ==================== 通用灰色chip ====================
+
+.announcement-detail__chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.03rem 0.06rem;
+  background: #F3F4F6;
+  border-radius: 0.04rem;
+  font-size: 0.12rem;
+  font-weight: 380;
+  color: $text-middle;
+  line-height: 0.16rem;
+  white-space: nowrap;
+}
+
+// ==================== 校招推荐列表项 ====================
+
+.announcement-detail__rec-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.1rem;
+  position: relative;
+  padding-bottom: 0.16rem;
+}
+
+.announcement-detail__rec-logo {
+  width: 0.4rem;
+  height: 0.4rem;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+
+  &--default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #EDF9FA;
+  }
+}
+
+.announcement-detail__rec-info {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.04rem;
+}
+
+.announcement-detail__rec-company {
+  font-size: 0.16rem;
+  font-weight: 600;
+  color: #111827;
+  line-height: 0.21rem;
+}
+
+.announcement-detail__rec-positions {
+  font-size: 0.14rem;
+  font-weight: 330;
+  color: $text-middle;
+  line-height: 0.19rem;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.announcement-detail__rec-tags {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.04rem;
+}
@@ -0,0 +1,555 @@
+// 校招公告页面样式
+@use '../variables' as *;
+
+.announcement-page {
+  display: flex;
+
+  &__content {
+    margin-left: var(--nav-width, 2.2rem);
+    flex: 1;
+    padding-bottom: 0.18rem;
+    height: var(--app-height, 100vh);
+    box-sizing: border-box;
+    overflow: hidden;
+    background: $bg-main;
+    font-size: 0.14rem;
+  }
+
+  // 页面标题
+  &__title {
+    font-size: 0.24rem;
+    font-weight: 700;
+    color: $text-dark;
+    margin: 0;
+    padding: 0;
+    line-height: 1.1;
+  }
+
+  &__subtitle {
+    font-size: 0.13rem;
+    color: $text-light;
+    padding: 0;
+  }
+
+  // 筛选条件外层
+  &__filters-bar {
+    border-radius: 0.12rem;
+    margin: 0 0.24rem 0.12rem 0.24rem;
+  }
+
+  // 筛选面板 + 统计卡片横向排列
+  &__filters-row {
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    gap: 0.12rem;
+  }
+
+  // 筛选面板
+  &__filters-panel {
+    flex: 1;
+    min-width: 0;
+    background: $bg-white;
+    border: 1px solid #F0F0F0;
+    box-shadow: 0px 2px 6px rgba(15, 23, 42, 0.025);
+    border-radius: 0.12rem;
+    padding: 0.12rem 0.16rem;
+    display: flex;
+    flex-direction: column;
+    gap: 0.12rem;
+  }
+
+  // 筛选行
+  &__filter-row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.08rem 0.16rem;
+    background: $bg-white;
+  }
+
+  &__filter-row-inner {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 0.16rem;
+    flex: 1;
+    min-width: 0;
+  }
+
+  // 筛选行标题
+  &__filter-row-label {
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    font-weight: 380;
+    color: $text-middle;
+    flex-shrink: 0;
+    white-space: nowrap;
+  }
+
+  // chip组外层
+  &__filter-chips-wrap {
+    display: flex;
+    align-items: flex-start;
+    gap: 0.08rem;
+    flex: 1;
+    min-width: 0;
+
+    > .industry-selector,
+    > .job-category-selector,
+    > .region-selector {
+      flex-shrink: 0;
+      margin-left: auto;
+      align-self: flex-end;
+    }
+  }
+
+  // chip组
+  &__filter-chips {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    align-items: center;
+    align-content: center;
+    gap: 0.08rem;
+    flex: 1;
+    min-width: 0;
+  }
+
+  // 筛选chip
+  &__filter-chip {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: 0.04rem 0.08rem;
+    background: #F3F4F6;
+    border-radius: 0.04rem;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    font-weight: 330;
+    color: $text-dark;
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+    transition: all 0.15s;
+    border: 1px solid transparent;
+
+    &:hover {
+      background: #E8F8F9;
+      color: $accent;
+    }
+
+    &--active {
+      background: #F4FBFB;
+      border-color: $accent;
+      color: $accent;
+      font-weight: 600;
+    }
+
+    &--active-solid {
+      background: $accent;
+      color: #FFFFFF;
+      font-weight: 600;
+      border-color: $accent;
+    }
+  }
+
+  // 底部筛选行
+  &__filter-row--bottom {}
+
+  // 下拉按钮组容器
+  &__filter-dropdowns {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+    flex-wrap: wrap;
+  }
+
+  // 下拉按钮项
+  &__dropdown-item {
+    display: flex;
+    align-items: center;
+    gap: 0.02rem;
+    padding: 0.04rem 0.08rem;
+    border: 1px solid #F0F0F0;
+    border-radius: 0.04rem;
+    font-size: 0.12rem;
+    line-height: 0.16rem;
+    font-weight: 330;
+    color: $text-dark;
+    cursor: pointer;
+    white-space: nowrap;
+    position: relative;
+    user-select: none;
+    transition: all 0.15s;
+
+    &:hover {
+      border-color: $accent;
+      color: $accent;
+    }
+
+    .el-range-separator {
+      padding-bottom: 0.03rem !important;
+    }
+  }
+
+  &__dropdown-arrow {
+    width: 0.12rem;
+    height: 0.12rem;
+    color: $text-middle;
+    flex-shrink: 0;
+  }
+
+  // 下拉菜单面板
+  &__filter-dropdown {
+    position: absolute;
+    top: calc(100% + 0.06rem);
+    left: 0;
+    background: $bg-white;
+    border: 1px solid #E8E8E8;
+    border-radius: 0.08rem;
+    padding: 0.04rem 0;
+    box-shadow: 0 0.04rem 0.12rem rgba(0, 0, 0, 0.08);
+    z-index: 20;
+    min-width: 100%;
+  }
+
+  // 下拉菜单选项
+  &__filter-dropdown-item {
+    padding: 0.06rem 0.16rem;
+    font-size: 0.12rem;
+    color: $text-dark;
+    cursor: pointer;
+    white-space: nowrap;
+    transition: all 0.15s;
+
+    &:hover {
+      background: $theme-color;
+      color: $accent-hover;
+    }
+
+    &--active {
+      color: $accent;
+      font-weight: 600;
+    }
+  }
+
+  // 清空筛选按钮
+  &__clear-filters {
+    font-size: 0.12rem;
+    color: $text-middle;
+    cursor: pointer;
+    white-space: nowrap;
+    flex-shrink: 0;
+
+    &:hover {
+      color: $accent;
+    }
+  }
+
+  // 搜索框
+  &__search-box {
+    display: flex;
+    align-items: center;
+    background: $bg-white;
+    border-radius: 0.08rem;
+    padding: 0.10rem 0.14rem;
+    border: 1px solid #F0F0F0;
+
+    &:focus-within {
+      border-color: $accent;
+    }
+  }
+
+  &__search-svg {
+    width: 0.14rem;
+    height: 0.14rem;
+    color: $text-light;
+    margin-right: 0.08rem;
+    flex-shrink: 0;
+    cursor: pointer;
+  }
+
+  &__search-input {
+    flex: 1;
+    background: transparent;
+    border: none;
+    outline: none;
+    color: $text-dark;
+    font-size: 0.12rem;
+
+    &::placeholder {
+      color: $text-light;
+    }
+  }
+
+  // 热门搜索标签
+  &__hot-search-label {
+    font-size: 0.12rem;
+    color: $text-middle;
+    white-space: nowrap;
+    margin-right: 0.07rem;
+  }
+
+  &__hot-search-tag {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: 0.24rem;
+    padding: 0 0.1rem;
+    border-radius: 0.04rem;
+    font-size: 0.12rem;
+    color: $accent;
+    background: $bg-white;
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+    transition: all 0.15s;
+    margin-right: 0.07rem;
+
+    &:last-child {
+      margin-right: 0;
+    }
+
+    &:hover,
+    &--active {
+      background: $accent;
+      color: #FFFFFF;
+    }
+  }
+
+  // 列表区域
+  &__list {
+    overflow-y: auto;
+    height: calc(var(--app-height, 100vh) - 3.4rem);
+    padding: 0 0.24rem 0.2rem;
+  }
+
+  // 表头
+  &__table-header {
+    display: flex;
+    align-items: center;
+    padding: 0.10rem 0.12rem;
+    background: #F4FBFB;
+    border-radius: 0.08rem 0.08rem 0 0;
+    border-bottom: 1px solid #F0F0F0;
+    font-size: 0.12rem;
+    font-weight: 600;
+    color: $text-dark;
+    position: sticky;
+    top: 0;
+    z-index: 5;
+    gap: 0.2rem;
+    >span{
+      flex: 1;
+      text-align: center;
+    }
+  }
+
+  // 表格行
+  &__table-row {
+    display: flex;
+    align-items: center;
+    padding: 0.12rem;
+    background: $bg-white;
+    border-bottom: 1px solid #F6F6F6;
+    font-size: 0.12rem;
+    color: $text-dark;
+    transition: background 0.15s;
+    gap: 0.2rem;
+
+    &:hover {
+      background: $theme-color;
+    }
+
+    &:last-child {
+      border-bottom: none;
+    }
+    >span{
+      flex: 1;
+    }
+    >div{
+      flex: 1;
+    }
+  }
+
+  // 表头列宽
+  &__th, &__td {
+    flex-shrink: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__th--time, &__td--time { min-width: 0.7rem; }
+  &__th--company, &__td--company { width: 1.8rem; flex-shrink: 1; }
+  &__th--title, &__td--title { width: 1.8rem; flex: 1; min-width: 1rem; }
+  &__th--position, &__td--position { width: 1.5rem; }
+  &__th--target, &__td--target { width: 1.2rem; }
+  &__th--major, &__td--major { width: 1.6rem; }
+  &__th--batch, &__td--batch { width: 1rem; }
+  &__th--deadline, &__td--deadline { width: 0.9rem; }
+
+  // 公司信息列
+  &__td--company {
+    white-space: normal;
+  }
+
+  &__company-info {
+    display: flex;
+    align-items: center;
+    gap: 0.08rem;
+  }
+
+  &__company-logo {
+    width: 0.32rem;
+    height: 0.32rem;
+    border-radius: 0.06rem;
+    border: 1px solid #F4F4F4;
+    flex-shrink: 0;
+    object-fit: cover;
+
+    &--default {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      background: $bg-white;
+    }
+  }
+
+  &__company-text {
+    min-width: 0;
+  }
+
+  &__company-name {
+    font-size: 0.13rem;
+    font-weight: 500;
+    color: $text-dark;
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__company-tags {
+    display: flex;
+    gap: 0.04rem;
+    margin-top: 0.02rem;
+    flex-wrap: wrap;
+  }
+
+  &__company-tag {
+    font-size: 0.11rem;
+    padding: 0.01rem 0.04rem;
+    border-radius: 0.02rem;
+    white-space: nowrap;
+
+    &--industry {
+      background: #EDF9FA;
+      color: $accent;
+    }
+  }
+
+  // 多行单元格
+  &__td--position, &__td--target {
+    white-space: normal;
+    display: flex;
+    flex-direction: column;
+    gap: 0.02rem;
+  }
+
+  &__cell-line {
+    font-size: 0.12rem;
+    color: $text-dark;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__cell-sub {
+    font-size: 0.11rem;
+    color: $text-light;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &__recruit-year {
+    font-size: 0.12rem;
+    color: #175CD3;
+    background: #EFF8FF;
+    padding: 0 0.08rem;
+    border-radius: 0.04rem;
+    display: inline-block;
+    align-self: flex-start;
+    height: 0.24rem;
+    line-height: 0.24rem;
+  }
+
+  // 空状态
+  &__empty {
+    text-align: center;
+    font-size: 0.14rem;
+    color: $text-light;
+  }
+
+  &__empty-img {
+    width: 1.24rem;
+    height: 1.3rem;
+    display: block;
+    margin: 1rem auto 0.2rem;
+  }
+
+  &__empty-title {
+    font-size: 0.14rem;
+    color: $text-light;
+    margin-bottom: 0.08rem;
+  }
+
+  &__empty-subtitle {
+    font-size: 0.14rem;
+    color: $text-light;
+  }
+
+  &__empty-link {
+    color: $accent;
+    text-decoration: underline;
+    cursor: pointer;
+
+    &:hover {
+      opacity: 0.75;
+    }
+  }
+
+  // 加载状态
+  &__loading-box {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.08rem;
+    padding: 0.24rem 0;
+    font-size: 0.13rem;
+    color: $text-light;
+  }
+
+  &__loading-spinner {
+    width: 0.18rem;
+    height: 0.18rem;
+    border: 2px solid rgba(0, 0, 0, 0.1);
+    border-top-color: $accent;
+    border-radius: 50%;
+    animation: announcement-spin 0.6s linear infinite;
+  }
+
+  @keyframes announcement-spin {
+    to { transform: rotate(360deg); }
+  }
+
+  &__loading-more {
+    text-align: center;
+    padding: 0.16rem 0;
+    font-size: 0.12rem;
+    color: $text-light;
+  }
+}
@@ -344,7 +344,7 @@
  &__quote-avatar {
    width: 0.38rem;
    height: 0.38rem;
-    background: #D9E3EA;
+    //background: #D9E3EA;
    border-radius: 50%;
    flex-shrink: 0;
  }
@@ -142,18 +142,21 @@

    // 主标题
    &__title {
-      font-size: 0.54rem;
+      font-size: 0.48rem;
      font-weight: 600;
-      line-height: 0.71rem;
-      letter-spacing: -0.03rem;
+      line-height: 0.61rem;
+      letter-spacing: 0.03rem;
      color: #111;
      margin: 0;
+      >span{
+        width: 1.51rem;
+      }
    }

    // 副标题描述
    &__desc {
-      font-size: 0.2rem;
-      line-height: 0.325rem;
+      font-size: 0.16rem;
+      line-height: 0.2rem;
      color: #9ca3af;
      margin-top: 0.1rem;
    }
@@ -162,12 +165,11 @@
    &__cta {
      margin-top: 0.69rem;
      width: 1.84rem;
-      height: 0.56rem;
-      //line-height: 0.24rem;
+      height: 0.52rem;
      border-radius: 0.16rem;
-      background: linear-gradient(90deg, rgba(82, 202, 209, 1) 0%, rgba(83, 217, 200, 1) 100%);
+      background: $accent;
      color: #fff;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
      font-weight: 600;
      border: none;
      cursor: pointer;
@@ -178,8 +180,9 @@
    // 右侧卡片区
    &__right {
      flex-shrink: 0;
-      box-shadow: 0px 0px 15.45px  rgba(82, 202, 209, 0.1);
+      //box-shadow: 0px 0px 15.45px  rgba(82, 202, 209, 0.1);
      border-radius: 0.16rem;
+      background: #FCFEFE;
    }

    &__right-top{
@@ -365,25 +368,25 @@
  .stat-card {
    background: #fff;
    border-radius: 0.16rem;
-    width: 2.03rem;
-    height: 1.87rem;
+    width: 1.9rem;
+    height: 1.9rem;
    text-align: center;
    padding-top:0.38rem;
    box-shadow: 0 0.06rem 0.2rem rgba(0, 0, 0, 0.05);

    // 大数字
    &__num {
-      font-size: 0.48rem;
+      font-size: 0.38rem;
      font-weight: 900;
-      color: #52CAD1;
+      color: #2A8186;
      line-height: 0.63rem;
    }

    // 描述文字
    &__label {
-      font-size: 0.16rem;
+      font-size: 0.13rem;
      line-height: 0.22rem;
-      color: #9ca3af;
+      color: #8D9399;
      margin-top: 0.12rem;
      letter-spacing: 0.0035rem;
    }
@@ -391,7 +394,7 @@

  // ==================== 岗位展示区 ====================
  .home-jobs-showcase {
-    padding: 1rem 0;
+    padding: 0.85rem 0 0.7rem 0;
    position: relative;
    overflow: hidden;
    background: #fff;
@@ -441,20 +444,20 @@

    // 副标题
    &__sub {
-      font-size: 0.2rem;
+      font-size: 0.15rem;
      line-height: 0.28rem;
      color: #999;
-      margin-top: 0.2rem;
+      margin-top: 0.19rem;
    }

    // 玻璃态展示盒子
    &__box {
-      margin-top: 0.6rem;
+      margin-top: 0.87rem;
      background: rgba(255, 255, 255, 0.9);
      border: 1px solid rgba(255, 255, 255, 0.9);
      box-shadow: 0 10px 40px rgba(82, 202, 209, 0.12);
      backdrop-filter: blur(100px);
-      border-radius: 0.4rem;
+      border-radius: 0.1rem;
      padding: 0.64rem 0;
    }

@@ -472,7 +475,7 @@

      .ticker-track {
        display: flex;
-        gap: 0.16rem;
+        gap: 0.30rem;
        width: max-content;
        animation: ticker-scroll 20s linear infinite;
      }
@@ -483,16 +486,16 @@
  .showcase-stat {
    text-align: center;
    &__num {
-      font-size: 0.48rem;
+      font-size: 0.40rem;
      line-height: 0.6rem;
      font-weight: 900;
-      color: #1d1d1d;
-      .accent { color: $accent; }
+      color: #2A8186;
+      .accent { color: #2A8186; }
    }
    &__label {
-      font-size: 0.18rem;
+      font-size: 0.14rem;
      line-height: 0.28rem;
-      color: #64748b;
+      color: #8D9399;
      margin-top: 0.08rem;
    }
  }
@@ -500,7 +503,7 @@
  // 单个岗位滚动卡片
  .job-ticker {
    flex-shrink: 0;
-    background: rgba(30, 30, 46, 0.9);
+    background: #12383A;
    backdrop-filter: blur(36px);
    border-radius: 0.12rem;
    padding: 0.2rem 0.24rem;
@@ -545,16 +548,17 @@
      min-width: 0;

      h2 {
-        font-size: 0.48rem;
+        font-size: 0.34rem;
        font-weight: 600;
-        line-height: 0.63rem;
+        line-height: 0.43rem;
+        letter-spacing: 0.02rem;
        color: #111;
        margin: 0;
      }

      p {
-        font-size: 0.2rem;
-        line-height: 0.325rem;
+        font-size: 0.14rem;
+        line-height: 0.2rem;
        color: #999;
        margin-top: 0.16rem;
      }
@@ -566,12 +570,13 @@
      display: inline-flex;
      align-items: center;
      gap: 0.12rem;
-      padding: 0.15rem 0.4rem;
-      border-radius: 0.16rem;
-      background: #111111;
+      padding: 0 0.22rem;
+      border-radius: 0.12rem;
+      background: $accent;
      color: #fff;
-      font-size: 0.16rem;
-      line-height: 0.28rem;
+      font-size: 0.12rem;
+      height: 0.42rem;
+      line-height: 0.42rem;
      font-weight: 600;
      border: none;
      cursor: pointer;
@@ -582,7 +587,8 @@
      }
      svg {
        flex-shrink: 0;
-        color: $btn-dark;
+        color: #fff;
+        font-size: 0.12rem;
      }
    }

@@ -1069,7 +1075,7 @@
      margin-bottom: 0.8rem;

      h2 {
-        font-size: 0.48rem;
+        font-size: 0.38rem;
        line-height: 0.48rem;
        font-weight: 600;
        letter-spacing: -0.012rem;
@@ -1077,12 +1083,12 @@
      }

      p {
-        font-size: 0.16rem;
+        font-size: 0.15rem;
        line-height: 0.24rem;
        color: #9ca3af;
        letter-spacing: 0.0rem;
        text-transform: uppercase;
-        margin-top: 0.24rem;
+        margin-top: 0.14rem;
      }
    }

@@ -1612,10 +1618,18 @@
      margin: 0.6rem auto 0;
      text-align: center;
      padding-top: 0.4rem;
+      display: flex;
+      justify-content: center;
+      gap: 0.2rem;
+

      p {
        font-size: 0.12rem;
-        line-height: 0.16rem;
+        color: #9ca3af;
+      }
+      a{
+        font-size: 0.12rem;
+        text-decoration: none;
        color: #9ca3af;
      }
    }
@@ -3,7 +3,7 @@
 // ==================== 岗位详情页 ====================
 .job-detail {
  &__content {
-    margin-left: 2rem;
+    margin-left: var(--nav-width, 2.2rem);
    margin-right: var(--chat-width, 3.6rem);
    flex: 1;
    height: var(--app-height, 100vh);
@@ -167,14 +167,15 @@
    display: flex;
    align-items: center;
    justify-content: center;
-    padding: 0.08rem 0.16rem;
+    width: 0.88rem;
+    height: 0.37rem;
+    line-height: 0.37rem;
    background: $accent;
    border: 1px solid $accent;
    border-radius: 0.08rem;
    color: $bg-white;
    font-size: 0.14rem;
    font-weight: 600;
-    line-height: 0.19rem;
    cursor: pointer;
    transition: background 0.2s;

@@ -227,7 +228,7 @@

  &__match-label {
    font-size: 0.13rem;
-    font-weight: 520;
+    font-weight: 620;
    line-height: 0.17rem;
    color: #9FD051;
  }
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
xuxin	351190a6d8	校招公告，未登陆状态，免登录岗位列表接口	2026-08-12 11:51:19 +08:00
xuxin	d556170969	1.1岗位列表等新版本	2026-08-11 11:54:35 +08:00
xuxin	1e103627f8	加一个超级管理员登陆页面	2026-08-05 14:32:33 +08:00
xuxin	8b9ebd6ddc	删掉之前测试时用过的一个无效旧token	2026-07-29 15:18:24 +08:00
xuxin	5abd6d27d6	联系二维码图片存oss图片链接缓存oss里的	2026-07-27 14:31:02 +08:00
xuxin	bb7a8c55b2	4个mvp补丁	2026-07-24 18:15:31 +08:00
xuxin	a0f01dd697	插件上传谷歌商店验证文件	2026-07-22 10:01:10 +08:00
xuxin	58a027296a	隐私协议单独加个页面	2026-07-21 11:29:26 +08:00
xuxin	010a80be81	隐私协议单独加个页面	2026-07-21 11:20:01 +08:00
xuxin	6c03793daf	去掉offer派插件test和www不同环境域名的通信隔离	2026-07-17 20:19:59 +08:00
xuxin	33ecccdcb0	bug处理加文字样式微调	2026-07-17 20:00:24 +08:00
xuxin	d429bae98a	备案号	2026-07-17 16:49:46 +08:00
xuxin	0b9f2e7333	备案号	2026-07-17 16:48:39 +08:00
xuxin	db46766d48	个人资料教育经历学历类型保存bug，和岗位为列表页查询条件添加公司类型分类	2026-07-17 16:28:50 +08:00
xuxin	27d2592d06	bug修改	2026-07-17 15:12:41 +08:00
xuxin	c81c9b79dd	没有个人资料时检测跳转登陆页，登陆页改造，添加新的业务配置文件来控制功能开关	2026-07-17 12:01:34 +08:00
xuxin	5f4aab8d04	bug处理	2026-07-16 18:36:40 +08:00
xuxin	15971bffd9	友盟跟踪记录	2026-07-16 16:30:07 +08:00
xuxin	bf84da7783	bug处理，插件版本同步	2026-07-15 16:36:20 +08:00
xuxin	0911760e27	3个需求处理和插件通信组件引入（和插件共用的一个ts）	2026-07-15 09:49:21 +08:00
xuxin	66026f211c	bug处理	2026-07-14 11:44:09 +08:00
xuxin	7abe158dbb	bug处理	2026-07-13 23:01:49 +08:00
xuxin	aed2535ab2	登陆和首页微调	2026-07-13 20:56:06 +08:00
xuxin	5f723e5573	ai助手投递偏好设置修复	2026-07-10 16:57:43 +08:00
xuxin	8cd21e7b98	ai助手投递偏好设置修复	2026-07-10 16:29:31 +08:00
xuxin	e8e2e09e62	样式小bug修改-01	2026-07-10 11:38:56 +08:00
xuxin	4be35ced80	ai助手本地不缓存没有完成的投递记录	2026-07-10 10:37:35 +08:00
xuxin	0e5c7d14d0	AI投递助手样式优化	2026-07-10 10:01:07 +08:00
xuxin	cf268520e1	AI投递助手	2026-07-10 02:08:41 +08:00
xuxin	cd64ded6ae	AI润色用新加载特效	2026-07-09 16:26:29 +08:00
xuxin	ec6ba7ee35	简历详情样式微调	2026-07-09 16:04:25 +08:00
xuxin	72339f332d	简历详情样式微调	2026-07-09 15:27:31 +08:00
xuxin	b25f2dde3a	左侧菜单微调	2026-07-09 11:45:36 +08:00
xuxin	38e3957da2	导师搜索标签	2026-07-09 10:47:14 +08:00
				`@@ -0,0 +1 @@`
				`google-site-verification: google18c40aea647ea1cd.html`