<!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;
}
.
三国志战略版马超辅助搭配与阵容推荐
免费MBTI职业性格测试简洁版 - 发现你的性格类型
司马昭曹操怎么搭配 - 三国游戏角色组合攻略
荀彧曹操最佳阵容搭配
三国志战略版叛逃真伤机制详解
三国志战略版满红是什么意思？一文看懂满红武将含义
三国志战略版6级地开荒攻略 - 新手高效打6级地指南
三国志战略版孙权队伍搭配攻略 - 简易指南
三国志战略版孙太程克敌弓阵容搭配攻略
周瑜曹操曹操最佳阵容搭配
三国志战略版潜龙加成详解 - 实用养成攻略
33iq职业测试 - 发现最适合你的职业方向
三国志战略版第七级石头攻略 - 获取与用途详解
中华三国志电脑版与手机版 - 经典策略战棋游戏
北森性格测试专业版 - 专业性格测评工具
华为性格测试重测 - 专业性格测评工具
职业适应性测试标准模板 - 专业职业测评工具
当锋摧决 - 三国志战略版核心战法详解
袁绍曹操怎么搭配 - 三国游戏角色搭配指南
央企银行求职性格测评 - 专业性格测试工具
三国志战略版王道特技详解
PDP性格在线测试 - 免费专业性格测试工具
企业入职性格测试 - 专业职场性格评估工具
PDP职业性格测试30题 - 专业性格评估工具
职业性格及思维能力测评 - 发现你的职业潜能
免费性格测试题 - 发现真实的自己 | 在线心理测评
三国志8重制版百度贴吧 - 玩家交流与资讯分享
职业性格分析测试免费 - 发现你的职业潜能
三国志战略版赛季剧本推荐 - 玩法与阵容指南
三国志战略版土匪阵容搭配指南 - 平民玩家实用推荐
职业价值观测试问卷 - 发现你的职业核心驱动力
职业性格测评图片 - 发现你的职业天赋与性格特点
三国志战略版武将属性加点指南 - 简明攻略
中职职业技能测试考什么 - 完整考试内容解析
三国志战略版孙坚阵容搭配与战法推荐
陈武曹操最佳阵容搭配
张角曹操搭配谁组一队
三国志战略版新手免战使用完全指南
三国志战略版优先盾科技玩法详解 - 原创攻略
职业适应性考试题库 - 在线测试您的职业倾向
三国志战略版魏延张飞阵容搭配攻略
三国志战略版视角快捷键指南
S1 赵云曹操阵容搭配
面试中性格测试的意义 - 提升招聘质量的关键工具
北森职业性格测试 - 发现你的职业潜能 | 专业职业测评工具
三国志战略版俘虏势力值详解 - 游戏机制与攻略
三国志战略版：周瑜甘宁吕蒙阵容搭配攻略
三国志14安卓版卡住问题解决方法
中华三国志手机版下载 - 经典策略三国游戏
三国志战略版驱驰战法详解 - 游戏攻略与搭配建议
三国志战略版S2司马盾阵容搭配攻略
司马懿曹操曹操曹操战法搭配
PDP性格测试在线免费 - 专业性格测试，了解真实的自己
性格测试试题及答案 - 专业性格分析测试平台
三类职业适应性测试试题 - 职业规划与能力评估
曹髦曹操战法搭配
三国志战略版太尉盾武将搭配与阵容详解
2024分类招生职业适应性测试 - 官方信息平台
和氏璧与《三国志战略版》 - 游戏指南
三国志战略版S3贾诩阵容搭配攻略 - 简明实用指南
S1 马谡曹操阵容搭配
性格彩色测试 - 通过颜色发现你的真实性格
职业测试和学校考核 - 专业测评平台
三国志战略版武器属性详解
中职单招职业技能测试 - 专业备考指导服务平台
乐嘉性格色彩测试完整版 - 免费在线测试你的性格色彩
三国志战略自走棋 - 策略战棋游戏专题
PDP性格测试猫头鹰型 - 分析型人格特征详解
三国志战略版太尉盾战法搭配与阵容详解 - 实用攻略
专升本职业测试题库 - 在线练习与测评平台
S1 于禁曹操阵容搭配
华为综合测试性格分析 - 专业性格测评系统
个人面试性格测试题 - 发现你的职场优势 | 免费在线测评
霍兰德职业兴趣测试 - 免费在线测评
国企性格测试题库 - 测测你适合哪种国企岗位
大学生职业测试 - 发现你的理想职业方向
面试性格测试题答题技巧 - 提升面试成功率的实用指南
三国志11中文版下载电脑版 - 免费经典策略游戏
三国志战略版：甘宁、吕蒙、孙坚武将详解
职业生涯性格分析 - 发现最适合你的职业道路
三国志战略版升级建筑顺序指南 - 新手必看发展攻略
北森性格测试 - 专业性格评估工具
MBTI性格测试探索版 - 发现真实的自己
北森性格测试免费 - 专业性格评估工具在线测试
校招性格测试怎么回答 - 完整指南与技巧 | 2025校招攻略
求职者性格测试 - 发现您的职业潜能 | 免费在线测试
三国志战略版土匪再起 - 玩法与攻略专题
职业性格测评免费版 - 发现最适合你的职业方向
三国志战略版盾兵阵容推荐 - 稳定强力组合指南
免费人格测试 - 发现真实的自己 | 官网人格测试
桃园盾阵容指南 - 《三国志战略版》攻略
职业适应性测试常识 - 了解职业测评，规划职业未来
入职员工性格测试表 - 专业人才评估工具
51jobmap职业性格测试 - 发现最适合你的职业方向
三国志8重制版最新版本更新详情 - 游戏资讯站
面试性格测试怎么写 - HR必备指南 | 人才测评技巧
三国志8重制版更新补丁信息 - 官方补丁说明与下载指南
三国志战略版Pk剧本玩法指南
霍兰德职业测试题免费版 - 6分钟找到你的职业方向
三国志战略版张飞关银屏开荒阵容攻略 - 新手高效开荒指南