<!DOCTYPE html>
<html lang="zh-Hant-TW">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>診斷｜AI 智能個股分析</title>
  <meta name="description" content="AI 智能分析潛力個股，快速掌握成長機會與潛在風險。立即體驗分析報告。" />
  <meta name="keywords" content="個股診斷, AI預測, 投資參考, 股票分析, 台灣股市" />
  <meta name="author" content="AI 股診斷實驗室" />

  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-17208856697"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-17208856697');
</script>
<!-- Event snippet for 出站点击 conversion page
In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-17208856697/ILnfCOnbyt0aEPmg6Y1A',
      'event_callback': callback
  });
  return false;
}
</script>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"                  ></script>
  <style>
    body {
      margin: 0;
      background: linear-gradient(145deg, #023e8a, #00b4d8);
      font-family: 'Roboto', sans-serif;
      color: #fff;
      text-align: center;
    }
    .container {
      padding: 40px 20px 50px;
    }
    .hero-title {
      margin-bottom: 20px;
    }
    .hero-title h1 {
      font-size: 24px;
      font-weight: 700;
    }
    .hero-title p {
      font-size: 18px;
      color: #90e0ef;
    }
    .card {
      background-color: #0077b6;
      border-radius: 15px;
      font-size: 16px;
      padding: 20px;
      margin: 30px auto;
      max-width: 500px;
      color: #fff;
      text-align: left;
    }
    .card p {
      line-height: 1.6;
      margin-bottom: 16px;
    }
    .highlight {
      color: #ffaf00;
      font-weight: bold;
    }
    form {
      max-width: 450px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    input {
      padding: 14px;
      font-size: 16px;
      border-radius: 10px;
      border: 2px solid #00b4d8;
      background-color: #e0f7fa;
    }
    button.cta {
      padding: 14px;
      font-size: 17px;
      font-weight: 700;
      background: linear-gradient(90deg, #ff7e5f, #feb47b);
      color: white;
      border-radius: 40px;
      border: none;
      cursor: pointer;
    }
    .cta:hover {
      background: linear-gradient(90deg, #feb47b, #ff7e5f);
    }
    .success {
      margin-top: 18px;
      color: #4caf50;
      font-weight: 700;
      text-align: center;
      display: none;
      font-size: 20px;
      background-color: #388e3c;
      padding: 20px;
      border-radius: 12px;
    }
    .disclaimer {
      font-size: 12px;
      margin-top: 35px;
      color: #ddd;
      padding: 0 25px;
      line-height: 1.7;
    }
    .footer {
      margin-top: 60px;
      font-size: 14px;
      color: #ccc;
      text-align: center;
    }
    .footer-links a {
      color: #90e0ef;
      text-decoration: none;
      margin: 0 12px;
    }
    .cookie-banner {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color: #00b4d8;
      color: #fff;
      padding: 18px 12px;
      font-size: 15px;
      text-align: center;
      z-index: 1000;
    }
    .cookie-banner a {
      color: #ffffff;
      text-decoration: underline;
      margin-right: 18px;
    }
    .cookie-banner button {
      background-color: #ffffff;
      color: #00b4d8;
      border: none;
      padding: 8px 16px;
      font-weight: bold;
      cursor: pointer;
    }
  </style>
</head>
<body>
  <div class="container">
    <div class="hero-title">
      <h1>立即獲取 AI 診斷報告</h1>
      <p>AI 智能預測潛力個股未來動向</p>
    </div>

    <div class="card">
      <p>我們的 AI 系統會根據即時數據解析潛力標的，協助您了解成長性、風險分布與市場位置，提升投資決策信心。</p>
      <p>根據歷史數據與產業變化，快速整理值得關注的個股名單與走勢趨勢。</p>
      <p>只需填寫表單即可獲得目前熱門個股與相關參考資料，幫助您掌握每一次機會。</p>
    </div>

    <form id="messageForm">
      <button type="submit" class="cta" onclick="gtag_report_conversion();" >開始診斷</button>
    </form>

    <div id="successMessage" class="success">
      感謝您的填寫！我們將於一個工作日內寄送完整報告至您的信箱。
    </div>

    <div class="disclaimer">
      本服務僅提供資料整理與市場趨勢參考，不構成任何投資建議。<br>
      所有投資行為請您依個人風險承擔進行判斷與操作。<br>
      系統內容遵守台灣地區相關法規規範。
    </div>

    <div class="footer">
      <p>營運單位：AI 股診斷實驗室</p>
  
      <p>客服支援：support@www.uniquetipsonline.com.online</p>
      <p>地址：台北市信義區市府路 1 號</p>
      <div class="footer-links">
        <a href="https://www.uniquetipsonline.com/article/services" target="_blank">免責聲明</a>
        <a href="https://www.uniquetipsonline.com/article/terms" target="_blank">使用條款</a>
        <a href="https://www.uniquetipsonline.com/article/privacy" target="_blank">隱私權政策</a>
        <a href="https://www.uniquetipsonline.com/article/tokusyo" target="_blank">特定交易資訊</a>
      </div>
      <p style="margin-top:8px">© 2025 www.uniquetipsonline.com</p>
    </div>
  </div>

  <!-- Cookie 通知 -->
  <div class="cookie-banner" id="cookieBanner">
    <p>本網站使用 Cookie 技術改善體驗並進行流量統計分析。</p>
    <a href="https://www.uniquetipsonline.com/article/privacy">查看隱私政策</a>
    <button onclick="document.getElementById('cookieBanner').style.display='none'; localStorage.setItem('cookieAccepted', '1');">我同意</button>
  </div>

  <script>
    $(function () {
      if (localStorage.getItem('cookieAccepted') === '1') {
        $('#cookieBanner').hide();
      }

      $("#messageForm").on("submit", function (e) {
        $("#successMessage").fadeIn();
            setTimeout(() => {
              $("#successMessage").fadeOut();
              $("#messageForm")[0].reset();
            }, 4000);
      });
    });
  </script>
</body>
</html>
