yizhizan-h5/pages/talentSearch/resumeDetail.vue

<template>
	<view class="resume-detail" :style="{ paddingTop: (12 + statusBarHeight + 88 - 60) + 'px' }">
		<!-- 固定顶部导航栏 -->
		<view class="fixed-nav" :style="{ paddingTop: (12 + statusBarHeight) + 'px' }">
			<view class="navbar">
				<view class="navbar-content">
					<view class="navbar-left" @click="goBack">
						<u-icon name="arrow-leftward" size="38" color="#333"></u-icon>
					</view>
					<view class="navbar-title">简历详情</view>
					<view class="nav-right">
						<view class="nav-icon" @click="setCollection">
							<image v-if="resumeData.isCollection == 0" src="/static/images/index/guanzhu.svg" class="icon-img"></image>
							<image v-else src="/static/images/index/gzActive.svg" style="width: 50rpx;height: 50rpx;"></image>
						</view>
					</view>
				</view>
			</view>
		</view>

		<!-- 用户信息区域 -->
		<view class="user-profile" style="margin-top: 20rpx;">
			<view class="profile-header">
				<view class="name-section">
					<view class="user-name">{{ resumeList.userName || '匿名用户' }}</view>
					<view class="status-tag">热门搜索</view>
				</view>
				<view class="avatar-container">
					<image :src="resumeList.userAvatar || '../../static/logo.png'" class="user-avatar"
						mode="aspectFill">
					</image>
					<!-- <view class="notification-badge"></view> -->
				</view>
			</view>

			<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].companyName || '暂无'
					}}</text>
				<text class="job-text">{{ workExpList && workExpList.length > 0 &&
					workExpList[0].workExpDetailList[0].position || '暂无' }}</text>
			</view>

			<view class="availability">
				<text class="status-text">{{ resumesStatus[resumeList.resumesStatus] || '离职&随时到岗位' }}</text>
			</view>

			<view class="summary-info">
				<view class="summary-item">
					<text class="summary-text">{{ resumeData.resumesWorkExperience || '0' }}</text>
				</view>
				<view class="summary-item">
					<text class="summary-text">{{ resumeList.degree || '无' }}</text>
				</view>
				<view class="summary-item">
					<text class="summary-text">{{ resumeList.userAge || '无' }}岁</text>
				</view>
			</view>
		</view>

		<!-- 内容区域 -->
		<view class="content-section">
			<!-- 个人优势 -->
			<view class="section-item">
				<view class="advantage-content">
					{{ resumeList.adv || '暂无个人优势。(最多展示三行)' }}
				</view>
			</view>

			<!-- 附件简历 -->
			<!-- 	<view class="attachment-section">
				<view class="attachment-btn">
					<image src="../../static/images/fujian.svg" class="attachment-icon" mode="aspectFit"></image>
					<text class="attachment-text">已上传附件简历</text>
				</view>
			</view> -->

			<!-- 求职期望 -->
			<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">暂无求职期望</text>
				</view>
			</view>

			<view class="jobRemarks-box-c-title flex align-center">
				<image src="/static/images/index/ins.png" class="title-icon"></image>
				<text>工作经历</text>
			</view>

			<!-- 工作经历 -->
			<view class="work-experience-section">
				<view class="section-header">
					<view class="section-title">
						<text class="required-title">工作经历</text>
						<view class="section-desc">请填写专属跨境行业的工作经验</view>
					</view>
				</view>

				<view class="experience-list" v-if="workExpList && workExpList.length > 0">
					<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="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 class="job-description">
									{{ detail.workContent ? detail.workContent : '暂无工作描述' }}
								</view> -->
								<view style="margin-bottom: 10rpx;font-size: 28rpx;">工作内容</view>
								<view class="job-description">
									{{ detail.workContent || '暂无工作内容'}}
								</view>
								<view style="margin: 12rpx 0;font-size: 28rpx;">工作业绩</view>
								<view class="job-description">
									{{detail.workPerformance || '暂无工作业绩'}}
								</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>
				</view>
				<view class="experience-list" v-else>
					<view class="job-info-row">
						<view class="job-title">暂无工作经历</view>
					</view>
				</view>
			</view>

			<!-- 教育经历 -->
			<view class="education-section">
				<view class="section-header">
					<view class="section-title">
						<text>教育经历</text>
					</view>

				</view>

				<view class="education-list">
					<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?item.startTime.slice(0, 4):'' }}-{{ item.endTime?item.endTime.slice(0, 4):'' }}
							</view>
							<view class="education-description">
								{{ item.detail }}
							</view>
						</view>
					</view>


				</view>
			</view>

			<!-- 资格证书 -->
			<view class="certificates-section">
				<view class="section-header">
					<view class="section-title">
						<text>专业技能</text>
					</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>
				</view>
				<view class="certificates-grid" v-else>
					<view class="certificate-tag">暂无技能</view>
				</view>
			</view>
		</view>

		<!-- 底部操作按钮 -->
		<view v-if="postPushId != '' && isShowBtn == 0" class="bottom-actions">
			<view class="action-btn contact-btn" @click="contactCandidate">
				<text>立即联系</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			statusBarHeight: 0, // 状态栏高度
			resumeData: {},
			userEntity: "",
			eduList: "",
			intentions: "",
			resumeList: {},
			skills: "",
			postPushId: "",
			workExpList: [],
			workExpTimes: "",
			resumesStatus: ['离职＆随时到岗', '在职＆月内到岗', '在职＆考虑机会', '在职＆暂不考虑'],
			isShowBtn:0
		}
	},
	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.postPushId) {
			this.postPushId = option.postPushId
		}
		if (option.resumesId) {
			this.resumesId = option.resumesId
			this.getDetail()
		} else if (option.userId) {
			this.byuserId = option.userId
			this.getDetail()
		}
		if(option.isShowBtn){
			this.isShowBtn = option.isShowBtn
		}
	},
	methods: {
		/**
		 * 收藏简历
		 */
		setCollection() {
			this.$Request.postT("/app/myCollection/saveCollection", {
				resumesId: this.resumesId,
				type: 2
			}).then(res => {
				if (res.code == 0) {
					uni.showToast({
						title: res.msg
					})
					this.getDetail()
				}
			})
		},
		goBack() {
			uni.navigateBack();
		},
		contactCandidate() {
			//去联系
			this.getDetail()
			this.$Request.postJson('/app/chat/insertChatConversation', {
				userId: this.userEntity, //会话对象的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
							 + '&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'),
			}
			if (this.postPushId && this.postPushId !== 'null' && this.postPushId !== 'undefined') {
			  data = {
			    ...data,
			    postPushId: this.postPushId
			  }
			}

			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.userEntity = data.userId
					this.eduList = data.eduList
					this.intentions = data.intentionList
					this.resumeList = data.resumesListDtoList !=null?data.resumesListDtoList : {}
					// this.skills = data.skills
					this.skills = data.skillList
					this.workExpList = data.workExpList

				} 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
				}
			})
		},
		// 查看图片
		saveImg(imgs, index) {
			// console.log(imgs)
			let that = this;
			let imgArr = imgs
			// imgArr.push(imgs);
			// //预览图片
			uni.previewImage({
				urls: imgArr,
				current: imgArr[index]
			});
		},
	}
}
</script>
<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;
		}

		.nav-right {
			display: flex;
			align-items: center;
			justify-content: flex-end;
			width: 96rpx;
		}
		
		.nav-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			// width: 36rpx;
			// height: 36rpx;
		}
		
		.icon-img {
			width: 42rpx;
			height: 42rpx;
		}
	}
}

// 用户信息区域
.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;

			.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;
			}
		}

		.avatar-container {
			position: relative;
			.user-avatar {
				width: 72rpx;
				height: 72rpx;
				border-radius: 50%;
				// border: 1px solid #0d27f7;
			}

			.notification-badge {
				position: absolute;
				top: 0;
				right: 0;
				width: 20rpx;
				height: 20rpx;
				background: #FF3B30;
				border-radius: 50%;
				border: 2rpx solid #fff;
			}
		}
	}

	.current-job {
		display: flex;
		align-items: center;
		gap: 8rpx;
		margin-bottom: 12rpx;

		.job-icon {
			width: 36rpx;
			height: 36rpx;
		}

		.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;
		}
	}

	.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;
		}
	}

	.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;

	.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;
			display: flex;
			align-items: center;
			gap: 12rpx;

			.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;
			}
		}
	}

	// 求职期望卡片样式
	.expectation-card {
		background: #ffffff;
		border-radius: 12rpx;
		padding: 30rpx 0;
		margin-bottom: 20rpx;
		box-sizing: border-box;

		.card-header {
			margin-bottom: 20rpx;

			.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;

			.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;
				flex-shrink: 0;
			}

			.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;
			}
		}
	}

	// 工作经历部分样式
	.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-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 20rpx;

			.section-title {

				display: flex;
				align-items: center;

				.required-mark {
					color: #FF3B30;
					font-size: 40rpx;
					font-weight: 600;
					margin-right: 8rpx;
				}

				.required-title {
					font-family: DM Sans;
					font-size: 30rpx;
					font-weight: 700;
					line-height: 52rpx;
					letter-spacing: 0%;
					text-align: left;
					margin-right: 12rpx;
				}

				text {
					color: rgba(23, 23, 37, 1);
					font-family: Inter;
					font-size: 44rpx;
					font-weight: 600;
					line-height: 24px;
				}
			}

			.section-desc {
				color: rgba(1, 107, 246, 1);
				font-family: DM Sans;
				font-size: 24rpx;
				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-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;
					}
				}

				.experience-content {
					flex: 1;

					.job-info-row {
						display: flex;
						align-items: center;
						margin-bottom: 4rpx;
					}

					.job-title {
						color: rgba(102, 102, 102, 1);
						font-family: DM Sans;
						font-size: 24rpx;
						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: 24rpx;
						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: 24rpx;
						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: 24rpx;
						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: 24rpx;
						font-weight: 400;
						line-height: 30rpx;
						letter-spacing: 0%;
						text-align: left;
						white-space: pre-wrap;
					}

					.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 10rpx;
							color: rgba(102, 102, 102, 1);
							font-family: DM Sans;
							font-size: 22rpx;
							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: 30rpx;
					font-weight: 600;
					line-height: 24px;
				}
			}
		}

		.education-list {
			.education-item {
				display: flex;
				padding: 24rpx 0;
				border-bottom: 1rpx solid #F0F0F0;

				&: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;
					}
				}

				.education-content {
					flex: 1;

					.school-name {
						color: rgba(23, 23, 37, 1);
						font-family: DM Sans;
						font-size: 32rpx;
						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: 26rpx;
						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: 26rpx;
						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;

			.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;

			.certificate-tag {
				padding: 8rpx 16rpx;
				color: rgba(1, 107, 246, 1);
				font-family: DM Sans;
				font-size: 16rpx;
				font-weight: 400;
				line-height: 20rpx;
				letter-spacing: -0.5px;
				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;
				}
			}
		}

		.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;
		}
	}

	// 工作经历标题样式
	.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;
		}

		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;
	}
}

.company-title {
	margin-bottom: 8rpx;
	color: rgba(23, 23, 37, 1);
	font-family: DM Sans;
	font-size: 28rpx;
	font-weight: 400;
}
</style>