Spaces:
Sleeping
Sleeping
| <html lang="zh-TW"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>ๅฐ็ฃๅฝฉๅธ AI ้ ๆธฌ็ณป็ตฑ</title> | |
| <meta name="description" content="ๅฐ็ฃไปๅฝฉ539ใๅคงๆจ้้็่็ขผๆญทๅฒ็ตฑ่จ่AI้ ๆธฌๅๆ็ณป็ตฑ๏ผๆไพ็ฑ่ใๅท่ใ้ฒๅฐ่ๅๆๅไธๆ่็ขผ้ ๆธฌใ" /> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet" /> | |
| <link rel="stylesheet" href="style.css" /> | |
| </head> | |
| <body> | |
| <!-- Background particles --> | |
| <div class="bg-particles" id="bgParticles"></div> | |
| <!-- Header --> | |
| <header class="site-header"> | |
| <div class="header-inner"> | |
| <div class="logo"> | |
| <span class="logo-icon">๐ฐ</span> | |
| <div class="logo-text"> | |
| <h1>ๅฐ็ฃๅฝฉๅธ AI</h1> | |
| <span>ๆบ่ฝ้ ๆธฌๅๆ็ณป็ตฑ</span> | |
| </div> | |
| </div> | |
| <div style="display:flex;align-items:center;gap:12px;flex-wrap:wrap"> | |
| <a href="accuracy.html" style="display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:rgba(124,58,237,0.2);border:1px solid rgba(124,58,237,0.4);border-radius:9999px;color:#c084fc;font-size:0.82rem;font-weight:600;text-decoration:none;transition:all 0.2s" onmouseover="this.style.background='rgba(124,58,237,0.35)'" onmouseout="this.style.background='rgba(124,58,237,0.2)'"> | |
| ๐ ๅฝไธญ็ๅๆธฌ | |
| </a> | |
| </div> | |
| <!-- 539 meta (shown when 539 tab active) --> | |
| <div class="header-meta tab-meta" id="meta-539"> | |
| <div class="meta-item"> | |
| <span class="meta-label">่ณๆ็ญๆธ</span> | |
| <span class="meta-value" id="totalDraws">่ผๅ ฅไธญ...</span> | |
| </div> | |
| <div class="meta-item"> | |
| <span class="meta-label">ๆๆฐไธๆ</span> | |
| <span class="meta-value" id="latestDate">่ผๅ ฅไธญ...</span> | |
| </div> | |
| <div class="meta-item"> | |
| <span class="meta-label">ๆดๆฐๆ้</span> | |
| <span class="meta-value" id="generatedAt">่ผๅ ฅไธญ...</span> | |
| </div> | |
| </div> | |
| <!-- 649 meta (shown when 649 tab active) --> | |
| <div class="header-meta tab-meta" id="meta-649" style="display:none"> | |
| <div class="meta-item"> | |
| <span class="meta-label">่ณๆ็ญๆธ</span> | |
| <span class="meta-value" id="totalDraws_649">่ผๅ ฅไธญ...</span> | |
| </div> | |
| <div class="meta-item"> | |
| <span class="meta-label">ๆๆฐไธๆ</span> | |
| <span class="meta-value" id="latestDate_649">่ผๅ ฅไธญ...</span> | |
| </div> | |
| <div class="meta-item"> | |
| <span class="meta-label">ๆดๆฐๆ้</span> | |
| <span class="meta-value" id="generatedAt_649">่ผๅ ฅไธญ...</span> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Tab Navigation --> | |
| <div class="tab-nav"> | |
| <div class="tab-nav-inner"> | |
| <button class="tab-btn tab-btn-539 active" id="tabBtn539" onclick="switchTab('539')"> | |
| ๐ฏ ไปๅฝฉ539 | |
| </button> | |
| <button class="tab-btn tab-btn-649" id="tabBtn649" onclick="switchTab('649')"> | |
| ๐ ๅคงๆจ้ | |
| </button> | |
| </div> | |
| </div> | |
| <!-- โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ --> | |
| <!-- TAB: ไปๅฝฉ539 --> | |
| <!-- โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ --> | |
| <div id="tab-539" class="tab-content active"> | |
| <main class="main-content"> | |
| <!-- Prediction Panel --> | |
| <section class="section prediction-section"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ฏ ไธๆ้ ๆธฌ่็ขผ</h2> | |
| <p class="section-subtitle">ๆจกๅ๏ผM3 SpreadOverdue โ ๅฐ 1โ39 ๅๆ 5 ๅ้๏ผๆฏๅ้ธๆไน ๆชๅบ็พ่็ขผ๏ผๅๆธฌโฅ1ๅฝไธญ็ 51.30%</p> | |
| </div> | |
| <div class="prediction-card glass-card"> | |
| <div class="balls-container" id="predictionBalls"> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| </div> | |
| <button class="predict-btn" id="predictBtn" onclick="runPrediction()"> | |
| <span class="btn-icon">๐ฎ</span> | |
| <span>้ๆฐ้ ๆธฌ</span> | |
| </button> | |
| <div class="prediction-note"> | |
| โ ๏ธ ๅฝฉๅธๅ ทๆไธ็ขบๅฎๆง๏ผๆฌ้ ๆธฌๅ ไพๅ่ๅจๆจ๏ผ่ซ็ๆง่ณผ่ฒทใ | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Row --> | |
| <section class="section stats-section"> | |
| <div class="stats-grid"> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">๐ฅ</span> | |
| <h3>็ฑ้่็ขผ Top 10</h3> | |
| <span class="stat-badge">ๅบ็พๆๅค</span> | |
| </div> | |
| <div class="number-badges" id="hotNumbers"></div> | |
| </div> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">๐ง</span> | |
| <h3>ๅท้่็ขผ Top 10</h3> | |
| <span class="stat-badge cold">ๅบ็พๆๅฐ</span> | |
| </div> | |
| <div class="number-badges" id="coldNumbers"></div> | |
| </div> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">โฐ</span> | |
| <h3>้ฒๅฐ่็ขผ Top 10</h3> | |
| <span class="stat-badge overdue">ๆไน ๆชๅบ็พ</span> | |
| </div> | |
| <div class="number-badges" id="overdueNumbers"></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Probability Ranking Table --> | |
| <section class="section ranking-section"> | |
| <div class="glass-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๅ จ่็ขผ้ ๆธฌๆฉ็ๆๅบ (01โ39)</h2> | |
| <div style="font-size:0.75rem;color:var(--text-muted);line-height:1.6"> | |
| ่ฉๅๅ ฌๅผ๏ผ<span style="color:#c084fc">้ฒๅฐๆๆธ 50%</span> + <span style="color:#67e8f9">ๅท้็จๅบฆ 30%</span> + <span style="color:#86efac">่ฟ30ๆๆชๅบ็พ 20%</span> | |
| </div> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table class="history-table" style="font-size:0.82rem"> | |
| <thead> | |
| <tr> | |
| <th style="width:44px">ๆๅ</th> | |
| <th style="width:52px">่็ขผ</th> | |
| <th>้ ๆธฌๅพๅ</th> | |
| <th>้ฒๅฐๆๆธ</th> | |
| <th>ๆญทๅฒๅบ็พ</th> | |
| <th>่ฟ30ๆ</th> | |
| <th>ๅ้ ๅพๅ<span style="font-size:0.65rem;opacity:0.6;margin-left:4px">(้ฒ+ๅท+่ฟ)</span></th> | |
| <th style="width:60px"></th> | |
| </tr> | |
| </thead> | |
| <tbody id="rankingBody"> | |
| <tr><td colspan="8" class="loading-row">โณ ่จ็ฎไธญ...</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Frequency Chart --> | |
| <section class="section chart-section"> | |
| <div class="glass-card chart-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๅ จ่็ขผๅบ็พ้ ป็ (01โ39)</h2> | |
| <div class="chart-controls"> | |
| <button class="chip active" onclick="setSort('number', this)">ๆ่็ขผๆๅบ</button> | |
| <button class="chip" onclick="setSort('freq', this)">ๆ้ ป็ๆๅบ</button> | |
| </div> | |
| </div> | |
| <div class="chart-wrapper"> | |
| <canvas id="freqChart"></canvas> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- History Table --> | |
| <section class="section history-section"> | |
| <div class="glass-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๆญทๅฒ้็็ด้</h2> | |
| <div class="history-controls"> | |
| <input type="text" class="search-input" id="historySearch" placeholder="ๆๅฐ่็ขผๆๆฅๆ..." oninput="filterHistory()" /> | |
| <span class="result-count" id="resultCount"></span> | |
| </div> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table class="history-table" id="historyTable"> | |
| <thead> | |
| <tr> | |
| <th>ๆ่</th> | |
| <th>ๆฅๆ</th> | |
| <th colspan="5">้็่็ขผ</th> | |
| </tr> | |
| </thead> | |
| <tbody id="historyBody"> | |
| <tr><td colspan="7" class="loading-row">โณ ่ผๅ ฅ่ณๆไธญ...</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <div class="pagination" id="pagination"></div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="site-footer"> | |
| <p>่ณๆไพๆบ๏ผ<a href="https://www.pilio.idv.tw/lto539/list.asp" target="_blank" rel="noopener">pilio.idv.tw</a> ยท ๆฌ็ณป็ตฑๅ ไพๅ่ๅจๆจ๏ผไธไฟ่ญไปปไฝ้ ๆธฌๆบ็ขบๆง</p> | |
| </footer> | |
| </div> | |
| <!-- โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ --> | |
| <!-- TAB: ๅคงๆจ้ (649) --> | |
| <!-- โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ --> | |
| <div id="tab-649" class="tab-content lottery-649"> | |
| <main class="main-content"> | |
| <!-- Prediction Panel --> | |
| <section class="section prediction-section"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ฏ ไธๆ้ ๆธฌ่็ขผ</h2> | |
| <p class="section-subtitle">ๆจกๅ๏ผM3 SpreadOverdue โ ๅฐ 1โ49 ๅๆ 6 ๅ้๏ผๆฏๅ้ธๆไน ๆชๅบ็พ่็ขผ</p> | |
| <a href="accuracy649.html" style="display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.4);border-radius:9999px;color:#f87171;font-size:0.82rem;font-weight:600;text-decoration:none;transition:all 0.2s" onmouseover="this.style.background='rgba(239,68,68,0.3)'" onmouseout="this.style.background='rgba(239,68,68,0.15)'"> | |
| ๐ ๅฝไธญ็ๅๆธฌ | |
| </a> | |
| </div> | |
| <div class="prediction-card glass-card prediction-card-649"> | |
| <!-- Regular 6 numbers --> | |
| <div class="balls-container" id="predictionBalls_649"> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| <div class="ball-placeholder"></div> | |
| </div> | |
| <!-- Special number (็นๅฅ่) --> | |
| <div style="display:flex;align-items:center;gap:12px;margin-top:4px"> | |
| <span style="font-size:0.8rem;color:var(--text-muted);white-space:nowrap">็นๅฅ่</span> | |
| <div class="balls-container" id="predictionSpecial_649" style="gap:12px"> | |
| <div class="ball-placeholder"></div> | |
| </div> | |
| </div> | |
| <button class="predict-btn predict-btn-649" id="predictBtn_649" onclick="runPrediction_649()"> | |
| <span class="btn-icon">๐ฎ</span> | |
| <span>้ๆฐ้ ๆธฌ</span> | |
| </button> | |
| <div class="prediction-note"> | |
| โ ๏ธ ๅฝฉๅธๅ ทๆไธ็ขบๅฎๆง๏ผๆฌ้ ๆธฌๅ ไพๅ่ๅจๆจ๏ผ่ซ็ๆง่ณผ่ฒทใๆฏ้ฑไธใๅ้็ใ | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Row --> | |
| <section class="section stats-section"> | |
| <div class="stats-grid"> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">๐ฅ</span> | |
| <h3>็ฑ้่็ขผ Top 10</h3> | |
| <span class="stat-badge">ๅบ็พๆๅค</span> | |
| </div> | |
| <div class="number-badges" id="hotNumbers_649"></div> | |
| </div> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">๐ง</span> | |
| <h3>ๅท้่็ขผ Top 10</h3> | |
| <span class="stat-badge cold">ๅบ็พๆๅฐ</span> | |
| </div> | |
| <div class="number-badges" id="coldNumbers_649"></div> | |
| </div> | |
| <div class="stat-card glass-card"> | |
| <div class="stat-card-header"> | |
| <span class="stat-icon">โฐ</span> | |
| <h3>้ฒๅฐ่็ขผ Top 10</h3> | |
| <span class="stat-badge overdue">ๆไน ๆชๅบ็พ</span> | |
| </div> | |
| <div class="number-badges" id="overdueNumbers_649"></div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Probability Ranking Table --> | |
| <section class="section ranking-section"> | |
| <div class="glass-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๅ จ่็ขผ้ ๆธฌๆฉ็ๆๅบ (01โ49)</h2> | |
| <div style="font-size:0.75rem;color:var(--text-muted);line-height:1.6"> | |
| ่ฉๅๅ ฌๅผ๏ผ<span style="color:#c084fc">้ฒๅฐๆๆธ 50%</span> + <span style="color:#67e8f9">ๅท้็จๅบฆ 30%</span> + <span style="color:#86efac">่ฟ30ๆๆชๅบ็พ 20%</span> | |
| </div> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table class="history-table" style="font-size:0.82rem"> | |
| <thead> | |
| <tr> | |
| <th style="width:44px">ๆๅ</th> | |
| <th style="width:52px">่็ขผ</th> | |
| <th>้ ๆธฌๅพๅ</th> | |
| <th>้ฒๅฐๆๆธ</th> | |
| <th>ๆญทๅฒๅบ็พ</th> | |
| <th>่ฟ30ๆ</th> | |
| <th>ๅ้ ๅพๅ<span style="font-size:0.65rem;opacity:0.6;margin-left:4px">(้ฒ+ๅท+่ฟ)</span></th> | |
| <th style="width:60px"></th> | |
| </tr> | |
| </thead> | |
| <tbody id="rankingBody_649"> | |
| <tr><td colspan="8" class="loading-row">โณ ่จ็ฎไธญ...</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Frequency Chart --> | |
| <section class="section chart-section"> | |
| <div class="glass-card chart-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๅ จ่็ขผๅบ็พ้ ป็ (01โ49)</h2> | |
| <div class="chart-controls"> | |
| <button class="chip active" onclick="setSort_649('number', this)">ๆ่็ขผๆๅบ</button> | |
| <button class="chip" onclick="setSort_649('freq', this)">ๆ้ ป็ๆๅบ</button> | |
| </div> | |
| </div> | |
| <div class="chart-wrapper"> | |
| <canvas id="freqChart_649"></canvas> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- History Table --> | |
| <section class="section history-section"> | |
| <div class="glass-card"> | |
| <div class="section-header"> | |
| <h2 class="section-title">๐ ๆญทๅฒ้็็ด้</h2> | |
| <div class="history-controls"> | |
| <input type="text" class="search-input" id="historySearch_649" placeholder="ๆๅฐ่็ขผๆๆฅๆ..." oninput="filterHistory_649()" /> | |
| <span class="result-count" id="resultCount_649"></span> | |
| </div> | |
| </div> | |
| <div class="table-wrapper"> | |
| <table class="history-table" id="historyTable_649"> | |
| <thead> | |
| <tr> | |
| <th>ๆ่</th> | |
| <th>ๆฅๆ</th> | |
| <th colspan="6">้็่็ขผ (6ๅ่็ขผ)</th> | |
| <th style="color:#f87171">็นๅฅ่</th> | |
| </tr> | |
| </thead> | |
| <tbody id="historyBody_649"> | |
| <tr><td colspan="9" class="loading-row">โณ ่ผๅ ฅ่ณๆไธญ...</td></tr> | |
| </tbody> | |
| </table> | |
| </div> | |
| <div class="pagination" id="pagination_649"></div> | |
| </div> | |
| </section> | |
| </main> | |
| <footer class="site-footer"> | |
| <p>่ณๆไพๆบ๏ผ<a href="https://www.pilio.idv.tw/lotto/list.asp" target="_blank" rel="noopener">pilio.idv.tw</a> ยท ๅคงๆจ้ๆฏ้ฑไธใๅ้็ ยท ๆฌ็ณป็ตฑๅ ไพๅ่ๅจๆจ๏ผไธไฟ่ญไปปไฝ้ ๆธฌๆบ็ขบๆง</p> | |
| </footer> | |
| </div> | |
| <script src="app.js"></script> | |
| <script src="app649.js"></script> | |
| <script> | |
| // โโโ Tab Switching โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโ | |
| function switchTab(tab) { | |
| // Update tab buttons | |
| document.getElementById('tabBtn539').classList.toggle('active', tab === '539'); | |
| document.getElementById('tabBtn649').classList.toggle('active', tab === '649'); | |
| // Update tab content | |
| document.getElementById('tab-539').classList.toggle('active', tab === '539'); | |
| document.getElementById('tab-649').classList.toggle('active', tab === '649'); | |
| // Update header meta panels | |
| document.getElementById('meta-539').style.display = tab === '539' ? 'flex' : 'none'; | |
| document.getElementById('meta-649').style.display = tab === '649' ? 'flex' : 'none'; | |
| // Lazy-load data on first activation | |
| if (tab === '539') { | |
| init539(); | |
| } else if (tab === '649') { | |
| init649(); | |
| // Re-render chart after tab becomes visible (canvas needs layout) | |
| setTimeout(() => { | |
| if (typeof allDraws_649 !== 'undefined' && allDraws_649.length) renderChart_649(); | |
| }, 50); | |
| } | |
| } | |
| // โโโ Bootstrap: activate the 539 tab on page load โโโโโโโโโโโโโโโโโโโโโโโโโโ | |
| switchTab('539'); | |
| </script> | |
| </body> | |
| </html> | |