<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MBTI职业性格测试 - 免费在线测试，了解你的性格类型</title>
<meta name="keywords" content="MBTI测试,性格测试,职业性格测试,MBTI16型人格,性格类型,职业规划,心理测试">
<meta name="description" content="专业的MBTI职业性格测试，帮助您了解自己的性格类型，为职业规划提供参考。免费在线测试，即时获得结果分析。">
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
line-height: 1.6;
color: #333;
background-color: #f5f7fa;
}
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
}
header {
text-align: center;
padding: 40px 0;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
margin-bottom: 30px;
border-radius: 10px;
}
h1 {
font-size: 2.5em;
margin-bottom: 10px;
}
.subtitle {
font-size: 1.2em;
opacity: 0.9;
}
.intro {
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-bottom: 30px;
}
.intro h2 {
color: #667eea;
margin-bottom: 15px;
}
.start-btn {
display: block;
width: 200px;
margin: 30px auto;
padding: 15px 30px;
background: #667eea;
color: white;
border: none;
border-radius: 30px;
font-size: 1.1em;
cursor: pointer;
transition: all 0.3s ease;
}
.start-btn:hover {
background: #764ba2;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}
.question-container {
display: none;
background: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
margin-bottom: 20px;
}
.question-number {
color: #667eea;
font-weight: bold;
margin-bottom: 10px;
}
.question-text {
font-size: 1.2em;
margin-bottom: 20px;
font-weight: 500;
}
.options {
display: flex;
flex-direction: column;
gap: 15px;
}
.option {
padding: 15px 20px;
border: 2px solid #e0e0e0;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
background: white;
}
.option:hover {
border-color: #667eea;
background: #f8f9ff;
}
.option.selected {
border-color: #667eea;
background: #667eea;
color: white;
}
.progress-bar {
width: 100%;
height: 8px;
background: #e0e0e0;
border-radius: 4px;
margin-bottom: 20px;
overflow: hidden;
}
.progress-fill {
height: 100%;
background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
transition: width 0.3s ease;
}
.result-container {
display: none;
background: white;
padding: 40px;
border-radius: 10px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
text-align: center;
}
.result-type {
font-size: 3em;
font-weight: bold;
color: #667eea;
margin-bottom: 20px;
}
.result-description {
font-size: 1.1em;
line-height: 1.8;
margin-bottom: 30px;
}
.restart-btn {
padding: 12px 30px;
background: #667eea;
color: white;
border: none;
border-radius: 25px;
cursor: pointer;
font-size: 1em;
transition: all 0.3s ease;
}
.restart-btn:hover {
background: #764ba2;
}
@media (max-width: 600px) {
h1 {
font-size: 2em;
}
.
职业心理测试 - 发现最适合你的职业方向
应届毕业生性格测试 - 发现你的职业性格类型
广西职业适应性测试分数线 - 2025年最新分数线查询
职业兴趣测试报告 - 发现你的职业天赋与方向
宣城职业适应性测试大纲 - 官方指南
职业适应性测试重点考查 - 职业规划与能力评估指南
2025年职业适应性测试 - 发现最适合你的职业方向
2025江西职业适应性测试 - 官方信息平台
软件测试职业规划 - 完整指南与发展路径
PDP性格测试表公式 - 专业性格测评工具
车载测试职业规划 - 汽车电子测试工程师发展指南
职业适应性测试要求 - 专业职业评估指南
性格内外向测试 - 了解你的性格类型
免费性格测试 - 发现真实的自己 | 性格问卷测试
PDP职场性格测试 - 发现你的职场优势
APESK职业兴趣测试 - 发现你的职业方向
职业能力测验考试内容详解 | 公考/事业单位备考指南
求职性格测试题库 - 发现最适合你的职业方向
职业锚测试结果分析 - 发现你的职业价值观
中职职业能力测试满分攻略 - 备考指南与技巧分享
招聘性格测试题 - 发现你的职业性格类型
EPA职业性格测试工具 - 发现最适合你的职业方向
北森性格测评试题及答案 - 专业性格测试解析
CMPS性格测试答案详解 - 16种性格类型完整解析
MAP性格测试 - 探索你的性格地图
简单性格测试题及答案 - 快速了解你的性格类型
EPA职业性格测试 - 发现最适合你的职业方向
免费职业性格测试 - 发现最适合你的职业方向
才储PDP性格测试 - 发现真实的自己
北森98题性格测试结果 - 专业性格分析报告
职业兴趣测试霍兰德免费 | 官方在线测评
职业技能测试怎么考 - 完整指南与备考建议
四选一性格测试 - 发现真实的自己
MBTI职业性格测试纸质版 - 专业性格评估工具
乐嘉性格色彩测试 - 专业性格测试题 | 发现真实的自己
职业适应性测试成绩报告 - 专业职业测评结果分析
入职性格测试 - 发现你的职业性格类型
职业适应性测试是什么 - 完整指南
入职性格测试题目及答案 - 专业职场性格评估工具
乐嘉性格测试颜色 - 四色性格分析 | 了解你的真实性格
2024单招职业适应性测试 - 指南与备考资料
MAP职业性格测验技巧 - 专业指南与实用建议
éå
°å¾·èä¸å
´è¶£æµè¯ä¸è½½ - å
è´¹PDF/Wordç | å®æ¹åç
秋招性格测试报告 - 解析你的职业性格，助力求职成功
河南职业适应性测试2024 - 官方信息发布平台
霍兰德职业性格测试题库 | 免费在线测评
中职专业能力测试大纲 - 职业教育技能评估标准
建行性格测试 - 发现你的金融职业潜能 | 中国建设银行职业性格测评
测试工程师职业规划图 - 从入门到专家的成长路径
性格测试题及答案 - 专业性格分析测试
性格色彩分析测试题 - 发现你的真实性格
霍兰德职业性格测试 - 发现你的职业兴趣类型
招聘性格测试靠谱吗？深度解析性格测试在招聘中的应用
MBTI职业性格测试完整版免费 - 16种人格类型专业测评
乐嘉性格色彩测试 - 发现你的真实性格
职业测试有哪些测试方法 - 全面解析职业测评工具
公司面试性格测试题库 - 专业职场性格评估工具
HR面试性格测试题 - 专业职场性格评估工具
霍兰德职业兴趣测试艺术性图 - 探索你的艺术天赋与职业方向
职业选择测试方法 - 找到最适合您的职业道路
公司性格测试题 - 发现你的职场性格特点 | 专业职业测评
职业人格测试题库 - 发现你的职业天赋与适合的工作方向
职业锚测试免费 - 发现你的职业价值观 | 专业职业测评
华为OD综测性格测试 - 专业职业性格测评工具
单招职业适应性测试模拟题 - 免费在线练习题库
才储人格测试 - 发现真实的自己
PDP性格测试分数怎么算 - 详细计算方法与解读
SWOT职业测试免费 - 免费在线职业规划测试
北森生涯职业兴趣测试 - 发现你的职业方向
职业适应性测试考试时间安排 - 2025年最新考试日程表
2025年高职单招职业适应性测试 - 官方信息平台
大学生职业倾向测试 - 发现最适合你的职业方向
职业性格分析测试免费 - 发现你的职业潜能
性格测试提前批 - 发现真实的自己 | 免费在线性格测评
OD性格测试题库 - 专业性格测试与心理评估平台
职业适应性能力测试 - 发现你的职业潜力
招聘性格测试有问题吗？探讨现代招聘中的性格测评争议
性格色彩测试结果分析 - 了解你的性格特质
免费人格测试题 - 探索真实的自我 | 专业性格分析
个人职业能力分析测试 - 发现你的职业潜能
职业能力测试真题 - 在线测试题库与答案解析
免费性格测试模板 - 在线性格测试工具
专科职业适应性测试 - 帮你找到最适合的职业方向
免费职业技能测试 - 发现你的职业潜能
免费性格测试 - 发现真实的自己 | 在线心理测评
职业性格测试简易版 - 发现你的职业方向
职场五种动物性格测试 - 发现你的职场天性
四型人格测试 - DISC人格测试在线免费测试
校招性格测试 - 发现你的职业性格特质
新员工性格测试题及答案 - 职场性格评估工具
色彩性格测试题及答案 - 探索你的内心世界
河南省单招职业适应性测试题 - 备考指南与题库
MBTI职业人格测试免费 - 发现你的性格类型与职业方向
职业测评 - 免费在线职业性格与兴趣测试
职业性格测试MAPP - 发现你的理想职业方向
性格测试16种人格免费 - MBTI人格类型测试
职业性格测试大全及答案 - 发现你的职业天赋
MAP职业性格测验免费 - 发现你的职业潜能 | 免费在线测试
企业性格测试题填写技巧 - 如何通过企业性格测试
六类职业适应性测试题库 - 发现最适合你的职业方向