优化招聘端简历详情

pages/talentSearch/resumeDetail.vue

@@ -17,11 +17,12 @@
 		<view class="user-profile" style="margin-top: 20rpx;">
 			<view class="profile-header">
 				<view class="name-section">
-					<view class="user-name">{{ userEntity.userName || '匿名用户' }}</view>
+					<view class="user-name">{{ resumeList.userName || '匿名用户' }}</view>
 					<view class="status-tag">热门搜索</view>
 				</view>
 				<view class="avatar-container">
-					<image :src="userEntity.avatar || '../../static/logo.png'" class="user-avatar" mode="aspectFill">
+					<image :src="resumeList.userAvatar || '../../static/logo.png'" class="user-avatar"
+						mode="aspectFill">
 					</image>
 					<view class="notification-badge"></view>
 				</view>
@@ -29,7 +30,10 @@
 
 			<view class="current-job">
 				<image src="../../static/images/aixin.svg" class="job-icon" mode="aspectFit"></image>
-				<text class="job-text">{{ workExpList && workExpList.length > 0 && workExpList[0].position || '暂无' }}</text>
+				<text
+					class="job-text">{{ workExpList && workExpList.length > 0 && workExpList[0].companyName || '暂无' }}</text>
+				<text
+					class="job-text">{{ workExpList && workExpList.length > 0 && workExpList[0].workExpDetailList[0].position || '暂无' }}</text>
 			</view>
 
 			<view class="availability">
@@ -38,13 +42,13 @@
 
 			<view class="summary-info">
 				<view class="summary-item">
-					<text class="summary-text">{{ workExpTimes || '0' }}年</text>
+					<text class="summary-text">{{ resumeData.resumesWorkExperience || '0' }}年</text>
 				</view>
 				<view class="summary-item">
-					<text class="summary-text">{{ eduList.degree || '无' }}</text>
+					<text class="summary-text">{{ resumeList.degree || '无' }}</text>
 				</view>
 				<view class="summary-item">
-					<text class="summary-text">{{ userEntity.age || '无' }}岁</text>
+					<text class="summary-text">{{ resumeList.userAge || '无' }}岁</text>
 				</view>
 			</view>
 		</view>
@@ -67,15 +71,28 @@
 			</view> -->
 
 			<!-- 求职期望 -->
-			<view class="expectation-card">
+			<view class="expectation-card" v-if="intentions && intentions.length > 0">
 				<view class="card-header">
 					<text class="header-title">求职期望</text>
 				</view>
+				<view class="job-expectation" v-for="(item, index) in intentions" :key="item.intentionId">
+					<view class="expectation-text">
+						{{ item.ruleClassifyName || '无' }}，{{ item.citys || '无' }}
+						<text v-if="item.postType">（{{ item.postType }}）</text>
+					</view>
+					<text class="salary-range">
+						{{ item.salaryRange ? item.salaryRange + '元' : '薪资未填写' }}
+					</text>
+				</view>
+			</view>
 
+			<!-- 如果为空 -->
+			<view v-else class="expectation-card">
+				<view class="card-header">
+					<text class="header-title">求职期望</text>
+				</view>
 				<view class="job-expectation">
-					<text class="expectation-text">{{ intentions && intentions[0].ruleClassifyName ||
-						'无'}},{{ intentions && intentions[0].citys || '无' }}</text>
-					<text class="salary-range">{{ intentions && intentions[0].salaryRange }}元</text>
+					<text class="expectation-text">暂无求职期望</text>
 				</view>
 			</view>
 
@@ -88,38 +105,49 @@
 			<view class="work-experience-section">
 				<view class="section-header">
 					<view class="section-title">
-						<!-- <text class="required-mark">*</text> -->
 						<text class="required-title">工作经历</text>
 						<view class="section-desc">请填写专属跨境行业的工作经验</view>
 					</view>
-					<!-- 	<view class="edit-icon">
-						<image src="../../static/images/index/Combined-Shape.svg" style="width: 48rpx;height: 48rpx;" mode=""></image>
-					</view> -->
 				</view>
 
 				<view class="experience-list" v-if="workExpList && workExpList.length > 0">
-					<view class="experience-item" v-for="(item, index) in workExpList" :key="index">
+					<view class="experience-item" v-for="(item, index) in workExpList" :key="item.workExpId">
 						<view class="company-logo">
 							<image src="../../static/images/index/changsha.svg" class="logo-img" mode="aspectFit">
 							</image>
 						</view>
 						<view class="experience-content">
-							<view class="job-info-row">
-								<view class="job-title">{{ item.position }}</view>
-								<view class="job-department">{{ item.department }}</view>
-							</view>
-							<view class="company-period-row">
-								<view class="company-name">{{ item.companyName }}</view>
-								<view class="work-period">{{ item.startTime.slice(0, 7) }} -{{ item.endTime.slice(0, 7) }}
+							<!-- 公司名 -->
+							<view class="company-title">{{ item.companyName }}</view>
+							<!-- 遍历详细工作经历 -->
+							<view class="job-detail" v-for="(detail, i) in item.workExpDetailList"
+								:key="detail.workExpDetailId">
+								<view class="job-info-row">
+									<view class="job-title">{{ detail.position || '未填写职位' }}</view>
+									<!-- <view class="job-department">{{ detail.department || '' }}</view> -->
+									<view class="work-period">
+										{{ detail.startTime ? detail.startTime.slice(0, 7) : '' }} -
+										{{ detail.endTime ? detail.endTime.slice(0, 7) : '至今' }}
+									</view>
 								</view>
-							</view>
-							<view class="job-description">
-								{{ item.workContent }}...
-							</view>
-							<view class="skill-tags">
-								<view class="tag" v-for="(imt, index) in item.skills ? JSON.parse(item.skills) : {}">{{ imt }}
+
+								<!-- <view class="company-period-row">
+									<view class="company-name">{{ item.companyName }}</view>
+									<view class="work-period">
+										{{ detail.startTime ? detail.startTime.slice(0, 7) : '' }} -
+										{{ detail.endTime ? detail.endTime.slice(0, 7) : '至今' }}
+									</view>
+								</view> -->
+
+								<view class="job-description">
+									{{ detail.workContent ? detail.workContent : '暂无工作描述' }}
 								</view>
 
+								<view class="skill-tags" v-if="detail.skills">
+									<view class="tag" v-for="(tag, j) in JSON.parse(detail.skills)" :key="j">
+										{{ tag }}
+									</view>
+								</view>
 							</view>
 						</view>
 					</view>
@@ -148,7 +176,8 @@
 						<view class="education-content">
 							<view class="school-name">{{ item.school }}</view>
 							<view class="degree-info">{{ item.degree }} • {{ item.profession }} •
-								{{ item.startTime.slice(0, 4) }}-{{ item.endTime.slice(0, 4) }}</view>
+								{{ item.startTime.slice(0, 4) }}-{{ item.endTime.slice(0, 4) }}
+							</view>
 							<view class="education-description">
 								{{ item.detail }}
 							</view>
@@ -167,26 +196,14 @@
 					</view>
 				</view>
 				<view class="certificates-grid" v-if="skills && skills.length > 0">
-					<view class="certificate-tag" v-for="(skll, index) in skills || {}" :key="index">{{ skll.skillName }}
+					<view class="certificate-tag" v-for="(skll, index) in skills || {}" :key="index">
+						{{ skll.skillName }}
 					</view>
 				</view>
 				<view class="certificates-grid" v-else>
 					<view class="certificate-tag">暂无技能</view>
 				</view>
 			</view>
-
-			<!-- 专业技能 -->
-			<!-- 		<view class="skills-section">
-				<view class="section-header">
-					<view class="section-title">
-						<text>专业技能</text>
-					</view>
-				</view>
-
-				<view class="skills-content">
-					{{skills || '熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练使用熟练'}}
-				</view>
-			</view> -->
 		</view>
 
 		<!-- 底部操作按钮 -->
@@ -199,205 +216,173 @@
 </template>
 
 <script>
-export default {
-	data() {
-		return {
-			statusBarHeight: 0, // 状态栏高度
-			resumeId: '',
-			resumeData: {},
-			userEntity: "",
-			eduList: "",
-			intentions: "",
-			resumeList: "",
-			skills: "",
-			postPushId: "",
-			workExpList: "",
-			workExpTimes: "",
-			workExps: "",
-			resumesStatus: ['离职＆随时到岗', '在职＆月内到岗', '在职＆考虑机会', '在职＆暂不考虑'],
-			defaultExpectations: [{
-				title: '亚马逊运营总监',
-				salary: '30-40K',
-				type: '不限',
-				location: '深圳'
-			},
-			{
-				title: 'TikTok运营总监',
-				salary: '30-40K',
-				type: '精品铺货',
-				location: '深圳'
+	export default {
+		data() {
+			return {
+				statusBarHeight: 0, // 状态栏高度
+				resumeData: {},
+				userEntity: "",
+				eduList: "",
+				intentions: "",
+				resumeList: {},
+				skills: "",
+				postPushId: "",
+				workExpList: [],
+				workExpTimes: "",
+				resumesStatus: ['离职＆随时到岗', '在职＆月内到岗', '在职＆考虑机会', '在职＆暂不考虑'],
+				defaultExpectations: [{
+						title: '亚马逊运营总监',
+						salary: '30-40K',
+						type: '不限',
+						location: '深圳'
+					},
+					{
+						title: 'TikTok运营总监',
+						salary: '30-40K',
+						type: '精品铺货',
+						location: '深圳'
+					}
+				],
+				defaultWorkExperience: [{
+					position: '资深亚马逊运营',
+					department: '运营部',
+					company: '深圳市世迪贸易科技有限公司',
+					period: '2019.02-至今',
+					description: '负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售...',
+					skills: ['精品铺货', '独立站', '3C数码', '品类运营']
+				}],
+				defaultEducation: [{
+					school: '武汉工程大学',
+					degree: '硕士',
+					major: '高分子化学与物理',
+					period: '2014-2017',
+					description: '这是简历填写的内容这是简历填写的内容内容这是简历填写的内是简历填写的内容这是简历填写的内容...'
+				}],
+				defaultSkills: ['Design & Creative', 'Wireframing UX', 'Figma', 'UI Design', 'Prototype', 'Adobe XD',
+					'UX Design', 'Front End'
+				],
+				defaultCertificates: ['大学英语六级', '计算机职业资格', '初级会计师', '中级会计师', '高级会计师', '注册会计师']
+			}
+		},
+		onLoad(option) {
+			// 获取状态栏高度
+			let systemInfo = uni.getSystemInfoSync();
+			this.statusBarHeight = systemInfo.statusBarHeight || 0;
+
+			// 获取邀请码保存到本地
+			if (option.invitation) {
+				this.$queue.setData('inviterCode', option.invitation);
+			}
+			// #ifdef MP-WEIXIN
+			if (option.scene) {
+				const scene = decodeURIComponent(option.scene);
+				this.$queue.setData('inviterCode', scene.split(',')[0]);
+			}
+			// #endif
+			this.weekMember = uni.getStorageSync('weekMember')
+			this.userId = uni.getStorageSync('userId') ? uni.getStorageSync('userId') : 0
+			if (option.resumesId) {
+				this.resumesId = option.resumesId
+				this.getDetail()
+			} else if (option.userId) {
+				this.byuserId = option.userId
+				this.getDetail()
+			}
+			// 获取邀请码保存到本地
+			if (option.postPushId) {
+				this.postPushId = option.postPushId
 			}
-			],
-			defaultWorkExperience: [{
-				position: '资深亚马逊运营',
-				department: '运营部',
-				company: '深圳市世迪贸易科技有限公司',
-				period: '2019.02-至今',
-				description: '负责Amazon英国、欧洲站、制定推广与销售计划,达成团队要求的销售业绩;做好数据的统计分析工作,收集、分析市场信息,竞争对手状况,并根据产品销售与排名变化,及时制定和调整产品的销售...',
-				skills: ['精品铺货', '独立站', '3C数码', '品类运营']
-			}],
-			defaultEducation: [{
-				school: '武汉工程大学',
-				degree: '硕士',
-				major: '高分子化学与物理',
-				period: '2014-2017',
-				description: '这是简历填写的内容这是简历填写的内容内容这是简历填写的内是简历填写的内容这是简历填写的内容...'
-			}],
-			defaultSkills: ['Design & Creative', 'Wireframing UX', 'Figma', 'UI Design', 'Prototype', 'Adobe XD',
-				'UX Design', 'Front End'
-			],
-			defaultCertificates: ['大学英语六级', '计算机职业资格', '初级会计师', '中级会计师', '高级会计师', '注册会计师']
-		}
-	},
-	onLoad(option) {
-		// 获取状态栏高度
-		let systemInfo = uni.getSystemInfoSync();
-		this.statusBarHeight = systemInfo.statusBarHeight || 0;
-
-		// 获取邀请码保存到本地
-		if (option.invitation) {
-			this.$queue.setData('inviterCode', option.invitation);
-		}
-		// #ifdef MP-WEIXIN
-		if (option.scene) {
-			const scene = decodeURIComponent(option.scene);
-			this.$queue.setData('inviterCode', scene.split(',')[0]);
-		}
-		// #endif
-		this.weekMember = uni.getStorageSync('weekMember')
-		this.userId = uni.getStorageSync('userId') ? uni.getStorageSync('userId') : 0
-		if (option.resumesId) {
-			this.resumesId = option.resumesId
-			this.getDetail()
-		} else if (option.userId) {
-			this.byuserId = option.userId
-			this.getDetail()
-		}
-		// 获取邀请码保存到本地
-		if (option.postPushId) {
-			this.postPushId = option.postPushId
-		}
 
 
-	},
-	methods: {
-		goBack() {
-			uni.navigateBack();
-		},
-		loadResumeData() {
-			// 这里应该根据 resumeId 加载简历数据
-			// 暂时使用默认数据
-			console.log('加载简历数据:', this.resumeId);
 		},
-
-		contactCandidate() {
-			//去联系
-			this.getDetail()
-			this.$Request.postJson('/app/chat/insertChatConversation', {
-				userId: this.userEntity.userId,//会话对象的id
-				focusedUserId: uni.getStorageSync('userId'),//当前登录者Id
-				postPushId: this.postPushId,
-				resumesId: this.resumesId,
-				type:2,
-			}).then(ret => {
-				if (ret.code == 0) {
-					uni.navigateTo({
-						url: '/pages/msg/im?byUserId=' + this.userEntity
-							.userId + '&chatConversationId=' + ret.data
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			contactCandidate() {
+				//去联系
+				this.getDetail()
+				this.$Request.postJson('/app/chat/insertChatConversation', {
+					userId: this.userEntity.userId, //会话对象的id
+					focusedUserId: uni.getStorageSync('userId'), //当前登录者Id
+					postPushId: this.postPushId,
+					resumesId: this.resumesId,
+					type: 2,
+				}).then(ret => {
+					if (ret.code == 0) {
+						uni.navigateTo({
+							url: '/pages/msg/im?byUserId=' + this.userEntity
+								.userId + '&chatConversationId=' + ret.data
 								.chatConversationId + '&resumesId=' + this.resumesId + '&postPushId=' +
-							this.postPushId
-					})
-				}
-			})
+								this.postPushId
+						})
+					}
+				})
 
-		},
-		getDetail() {
-			uni.showLoading({
-				title: '加载中'
-			})
-			let data = {
-				resumesId: this.resumesId,
-				userId: this.userId,
-				companyId: uni.getStorageSync('companyId')
-			}
-			//this.$Request.get('/app/resumes/selectResumesByResumesId', data).then(res => {
-			this.$Request.get('/app/userFirst/getResumes', data).then(res => {
-				if (res.code == 0) {
-					uni.hideLoading()
-					if (res.data.status == 1) {
-						uni.showModal({
-							title: '提示',
-							content: '该简历审核中，暂无法查看',
-							showCancel: false,
-							cancelText: '',
-							confirmText: '去首页',
-							confirmColor: '#016BF6',
-							complete: (ret) => {
-								if (ret.confirm) {
-									uni.switchTab({
-										url: '/pages/index/index'
-									})
-								}
-							}
-						});
-					} else {
+			},
+			getDetail() {
+				uni.showLoading({
+					title: '加载中'
+				})
+				let data = {
+					resumesId: this.resumesId,
+					userId: this.userId,
+					companyId: uni.getStorageSync('companyId')
+				}
+				this.$Request.get('/app/resumes/selectResumesByResumesId', data).then(res => {
+					if (res.code == 0) {
+						uni.hideLoading()
 						var data = res.data;
+						this.resumeData = res.data;
 						this.userEntity = data.userEntity
 						this.eduList = data.eduList
-						this.intentions = data.intentions
-						this.resumeList = data.resumeList
+						this.intentions = data.intentionList
+						this.resumeList = data.resumesListDtoList
 						this.skills = data.skills
 						this.workExpList = data.workExpList
-						this.workExpTimes = data.workExpTimes
-						this.workExps = data.workExps
 
-
-						//this.order.industryName = this.order.industryName.split(',')
-						//this.getJobList(res.data.resumesPost)
+					} else {
+						uni.hideLoading()
+						uni.showModal({
+							title: '提示',
+							content: '用户简历不存在',
+							showCancel: false,
+							complete(ret) {
+								uni.navigateBack()
+							}
+						})
 					}
-
-				} else {
-					uni.hideLoading()
-					uni.showModal({
-						title: '提示',
-						content: '用户简历不存在',
-						showCancel: false,
-						complete(ret) {
-							uni.navigateBack()
-						}
-					})
-				}
-			})
-		},
-		//使用岗位名称查询出企业正在招聘的该岗位拿到对应的岗位id
-		getJobList(ruleClassifyName) {
-			let data = {
-				status: 2,
-				page: 1,
-				limit: 1,
-				ruleClassifyName: ruleClassifyName,
-				companyId: uni.getStorageSync('companyId')
-			}
-			this.$Request.getT('/app/postPush/getPostPushList', data).then(res => {
-				if (res.code == 0) {
-					this.postPushId = res.data.records[0].postPushId
+				})
+			},
+			//使用岗位名称查询出企业正在招聘的该岗位拿到对应的岗位id
+			getJobList(ruleClassifyName) {
+				let data = {
+					status: 2,
+					page: 1,
+					limit: 1,
+					ruleClassifyName: ruleClassifyName,
+					companyId: uni.getStorageSync('companyId')
 				}
-			})
-		},
-		// 查看图片
-		saveImg(imgs, index) {
-			// console.log(imgs)
-			let that = this;
-			let imgArr = imgs
-			// imgArr.push(imgs);
-			// //预览图片
-			uni.previewImage({
-				urls: imgArr,
-				current: imgArr[index]
-			});
-		},
+				this.$Request.getT('/app/postPush/getPostPushList', data).then(res => {
+					if (res.code == 0) {
+						this.postPushId = res.data.records[0].postPushId
+					}
+				})
+			},
+			// 查看图片
+			saveImg(imgs, index) {
+				// console.log(imgs)
+				let that = this;
+				let imgArr = imgs
+				// imgArr.push(imgs);
+				// //预览图片
+				uni.previewImage({
+					urls: imgArr,
+					current: imgArr[index]
+				});
+			},
+		}
 	}
-}
 </script>
 
 
@@ -407,682 +392,691 @@ export default {
 
 
 <style lang="scss" scoped>
-.resume-detail {
-	min-height: 100vh;
-	padding-bottom: 120rpx;
-	// padding-top 已改为动态计算，在模板中通过 :style 设置
-}
-
-.fixed-nav {
-	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	z-index: 9999;
-	background-color: #ffffff;
-	// padding: 0 4rpx;
-	// padding-top 已改为动态计算，在模板中通过 :style 设置
-}
-
-// 顶部导航栏
-.navbar {
-	background: #fff;
-	height: 88rpx;
-	padding: 0 8rpx;
-	// padding: 80rpx 0 40rpx 0; // 已移除，因为现在是固定导航栏
-
-	.navbar-content {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		padding: 0 30rpx;
-		height: 60rpx;
-
-		.navbar-left {
-			width: 60rpx;
-			height: 60rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-		}
-
-		.navbar-title {
-			color: rgba(23, 23, 37, 1);
-			font-family: DM Sans;
-			font-size: 38rpx;
-			font-weight: 700;
-			line-height: 52rpx;
-			letter-spacing: 0%;
-			text-align: center;
-		}
+	.resume-detail {
+		min-height: 100vh;
+		padding-bottom: 120rpx;
+		// padding-top 已改为动态计算，在模板中通过 :style 设置
+	}
 
-		.navbar-right {
-			width: 60rpx;
-			height: 60rpx;
-		}
+	.fixed-nav {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 9999;
+		background-color: #ffffff;
+		// padding: 0 4rpx;
+		// padding-top 已改为动态计算，在模板中通过 :style 设置
 	}
-}
-
-// 用户信息区域
-.user-profile {
-	background: #fff;
-	padding: 30rpx;
-	// margin: 0 32rpx;
-
-	.profile-header {
-		display: flex;
-		justify-content: space-between;
-		align-items: flex-start;
-		margin-bottom: 20rpx;
-
-		.name-section {
-			flex: 1;
+
+	// 顶部导航栏
+	.navbar {
+		background: #fff;
+		height: 88rpx;
+		padding: 0 8rpx;
+		// padding: 80rpx 0 40rpx 0; // 已移除，因为现在是固定导航栏
+
+		.navbar-content {
 			display: flex;
 			align-items: center;
-			justify-content: flex-start;
-			gap: 12rpx;
+			justify-content: space-between;
+			padding: 0 30rpx;
+			height: 60rpx;
 
-			.user-name {
-				color: rgba(58, 57, 67, 1);
+			.navbar-left {
+				width: 60rpx;
+				height: 60rpx;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+
+			.navbar-title {
+				color: rgba(23, 23, 37, 1);
 				font-family: DM Sans;
-				font-size: 48rpx;
+				font-size: 38rpx;
 				font-weight: 700;
-				line-height: 60rpx;
-				letter-spacing: 0px;
-				text-align: left;
-				margin-right: 12rpx;
+				line-height: 52rpx;
+				letter-spacing: 0%;
+				text-align: center;
 			}
 
-			.status-tag {
-				background: rgba(252, 233, 220, 1);
-				color: rgba(1, 107, 246, 1);
-				font-family: DM Sans;
-				font-size: 18rpx;
-				padding: 4rpx 8rpx;
-				border-radius: 8rpx;
-				display: inline-block;
+			.navbar-right {
+				width: 60rpx;
+				height: 60rpx;
 			}
 		}
+	}
+
+	// 用户信息区域
+	.user-profile {
+		background: #fff;
+		padding: 30rpx;
+		// margin: 0 32rpx;
 
-		.avatar-container {
-			position: relative;
+		.profile-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: flex-start;
+			margin-bottom: 20rpx;
 
-			.user-avatar {
-				width: 72rpx;
-				height: 72rpx;
-				border-radius: 50%;
-				border: 1px solid #0d27f7;
-			}
+			.name-section {
+				flex: 1;
+				display: flex;
+				align-items: center;
+				justify-content: flex-start;
+				gap: 12rpx;
 
-			.notification-badge {
-				position: absolute;
-				top: 0;
-				right: 0;
-				width: 20rpx;
-				height: 20rpx;
-				background: #FF3B30;
-				border-radius: 50%;
-				border: 2rpx solid #fff;
+				.user-name {
+					color: rgba(58, 57, 67, 1);
+					font-family: DM Sans;
+					font-size: 48rpx;
+					font-weight: 700;
+					line-height: 60rpx;
+					letter-spacing: 0px;
+					text-align: left;
+					margin-right: 12rpx;
+				}
+
+				.status-tag {
+					background: rgba(252, 233, 220, 1);
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 18rpx;
+					padding: 4rpx 8rpx;
+					border-radius: 8rpx;
+					display: inline-block;
+				}
 			}
-		}
-	}
 
-	.current-job {
-		display: flex;
-		align-items: center;
-		gap: 8rpx;
-		margin-bottom: 12rpx;
+			.avatar-container {
+				position: relative;
 
-		.job-icon {
-			width: 36rpx;
-			height: 36rpx;
-		}
+				.user-avatar {
+					width: 72rpx;
+					height: 72rpx;
+					border-radius: 50%;
+					border: 1px solid #0d27f7;
+				}
 
-		.job-text {
-			color: rgba(156, 164, 171, 1);
-			font-family: DM Sans;
-			font-size: 24rpx;
-			font-weight: 400;
-			line-height: 40rpx;
-			letter-spacing: 0.5%;
-			text-align: left;
+				.notification-badge {
+					position: absolute;
+					top: 0;
+					right: 0;
+					width: 20rpx;
+					height: 20rpx;
+					background: #FF3B30;
+					border-radius: 50%;
+					border: 2rpx solid #fff;
+				}
+			}
 		}
-	}
 
-	.availability {
-		display: flex;
-		align-items: center;
-		gap: 8rpx;
-		margin-bottom: 12rpx;
-
-		.status-text {
-			color: rgba(156, 164, 171, 1);
-			font-family: DM Sans;
-			font-size: 24rpx;
-			font-weight: 400;
-			line-height: 32rpx;
-			letter-spacing: 0%;
-			text-align: left;
-		}
-	}
+		.current-job {
+			display: flex;
+			align-items: center;
+			gap: 8rpx;
+			margin-bottom: 12rpx;
 
-	.summary-info {
-		display: flex;
-		gap: 12rpx;
-		margin-right: 12rpx;
+			.job-icon {
+				width: 36rpx;
+				height: 36rpx;
+			}
 
-		.summary-item {
-			.summary-text {
-				color: rgba(153, 153, 153, 1);
+			.job-text {
+				color: rgba(156, 164, 171, 1);
 				font-family: DM Sans;
-				font-size: 20rpx;
+				font-size: 24rpx;
 				font-weight: 400;
-				line-height: 20rpx;
-				letter-spacing: -0.5px;
+				line-height: 40rpx;
+				letter-spacing: 0.5%;
 				text-align: left;
-				padding: 12rpx;
-				border-radius: 8rpx;
-				background: rgba(198, 198, 198, 0.1);
 			}
 		}
-	}
-}
-
-// 内容区域
-.content-section {
-	padding: 0 30rpx 30rpx 30rpx;
-
-	.section-item {
-		background: #fff;
-		border-radius: 12rpx;
-		padding: 30rpx 0;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
-
-		.advantage-content {
-			color: rgba(97, 110, 124, 1);
-			font-family: DM Sans;
-			font-size: 26rpx;
-			font-weight: 400;
-			line-height: 32rpx;
-			letter-spacing: 0px;
-			text-align: left;
-		}
-	}
 
-	.attachment-section {
-		margin-bottom: 20rpx;
-
-		.attachment-btn {
-			background: rgba(246, 246, 246, 1);
-			border-radius: 8rpx;
-			padding: 20rpx;
+		.availability {
 			display: flex;
 			align-items: center;
-			gap: 12rpx;
+			gap: 8rpx;
+			margin-bottom: 12rpx;
 
-			.attachment-icon {
-				width: 32rpx;
-				height: 32rpx;
-			}
-
-			.attachment-text {
-				color: rgba(1, 107, 246, 1);
+			.status-text {
+				color: rgba(156, 164, 171, 1);
 				font-family: DM Sans;
 				font-size: 24rpx;
 				font-weight: 400;
 				line-height: 32rpx;
-				letter-spacing: 0px;
+				letter-spacing: 0%;
 				text-align: left;
 			}
 		}
+
+		.summary-info {
+			display: flex;
+			gap: 12rpx;
+			margin-right: 12rpx;
+
+			.summary-item {
+				.summary-text {
+					color: rgba(153, 153, 153, 1);
+					font-family: DM Sans;
+					font-size: 20rpx;
+					font-weight: 400;
+					line-height: 20rpx;
+					letter-spacing: -0.5px;
+					text-align: left;
+					padding: 12rpx;
+					border-radius: 8rpx;
+					background: rgba(198, 198, 198, 0.1);
+				}
+			}
+		}
 	}
 
-	// 求职期望卡片样式
-	.expectation-card {
-		background: #ffffff;
-		border-radius: 12rpx;
-		padding: 30rpx 0;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
+	// 内容区域
+	.content-section {
+		padding: 0 30rpx 30rpx 30rpx;
 
-		.card-header {
+		.section-item {
+			background: #fff;
+			border-radius: 12rpx;
+			padding: 30rpx 0;
 			margin-bottom: 20rpx;
+			box-sizing: border-box;
 
-			.header-title {
-				color: rgba(34, 37, 42, 1);
+			.advantage-content {
+				color: rgba(97, 110, 124, 1);
 				font-family: DM Sans;
-				font-size: 32rpx;
+				font-size: 26rpx;
 				font-weight: 400;
-				line-height: 48rpx;
+				line-height: 32rpx;
 				letter-spacing: 0px;
 				text-align: left;
 			}
 		}
 
-		.job-expectation {
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
+		.attachment-section {
+			margin-bottom: 20rpx;
 
-			.expectation-text {
-				color: rgba(153, 153, 153, 1);
-				font-family: DM Sans;
-				font-size: 24rpx;
-				font-weight: 500;
-				line-height: 48rpx;
-				letter-spacing: 0.5%;
-				text-align: left;
-			}
+			.attachment-btn {
+				background: rgba(246, 246, 246, 1);
+				border-radius: 8rpx;
+				padding: 20rpx;
+				display: flex;
+				align-items: center;
+				gap: 12rpx;
 
-			.salary-range {
-				color: rgba(1, 107, 246, 1);
-				font-family: DM Sans;
-				font-size: 32rpx;
-				font-weight: 700;
-				line-height: 40rpx;
-				letter-spacing: 0.5%;
-				text-align: right;
+				.attachment-icon {
+					width: 32rpx;
+					height: 32rpx;
+				}
+
+				.attachment-text {
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 24rpx;
+					font-weight: 400;
+					line-height: 32rpx;
+					letter-spacing: 0px;
+					text-align: left;
+				}
 			}
 		}
-	}
 
-	// 工作经历部分样式
-	.work-experience-section {
-		background: #fff;
-		border-radius: 12px;
-		padding: 30rpx;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
-		border: 1px solid rgba(1, 107, 246, 1);
+		// 求职期望卡片样式
+		.expectation-card {
+			background: #ffffff;
+			border-radius: 12rpx;
+			padding: 30rpx 0;
+			margin-bottom: 20rpx;
+			box-sizing: border-box;
 
-		.section-header {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			margin-bottom: 30rpx;
+			.card-header {
+				margin-bottom: 20rpx;
 
-			.section-title {
+				.header-title {
+					color: rgba(34, 37, 42, 1);
+					font-family: DM Sans;
+					font-size: 32rpx;
+					font-weight: 400;
+					line-height: 48rpx;
+					letter-spacing: 0px;
+					text-align: left;
+				}
+			}
 
+			.job-expectation {
 				display: flex;
+				justify-content: space-between;
 				align-items: center;
 
-				.required-mark {
-					color: #FF3B30;
-					font-size: 18px;
-					font-weight: 600;
-					margin-right: 8rpx;
-				}
-
-				.required-title {
+				.expectation-text {
+					color: rgba(153, 153, 153, 1);
 					font-family: DM Sans;
-					font-size: 28rpx;
-					font-weight: 700;
-					line-height: 52rpx;
-					letter-spacing: 0%;
+					font-size: 24rpx;
+					font-weight: 500;
+					line-height: 48rpx;
+					letter-spacing: 0.5%;
 					text-align: left;
-					margin-right: 12rpx;
+					flex-shrink: 0;
 				}
 
-				text {
-					color: rgba(23, 23, 37, 1);
-					font-family: Inter;
-					font-size: 20px;
-					font-weight: 600;
-					line-height: 24px;
+				.salary-range {
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 32rpx;
+					font-weight: 700;
+					line-height: 40rpx;
+					letter-spacing: 0.5%;
+					text-align: right;
 				}
 			}
-
-			.section-desc {
-				color: rgba(1, 107, 246, 1);
-				font-family: DM Sans;
-				font-size: 20rpx;
-				font-weight: 400;
-				line-height: 44rpx;
-				letter-spacing: 0%;
-				text-align: left;
-			}
 		}
 
-		.experience-list {
-			.experience-item {
-				display: flex;
-				padding: 24rpx 0;
-				border-bottom: 1rpx solid #F0F0F0;
-
-				&:last-child {
-					border-bottom: none;
-				}
+		// 工作经历部分样式
+		.work-experience-section {
+			background: #fff;
+			border-radius: 12px;
+			padding: 30rpx;
+			margin-bottom: 20rpx;
+			box-sizing: border-box;
+			border: 1px solid rgba(1, 107, 246, 1);
 
-				.company-logo {
-					width: 90rpx;
-					height: 90rpx;
-					margin-right: 24rpx;
-					flex-shrink: 0;
-					border-radius: 8px;
-					background: rgba(246, 246, 246, 1);
+			.section-header {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				margin-bottom: 20rpx;
 
-					.logo-img {
-						width: 100%;
-						height: 100%;
-						border-radius: 8rpx;
-					}
-				}
+				.section-title {
 
-				.experience-content {
-					flex: 1;
+					display: flex;
+					align-items: center;
 
-					.job-info-row {
-						display: flex;
-						align-items: center;
-						margin-bottom: 4rpx;
+					.required-mark {
+						color: #FF3B30;
+						font-size: 18px;
+						font-weight: 600;
+						margin-right: 8rpx;
 					}
 
-					.job-title {
-						color: rgba(23, 23, 37, 1);
+					.required-title {
 						font-family: DM Sans;
 						font-size: 28rpx;
-						font-weight: 400;
-						line-height: 44rpx;
+						font-weight: 700;
+						line-height: 52rpx;
 						letter-spacing: 0%;
 						text-align: left;
 						margin-right: 12rpx;
 					}
 
-					.job-department {
-						color: rgba(120, 130, 138, 1);
-						font-family: DM Sans;
-						font-size: 20rpx;
-						font-weight: 400;
-						line-height: 44rpx;
-						letter-spacing: 0%;
-						text-align: left;
+					text {
+						color: rgba(23, 23, 37, 1);
+						font-family: Inter;
+						font-size: 20px;
+						font-weight: 600;
+						line-height: 24px;
 					}
+				}
 
-					.company-period-row {
-						display: flex;
-						align-items: center;
-						justify-content: flex-start;
-						margin-bottom: 12rpx;
-						gap: 12rpx;
-						padding: 12rpx 0;
-					}
+				.section-desc {
+					color: rgba(1, 107, 246, 1);
+					font-family: DM Sans;
+					font-size: 20rpx;
+					font-weight: 400;
+					line-height: 44rpx;
+					letter-spacing: 0%;
+					text-align: left;
+				}
+			}
 
-					.company-name {
-						color: rgba(120, 130, 138, 1);
-						font-family: DM Sans;
-						font-size: 20rpx;
-						font-weight: 400;
-						line-height: 10px;
-						letter-spacing: 0.5%;
-						text-align: left;
-					}
+			.experience-list {
+				.experience-item {
+					display: flex;
+					padding: 24rpx 0;
+					border-bottom: 1rpx solid #F0F0F0;
 
-					.work-period {
-						color: rgba(120, 130, 138, 1);
-						font-family: DM Sans;
-						font-size: 20rpx;
-						font-weight: 400;
-						line-height: 10px;
-						letter-spacing: 0.5%;
-						text-align: left;
+					&:last-child {
+						border-bottom: none;
 					}
 
-					.job-description {
-						color: rgba(120, 130, 138, 1);
-						font-family: DM Sans;
-						font-size: 16rpx;
-						font-weight: 400;
-						line-height: 24rpx;
-						letter-spacing: 0%;
-						text-align: left;
+					.company-logo {
+						width: 90rpx;
+						height: 90rpx;
+						margin-right: 24rpx;
+						flex-shrink: 0;
+						border-radius: 8px;
+						background: rgba(246, 246, 246, 1);
+
+						.logo-img {
+							width: 100%;
+							height: 100%;
+							border-radius: 8rpx;
+						}
 					}
 
-					.skill-tags {
-						display: flex;
-						flex-wrap: wrap;
-						gap: 8rpx;
-						margin-top: 12rpx;
+					.experience-content {
+						flex: 1;
+
+						.job-info-row {
+							display: flex;
+							align-items: center;
+							margin-bottom: 4rpx;
+						}
 
-						.tag {
-							background: rgba(153, 153, 153, 0.1);
-							border-radius: 12rpx;
-							padding: 6rpx;
+						.job-title {
 							color: rgba(102, 102, 102, 1);
 							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 44rpx;
+							letter-spacing: 0%;
+							text-align: left;
+							margin-right: 12rpx;
+						}
+
+						.job-department {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 44rpx;
+							letter-spacing: 0%;
+							text-align: left;
+						}
+
+						.company-period-row {
+							display: flex;
+							align-items: center;
+							justify-content: flex-start;
+							margin-bottom: 12rpx;
+							gap: 12rpx;
+							padding: 12rpx 0;
+						}
+
+						.company-name {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 10px;
+							letter-spacing: 0.5%;
+							text-align: left;
+						}
+
+						.work-period {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 10px;
+							letter-spacing: 0.5%;
+							text-align: left;
+							margin-left: 12rpx;
+						}
+
+						.job-description {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
 							font-size: 16rpx;
 							font-weight: 400;
+							line-height: 24rpx;
 							letter-spacing: 0%;
 							text-align: left;
 						}
+
+						.skill-tags {
+							display: flex;
+							flex-wrap: wrap;
+							gap: 8rpx;
+							margin-top: 12rpx;
+
+							.tag {
+								background: rgba(153, 153, 153, 0.1);
+								border-radius: 12rpx;
+								padding: 6rpx;
+								color: rgba(102, 102, 102, 1);
+								font-family: DM Sans;
+								font-size: 16rpx;
+								font-weight: 400;
+								letter-spacing: 0%;
+								text-align: left;
+							}
+						}
 					}
 				}
 			}
 		}
-	}
 
-	// 教育经历部分样式
-	.education-section {
-		background: #fff;
-		border-radius: 12px;
-		padding: 30rpx;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
-		border: 1px solid rgba(227, 231, 236, 1);
-
-		.section-header {
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-			margin-bottom: 30rpx;
-
-			.section-title {
-				text {
-					color: rgba(23, 23, 37, 1);
-					font-family: Inter;
-					font-size: 20px;
-					font-weight: 600;
-					line-height: 24px;
-				}
-			}
-		}
+		// 教育经历部分样式
+		.education-section {
+			background: #fff;
+			border-radius: 12px;
+			padding: 30rpx;
+			margin-bottom: 20rpx;
+			box-sizing: border-box;
+			border: 1px solid rgba(227, 231, 236, 1);
 
-		.education-list {
-			.education-item {
+			.section-header {
 				display: flex;
-				padding: 24rpx 0;
-				border-bottom: 1rpx solid #F0F0F0;
+				align-items: center;
+				justify-content: space-between;
+				margin-bottom: 30rpx;
 
-				&:last-child {
-					border-bottom: none;
+				.section-title {
+					text {
+						color: rgba(23, 23, 37, 1);
+						font-family: Inter;
+						font-size: 20px;
+						font-weight: 600;
+						line-height: 24px;
+					}
 				}
+			}
 
-				.school-logo {
-					width: 90rpx;
-					height: 90rpx;
-					margin-right: 24rpx;
-					flex-shrink: 0;
-					border-radius: 8px;
-					background: rgba(246, 246, 246, 1);
+			.education-list {
+				.education-item {
+					display: flex;
+					padding: 24rpx 0;
+					border-bottom: 1rpx solid #F0F0F0;
 
-					.logo-img {
-						width: 100%;
-						height: 100%;
-						border-radius: 8rpx;
+					&:last-child {
+						border-bottom: none;
 					}
-				}
-
-				.education-content {
-					flex: 1;
 
-					.school-name {
-						color: rgba(23, 23, 37, 1);
-						font-family: DM Sans;
-						font-size: 18px;
-						font-weight: 400;
-						line-height: 22px;
-						letter-spacing: 0%;
-						text-align: left;
+					.school-logo {
+						width: 90rpx;
+						height: 90rpx;
+						margin-right: 24rpx;
+						flex-shrink: 0;
+						border-radius: 8px;
+						background: rgba(246, 246, 246, 1);
+
+						.logo-img {
+							width: 100%;
+							height: 100%;
+							border-radius: 8rpx;
+						}
 					}
 
-					.degree-info {
-						color: rgba(120, 130, 138, 1);
-						font-family: DM Sans;
-						font-size: 20rpx;
-						font-weight: 500;
-						line-height: 24px;
-						letter-spacing: 0%;
-						text-align: left;
-						padding: 12rpx 0;
+					.education-content {
+						flex: 1;
+
+						.school-name {
+							color: rgba(23, 23, 37, 1);
+							font-family: DM Sans;
+							font-size: 18px;
+							font-weight: 400;
+							line-height: 22px;
+							letter-spacing: 0%;
+							text-align: left;
+						}
+
+						.degree-info {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 500;
+							line-height: 24px;
+							letter-spacing: 0%;
+							text-align: left;
+							padding: 12rpx 0;
+						}
+
+						.education-description {
+							color: rgba(120, 130, 138, 1);
+							font-family: DM Sans;
+							font-size: 20rpx;
+							font-weight: 400;
+							line-height: 16px;
+							letter-spacing: 0%;
+							text-align: left;
+						}
 					}
+				}
+			}
+		}
+
+		// 资格证书部分样式
+		.certificates-section {
+			background: #fff;
+			border-radius: 12px;
+			padding: 30rpx 0;
+			margin-bottom: 20rpx;
+			box-sizing: border-box;
+
+			.section-header {
+				margin-bottom: 30rpx;
 
-					.education-description {
-						color: rgba(120, 130, 138, 1);
+				.section-title {
+					text {
+						color: rgba(34, 37, 42, 1);
 						font-family: DM Sans;
-						font-size: 20rpx;
+						font-size: 32rpx;
 						font-weight: 400;
-						line-height: 16px;
-						letter-spacing: 0%;
+						line-height: 48rpx;
+						letter-spacing: 0px;
 						text-align: left;
 					}
 				}
 			}
-		}
-	}
 
-	// 资格证书部分样式
-	.certificates-section {
-		background: #fff;
-		border-radius: 12px;
-		padding: 30rpx 0;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
-
-		.section-header {
-			margin-bottom: 30rpx;
+			.certificates-grid {
+				display: flex;
+				flex-wrap: wrap;
+				gap: 12rpx;
 
-			.section-title {
-				text {
-					color: rgba(34, 37, 42, 1);
+				.certificate-tag {
+					padding: 8rpx 16rpx;
+					color: rgba(1, 107, 246, 1);
 					font-family: DM Sans;
-					font-size: 32rpx;
+					font-size: 16rpx;
 					font-weight: 400;
-					line-height: 48rpx;
-					letter-spacing: 0px;
+					line-height: 20rpx;
+					letter-spacing: -0.5px;
 					text-align: left;
+					border-radius: 8rpx;
+					background: #ebebebb5;
 				}
 			}
 		}
 
-		.certificates-grid {
-			display: flex;
-			flex-wrap: wrap;
-			gap: 12rpx;
+		// 专业技能部分样式
+		.skills-section {
+			background: #fff;
+			border-radius: 12px;
+			padding: 30rpx 0;
+			margin-bottom: 20rpx;
+			box-sizing: border-box;
 
-			.certificate-tag {
-				padding: 8rpx 16rpx;
-				color: rgba(1, 107, 246, 1);
+			.section-header {
+				margin-bottom: 30rpx;
+
+				.section-title {
+					text {
+						color: rgba(34, 37, 42, 1);
+						font-family: DM Sans;
+						font-size: 32rpx;
+						font-weight: 400;
+						line-height: 48rpx;
+						letter-spacing: 0px;
+						text-align: left;
+					}
+				}
+			}
+
+			.skills-content {
+				color: rgba(97, 110, 124, 1);
 				font-family: DM Sans;
-				font-size: 16rpx;
+				font-size: 24rpx;
 				font-weight: 400;
-				line-height: 20rpx;
-				letter-spacing: -0.5px;
+				line-height: 32rpx;
+				letter-spacing: 0px;
 				text-align: left;
-				border-radius: 8rpx;
-				background: #ebebebb5;
 			}
 		}
-	}
-
-	// 专业技能部分样式
-	.skills-section {
-		background: #fff;
-		border-radius: 12px;
-		padding: 30rpx 0;
-		margin-bottom: 20rpx;
-		box-sizing: border-box;
 
-		.section-header {
-			margin-bottom: 30rpx;
+		// 工作经历标题样式
+		.jobRemarks-box-c-title {
+			color: rgba(1, 107, 246, 1);
+			font-size: 32rpx;
+			padding: 8px 12px;
+			border-radius: 36px;
+			font-weight: 500;
+			background: rgba(246, 246, 246, 1);
+			display: flex;
+			align-items: center;
+			margin-bottom: 20rpx;
 
-			.section-title {
-				text {
-					color: rgba(34, 37, 42, 1);
-					font-family: DM Sans;
-					font-size: 32rpx;
-					font-weight: 400;
-					line-height: 48rpx;
-					letter-spacing: 0px;
-					text-align: left;
-				}
+			.title-icon {
+				width: 32rpx;
+				height: 32rpx;
+				margin-right: 12rpx;
 			}
-		}
 
-		.skills-content {
-			color: rgba(97, 110, 124, 1);
-			font-family: DM Sans;
-			font-size: 24rpx;
-			font-weight: 400;
-			line-height: 32rpx;
-			letter-spacing: 0px;
-			text-align: left;
+			text {
+				color: rgba(1, 107, 246, 1);
+				font-family: DM Sans;
+				font-size: 32rpx;
+				font-weight: 500;
+				line-height: 48rpx;
+				letter-spacing: 0px;
+				text-align: left;
+			}
 		}
 	}
 
-	// 工作经历标题样式
-	.jobRemarks-box-c-title {
-		color: rgba(1, 107, 246, 1);
-		font-size: 32rpx;
-		padding: 8px 12px;
-		border-radius: 36px;
-		font-weight: 500;
-		background: rgba(246, 246, 246, 1);
-		display: flex;
-		align-items: center;
-		margin-bottom: 20rpx;
-
-		.title-icon {
-			width: 32rpx;
-			height: 32rpx;
-			margin-right: 12rpx;
-		}
+	// 底部操作按钮
+	.bottom-actions {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		background: #fff;
+		padding: 30rpx;
+		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
 
-		text {
-			color: rgba(1, 107, 246, 1);
-			font-family: DM Sans;
+		.action-btn {
+			width: 100%;
+			height: 88rpx;
+			border-radius: 44rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
 			font-size: 32rpx;
 			font-weight: 500;
-			line-height: 48rpx;
-			letter-spacing: 0px;
-			text-align: left;
 		}
-	}
-}
-
-// 底部操作按钮
-.bottom-actions {
-	position: fixed;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	background: #fff;
-	padding: 30rpx;
-	box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.1);
-
-	.action-btn {
-		width: 100%;
-		height: 88rpx;
-		border-radius: 44rpx;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-size: 32rpx;
-		font-weight: 500;
-	}
 
-	.contact-btn {
-		background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
-		color: #fff;
+		.contact-btn {
+			background: linear-gradient(90deg, rgba(13, 39, 247, 1), rgba(19, 193, 234, 1) 100%);
+			color: #fff;
+		}
+	}
+	.company-title{
+		margin-bottom: 8rpx;
+		color: rgba(23, 23, 37, 1);
+		font-family: DM Sans;
+		font-size: 24rpx;
+		font-weight: 400;
 	}
-}
 </style>