https://desolve.pages.dev/tags/%E8%82%A1%E5%B8%82/Recent content in 股市 on 跟著 Desolve 學程式Hugo -- gohugo.iozh-twThu, 08 Oct 2026 00:00:00 +0800https://desolve.pages.dev/post/stock-market-tarot-fortune-teller/Thu, 08 Oct 2026 00:00:00 +0800https://desolve.pages.dev/post/stock-market-tarot-fortune-teller/<p>各位股海浮沉的戰友們，大家好！XD</p> <p>今天來點不一樣的，開盤前，我們先來抽三張牌看看今天的運勢吧！👇</p> <div id="stock-tarot-app" class="tarot-wrapper"> <style> .tarot-wrapper, .tarot-wrapper * { box-sizing: border-box; } .tarot-wrapper { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color: var(--body-background, #f3f4f6); color: var(--body-text-color, #1f2937); padding: 30px; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); max-width: 900px; width: 100%; margin: 0 auto; } html[data-scheme="dark"] .tarot-wrapper { background-color: transparent; } .tarot-wrapper h1 { text-align: center; font-size: 26px; margin-top: 0; margin-bottom: 10px; color: var(--card-text-color-main, #111827); } .disclaimer { text-align: center; font-size: 13px; color: #ef4444; background: rgba(239, 68, 68, 0.1); padding: 8px; border-radius: 6px; margin-bottom: 25px; } .controls { display: flex; justify-content: center; gap: 10px; margin-bottom: 30px; flex-wrap: wrap; } .btn { padding: 10px 20px; border: none; border-radius: 8px; font-size: 16px; font-weight: bold; cursor: pointer; transition: transform 0.1s, opacity 0.2s; color: #fff; touch-action: manipulation; } .btn:active { transform: scale(0.95); } .btn-primary { background: linear-gradient(135deg, #6366f1, #8b5cf6); } .btn-secondary { background: linear-gradient(135deg, #10b981, #34d399); } .btn-tertiary { background: linear-gradient(135deg, #f59e0b, #fbbf24); } .cards-layout { display: flex; justify-content: space-around; gap: 15px; margin-bottom: 30px; flex-wrap: wrap; } .card-slot { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 200px; } .slot-title { font-size: 18px; margin-bottom: 15px; color: var(--card-text-color-main, #374151); } .tarot-card-container { perspective: 1000px; width: 160px; height: 270px; margin-bottom: 15px; } .tarot-card { width: 100%; height: 100%; position: relative; transition: transform 0.8s; transform-style: preserve-3d; cursor: pointer; box-shadow: 0 6px 12px rgba(0,0,0,0.15); border-radius: 10px; touch-action: manipulation; } .tarot-card.flipped { transform: rotateY(180deg); } .tarot-card.empty { cursor: default; box-shadow: none; border: 2px dashed #9ca3af; background: transparent; } @keyframes flyIn { from { transform: translateY(150px) scale(0.5); opacity: 0; } to { transform: translateY(0) scale(1); opacity: 1; } } .tarot-card-container.fly-in { animation: flyIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; } .deck-fan-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); z-index: 9999; display: none; flex-direction: column; justify-content: center; align-items: center; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .deck-fan-container { position: absolute; bottom: 0; left: 0; width: 100vw; height: 100vh; overflow: hidden; perspective: 1200px; pointer-events: none; } .deck-fan-instruction { position: absolute; top: 18%; width: 100%; text-align: center; color: #fcd34d; font-weight: bold; font-size: 26px; z-index: 100; text-shadow: 0 2px 10px rgba(0,0,0,0.9); padding: 0 16px; } .fan-card { position: absolute; width: var(--fan-card-w, 90px); height: var(--fan-card-h, 155px); background-color: #0f172a; background-image: url("https://img.magnific.com/premium-photo/paper-frames-decorative-backgrounds-vintageinspired-urban-themes-creative-templates_1020495-136298.jpg?w=1060"); background-size: cover; background-position: center; border: 3px solid #eab308; border-radius: 6px; box-shadow: -3px 3px 10px rgba(0,0,0,0.5); cursor: pointer; transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.4s; transform-origin: bottom center; bottom: var(--fan-bottom, 50px); left: 50%; margin-left: calc(var(--fan-card-w, 90px) / -2); pointer-events: auto; touch-action: manipulation; -webkit-tap-highlight-color: transparent; } .fan-card:hover, .fan-card:active { box-shadow: -2px 10px 20px rgba(234, 179, 8, 0.4); border-color: #fef08a; z-index: 999 !important; } .fan-card.picked { opacity: 0; pointer-events: none; transform: translateY(-100px) scale(1.2) !important; } .card-front, .card-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 10px; overflow: hidden; } .card-front { background-color: #0f172a; background-image: url("https://img.magnific.com/premium-photo/paper-frames-decorative-backgrounds-vintageinspired-urban-themes-creative-templates_1020495-136298.jpg?w=1060"); background-size: cover; background-position: center; border: 6px solid #eab308; box-sizing: border-box; } .card-back { background-color: #fff; transform: rotateY(180deg); border: 4px solid #f1f5f9; } .card-back img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; } .tarot-card.reversed .card-back img { transform: rotateZ(180deg); } .card-desc { text-align: center; font-size: 15px; min-height: 80px; background: var(--card-background, #fff); padding: 12px; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); width: 100%; box-sizing: border-box; border: 1px solid var(--card-separator-color, #e5e7eb); } .card-desc .card-name { font-weight: bold; color: #6366f1; margin-bottom: 5px; display: block; } html[data-scheme="dark"] .card-desc .card-name { color: #818cf8; } .card-desc .card-status { display: inline-block; padding: 2px 6px; border-radius: 4px; font-size: 12px; font-weight: bold; margin-bottom: 5px; } .status-up { background: #dcfce7; color: #166534; } .status-rev { background: #fee2e2; color: #991b1b; } html[data-scheme="dark"] .status-up { background: rgba(74,222,128,0.2); color: #4ade80; } html[data-scheme="dark"] .status-rev { background: rgba(248,113,113,0.2); color: #f87171; } .overall-fortune { background: var(--card-background, #fff); padding: 20px; border-radius: 10px; border-left: 5px solid #8b5cf6; margin-top: 20px; border-right: 1px solid var(--card-separator-color, #e5e7eb); border-top: 1px solid var(--card-separator-color, #e5e7eb); border-bottom: 1px solid var(--card-separator-color, #e5e7eb); } .overall-fortune h3 { margin-top: 0; color: #8b5cf6; } html[data-scheme="dark"] .overall-fortune h3 { color: #a78bfa; } header.article-header .article-title { display: none !important; } @media (max-width: 768px) { .cards-layout { gap: 20px; } .card-slot { min-width: 170px; } .tarot-card-container { width: 145px; height: 245px; } } @media (max-width: 650px) { .tarot-wrapper { padding: 16px 12px; border-radius: 8px; width: 100%; } .tarot-wrapper h1 { font-size: 19px; line-height: 1.35; margin-bottom: 8px; word-break: break-word; } .tarot-wrapper h1 img { width: 24px !important; height: 24px !important; margin-right: 6px !important; } .disclaimer { font-size: 12px; padding: 8px 10px; margin-bottom: 16px; line-height: 1.4; } .controls { flex-direction: column; gap: 8px; margin-bottom: 20px; } .btn { width: 100%; font-size: 15px; padding: 12px 16px; } .cards-layout { flex-direction: column; align-items: center; gap: 24px; margin-bottom: 25px; } .card-slot { width: 100%; max-width: 320px; min-width: unset; } .slot-title { font-size: 17px; margin-bottom: 10px; } .tarot-card-container { width: 140px; height: 236px; margin-bottom: 12px; } .card-desc { font-size: 14px; padding: 10px; min-height: 70px; line-height: 1.5; } .overall-fortune { padding: 16px; margin-top: 15px; font-size: 14px; line-height: 1.6; } .overall-fortune h3 { font-size: 17px; margin-bottom: 8px; } .deck-fan-instruction { font-size: 18px; top: 10%; padding: 0 16px; line-height: 1.4; } .fan-card { border-width: 2px; border-radius: 4px; box-shadow: -2px 2px 6px rgba(0,0,0,0.6); } } </style> <h1><img src="https://cdn-icons-png.flaticon.com/512/8041/8041668.png" alt="tarot" style="width: 32px; height: 32px; vertical-align: middle; margin-right: 8px; margin-bottom: 5px;">股市塔羅運勢占卜器：開盤前來抽三張牌吧！</h1> <p class="disclaimer">⚠️ 非專業占卜，本工具僅供娛樂與參考。股市有賺有賠，投資請謹慎理財，盈虧自負！</p> <div class="controls" data-html2canvas-ignore> <button id="draw-btn" class="btn btn-primary">🎴 為我抽三張牌 (開盤/盤中/收盤)</button> <button id="reset-btn" class="btn btn-secondary" style="display:none;">🔄 重新占卜</button> <button id="share-btn" class="btn btn-tertiary" style="display:none;">📸 截圖分享</button> </div> <div class="deck-fan-overlay" id="deck-fan" data-html2canvas-ignore> <div class="deck-fan-container" id="deck-fan-inner"> <div class="deck-fan-instruction" id="fan-instruction">請憑直覺從牌堆中抽出 3 張牌</div> </div> </div> <div class="cards-layout" id="cards-layout"> <div class="card-slot" id="slot-0"> <h3 class="slot-title">🌅 開盤運勢</h3> <div class="tarot-card-container"> <div class="tarot-card empty" id="card-0" onclick="flipCard(0)"></div> </div> <div class="card-desc" id="desc-0">等待抽牌...</div> </div> <div class="card-slot" id="slot-1"> <h3 class="slot-title">☀️ 盤中運勢</h3> <div class="tarot-card-container"> <div class="tarot-card empty" id="card-1" onclick="flipCard(1)"></div> </div> <div class="card-desc" id="desc-1">等待抽牌...</div> </div> <div class="card-slot" id="slot-2"> <h3 class="slot-title">🌙 收盤運勢</h3> <div class="tarot-card-container"> <div class="tarot-card empty" id="card-2" onclick="flipCard(2)"></div> </div> <div class="card-desc" id="desc-2">等待抽牌...</div> </div> </div> <div class="overall-fortune" id="overall-fortune" style="display:none;"> <h3>📊 總體股市運勢解析</h3> <p id="overall-text"></p> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script> <script> const TAROT_DECK = [ { id: "m00", name: "愚者 (The Fool)", up: "新手無畏、盲目追高、具備爆發潛力", rev: "當韭菜、無視風險、錯失良機" }, { id: "m01", name: "魔術師 (The Magician)", up: "掌握籌碼、靈活操作、主力拉抬", rev: "遇上假消息、主力誘多/誘空" }, { id: "m02", name: "女祭司 (The High Priestess)", up: "冷靜觀望、基本面研究、等待時機", rev: "失去直覺、判斷失誤、消息混亂" }, { id: "m03", name: "皇后 (The Empress)", up: "豐收、高配息、穩健成長股", rev: "過度樂觀、浪費資金、獲利回吐" }, { id: "m04", name: "皇帝 (The Emperor)", up: "國家隊護盤、大型權值股穩盤、紀律操作", rev: "政策打壓、大環境不佳、失去紀律" }, { id: "m05", name: "教皇 (The Hierophant)", up: "聽從投顧/外資報告、主流類股", rev: "盲從跟單被套牢、跌破專家眼鏡" }, { id: "m06", name: "戀人 (The Lovers)", up: "併購題材、資金青睞、完美買點", rev: "投資決策錯誤、合作破局、選錯股" }, { id: "m07", name: "戰車 (The Chariot)", up: "強勢多頭、突破前高、動能強勁", rev: "追高殺低、失去方向、動能衰退" }, { id: "m08", name: "力量 (Strength)", up: "抱緊處理、克服恐懼、長線獲利", rev: "信心崩潰、恐慌性拋售、抱不住" }, { id: "m09", name: "隱者 (The Hermit)", up: "冷門潛力股、逆勢操作、遠離喧囂", rev: "被邊緣化、孤注一擲、錯失主流" }, { id: "m10", name: "命運之輪 (Wheel of Fortune)", up: "景氣循環向上、風水輪流轉、時機到來", rev: "景氣下行、運氣不佳、被套牢" }, { id: "m11", name: "正義 (Justice)", up: "財報回歸基本面、合理估值、法規利多", rev: "財報暴雷、估值過高、違規交割" }, { id: "m12", name: "倒吊人 (The Hanged Man)", up: "暫時套牢但有轉機、以時間換取空間", rev: "無謂的犧牲、死不認錯、凹單" }, { id: "m13", name: "死神 (Death)", up: "停損出場、下市危機、徹底洗盤", rev: "死裡逃生、破底翻、否極泰來" }, { id: "m14", name: "節制 (Temperance)", up: "資產配置、資金控管得當、高低拋接", rev: "資金失衡、過度集中、無法調度" }, { id: "m15", name: "惡魔 (The Devil)", up: "貪婪、無本當沖、高槓桿風險、炒作股", rev: "解除槓桿、斷頭出場、認賠殺出" }, { id: "m16", name: "高塔 (The Tower)", up: "黑天鵝事件、崩盤、系統性風險、連續跌停", rev: "逃過一劫、危機逐漸解除" }, { id: "m17", name: "星星 (The Star)", up: "未來展望佳、新興產業、希望無窮", rev: "畫大餅、夢想幻滅、本夢比破裂" }, { id: "m18", name: "月亮 (The Moon)", up: "前景不明、利空潛伏、市場恐慌", rev: "利空出盡、真相大白、不確定性消除" }, { id: "m19", name: "太陽 (The Sun)", up: "利多齊發、全面普漲、大牛市", rev: "利多不漲、高檔震盪、熱度稍退" }, { id: "m20", name: "審判 (Judgement)", up: "財報開獎、重大宣佈、關鍵轉折點", rev: "壞消息成真、錯失逃命波" }, { id: "m21", name: "世界 (The World)", up: "完美獲利了結、目標價達成、圓滿收場", rev: "延遲達標、尚欠東風、獲利縮水" } ]; const suits = [ { prefix: "w", name: "權杖", type: "動能面" }, { prefix: "c", name: "聖杯", type: "情緒面" }, { prefix: "s", name: "寶劍", type: "風險面" }, { prefix: "p", name: "星幣", type: "基本面" } ]; const ranks = [ { num: "01", name: "王牌 (Ace)", up: "趨勢初步成型、新資金湧入", rev: "動能受阻、假突破/假跌破" }, { num: "02", name: "二 (Two)", up: "多空交戰、陷入盤整觀望", rev: "失去平衡、方向即將表態" }, { num: "03", name: "三 (Three)", up: "初步獲利、團隊合作/法人共識", rev: "共識破裂、行情面臨考驗" }, { num: "04", name: "四 (Four)", up: "支撐強勁、防禦型操作、穩健保本", rev: "久盤必跌、過度保守錯失機會" }, { num: "05", name: "五 (Five)", up: "市場震盪、停損出場、陣痛期", rev: "熬過低谷、跌深反彈" }, { num: "06", name: "六 (Six)", up: "順風順水、均線多頭排列、穩步向上", rev: "優勢喪失、慎防獲利回吐" }, { num: "07", name: "七 (Seven)", up: "力抗賣壓、守住關鍵價位", rev: "棄守支撐、籌碼鬆動" }, { num: "08", name: "八 (Eight)", up: "急拉/急殺、行情進展迅速", rev: "陷入泥沼、流動性陷阱" }, { num: "09", name: "九 (Nine)", up: "豐收在望、長線佈局開花結果", rev: "臨門一腳失敗、需落袋為安" }, { num: "10", name: "十 (Ten)", up: "極盛而衰、壓力沉重、行情尾聲", rev: "觸底反彈、卸下重擔" }, { num: "11", name: "侍者 (Page)", up: "試單階段、留意初期訊號", rev: "情報錯誤、新手遭套牢" }, { num: "12", name: "騎士 (Knight)", up: "主力急拉、強勢表態、追車時機", rev: "主力出貨、波動劇烈、洗盤" }, { num: "13", name: "王后 (Queen)", up: "穩健操盤、內資/投信發力", rev: "情緒化交易、失去紀律" }, { num: "14", name: "國王 (King)", up: "外資控盤、大局底定、權值股領軍", rev: "大戶割韭菜、強硬打壓" } ]; suits.forEach(suit => { ranks.forEach(rank => { TAROT_DECK.push({ id: `${suit.prefix}${rank.num}`, name: `${suit.name} ${rank.name}`, up: `【${suit.type}】 ${rank.up}`, rev: `【${suit.type}】 ${rank.rev}` }); }); }); let drawnCards = []; let pendingCards = []; let pickedCount = 0; let flippedCount = 0; const BASE_IMAGE_URL = "https://raw.githubusercontent.com/metabismuth/tarot-json/master/cards/"; document.getElementById('draw-btn').addEventListener('click', startFanDrawing); document.getElementById('reset-btn').addEventListener('click', resetBoard); document.getElementById('share-btn').addEventListener('click', shareScreenshot); function getFanLayout() { const w = window.innerWidth; const h = window.innerHeight; const isMobile = w <= 650; const isTablet = w > 650 && w < 950; let cardW, cardH, maxAngle, bottomOffset; if (isMobile) { cardW = 44; cardH = 76; maxAngle = 58; bottomOffset = Math.max(30, Math.round(h * 0.12)); } else if (isTablet) { cardW = 65; cardH = 112; maxAngle = 70; bottomOffset = Math.max(40, Math.round(h * 0.08)); } else { cardW = 90; cardH = 155; maxAngle = 80; bottomOffset = 50; } const radMaxAngle = maxAngle * Math.PI / 180; const halfW = w / 2; const safeMargin = isMobile ? 12 : 35; const edgeOffset = (cardW / 2) * Math.cos(radMaxAngle); const maxRadiusByWidth = ((halfW - safeMargin - edgeOffset) / Math.sin(radMaxAngle)) - cardH; const topSafeRatio = isMobile ? 0.22 : 0.28; const maxRadiusByHeight = (h * (1 - topSafeRatio)) - bottomOffset - cardH; const radius = Math.max(80, Math.min(maxRadiusByWidth, maxRadiusByHeight)); return { isMobile, cardW, cardH, maxAngle, bottomOffset, radius }; } function startFanDrawing() { document.getElementById('draw-btn').style.display = 'none'; pendingCards = []; let deckCopy = [...TAROT_DECK]; for (let i = 0; i < 3; i++) { const randIndex = Math.floor(Math.random() * deckCopy.length); const card = deckCopy.splice(randIndex, 1)[0]; const isReversed = Math.random() > 0.5; pendingCards.push({ ...card, isReversed, flipped: false }); } const fanOverlay = document.getElementById('deck-fan'); const fanInner = document.getElementById('deck-fan-inner'); document.body.appendChild(fanOverlay); fanOverlay.style.display = 'block'; document.getElementById('fan-instruction').innerText = "請憑直覺從牌堆中抽出 3 張牌"; const layout = getFanLayout(); fanInner.style.setProperty('--fan-card-w', `${layout.cardW}px`); fanInner.style.setProperty('--fan-card-h', `${layout.cardH}px`); fanInner.style.setProperty('--fan-bottom', `${layout.bottomOffset}px`); fanInner.querySelectorAll('.fan-card').forEach(el => el.remove()); const totalFanCards = 78; const angleStep = (layout.maxAngle * 2) / (totalFanCards - 1); for (let i = 0; i < totalFanCards; i++) { let card = document.createElement('div'); card.className = 'fan-card'; card.style.transform = `rotate(0deg) translateY(0px)`; card.style.zIndex = i; card.addEventListener('click', function() { if (this.classList.contains('picked') || pickedCount >= 3) return; this.classList.add('picked'); pickCard(); }); fanInner.appendChild(card); let angle = -layout.maxAngle + angleStep * i; setTimeout(() => { card.style.transform = `rotate(${angle}deg) translateY(-${layout.radius}px)`; }, i * (layout.isMobile ? 8 : 14)); } } function pickCard() { if (pickedCount >= 3) return; const cardIndex = pickedCount; drawnCards.push(pendingCards[cardIndex]); const cardEl = document.getElementById(`card-${cardIndex}`); const containerEl = document.querySelector(`#slot-${cardIndex} .tarot-card-container`); containerEl.classList.add('fly-in'); const cardUrl = `${BASE_IMAGE_URL}${drawnCards[cardIndex].id}.jpg`; cardEl.innerHTML = ` <div class="card-front"></div> <div class="card-back"> <img src="${cardUrl}" alt="Tarot Card" crossorigin="anonymous"> </div> `; if (drawnCards[cardIndex].isReversed) { cardEl.classList.add('reversed'); } document.getElementById(`desc-${cardIndex}`).innerHTML = `<span style="color:#8b5cf6; font-weight:bold;">✨ 點擊卡牌翻開...</span>`; pickedCount++; if (pickedCount === 3) { document.getElementById('fan-instruction').innerText = "發牌完成！請點擊下方卡牌檢視運勢"; setTimeout(() => { document.getElementById('deck-fan').style.display = 'none'; document.getElementById('reset-btn').style.display = 'inline-block'; const app = document.getElementById('stock-tarot-app'); app.appendChild(document.getElementById('deck-fan')); if (window.innerWidth <= 650) { const layoutEl = document.getElementById('cards-layout'); if (layoutEl) { layoutEl.scrollIntoView({ behavior: 'smooth', block: 'start' }); } } }, 1000); } } function flipCard(index) { if (pickedCount < 3) return; if (!drawnCards[index] || drawnCards[index].flipped) return; const cardEl = document.getElementById(`card-${index}`); cardEl.classList.add('flipped'); drawnCards[index].flipped = true; const card = drawnCards[index]; const statusHtml = card.isReversed ? `<span class="card-status status-rev">▼ 逆位</span>` : `<span class="card-status status-up">▲ 正位</span>`; const meaning = card.isReversed ? card.rev : card.up; document.getElementById(`desc-${index}`).innerHTML = ` ${statusHtml} <span class="card-name">${card.name}</span> <span>${meaning}</span> `; flippedCount++; if (flippedCount === 3) { showOverallFortune(); } } function showOverallFortune() { const upCount = drawnCards.filter(c => !c.isReversed).length; let text = ""; if (upCount === 3) { text = "🎉 **大吉大利！** 今日市場多頭氣盛，三張牌皆為正位，暗示整體趨勢非常健康，適合順勢操作，獲利機率極高！但別忘了設好停利點，讓利潤奔跑。"; } else if (upCount === 2) { text = "📈 **吉中帶險！** 大方向偏多，但需留意盤中震盪或反轉訊號（逆位牌出現的時段），記得見好就收，避免獲利回吐。"; } else if (upCount === 1) { text = "⚠️ **逆風操作！** 市場雜音較多，容易被主力洗盤或面臨假突破。建議多看少做，保守為宜，保護本金是今日的首要任務。"; } else { text = "⛈️ **烏雲罩頂！** 三張牌皆為逆位，空頭來勢洶洶或市場極度恐慌。切忌接刀子，空手觀望是最好的策略，等待風暴過去再進場！"; } document.getElementById('overall-text').innerHTML = text.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>'); document.getElementById('overall-fortune').style.display = 'block'; document.getElementById('share-btn').style.display = 'inline-block'; } function resetBoard() { document.getElementById('deck-fan').style.display = 'none'; const app = document.getElementById('stock-tarot-app'); app.appendChild(document.getElementById('deck-fan')); for (let i = 0; i < 3; i++) { const containerEl = document.querySelector(`#slot-${i} .tarot-card-container`); if(containerEl) containerEl.classList.remove('fly-in'); const cardEl = document.getElementById(`card-${i}`); cardEl.className = 'tarot-card empty'; cardEl.innerHTML = ''; document.getElementById(`desc-${i}`).innerHTML = '等待抽牌...'; } document.getElementById('draw-btn').style.display = 'inline-block'; document.getElementById('reset-btn').style.display = 'none'; document.getElementById('share-btn').style.display = 'none'; document.getElementById('overall-fortune').style.display = 'none'; drawnCards = []; pendingCards = []; pickedCount = 0; flippedCount = 0; } function shareScreenshot() { const btn = document.getElementById('share-btn'); const originalText = btn.innerHTML; btn.innerHTML = '📸 正在產生截圖...'; const app = document.getElementById('stock-tarot-app'); const rootTheme = document.documentElement.getAttribute('data-scheme'); const targetBg = rootTheme === 'dark' ? '#181825' : '#f3f4f6'; const clone = app.cloneNode(true); clone.style.position = 'absolute'; clone.style.top = '0px'; clone.style.left = '0px'; clone.style.zIndex = '-9999'; clone.style.margin = '0'; clone.style.width = app.offsetWidth + 'px'; clone.style.backgroundColor = targetBg; document.body.appendChild(clone); html2canvas(clone, { useCORS: true, backgroundColor: targetBg, scale: window.devicePixelRatio > 1 ? 2 : window.devicePixelRatio }).then(canvas => { document.body.removeChild(clone); const link = document.createElement('a'); link.download = '股市塔羅占卜結果.png'; link.href = canvas.toDataURL('image/png'); link.click(); btn.innerHTML = originalText; }).catch(err => { if (document.body.contains(clone)) document.body.removeChild(clone); console.error(err); alert('截圖產生失敗，可能是因為載入外部圖片遭到 CORS 阻擋。請確保您的瀏覽器支援。'); btn.innerHTML = originalText; }); } </script> </div> <hr> <h2 id="-工具介紹為什麼會有這個占卜器">💡 工具介紹：為什麼會有這個占卜器？ </h2><p>有時候除了看基本面、技術面、籌碼面之外，我們似乎也需要一點點&hellip;「玄學面」的指引？（笑）<br> 為此，我特別結合了標準 78 張偉特塔羅牌，將牌義大幅「在地化」為符合台股情境的解釋，開發了這款 <strong>【股市塔羅運勢占卜器】</strong>！</p> <p>不管是新手散戶、當沖客還是長線存股族，都可以來試試手氣：</p> <ul> <li><strong>台股專屬解析</strong>：星幣代表「基本面」、寶劍代表「風險/技術面」、聖杯代表「情緒面」、權杖則是「動能與題材」。</li> <li><strong>沉浸式抽牌</strong>：按下抽牌後，請憑直覺從展開的扇形牌堆中選出 3 張牌（對應開盤、盤中、收盤）。</li> <li><strong>一鍵截圖分享</strong>：抽完後，會根據正逆位比例給你今日的總體解析，還可以一鍵截圖分享到你的 LINE 股友群組！</li> </ul> <h2 id="-免責聲明很重要">⚠️ 免責聲明（很重要！！） </h2><p><strong><span style="color:#ef4444">非專業占卜，本工具僅供娛樂與參考！</span></strong><br> 股市有賺有賠，千萬不要因為抽到「死神」就把台積電全部停損，也不要因為抽到「太陽」就隨便全倉開槓桿！投資請務必謹慎理財，盈虧自負！XD</p> <p>希望這個小工具能為大家枯燥的盯盤日常增添一點樂趣，喜歡的話歡迎分享給身邊的股友們測測運氣！我們下次見囉，掰～</p>