JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是I人还是E人?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[0]" "I" checked>>I人</label> </div> <div> <label class="option"><<radiobutton "$normal[0]" "E">>E人</label> </div> </div> <center><<button[[下一题|2]]>><<set $num=2>><</button>></center>
<div id="passages" class="text-display-area"> <!-- 这里是主要的内容显示区域 --> </div>
<<set $normal=[]>> <<set $key=[]>> <<set $num=1>>
<div class="container"> <!-- 开始页面 --> <div class="start-page" id="startPage"> <h1>测测你的显性人格</h1> <p class="subtitle">完成测试,发现自己显而易见的一面</p> <<button[[开始测试|1]]>><</button>> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你的星座是什么?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[1]" "水瓶座" checked>>水瓶座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "双鱼座">>双鱼座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "白羊座">>白羊座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "金牛座">>金牛座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "双子座">>双子座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "巨蟹座">>巨蟹座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "狮子座">>狮子座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "处女座">>处女座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "天秤座">>天秤座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "天蝎座">>天蝎座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "射手座">>射手座</label> </div> <div> <label class="option"><<radiobutton "$normal[1]" "摩羯座">>摩羯座</label> </div> <div class="buttons"> <<button[[上一题|1]]>><<set $num=1>><</button>> <<button[[下一题|3]]>><<set $num=3>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>分院帽把你分到了哪个学院?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[2]" "格兰芬多" checked>>格兰芬多</label> </div> <div> <label class="option"><<radiobutton "$normal[2]" "拉文克劳">>拉文克劳</label> </div> <div> <label class="option"><<radiobutton "$normal[2]" "赫奇帕奇">>赫奇帕奇</label> </div> <div> <label class="option"><<radiobutton "$normal[2]" "斯莱特林">>斯莱特林</label> </div> <div class="buttons"> <<button[[上一题|2]]>><<set $num=2>><</button>> <<button[[下一题|4]]>><<set $num=4>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是F人还是T人?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[3]" "F" checked>>F人</label> </div> <div> <label class="option"><<radiobutton "$normal[3]" "T">>T人</label> </div> <div class="buttons"> <<button[[上一题|3]]>><<set $num=3>><</button>> <<button[[下一题|5]]>><<set $num=5>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你的依恋类型是什么?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[4]" "安全型" checked>>安全型 </label> </div> <div> <label class="option"><<radiobutton "$normal[4]" "焦虑型">>焦虑型</label> </div> <div> <label class="option"><<radiobutton "$normal[4]" "回避型">>回避型</label> </div> <div> <label class="option"><<radiobutton "$normal[4]" "混乱型">>混乱型</label> </div> <div class="buttons"> <<button[[上一题|4]]>><<set $num=4>><</button>> <<button[[下一题|6]]>><<set $num=6>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是Alpha,Beta,还是Omega?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[5]" "Alpha" checked>>Alpha </label> </div> <div> <label class="option"><<radiobutton "$normal[5]" "Beta">>Beta</label> </div> <div> <label class="option"><<radiobutton "$normal[5]" "Omega">>Omega</label> </div> <div> <div class="buttons"> <<button[[上一题|5]]>><<set $num=5>><</button>> <<button[[下一题|7]]>><<set $num=7>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是P人还是J人?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[6]" "P" checked>>P人 </label> </div> <div> <label class="option"><<radiobutton "$normal[6]" "J">>J人</label> </div> <div class="buttons"> <<button[[上一题|6]]>><<set $num=6>><</button>> <<button[[下一题|8]]>><<set $num=8>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是哨兵还是向导?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[7]" "哨兵" checked>>哨兵 </label> </div> <div> <label class="option"><<radiobutton "$normal[7]" "向导">>向导</label> </div> <div class="buttons"> <<button[[上一题|7]]>><<set $num=7>><</button>> <<button[[下一题|9]]>><<set $num=9>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你是S人还是N人?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[8]" "S" checked>>S人 </label> </div> <div> <label class="option"><<radiobutton "$normal[8]" "N">>N人</label> </div> <div class="buttons"> <<button[[上一题|8]]>><<set $num=8>><</button>> <<button[[下一题|10]]>><<set $num=10>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你的心理年龄是几岁?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[9]" "10岁" checked>>10岁 </label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "20岁">>20岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "30岁">>30岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "40岁">>40岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "50岁">>50岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "60岁">>60岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "70岁">>70岁</label> </div> <div> <label class="option"><<radiobutton "$normal[9]" "80岁">>80岁</label> </div> <div> <div class="buttons"> <<button[[上一题|9]]>><<set $num=9>><</button>> <<button[[下一题|11]]>><<set $num=11>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>进入宝可梦世界,你的初始宝可梦是……</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[10]" "小火龙" checked>>小火龙 </label> </div> <div> <label class="option"><<radiobutton "$normal[10]" "杰尼龟">>杰尼龟</label> </div> <div> <label class="option"><<radiobutton "$normal[10]" "妙蛙种子">>妙蛙种子</label> </div> <div> <label class="option"><<radiobutton "$normal[10]" "皮卡丘">>皮卡丘</label> </div> <div class="buttons"> <<button[[上一题|10]]>><<set $num=10>><</button>> <<button[[下一题|12]]>><<set $num=12>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>你经常吃的快餐店是哪一家?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[11]" "肯德基" checked>>肯德基 </label> </div> <div> <label class="option"><<radiobutton "$normal[11]" "麦当劳">>麦当劳</label> </div> <div> <label class="option"><<radiobutton "$normal[11]" "汉堡王">>汉堡王</label> </div> <div> <label class="option"><<radiobutton "$normal[11]" "德克士">>德克士</label> </div> <div> <label class="option"><<radiobutton "$normal[11]" "华莱士">>华莱士</label> </div> <div> <label class="option"><<radiobutton "$normal[11]" "塔斯汀">>塔斯汀</label> </div> <div> <div class="buttons"> <<button[[上一题|11]]>><<set $num=11>><</button>> <<button[[下一题|13]]>><<set $num=13>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>以下景色你最喜欢哪一个?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[12]" "夕阳" checked>>夕阳 </label> </div> <div> <label class="option"><<radiobutton "$normal[12]" "大海">>大海</label> </div> <div> <label class="option"><<radiobutton "$normal[12]" "火山">>火山</label> </div> <div> <label class="option"><<radiobutton "$normal[12]" "森林">>森林</label> </div> <div class="buttons"> <<button[[上一题|12]]>><<set $num=12>><</button>> <<button[[下一题|14]]>><<set $num=14>><</button>> </div> </div>
<div class="test-container"> <div class="progress">$num/14</div> <h2>咸豆腐脑还是甜豆花?</h2> <div class="options"> <div> <label class="option"><<radiobutton "$normal[13]" "咸豆腐脑" checked>>咸豆腐脑 </label> </div> <div> <label class="option"><<radiobutton "$normal[13]" "甜豆花">>甜豆花</label> </div> </div> <div class="buttons"> <<button[[上一题|13]]>><<set $num=13>><</button>> <<button[[生成测试结果|测试报告]]>><<set $num=15>><</button>> </div> </div>
<div class="hero"> <h1>综合鉴定报告</h1> <center>没有人比你更懂自己</center> </div> <div class="result-list"> <div class="result-card"> <div class="card-content"> <div class="card-label">MBTI</div> <div class="card-value">$normal[0]$normal[8]$normal[3]$normal[6]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">心理年龄</div> <div class="card-value">$normal[9]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">星座</div> <div class="card-value">$normal[1]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">依恋类型</div> <div class="card-value">$normal[4]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">口味</div> <div class="card-value">$normal[13]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">经常光顾</div> <div class="card-value">$normal[11]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">喜欢的景色</div> <div class="card-value">$normal[12]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">哨向类型</div> <div class="card-value">$normal[7]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">ABO类型</div> <div class="card-value">$normal[5]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">初始宝可梦</div> <div class="card-value">$normal[10]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">霍格沃茨分院</div> <div class="card-value">$normal[2]</div> </div> </div> <div class="result-card"> <div class="card-content"> <div class="card-label">兴趣爱好</div> <div class="card-value">做测试题</div> </div> </div> </div> <center><<button[[再测一次|未命名片段]]>><<set $num=1>><</button>></center> <br> <center><a href="https://roastfish042.987408.xyz/">更多趣味测试</a> <br>作者:@飞翔的烤鱼</center> <br> <style> .hero { text-align: center; margin-bottom: 28px; animation: fadeInUp 0.6s ease; } .hero h1 { font-size: 28px; font-weight: 800; -webkit-background-clip: text; background-clip: text; color: #142567; letter-spacing: -0.3px; margin-bottom: 8px; } .hero .sub { font-size: 14px; color: #b45f2b; background: rgba(255,235,205,0.7); display: inline-block; padding: 6px 14px; border-radius: 40px; backdrop-filter: blur(2px); } /* 卡片列表 */ .result-list { display: grid; grid-template-columns: 1fr 1fr; max-width: 80vw; min-width:60vw; flex-direction: column; gap: 14px; margin-bottom: 32px; } /* 每个结果卡片 */ .result-card { background: rgba(255, 255, 255, 0.92); border-radius: 28px; padding: 16px 20px; display: flex; align-items: center; gap: 16px; } /* 图标区域 */ .card-icon { font-size: 42px; min-width: 60px; text-align: center; filter: drop-shadow(2px 4px 6px rgba(0,0,0,0.1)); } /* 文字内容 */ .card-content { flex: 1; } .card-label { font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #57c; margin-bottom: 4px; } .card-value { font-size: 20px; font-weight: 700; color: #3a2c1f; line-height: 1.3; word-break: break-word; } </style>