(() => {
  const paths = [
    { result: '双向靠近', color: '#e96b78', copy: '你们已经有双向互动基础，下一步重点不是增加聊天量，而是创造一次更明确、更自然的共同体验。' },
    { result: '观察窗口', color: '#8b6dd8', copy: '关系还没有关闭，但投入不对等。先降低追问感，用一次具体邀约观察对方的真实行动意愿。' },
    { result: '降温阶段', color: '#e89547', copy: '继续加码容易增加压力。先暂停原来的推进方式，回看最近一次互动中的边界与不适信号。' }
  ];

  const assessment = document.getElementById('assessment');
  const scrollToAssessment = () => assessment?.scrollIntoView({ behavior: 'smooth', block: 'start' });
  document.querySelectorAll('.text-link, .hero-primary').forEach((button) => button.addEventListener('click', scrollToAssessment));

  const options = [...document.querySelectorAll('.option-button')];
  const submit = document.querySelector('.full-width');
  let selected = null;

  options.forEach((option, index) => {
    option.addEventListener('click', () => {
      selected = index;
      options.forEach((item, itemIndex) => item.classList.toggle('selected', itemIndex === index));
      submit.disabled = false;
      document.querySelector('.result-card')?.remove();
    });
  });

  submit?.addEventListener('click', () => {
    if (selected === null) return;
    document.querySelector('.result-card')?.remove();
    const result = paths[selected];
    const card = document.createElement('div');
    card.className = 'result-card';
    card.setAttribute('aria-live', 'polite');
    card.innerHTML = '<span class="result-label">你们目前更接近</span>' +
      '<h3 style="color:' + result.color + '">' + result.result + '</h3>' +
      '<p>' + result.copy + '</p>' +
      '<div class="result-next"><b>完整判断还需要结合：</b><span>认识多久 · 是否单独见面 · 最近一次互动 · 明确拒绝信号</span></div>' +
      '<a href="http://qinggan.anslib.com/huazhen/articleinnerlink?id=28"><button class="secondary-button">找人工助理梳理具体情况</button></a>';
    submit.insertAdjacentElement('afterend', card);
    card.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
  });
})();