Update index.html

index.html

@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>เซียนกุ้งลาดพร้าว - Ladprao Shrimp Oracle</title>
-  <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+  <script src="https://cdn.tailwindcss.com"></script>
   <style>
     @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;600;700&display=swap');
     
@@ -103,12 +103,12 @@
           </svg>
           <span id="introTitle">ระบบคำนวณดวงเกมตกกุ้ง</span>
         </h2>
-        <p id="introText" class="text-xs text-slate-300 leading-relaxed">ระบบ AI ผสานศาสตร์ปาจื้อและจื่อเวยฯ วิเคราะห์เกมชั่งน้ำหนักกุ้งลาดพร้าว คำนวณดัชนีโชคลาภและฟันธง 'คู่' หรือ 'คี่' ตามเวลาจริง</p>
+        <p id="introText" class="text-xs text-slate-300 leading-relaxed">ระบบ AI ผสานศาสตร์ปาจื้อและชี่เหมินตุ้นเจี๋ย วิเคราะห์เกมชั่งน้ำหนักกุ้งลาดพร้าว คำนวณดัชนีโชคลาภและฟันธง 'คู่' หรือ 'คี่' ตามเวลาจริง</p>
       </div>
 
       <!-- API Key -->
       <div class="space-y-2">
-        <label id="apiKeyLabel" class="text-xs font-semibold text-purple-400 uppercase ml-1">1. ใส่คีย์สมอง (GPT-5-Nano API)</label>
+        <label id="apiKeyLabel" class="text-xs font-semibold text-purple-400 uppercase ml-1">1. ใส่คีย์สมอง (OpenAI API)</label>
         <div class="relative">
           <svg class="absolute left-3 top-3.5 h-4 w-4 text-slate-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
             <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"/>
@@ -289,8 +289,8 @@
         subtitle: "AI ทำนายผล คู่/คี่",
         reset: "ล้างข้อมูล",
         introTitle: "ระบบคำนวณดวงเกมตกกุ้ง",
-        introText: "ระบบ AI ผสานศาสตร์ปาจื้อและจื่อเวยฯ วิเคราะห์เกมชั่งน้ำหนักกุ้งลาดพร้าว คำนวณดัชนีโชคลาภและฟันธง 'คู่' หรือ 'คี่' ตามเวลาจริง",
-        apiKeyLabel: "1. ใส่คีย์สมอง (GPT-5-Nano API)",
+        introText: "ระบบ AI ผสานศาสตร์ปาจื้อและชี่เหมินตุ้นเจี๋ย วิเคราะห์เกมชั่งน้ำหนักกุ้งลาดพร้าว คำนวณดัชนีโชคลาภและฟันธง 'คู่' หรือ 'คี่' ตามเวลาจริง",
+        apiKeyLabel: "1. ใส่คีย์สมอง (OpenAI API)",
         apiKeyPlaceholder: "sk-...",
         apiKeyNote: "*คีย์ใช้ส่งข้อมูลหา AI เท่านั้น ไม่มีการบันทึก",
         userInfoLabel: "2. ข้อมูลเจ้าชะตา (กรอกครั้งเดียว)",
@@ -320,11 +320,11 @@
       },
       'zh-TW': {
         title: "曼谷運勢智囊",
-        subtitle: "GPT-5-Nano AI 驅動 - 釣蝦場單雙預測",
+        subtitle: "OpenAI GPT 驅動 - 釣蝦場單雙預測",
         reset: "重置",
         introTitle: "命理融合預測系統",
-        introText: "本系統結合八字與紫微斗數，專門針對曼谷 Ladprao 釣蝦場的秤重遊戲進行分析。AI 將計算您的偏財指數與最佳下注策略（單/雙）。",
-        apiKeyLabel: "1. API 金鑰",
+        introText: "本系統結合八字與奇門遁甲，專門針對曼谷 Ladprao 釣蝦場的秤重遊戲進行分析。AI 將計算您的偏財指數與最佳下注策略（單/雙）。",
+        apiKeyLabel: "1. OpenAI API 金鑰",
         apiKeyPlaceholder: "sk-...",
         apiKeyNote: "*您的 Key 不會被儲存。",
         userInfoLabel: "2. 命主資料",
@@ -357,8 +357,8 @@
         subtitle: "Shrimp Game AI Prediction",
         reset: "Reset",
         introTitle: "Prediction System",
-        introText: "Combines BaZi and ZiWei DouShu to analyze the Ladprao Shrimp weighing game. AI calculates Odd/Even strategy based on time.",
-        apiKeyLabel: "1. GPT-5-Nano API Key",
+        introText: "Combines BaZi and QiMen DunJia to analyze the Ladprao Shrimp weighing game. AI calculates Odd/Even strategy based on time.",
+        apiKeyLabel: "1. OpenAI API Key",
         apiKeyPlaceholder: "sk-...",
         apiKeyNote: "*Key is not stored.",
         userInfoLabel: "2. Your Details",
@@ -390,7 +390,7 @@
 
     // --- System Prompts ---
     const SYSTEM_PROMPTS = {
-      'th': `คุณคือปรมาจารย์โหราศาสตร์ (ปาจื้อและจื่อเวยโต่วซู่) หน้าที่ของคุณคือวิเคราะห์ดวงโชคลาภสำหรับเกมเสี่ยงโชค
+      'th': `คุณคือปรมาจารย์โหราศาสตร์ (ปาจื้อและชี่เหมินตุ้นเจี๋ย) หน้าที่ของคุณคือวิเคราะห์ดวงโชคลาภสำหรับเกมเสี่ยงโชค
 
 โปรดปฏิบัติตามตรรกะนี้:
 
@@ -407,7 +407,7 @@
 3. **ฟันธง**: 🔴 คี่ (RED) หรือ 🔵 คู่ (BLUE) (เลือก 1 อย่างเท่านั้นให้ชัดเจน)
 4. **เคล็ดลับสั้นๆ**: ทิศที่ควรนั่ง หรือ สีเสื้อเสริมดวง`,
 
-      'zh-TW': `你是一位精通「八字」與「紫微斗數」的大師。針對曼谷 Ladprao 釣蝦場秤重遊戲進行單雙預測。
+      'zh-TW': `你是一位精通「八字」與「奇門遁甲」的大師。針對曼谷 Ladprao 釣蝦場秤重遊戲進行單雙預測。
   
 遊戲規則：晚上8點後，秤9隻蝦，猜尾數單雙。
 請根據用戶提供的出生資料與下注時間，計算當下的偏財運。
@@ -418,7 +418,7 @@
 3. **建議選擇**: 🔴 單 (RED) 或 🔵 雙 (BLUE)
 4. **簡短建議**: 吉祥方位或顏色`,
 
-      'en': `You are an Astrology Master. Analyze luck for the Ladprao Shrimp Weighing Game (Odd/Even betting).
+      'en': `You are an Astrology Master. Analyze luck for the Ladprao Shrimp Weighing Game (Odd/Even betting) using BaZi and QiMen DunJia.
 Based on birth data and betting time, calculate the windfall luck.
 
 [Output Format - Be Concise]
@@ -616,7 +616,7 @@ Based on birth data and betting time, calculate the windfall luck.
 
       const userPrompt = `
         [Target Request]
-        Analyze luck for Shrimp Game.
+        Analyze luck for Shrimp Game using QiMen DunJia.
         Target Date: ${targetDate}
         Target Time: ${targetTime}
 
@@ -645,14 +645,15 @@ Based on birth data and betting time, calculate the windfall luck.
         const controller = new AbortController();
         const timeoutId = setTimeout(() => controller.abort(), 30000); // 30 second timeout
 
-        const response = await fetch('https://api.gpt-5-nano.com/v1/chat/completions', {
+        // ✅ CHANGED TO OPENAI OFFICIAL ENDPOINT
+        const response = await fetch('https://api.openai.com/v1/chat/completions', {
           method: 'POST',
           headers: {
             'Content-Type': 'application/json',
             'Authorization': `Bearer ${apiKey}`
           },
           body: JSON.stringify({
-            model: "gpt-5-nano",
+            model: "gpt-4o-mini", // ✅ Use a real, available OpenAI model
             messages: [
               { role: "system", content: systemPrompt },
               { role: "user", content: userPrompt }
@@ -682,8 +683,8 @@ Based on birth data and betting time, calculate the windfall luck.
           errorMsg = state.lang === 'th' ? 'หมดเวลาเชื่อมต่อ กรุณาลองใหม่' : 'Connection timeout. Please try again.';
         } else if (error.message === 'Failed to fetch' || error.message.includes('load failed')) {
           errorMsg = state.lang === 'th' 
-            ? '❌ ไม่สามารถเชื่อมต่อ API ได้\n\nสาเหตุที่เป็นไปได้:\n1. API Key ไม่ถูกต้อง\n2. ปัญหาการเชื่อมต่ออินเทอร์เน็ต\n3. GPT-5-Nano API อาจมีปัญหาชั่วคราว\n\n💡 ลองตรวจสอบ API Key หรือลองใหม่อีกครั้ง'
-            : '❌ Cannot connect to API\n\nPossible causes:\n1. Invalid API Key\n2. Network connection issue\n3. GPT-5-Nano API temporary issue\n\n💡 Please check your API Key or try again.';
+            ? '❌ ไม่สามารถเชื่อมต่อ OpenAI API ได้\n\nสาเหตุที่เป็นไปได้:\n1. API Key ไม่ถูกต้องหรือไม่มีสิทธิ์ใช้งาน gpt-4o-mini\n2. ปัญหาการเชื่อมต่ออินเทอร์เน็ต\n3. OpenAI API มีปัญหาชั่วคราว\n\n💡 โปรดตรวจสอบ API Key ที่ https://platform.openai.com หรือใช้โหมดทดสอบแทน'
+            : '❌ Cannot connect to OpenAI API\n\nPossible causes:\n1. Invalid/insufficient-permission API Key\n2. Network issue\n3. OpenAI service down\n\n💡 Check your key at https://platform.openai.com หรือใช้โหมดทดสอบแทน';
         }
         state.chatHistory.push({ role: 'assistant', content: errorMsg });
       } finally {