Merge branch 'master' of https://git.nanodreamtech.com/Boss/yizhizan-h5

pages/my/index.vue

@@ -399,10 +399,10 @@
 									<view class="info-box-num-td-num"> {{ collectionCount }} </view>
 									<view class="info-box-num-td-name">收藏</view>
 								</view>
-								<view class="info-box-num-td" @click="goNav('/pages/my/onlineResume')">
+								<!-- <view class="info-box-num-td" @click="goNav('/pages/my/onlineResume')">
 									<view class="info-box-num-td-num"> 0 </view>
 									<view class="info-box-num-td-name">分享</view>
-								</view>
+								</view> -->
 							</view>
 						</view>
 					</view>
@@ -2083,7 +2083,9 @@ page {
 
 		.info-box-num {
 			margin-top: 50rpx;
-			padding: 0 24rpx;
+			// padding: 0 24rpx;
+			padding: 0 100rpx;
+			
 			box-sizing: border-box;
 
 			.info-box-num-td {

pages/talentSearch/resumeDetail.vue

@@ -14,10 +14,10 @@
 		</view>
 
 		<!-- 用户信息区域 -->
-		<view class="user-profile">
+		<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">{{ userEntity.userName || '匿名用户' }}</view>
 					<view class="status-tag">热门搜索</view>
 				</view>
 				<view class="avatar-container">
@@ -29,22 +29,22 @@
 
 			<view class="current-job">
 				<image src="../../static/images/aixin.svg" class="job-icon" mode="aspectFit"></image>
-				<text class="job-text">{{workExpList&&workExpList[0].position || '暂无'}}</text>
+				<text class="job-text">{{ workExpList && workExpList.length > 0 && workExpList[0].position || '暂无' }}</text>
 			</view>
 
 			<view class="availability">
-				<text class="status-text">{{resumesStatus[resumeList.resumesStatus] || '离职&随时到岗位'}}</text>
+				<text class="status-text">{{ resumesStatus[resumeList.resumesStatus] || '离职&随时到岗位' }}</text>
 			</view>
 
 			<view class="summary-info">
 				<view class="summary-item">
-					<text class="summary-text">{{workExpTimes || '0'}}年</text>
+					<text class="summary-text">{{ workExpTimes || '0' }}年</text>
 				</view>
 				<view class="summary-item">
-					<text class="summary-text">{{eduList.degree || '无'}}</text>
+					<text class="summary-text">{{ eduList.degree || '无' }}</text>
 				</view>
 				<view class="summary-item">
-					<text class="summary-text">{{userEntity.age || '无'}}岁</text>
+					<text class="summary-text">{{ userEntity.age || '无' }}岁</text>
 				</view>
 			</view>
 		</view>
@@ -54,7 +54,7 @@
 			<!-- 个人优势 -->
 			<view class="section-item">
 				<view class="advantage-content">
-					{{resumeList.adv || '暂无个人优势。(最多展示三行)'}}
+					{{ resumeList.adv || '暂无个人优势。(最多展示三行)' }}
 				</view>
 			</view>
 
@@ -73,9 +73,9 @@
 				</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">{{ intentions && intentions[0].ruleClassifyName ||
+						'无'}},{{ intentions && intentions[0].citys || '无' }}</text>
+					<text class="salary-range">{{ intentions && intentions[0].salaryRange }}元</text>
 				</view>
 			</view>
 
@@ -88,7 +88,7 @@
 			<view class="work-experience-section">
 				<view class="section-header">
 					<view class="section-title">
-						<text class="required-mark">*</text>
+						<!-- <text class="required-mark">*</text> -->
 						<text class="required-title">工作经历</text>
 						<view class="section-desc">请填写专属跨境行业的工作经验</view>
 					</view>
@@ -97,36 +97,38 @@
 					</view> -->
 				</view>
 
-				<view class="experience-list">
-
-
-
-					<view class="experience-item" v-for="(item,index) in workExpList" :key="index">
+				<view class="experience-list" v-if="workExpList && workExpList.length > 0">
+					<view class="experience-item" v-for="(item, index) in workExpList" :key="index">
 						<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 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-name">{{ item.companyName }}</view>
+								<view class="work-period">{{ item.startTime.slice(0, 7) }} -{{ item.endTime.slice(0, 7) }}
 								</view>
 							</view>
 							<view class="job-description">
-								{{item.workContent}}...
+								{{ item.workContent }}...
 							</view>
 							<view class="skill-tags">
-								<view class="tag" v-for="(imt,index) in item.skills?JSON.parse(item.skills):{}">{{imt}}
+								<view class="tag" v-for="(imt, index) in item.skills ? JSON.parse(item.skills) : {}">{{ imt }}
 								</view>
 
 							</view>
 						</view>
 					</view>
 				</view>
+				<view class="experience-list" v-else>
+					<view class="job-info-row">
+						<view class="job-title">暂无工作经历</view>
+					</view>
+				</view>
 			</view>
 
 			<!-- 教育经历 -->
@@ -139,16 +141,16 @@
 				</view>
 
 				<view class="education-list">
-					<view class="education-item" v-for="(item,index) in eduList" :key="index">
+					<view class="education-item" v-for="(item, index) in eduList" :key="index">
 						<view class="school-logo">
 							<image src="../../static/images/index/wuhan.svg" class="logo-img" mode="aspectFit"></image>
 						</view>
 						<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>
+							<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>
 							<view class="education-description">
-								{{item.detail}}
+								{{ item.detail }}
 							</view>
 						</view>
 					</view>
@@ -164,9 +166,12 @@
 						<text>专业技能</text>
 					</view>
 				</view>
-
-				<view class="certificates-grid">
-					<view class="certificate-tag" v-for="(skll,index) in skills || {}" :key="index">{{skll.skillName}}</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>
+				</view>
+				<view class="certificates-grid" v-else>
+					<view class="certificate-tag">暂无技能</view>
 				</view>
 			</view>
 
@@ -194,209 +199,208 @@
 </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: '深圳'
-					}
-				],
-				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
-			uni.showLoading({
-				title: '加载中'
-			})
-			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.getDetails()
-			}
-			// 获取邀请码保存到本地
-			if (option.postPushId) {
-				this.postPushId=option.postPushId
+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: '深圳'
 			}
+			],
+			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
+		uni.showLoading({
+			title: '加载中'
+		})
+		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.getDetails()
+		}
+		// 获取邀请码保存到本地
+		if (option.postPushId) {
+			this.postPushId = option.postPushId
+		}
 
 
+	},
+	methods: {
+		goBack() {
+			uni.navigateBack();
+		},
+		loadResumeData() {
+			// 这里应该根据 resumeId 加载简历数据
+			// 暂时使用默认数据
+			console.log('加载简历数据:', this.resumeId);
 		},
-		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
+		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
-						})
-					}
-				})
-
-			},
-			getDetail() {
-				uni.showLoading({
-					title: '加载中'
-				})
-				let data = {
-					resumesId: this.resumesId,
-					userId: this.userId,
-					companyId: uni.getStorageSync('companyId')
+							this.postPushId
+					})
 				}
-				//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 {
-							var data = res.data;
-
-							this.userEntity = data.userEntity
-							this.eduList = data.eduList
-							this.intentions = data.intentions
-							this.resumeList = data.resumeList
-							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()
+		},
+		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: '用户简历不存在',
+							content: '该简历审核中，暂无法查看',
 							showCancel: false,
-							complete(ret) {
-								uni.navigateBack()
+							cancelText: '',
+							confirmText: '去首页',
+							confirmColor: '#016BF6',
+							complete: (ret) => {
+								if (ret.confirm) {
+									uni.switchTab({
+										url: '/pages/index/index'
+									})
+								}
 							}
-						})
+						});
+					} else {
+						var data = res.data;
+						this.userEntity = data.userEntity
+						this.eduList = data.eduList
+						this.intentions = data.intentions
+						this.resumeList = data.resumeList
+						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)
 					}
-				})
-			},
-			//使用岗位名称查询出企业正在招聘的该岗位拿到对应的岗位id
-			getJobList(ruleClassifyName) {
-				let data = {
-					status: 2,
-					page: 1,
-					limit: 1,
-					ruleClassifyName: ruleClassifyName,
-					companyId: uni.getStorageSync('companyId')
+
+				} else {
+					uni.hideLoading()
+					uni.showModal({
+						title: '提示',
+						content: '用户简历不存在',
+						showCancel: false,
+						complete(ret) {
+							uni.navigateBack()
+						}
+					})
 				}
-				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]
-				});
-			},
-		}
+			})
+		},
+		//使用岗位名称查询出企业正在招聘的该岗位拿到对应的岗位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
+				}
+			})
+		},
+		// 查看图片
+		saveImg(imgs, index) {
+			// console.log(imgs)
+			let that = this;
+			let imgArr = imgs
+			// imgArr.push(imgs);
+			// //预览图片
+			uni.previewImage({
+				urls: imgArr,
+				current: imgArr[index]
+			});
+		},
 	}
+}
 </script>
 
 
@@ -406,682 +410,682 @@
 
 
 <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 设置
-	}
+.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 {
-		background: #fff;
-		height: 88rpx;
-		padding: 0 8rpx;
-		// padding: 80rpx 0 40rpx 0; // 已移除，因为现在是固定导航栏
+		.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;
+		}
 
-		.navbar-content {
+		.navbar-right {
+			width: 60rpx;
+			height: 60rpx;
+		}
+	}
+}
+
+// 用户信息区域
+.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;
 			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;
-			}
+			justify-content: flex-start;
+			gap: 12rpx;
 
-			.navbar-title {
-				color: rgba(23, 23, 37, 1);
+			.user-name {
+				color: rgba(58, 57, 67, 1);
 				font-family: DM Sans;
-				font-size: 38rpx;
+				font-size: 48rpx;
 				font-weight: 700;
-				line-height: 52rpx;
-				letter-spacing: 0%;
-				text-align: center;
+				line-height: 60rpx;
+				letter-spacing: 0px;
+				text-align: left;
+				margin-right: 12rpx;
 			}
 
-			.navbar-right {
-				width: 60rpx;
-				height: 60rpx;
+			.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;
 			}
 		}
-	}
-
-	// 用户信息区域
-	.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;
-				display: flex;
-				align-items: center;
-				justify-content: flex-start;
-				gap: 12rpx;
+		.avatar-container {
+			position: relative;
 
-				.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;
-				}
+			.user-avatar {
+				width: 72rpx;
+				height: 72rpx;
+				border-radius: 50%;
+				border: 1px solid #0d27f7;
+			}
 
-				.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;
-				}
+			.notification-badge {
+				position: absolute;
+				top: 0;
+				right: 0;
+				width: 20rpx;
+				height: 20rpx;
+				background: #FF3B30;
+				border-radius: 50%;
+				border: 2rpx solid #fff;
 			}
+		}
+	}
 
-			.avatar-container {
-				position: relative;
+	.current-job {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+		margin-bottom: 12rpx;
 
-				.user-avatar {
-					width: 72rpx;
-					height: 72rpx;
-					border-radius: 50%;
-					border: 1px solid #0d27f7;
-				}
+		.job-icon {
+			width: 36rpx;
+			height: 36rpx;
+		}
 
-				.notification-badge {
-					position: absolute;
-					top: 0;
-					right: 0;
-					width: 20rpx;
-					height: 20rpx;
-					background: #FF3B30;
-					border-radius: 50%;
-					border: 2rpx solid #fff;
-				}
-			}
+		.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;
 		}
+	}
 
-		.current-job {
-			display: flex;
-			align-items: center;
-			gap: 8rpx;
-			margin-bottom: 12rpx;
+	.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;
+		}
+	}
 
-			.job-icon {
-				width: 36rpx;
-				height: 36rpx;
-			}
+	.summary-info {
+		display: flex;
+		gap: 12rpx;
+		margin-right: 12rpx;
 
-			.job-text {
-				color: rgba(156, 164, 171, 1);
+		.summary-item {
+			.summary-text {
+				color: rgba(153, 153, 153, 1);
 				font-family: DM Sans;
-				font-size: 24rpx;
+				font-size: 20rpx;
 				font-weight: 400;
-				line-height: 40rpx;
-				letter-spacing: 0.5%;
+				line-height: 20rpx;
+				letter-spacing: -0.5px;
 				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;
+		}
+	}
 
-		.availability {
+	.attachment-section {
+		margin-bottom: 20rpx;
+
+		.attachment-btn {
+			background: rgba(246, 246, 246, 1);
+			border-radius: 8rpx;
+			padding: 20rpx;
 			display: flex;
 			align-items: center;
-			gap: 8rpx;
-			margin-bottom: 12rpx;
+			gap: 12rpx;
+
+			.attachment-icon {
+				width: 32rpx;
+				height: 32rpx;
+			}
 
-			.status-text {
-				color: rgba(156, 164, 171, 1);
+			.attachment-text {
+				color: rgba(1, 107, 246, 1);
 				font-family: DM Sans;
 				font-size: 24rpx;
 				font-weight: 400;
 				line-height: 32rpx;
-				letter-spacing: 0%;
+				letter-spacing: 0px;
 				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);
-				}
-			}
-		}
 	}
 
-	// 内容区域
-	.content-section {
-		padding: 0 30rpx 30rpx 30rpx;
+	// 求职期望卡片样式
+	.expectation-card {
+		background: #ffffff;
+		border-radius: 12rpx;
+		padding: 30rpx 0;
+		margin-bottom: 20rpx;
+		box-sizing: border-box;
 
-		.section-item {
-			background: #fff;
-			border-radius: 12rpx;
-			padding: 30rpx 0;
+		.card-header {
 			margin-bottom: 20rpx;
-			box-sizing: border-box;
 
-			.advantage-content {
-				color: rgba(97, 110, 124, 1);
+			.header-title {
+				color: rgba(34, 37, 42, 1);
 				font-family: DM Sans;
-				font-size: 26rpx;
+				font-size: 32rpx;
 				font-weight: 400;
-				line-height: 32rpx;
+				line-height: 48rpx;
 				letter-spacing: 0px;
 				text-align: left;
 			}
 		}
 
-		.attachment-section {
-			margin-bottom: 20rpx;
-
-			.attachment-btn {
-				background: rgba(246, 246, 246, 1);
-				border-radius: 8rpx;
-				padding: 20rpx;
-				display: flex;
-				align-items: center;
-				gap: 12rpx;
+		.job-expectation {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
 
-				.attachment-icon {
-					width: 32rpx;
-					height: 32rpx;
-				}
+			.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-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;
-				}
+			.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;
 			}
 		}
+	}
 
-		// 求职期望卡片样式
-		.expectation-card {
-			background: #ffffff;
-			border-radius: 12rpx;
-			padding: 30rpx 0;
-			margin-bottom: 20rpx;
-			box-sizing: border-box;
+	// 工作经历部分样式
+	.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);
 
-			.card-header {
-				margin-bottom: 20rpx;
+		.section-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			margin-bottom: 30rpx;
 
-				.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;
-				}
-			}
+			.section-title {
 
-			.job-expectation {
 				display: flex;
-				justify-content: space-between;
 				align-items: center;
 
-				.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;
+				.required-mark {
+					color: #FF3B30;
+					font-size: 18px;
+					font-weight: 600;
+					margin-right: 8rpx;
 				}
 
-				.salary-range {
-					color: rgba(1, 107, 246, 1);
+				.required-title {
 					font-family: DM Sans;
-					font-size: 32rpx;
+					font-size: 28rpx;
 					font-weight: 700;
-					line-height: 40rpx;
-					letter-spacing: 0.5%;
-					text-align: right;
+					line-height: 52rpx;
+					letter-spacing: 0%;
+					text-align: left;
+					margin-right: 12rpx;
+				}
+
+				text {
+					color: rgba(23, 23, 37, 1);
+					font-family: Inter;
+					font-size: 20px;
+					font-weight: 600;
+					line-height: 24px;
 				}
 			}
-		}
 
-		// 工作经历部分样式
-		.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);
+			.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;
+			}
+		}
 
-			.section-header {
+		.experience-list {
+			.experience-item {
 				display: flex;
-				align-items: center;
-				justify-content: space-between;
-				margin-bottom: 30rpx;
+				padding: 24rpx 0;
+				border-bottom: 1rpx solid #F0F0F0;
 
-				.section-title {
+				&:last-child {
+					border-bottom: none;
+				}
+
+				.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;
+					}
+				}
 
-					display: flex;
-					align-items: center;
+				.experience-content {
+					flex: 1;
 
-					.required-mark {
-						color: #FF3B30;
-						font-size: 18px;
-						font-weight: 600;
-						margin-right: 8rpx;
+					.job-info-row {
+						display: flex;
+						align-items: center;
+						margin-bottom: 4rpx;
 					}
 
-					.required-title {
+					.job-title {
+						color: rgba(23, 23, 37, 1);
 						font-family: DM Sans;
 						font-size: 28rpx;
-						font-weight: 700;
-						line-height: 52rpx;
+						font-weight: 400;
+						line-height: 44rpx;
 						letter-spacing: 0%;
 						text-align: left;
 						margin-right: 12rpx;
 					}
 
-					text {
-						color: rgba(23, 23, 37, 1);
-						font-family: Inter;
-						font-size: 20px;
-						font-weight: 600;
-						line-height: 24px;
+					.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;
 					}
-				}
-
-				.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;
+					.company-period-row {
+						display: flex;
+						align-items: center;
+						justify-content: flex-start;
+						margin-bottom: 12rpx;
+						gap: 12rpx;
+						padding: 12rpx 0;
 					}
 
-					.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;
-						}
+					.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-content {
-						flex: 1;
-
-						.job-info-row {
-							display: flex;
-							align-items: center;
-							margin-bottom: 4rpx;
-						}
-
-						.job-title {
-							color: rgba(23, 23, 37, 1);
-							font-family: DM Sans;
-							font-size: 28rpx;
-							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;
+					}
 
-						.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;
-						}
+					.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;
+					}
 
-						.job-description {
-							color: rgba(120, 130, 138, 1);
+					.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;
-							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;
+	// 教育经历部分样式
+	.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-title {
-					text {
-						color: rgba(23, 23, 37, 1);
-						font-family: Inter;
-						font-size: 20px;
-						font-weight: 600;
-						line-height: 24px;
-					}
+		.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-list {
-				.education-item {
-					display: flex;
-					padding: 24rpx 0;
-					border-bottom: 1rpx solid #F0F0F0;
+		.education-list {
+			.education-item {
+				display: flex;
+				padding: 24rpx 0;
+				border-bottom: 1rpx solid #F0F0F0;
 
-					&:last-child {
-						border-bottom: none;
-					}
+				&:last-child {
+					border-bottom: none;
+				}
 
-					.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;
-						}
+				.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;
 					}
+				}
 
-					.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-content {
+					flex: 1;
 
-						.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;
-						}
+					.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;
 					}
-				}
-			}
-		}
 
-		// 资格证书部分样式
-		.certificates-section {
-			background: #fff;
-			border-radius: 12px;
-			padding: 30rpx 0;
-			margin-bottom: 20rpx;
-			box-sizing: border-box;
-
-			.section-header {
-				margin-bottom: 30rpx;
+					.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;
+					}
 
-				.section-title {
-					text {
-						color: rgba(34, 37, 42, 1);
+					.education-description {
+						color: rgba(120, 130, 138, 1);
 						font-family: DM Sans;
-						font-size: 32rpx;
+						font-size: 20rpx;
 						font-weight: 400;
-						line-height: 48rpx;
-						letter-spacing: 0px;
+						line-height: 16px;
+						letter-spacing: 0%;
 						text-align: left;
 					}
 				}
 			}
+		}
+	}
 
-			.certificates-grid {
-				display: flex;
-				flex-wrap: wrap;
-				gap: 12rpx;
+	// 资格证书部分样式
+	.certificates-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: 16rpx;
+					font-size: 32rpx;
 					font-weight: 400;
-					line-height: 20rpx;
-					letter-spacing: -0.5px;
+					line-height: 48rpx;
+					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;
-
-				.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;
-					}
-				}
-			}
+		.certificates-grid {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 12rpx;
 
-			.skills-content {
-				color: rgba(97, 110, 124, 1);
+			.certificate-tag {
+				padding: 8rpx 16rpx;
+				color: rgba(1, 107, 246, 1);
 				font-family: DM Sans;
-				font-size: 24rpx;
+				font-size: 16rpx;
 				font-weight: 400;
-				line-height: 32rpx;
-				letter-spacing: 0px;
+				line-height: 20rpx;
+				letter-spacing: -0.5px;
 				text-align: left;
+				border-radius: 8rpx;
+				background: #ebebebb5;
 			}
 		}
+	}
 
-		// 工作经历标题样式
-		.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;
+	// 专业技能部分样式
+	.skills-section {
+		background: #fff;
+		border-radius: 12px;
+		padding: 30rpx 0;
+		margin-bottom: 20rpx;
+		box-sizing: border-box;
 
-			.title-icon {
-				width: 32rpx;
-				height: 32rpx;
-				margin-right: 12rpx;
-			}
+		.section-header {
+			margin-bottom: 30rpx;
 
-			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;
+			.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: 24rpx;
+			font-weight: 400;
+			line-height: 32rpx;
+			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);
+	// 工作经历标题样式
+	.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;
+		}
 
-		.action-btn {
-			width: 100%;
-			height: 88rpx;
-			border-radius: 44rpx;
-			display: flex;
-			align-items: center;
-			justify-content: center;
+		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;
 		}
+	}
+}
+
+// 底部操作按钮
+.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;
 	}
+}
 </style>