!DOCTYPE html
html lang=zh-CN
head
meta charset=UTF-8 
meta name=viewport content=width=device-width, initial-scale=1.0
title梦到前任｜潜意识梦境解析测试title
style
{box-sizingborder-box;margin0;padding0;font-familyPingFang SC,Microsoft YaHei,sans-serif}
body{background#1a162e;color#f0eef9;padding16px;min-height100vh}
.wrap{max-width420px;margin0 auto}
.card{background#272142;border-radius20px;padding22px;box-shadow0 8px 24px #00000033}
.title{font-size22px;text-aligncenter;margin-bottom12px;color#e8dfff;font-weight600}
.sub{text-aligncenter;color#c9bde0;font-size14px;margin-bottom20px;line-height1.6}
.page{displaynone}
.page.active{displayblock}
.question{font-size16px;margin-bottom16px;line-height1.5}
.opt{displayblock;width100%;text-alignleft;background#342b58;bordernone;color#f0eef9;padding14px 16px;border-radius12px;margin-bottom10px;font-size15px;cursorpointer;transition0.2s}
.opthover{background#433670}
.opt.selected{background#7b5fc9}
.btns{displayflex;gap12px;margin-top20px}
button{flex1;padding14px;border-radius12px;bordernone;font-size16px;cursorpointer}
#next{background#9472e2;color#fff}
#prev{background#443b66;color#ddd}
.result-box{line-height1.7}
.res-title{font-size20px;text-aligncenter;color#e8dfff;margin-bottom10px;font-weight600}
.star{text-aligncenter;color#ffd89b;font-size17px;font-weightbold;margin-bottom16px}
.block{margin-bottom14px;padding-bottom14px;border-bottom1px solid #44396b}
.block h4{color#d4c0f7;font-size15px;margin-bottom6px}
.block p{font-size14px;color#e4e0f5}
.tip{margin-top18px;padding12px;background#322954;border-radius12px;font-size13px;color#d2c6ee;text-aligncenter}
@media(max-width360px){.card{padding16px}}
style
head
body
div class=wrap
  div class=card
    !-- 首页 --
    div id=page0 class=page active
      h2 class=title梦到前任｜潜意识梦境解析测试h2
      p class=sub参考弗洛伊德、荣格、阿德勒梦境理论p
      p class=question你最近梦到前任了吗？很多人醒来之后都会疑惑：是我还放不下？还是对方在想我？我们还有复合的可能吗？p
      p class=question弗洛伊德认为梦是被压抑愿望的伪装满足；荣格提出，梦里的前任常常不是TA本人，而是你投射出去的一部分自我；阿德勒则认为，关于旧关系的梦，是你在提前演练内心的纠结与选择。br这个测试专门针对「梦到前任」设计，帮你看清：你做这个梦真实的潜意识原因，以及这段关系里，复合的情绪倾向参考。p
      p class=tip⚠️ 重要提示：本测试为趣味情绪觉察测试，仅参考心理学假说，不能预测未来、不能代表对方想法，复合倾向只是内心信号参考，不是预言，无心理咨询资质，仅供自我觉察。p
      button id=start style=width100%;margin-top20px;background#9472e2;color#fff开始测试button
    div

    !-- 题目页容器 --
    div id=qWrap class=page
      div class=question id=qTextdiv
      div id=optWrapdiv
      div class=btns
        button id=prev上一题button
        button id=next下一题button
      div
    div

    !-- 结果页 --
    div id=resultPage class=page
      div class=result-box id=resultContentdiv
      button id=restart style=width100%;margin-top20px;background#9472e2;color#fff重新测一次button
    div
  div
div

script
 题目库
const questions = [
  {
    qQ1：梦里你和前任，主要是什么画面？,
    opts[
      {txt我们和好、拥抱、温柔相处，氛围很甜蜜,tagA},
      {txt我们在吵架、互相指责、闹分手，气氛压抑,tagB},
      {txt我一直在找TA、追TA，但是始终抓不到、碰不到,tagC},
      {txt只是远远看着TA，没有对话，安静旁观,tagD},
      {txt画面很混乱，剧情跳来跳去，记不清完整情节,tagE}
    ]
  },
  {
    qQ2：醒来之后，你第一感受是什么？,
    opts[
      {txt心里暖暖的、有点想念，甚至有点期待联系,tagA},
      {txt委屈、难过、心酸，醒来很久缓不过来,tagB},
      {txt焦虑、心慌、失落，有点空落落的,tagC},
      {txt平静淡然，没有太大情绪波动,tagD},
      {txt有点烦躁、不舒服，甚至觉得压抑,tagB}
    ]
  },
  {
    qQ3：这个梦出现的频率？,
    opts[
      {txt最近反复多次梦到，隔几天就出现,tagA},
      {txt偶尔梦到，隔很久才一次,tagC},
      {txt分手很久之后，时隔很久突然第一次梦到,tagD},
      {txt只是这一次偶然梦到,tagD}
    ]
  },
  {
    qQ4：当初你们分开的核心原因偏向哪一类？,
    opts[
      {txt情绪冲动、误会、异地、外界阻碍，没有原则性伤害,tagA},
      {txt三观不合、长期矛盾累积，反复争吵消耗,tagB},
      {txt原则问题（欺骗、背叛、伤害）,tagB},
      {txt自然变淡，没有激烈冲突，慢慢走散,tagD}
    ]
  },
  {
    qQ5：梦里，是谁主动？,
    opts[
      {txt前任主动靠近我、找我、示好,tagA},
      {txt是我主动去找TA、想和TA沟通,tagA},
      {txt两个人都很被动，隔着距离，谁都没有行动,tagC},
      {txt梦里两个人互相回避、躲开对方,tagB}
    ]
  },
  {
    qQ6：当下现实里，你现在的状态？,
    opts[
      {txt单身，心里还时常想起TA，抱有一丝期待,tagA},
      {txt单身，已经打算放下，努力往前走,tagD},
      {txt已经有新的生活新的人,tagD},
      {txt偶尔会视奸、留意对方动态，容易被牵动情绪,tagC}
    ]
  },
  {
    qQ7：梦里的结局是什么？,
    opts[
      {txt圆满和解，两个人好好在一起,tagA},
      {txt再次争吵、不欢而散,tagB},
      {txt还没有结果，剧情中断，突然惊醒,tagC},
      {txt平静告别，体面分开,tagD}
    ]
  },
  {
    qQ8：你内心深处，对这段关系真实想法？,
    opts[
      {txt其实我一直想要一个重来的机会,tagA},
      {txt我只是想要一个好好的告别，不是想复合,tagC},
      {txt我清楚不合适，只是怀念当初的感觉,tagC},
      {txt我已经不想回头，只想彻底翻篇,tagD}
    ]
  }
];

 5套结果文案
const resultMap = {
  A{
    title【未熄灭的期待：潜意识还在渴望重逢】,
    star复合倾向参考：⭐⭐⭐⭐（高情绪期待，但不等于现实适合复合）,
    parts[
      {h梦境心理学解读（弗洛伊德+荣格）,p弗洛伊德视角：这是典型的愿望满足梦。白天你把对重逢的渴望压下去，潜意识就在梦里制造和好、温柔相处的画面，满足你心里的遗憾。荣格补充：梦里美好的前任，很多时候也承载了你内心对「被爱、被珍惜」的渴望，TA是你心里“温柔亲密”原型的投射。},
      {h你为什么会做这个梦,p你并没有真正放下这段感情，心里还留存期待。你怀念的不只是这个人，还有在这段关系里被好好对待的感觉。梦是你的潜意识在告诉你：你依然渴望这份亲密感。},
      {h需要清醒看见的部分,p有期待 ≠ 适合复合。梦只代表你的心愿，不代表对方的想法，也不代表当初分开的矛盾已经消失。如果当初的核心问题没有解决，就算重新靠近，依然会重复旧的矛盾。},
      {h给你的指引,p先分清：你想要的是【这个人】，还是【被好好爱着的感觉】。不要凭着一场美梦冲动去找对方，给自己一点时间冷静评估当初分开的问题。}
    ]
  },
  B{
    title【未消化的伤痛：情绪在自我排毒】,
    star复合倾向参考：⭐（低，梦是伤痛释放，不是想复合）,
    parts[
      {h梦境心理学解读（弗洛伊德+阿德勒）,p弗洛伊德：争吵、受伤的梦，是被压抑的委屈、愤怒、伤痛在释放。清醒时你强迫自己释怀、不去计较，潜意识只能在梦里重现冲突，完成情绪宣泄，属于心理自我保护。阿德勒：这是冲突预演，你的内心其实一直在害怕重蹈覆辙，害怕再次受伤。},
      {h你为什么会做这个梦,p分手留下的伤害、委屈，一直没有真正消化。你看似放下了，但心底还有未处理的怨气和难过。这个梦，是潜意识在帮你排出积压的负面情绪。},
      {h需要清醒看见的部分,p这类梦几乎和“想复合”无关。反复出现争吵的梦境，恰恰说明这段关系带给你的伤害很深，你的潜意识在提醒你：这段关系里有让你痛苦的部分。},
      {h给你的指引,p承认自己曾经受伤，不必强迫自己大度。不要因为偶尔的想念忽略曾经的痛苦。如果反复梦到争吵，说明你需要好好安抚自己，而不是回头。}
    ]
  },
  C{
    title【求而不得的遗憾：卡在“未完成事件”里】,
    star复合倾向参考：⭐⭐⭐（有遗憾执念，但目标模糊）,
    parts[
      {h梦境心理学解读（弗洛伊德+荣格）,p弗洛伊德：属于典型「未完成情结」。关系没有好好收尾，很多话没有说清楚，潜意识反复编织“追逐、寻找却抓不到”的画面，代表你心里卡在一个没有答案的节点。荣格：梦里抓不住的人，象征你丢失的一部分自我——那段恋爱里的自己。},
      {h你为什么会做这个梦,p你执念的，往往不是复合本身，而是“没有好好收尾”的不甘心。你想要一个答案、一句解释、一次正式告别，而不是一定要和TA继续走下去。},
      {h需要清醒看见的部分,p你追逐的是一个“遗憾”，不一定是真实的这个人。就算真的重新联系，很可能你会发现，现实里的TA，早就不是你梦里想象的样子。},
      {h给你的指引,p你可以给自己一个心理上的告别仪式，在心里把想说的话说完。当你内心接纳“这件事没有答案也是一种结局”，这类追逐的梦会慢慢变少。}
    ]
  },
  D{
    title【记忆归档梦：只是大脑在整理旧回忆】,
    star复合倾向参考：⭐（几乎没有复合诉求）,
    parts[
      {h梦境心理学解读（现代认知心理学+荣格）,p现代认知梦境理论：平静旁观、没有强烈情绪的梦，大多是大脑睡眠时整理旧记忆，随机调取过往片段，没有深层的执念。荣格：这个时候，前任只是一个旧意象，不再承载强烈的情绪原型。},
      {h你为什么会做这个梦,p最近某个场景、一首歌、一件小事触发了旧记忆，大脑翻出了这段往事，仅此而已。你内心已经慢慢抽离，情绪平稳，没有强烈的渴望或者怨恨。},
      {h需要清醒看见的部分,p梦只是回忆回放，不代表你还喜欢TA，也不代表缘分回头。你只是平静地路过一段旧时光。},
      {h给你的指引,p不用多想、不用内耗。这个梦只是过往轻轻路过，你已经走在往前走的路上。}
    ]
  },
  E{
    title【内在的混乱：当下生活焦虑的投射】,
    star复合倾向参考：⭐⭐（容易混淆焦虑和想念）,
    parts[
      {h梦境心理学解读（荣格+阿德勒）,p荣格：混乱破碎的梦境，代表你当下内在不稳定。梦里的前任，是一个“情绪载体”，承载了你现实里的迷茫、失控感，不一定和TA本身有关。阿德勒：当下你正处在纠结、不安的阶段，潜意识随手抓取了这段熟悉的旧关系，用来承载你当下的焦虑。},
      {h你为什么会做这个梦,p不一定是想念前任。很可能是你现在生活里有压力、选择难题、缺少安全感，潜意识调取了一段熟悉的旧关系，用来安放你的不安。很多人在迷茫期，就容易频繁梦到旧人。},
      {h需要清醒看见的部分,p不要把“当下的焦虑”错当成“还爱着前任”。你需要解决的是现实里让你不安的事情，而不是寄希望于旧关系。},
      {h给你的指引,p把注意力放回当下的生活，梳理现实里让你焦虑的事情。等你的生活重新稳定，这类混乱的旧梦自然减少。}
    ]
  }
};

 答题逻辑
let cur = 0;
let answers = [];
const page0 = document.getElementById('page0');
const qWrap = document.getElementById('qWrap');
const resultPage = document.getElementById('resultPage');
const qText = document.getElementById('qText');
const optWrap = document.getElementById('optWrap');
const prevBtn = document.getElementById('prev');
const nextBtn = document.getElementById('next');
const startBtn = document.getElementById('start');
const restartBtn = document.getElementById('restart');
const resultContent = document.getElementById('resultContent');

function showPage(id){
  document.querySelectorAll('.page').forEach(p=p.classList.remove('active'))
  document.getElementById(id).classList.add('active')
}

function renderQ(){
  const q = questions[cur];
  qText.innerText = q.q;
  optWrap.innerHTML = '';
  q.opts.forEach((o,i)={
    const b = document.createElement('button');
    b.className = 'opt';
    b.innerText = o.txt;
    if(answers[cur] === i) b.classList.add('selected');
    b.onclick = ()={
      answers[cur] = i;
      renderQ();
    }
    optWrap.appendChild(b);
  })
  prevBtn.style.display = cur === 0  'none'  'block';
  if(cur = questions.length -1){
    nextBtn.innerText = '查看结果';
    nextBtn.onclick = calcResult;
  }else{
    nextBtn.innerText = '下一题';
    nextBtn.onclick = goNext;
  }
}

function goNext(){
  if(answers[cur] === undefined){alert('请选择一个答案');return}
  cur++;
  renderQ();
}
function goPrev(){
  cur--;
  renderQ();
}

function calcResult(){
  const count = {A0,B0,C0,D0,E0};
  for(let i=0;iquestions.length;i++){
    const selIdx = answers[i];
    const tag = questions[i].opts[selIdx].tag;
    count[tag]++;
  }
  let maxTag = 'A';
  let maxNum = 0;
  for(let k in count){
    if(count[k]maxNum){maxNum=count[k];maxTag=k}
  }
  const res = resultMap[maxTag];
  let html = `div class=res-title${res.title}div`;
  html += `div class=star${res.star}div`;
  res.parts.forEach(block={
    html += `div class=blockh4${block.h}h4p${block.p}pdiv`
  })
  html += `div class=tip⚠️ 本测试参考弗洛伊德、荣格、阿德勒等心理学大师梦境假说，属于趣味情绪觉察测试，仅解读你潜意识的内心信号，无法预测对方想法、无法预判能否复合，不代表现实预言，仅供自我感受参考。div`;
  resultContent.innerHTML = html;
  showPage('resultPage');
}

startBtn.onclick = ()={
  cur = 0; answers = [];
  showPage('qWrap');
  renderQ();
}
prevBtn.onclick = goPrev;
restartBtn.onclick = ()={
  cur=0;answers=[];
  showPage('page0');
}
script
body
html