{"id":4076,"date":"2025-11-24T09:50:45","date_gmt":"2025-11-24T09:50:45","guid":{"rendered":"https:\/\/premkara.tw\/heal\/?p=4076"},"modified":"2026-05-12T15:47:24","modified_gmt":"2026-05-12T07:47:24","slug":"tarot-yes-no-oracle","status":"publish","type":"post","link":"https:\/\/premkara.tw\/heal\/tarot-yes-no-oracle\/","title":{"rendered":"Free Online Tarot Yes or No with Percentage: Instant Probability &amp; Guidance"},"content":{"rendered":"<style>\r\n\/* --- \u5916\u5c64\u5bb9\u5668\u8a2d\u8a08 --- *\/\r\n#divination-menu-en {\r\n    width: 100%;\r\n    max-width: 100%;\r\n    box-sizing: border-box;\r\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n    \r\n    \/* \u7070\u8272\u7d30\u5916\u6846 + \u5e95\u8272\u6539\u70ba #f3eeea *\/\r\n    border: 1px solid #ccc; \r\n    background-color: #f3eeea; \r\n    \r\n    border-radius: 6px; \/* \u5713\u89d2 *\/\r\n    padding: 12px 14px; \/* \u5167\u8ddd *\/\r\n    margin-bottom: 20px;\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n    color: #333;\r\n    text-align: left;\r\n}\r\n\r\n\/* --- \u5340\u584a\u6a19\u984c --- *\/\r\n.divination-header-en {\r\n    text-align: center;\r\n    font-size: 18px;\r\n    font-weight: bold;\r\n    color: #555555; \/* \u6df1\u7070\u8272\u5b57\u9ad4 *\/\r\n    margin-bottom: 15px;\r\n    letter-spacing: 0.5px;\r\n}\r\n\r\n\/* --- \u6309\u9215\u7db2\u683c\u6392\u7248 (3\u6b04\u4e26\u6392) --- *\/\r\n.divination-grid-en {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr 1fr; \/* \u4e09\u6b04\u5404\u4f54 1\/3 *\/\r\n    gap: 10px; \/* \u6309\u9215\u9593\u8ddd *\/\r\n    margin-bottom: 15px;\r\n}\r\n\r\n\/* --- \u6309\u9215\u672c\u9ad4 --- *\/\r\n.divination-btn-item-en {\r\n    width: 100%;\r\n}\r\n\r\n\/* \u6309\u9215\u8868\u9762\u6a23\u5f0f (\u984f\u8272 #d89c7a) *\/\r\n.divination-btn-summary-en {\r\n    background-color: #d89c7a; \/* \u8d64\u9676\u8272 *\/\r\n    \r\n    color: #ffffff;\r\n    padding: 10px 5px;\r\n    text-align: center;\r\n    font-size: 15px;\r\n    font-weight: bold;\r\n    border-radius: 5px;\r\n    cursor: pointer;\r\n    list-style: none; \r\n    transition: all 0.2s;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    box-shadow: 0 2px 4px rgba(0,0,0,0.08);\r\n    white-space: nowrap; \/* \u9632\u6b62\u6587\u5b57\u63db\u884c *\/\r\n}\r\n\r\n\/* \u6ed1\u9f20\u79fb\u904e\u53bb\u8b8a\u6df1 *\/\r\n.divination-btn-summary-en:hover {\r\n    background-color: #c28b6d; \r\n    transform: translateY(-2px);\r\n}\r\n\r\n\/* \u5c55\u958b\u5f8c\u7684\u6309\u9215\u984f\u8272 *\/\r\n.divination-btn-item-en[open] .divination-btn-summary-en {\r\n    background-color: #ad7c61;\r\n}\r\n\r\n\/* \u96b1\u85cf\u9810\u8a2d\u4e09\u89d2\u5f62 *\/\r\n.divination-btn-summary-en::-webkit-details-marker {\r\n    display: none;\r\n}\r\n\r\n\/* --- \u4e0b\u62c9\u5167\u5bb9\u5340 --- *\/\r\n.divination-content-en {\r\n    background: #ffffff; \r\n    border: 1px solid #e0e0e0;\r\n    border-top: none;\r\n    padding: 12px;\r\n    border-radius: 0 0 5px 5px;\r\n    font-size: 14px;\r\n    line-height: 1.6;\r\n    margin-top: -2px; \r\n    position: relative;\r\n    z-index: 10;\r\n}\r\n\r\n.divination-content-en a {\r\n    display: block;\r\n    text-decoration: none;\r\n    color: #4a5568;\r\n    padding: 6px 0;\r\n    border-bottom: 1px dashed #eee;\r\n    transition: color 0.2s;\r\n}\r\n.divination-content-en a:last-child {\r\n    border-bottom: none;\r\n}\r\n.divination-content-en a:hover {\r\n    color: #d89c7a; \/* \u9023\u7d50\u6ed1\u9f20\u79fb\u904e\u53bb\u4e5f\u8b8a\u9019\u500b\u984f\u8272 *\/\r\n    font-weight: bold;\r\n    text-decoration: underline;\r\n}\r\n\r\n\/* --- \u4fdd\u7559\u7684\u5e95\u90e8\u9023\u7d50\u6a23\u5f0f --- *\/\r\n.bottom-links-en a {\r\n    text-decoration: none;\r\n    color: #4a5568;\r\n    transition: color 0.2s;\r\n}\r\n.bottom-links-en a:hover {\r\n    text-decoration: underline;\r\n    color: #d89c7a;\r\n}\r\n\r\n\/* \u624b\u6a5f\u7248\u9069\u914d *\/\r\n@media (max-width: 480px) {\r\n    .divination-grid-en {\r\n        gap: 8px;\r\n    }\r\n    .divination-btn-summary-en {\r\n        font-size: 14px;\r\n        padding: 10px 2px;\r\n    }\r\n    #divination-menu-en {\r\n        padding: 12px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div id=\"divination-menu-en\">\r\n    \r\n    <div class=\"divination-header-en\">\r\n        Oracle\r\n    <\/div>\r\n\r\n    <div class=\"divination-grid-en\">\r\n        \r\n        <details class=\"divination-btn-item-en\">\r\n            <summary class=\"divination-btn-summary-en\">Free<\/summary>\r\n            <div class=\"divination-content-en\">\r\n                <a href=\"https:\/\/premkara.tw\/heal\/love-tarot-relationship-reading\/\" target=\"_blank\">Love Tarot<\/a>\r\n                <a href=\"https:\/\/premkara.tw\/heal\/tarot-yes-no-oracle\/\" target=\"_blank\">YesNo<\/a>\r\n                <a href=\"https:\/\/premkara.tw\/heal\/numerology-calculator-en\/\" target=\"_blank\">Number<\/a>\r\n                <a href=\"https:\/\/premkara.tw\/heal\/birthday-number-energy-reading-en\/\" target=\"_blank\">Birthday No.<\/a>\r\n                <a href=\"https:\/\/premkara.tw\/heal\/daily-crystal-oracle\/\" target=\"_blank\">Crystal<\/a>\r\n            <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"divination-btn-item-en\">\r\n            <summary class=\"divination-btn-summary-en\">Sealed<\/summary>\r\n            <div class=\"divination-content-en\">\r\n                <a href=\"https:\/\/premkara.tw\/heal\/soul-tarot-year-forecast-en\/\" target=\"_blank\">Soul Year<\/a>\r\n            <\/div>\r\n        <\/details>\r\n\r\n        <details class=\"divination-btn-item-en\">\r\n            <summary class=\"divination-btn-summary-en\">Pay The Toll<\/summary>\r\n            <div class=\"divination-content-en\">\r\n                <a href=\"https:\/\/premkara.tw\/heal\/pay-the-toll-fortune-yearly-forecast-en\/\" target=\"_blank\">Fortune & Yearly Forecast Room<\/a>\r\n                <a href=\"https:\/\/premkara.tw\/heal\/pay-the-toll-love-divination-en\/\" target=\"_blank\">Love Divination Room<\/a>\r\n            <\/div>\r\n        <\/details>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"bottom-links-en\">\r\n        <hr style=\"margin: 10px 0; border: 0; border-top: 1px dashed #ccc;\">\r\n    \r\n        <div style=\"margin-bottom: 8px;\">\r\n            <strong>Live Session:<\/strong>\r\n            <a href=\"https:\/\/premkara.tw\/heal\/iching-tarot-reading\/\" target=\"_blank\">I-Ching Tarot<\/a>\r\n            |\r\n            <a href=\"https:\/\/premkara.tw\/heal\/crystal-energy-reading-2\/\" target=\"_blank\">Crystal Reading<\/a>\r\n        <\/div>\r\n\r\n        <div style=\"margin-bottom: 8px;\">\r\n            <strong>Psychological Quizzes:<\/strong>\r\n            <a href=\"https:\/\/premkara.tw\/heal\/category\/fun-psychological-quizzes-en\/\" target=\"_blank\">Fun Psychological Quizzes<\/a>\r\n        <\/div>\r\n    \r\n        <hr style=\"margin: 10px 0; border: 0; border-top: 1px dashed #ccc;\">\r\n    \r\n        <div>\r\n            <strong>Share:<\/strong>\r\n            <a href=\"javascript:void(0);\" onclick=\"shareTo('fb')\">FB<\/a>\r\n            |\r\n            <a href=\"javascript:void(0);\" onclick=\"shareTo('threads')\">Threads<\/a>\r\n            |\r\n            <a href=\"javascript:void(0);\" onclick=\"shareTo('line')\">Line<\/a>\r\n            |\r\n            <a href=\"javascript:void(0);\" onclick=\"shareTo('copy')\">Copy Link<\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nfunction shareTo(platform) {\r\n    const url = encodeURIComponent(window.location.href);\r\n    if (platform === 'fb') window.open('https:\/\/www.facebook.com\/sharer\/sharer.php?u=' + url);\r\n    else if (platform === 'threads') window.open('https:\/\/www.threads.net\/intent\/post?text=' + url);\r\n    else if (platform === 'line') window.open('https:\/\/social-plugins.line.me\/lineit\/share?url=' + url);\r\n    else if (platform === 'copy') { navigator.clipboard.writeText(window.location.href).then(() => { alert('Link copied!'); }); }\r\n}\r\n<\/script>\n\n\n<h6 style=\"font-size: 0.9rem; color: #64748b; background-color: #f1f5f9; padding: 0.5rem 1rem; border-radius: 99px; display: inline-block; margin-bottom: 1.5rem; font-weight: 500;\">Rider-Waite (Primary): The Process of Experience \/ Zen Tarot (Auxiliary): Guidance for the Soul<\/h6>\n<h2>Why Use This Free Yes\/No Tarot Reading?<\/h2>\n<p>Looking for a quick answer? This is not just a random generator. Our <strong>Free Tarot Yes or No Oracle<\/strong> combines ancient wisdom with modern somatic psychology to give you clarity instantly.<\/p>\n<p><!--more--><\/p>\n<ul>\n<li><strong>Dual-Deck Wisdom:<\/strong> We integrate the practical foresight of the <strong>Rider-Waite Tarot<\/strong> with the spiritual depth of the <strong>Osho Zen Tarot<\/strong>.<\/li>\n<li><strong>Probability Percentage:<\/strong> Beyond a simple Yes or No, our algorithm calculates the <strong>Success Probability (%)<\/strong> of your situation, helping you make smarter decisions.<\/li>\n<li><strong>Somatic Awareness:<\/strong> Unique to Neutral Mirror (MSER), every reading includes a <strong>Somatic Guidance<\/strong> tip to help you reconnect with your body&#8217;s inner authority.<\/li>\n<\/ul>\n<h3>What Can You Ask?<\/h3>\n<p>This tool is perfect for any specific &#8220;Yes or No&#8221; question, such as:<\/p>\n<ul>\n<li><em>&#8220;Does he\/she still love me?&#8221; (Love &amp; Relationships)<\/em><\/li>\n<li><em>&#8220;Should I take this job offer?&#8221; (Career &amp; Money)<\/em><\/li>\n<li><em>&#8220;Is this the right time to act?&#8221; (Daily Action)<\/em><\/li>\n<\/ul>\n<p>Take a deep breath, center yourself, and tap the button to receive your <strong>free daily guidance<\/strong> now.<\/p>\n\n<style>\r\n  \/* --- Global Settings & Fonts --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap');\r\n\r\n  #yesno-app-wrapper {\r\n    background-image: url('https:\/\/premkara.tw\/heal\/wp-content\/uploads\/2025\/11\/Gemini_Generated_Image_kjmmwkkjmmwkkjmm-scaled.png'); \r\n    background-size: cover; \r\n    background-position: center; \r\n    background-attachment: fixed;\r\n    padding: 40px 20px; \r\n    min-height: 100vh;\r\n    display: flex; \r\n    justify-content: center; \r\n    align-items: center;\r\n    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* --- Main Container --- *\/\r\n  #yesno-app-container {\r\n    max-width: 500px; \r\n    width: 100%;\r\n    background: rgba(255, 255, 255, 0.9); \r\n    backdrop-filter: blur(20px);\r\n    -webkit-backdrop-filter: blur(20px);\r\n    border-radius: 24px; \r\n    padding: 40px 30px;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.25); \r\n    text-align: center;\r\n    border: 1px solid rgba(255,255,255,0.6); \r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* --- Utilities --- *\/\r\n  .hidden { display: none !important; }\r\n  .fade-in { animation: fadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1); }\r\n  @keyframes fadeInUp { \r\n    from { opacity: 0; transform: translateY(20px); } \r\n    to { opacity: 1; transform: translateY(0); } \r\n  }\r\n\r\n  \/* --- Typography --- *\/\r\n  h2.app-title { \r\n    color: #4A4A4A; \r\n    margin: 0 0 15px 0; \r\n    font-weight: 800; \r\n    letter-spacing: 1px; \r\n    font-size: 1.8em; \r\n    text-transform: uppercase;\r\n  }\r\n   \r\n  .subtitle { \r\n    color: #666; \r\n    font-size: 1.05em; \r\n    margin-bottom: 35px; \r\n    line-height: 1.6; \r\n  }\r\n\r\n  \/* --- Buttons --- *\/\r\n  .big-button {\r\n    background: linear-gradient(135deg, #8E2DE2 0%, #4A00E0 100%);\r\n    color: white; \r\n    border: none; \r\n    padding: 18px 40px; \r\n    font-size: 1.2em;\r\n    border-radius: 50px; \r\n    cursor: pointer; \r\n    width: 100%; \r\n    font-weight: 600;\r\n    box-shadow: 0 10px 25px rgba(74, 0, 224, 0.3); \r\n    transition: all 0.3s ease;\r\n    display: flex; \r\n    align-items: center; \r\n    justify-content: center; \r\n    gap: 12px;\r\n  }\r\n  .big-button:hover { transform: translateY(-3px) scale(1.02); }\r\n\r\n  \/* --- Result Area --- *\/\r\n  .percentage-box {\r\n    background: #fff; \r\n    padding: 20px; \r\n    border-radius: 20px;\r\n    margin: 20px 0; \r\n    box-shadow: inset 0 2px 6px rgba(0,0,0,0.05);\r\n    border: 1px solid #eee;\r\n  }\r\n   \r\n  .percent-title { \r\n    font-size: 0.85em; color: #888; text-transform: uppercase; \r\n    letter-spacing: 2px; margin-bottom: 10px; font-weight: bold;\r\n  }\r\n   \r\n  .percent-number { font-size: 3.5em; font-weight: 800; line-height: 1; }\r\n   \r\n  .percent-bar-bg { \r\n    width: 100%; height: 12px; background: #f0f0f0; \r\n    border-radius: 6px; margin-top: 15px; overflow: hidden; \r\n  }\r\n   \r\n  .percent-bar-fill { \r\n    height: 100%; background: #06c755; width: 0%; \r\n    transition: width 1s ease-out; border-radius: 6px;\r\n  }\r\n\r\n  \/* Status Colors *\/\r\n  .color-yes { color: #2ecc71; } .bg-yes { background: linear-gradient(90deg, #2ecc71, #27ae60); }\r\n  .color-no { color: #e74c3c; } .bg-no { background: linear-gradient(90deg, #e74c3c, #c0392b); }\r\n  .color-maybe { color: #f1c40f; } .bg-maybe { background: linear-gradient(90deg, #f1c40f, #f39c12); }\r\n\r\n  \/* --- Card Display --- *\/\r\n  .card-container {\r\n    perspective: 1000px; margin: 25px auto;\r\n    width: 180px; min-height: 280px; \r\n    position: relative; display: flex; flex-direction: column; align-items: center;\r\n  }\r\n\r\n  #card-image { \r\n    width: 160px; height: auto; border-radius: 12px; \r\n    box-shadow: 0 10px 25px rgba(0,0,0,0.2); \r\n    transition: transform 0.6s; backface-visibility: hidden;\r\n    min-height: 240px; background: #eee; \r\n  }\r\n   \r\n  .reversed { transform: rotate(180deg); }\r\n\r\n  #card-name { font-size: 1.2em; color: #333; margin-bottom: 5px; font-weight: 700; margin-top: 15px;}\r\n   \r\n  .short-guidance {\r\n    background: rgba(240, 242, 245, 0.8); padding: 15px; \r\n    border-radius: 12px; margin: 15px 0 25px 0;\r\n    font-size: 1em; color: #444; line-height: 1.5; \r\n    text-align: left; border-left: 5px solid #ccc;\r\n  }\r\n\r\n  \/* --- Footer Buttons --- *\/\r\n  .btn-gold-glow {\r\n    display: block; text-align: center; text-decoration: none; width: 100%;\r\n    background: linear-gradient(45deg, #d4af37, #f3e5ab, #d4af37);\r\n    background-size: 200% auto; color: #634f10 !important; font-weight: 800;\r\n    padding: 15px; border-radius: 50px; transition: 0.5s; font-size: 1em;\r\n    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3); border: 2px solid #fff;\r\n    animation: gradientMove 3s infinite alternate; margin-bottom: 20px;\r\n  }\r\n  @keyframes gradientMove { 0% { background-position: 0% 50%; } 100% { background-position: 100% 50%; } }\r\n\r\n  .secondary-cta-group { display: flex; flex-direction: column; gap: 12px; border-top: 1px solid #eee; padding-top: 25px; margin-top: 10px; }\r\n  .btn-cta-secondary { display: flex; align-items: center; justify-content: center; padding: 12px; text-decoration: none; border-radius: 50px; font-weight: 600; transition: 0.2s; font-size: 0.95em; border: 1px solid transparent; }\r\n  .btn-line-booking { background-color: #f0fff4; color: #06c755 !important; border-color: #06c755; }\r\n  .btn-web-intro { background-color: #f7f7f7; color: #666 !important; border-color: #ddd; }\r\n   \r\n  .share-section { margin-bottom: 20px; }\r\n  .share-icons { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; margin-top: 10px;}\r\n  .share-btn { display: inline-flex; align-items: center; gap: 5px; padding: 6px 14px; border-radius: 15px; font-size: 12px; color: white; text-decoration: none; border: none; cursor: pointer; font-weight: 600; }\r\n  .bg-threads { background: #000; } .bg-line { background: #00c300; } .bg-fb { background: #1877f2; }\r\n   \r\n  .reset-btn { background: none; border: none; color: #999; margin-top: 20px; cursor: pointer; text-decoration: underline; font-size: 0.9em; }\r\n\r\n  @media (max-width: 480px) {\r\n    #yesno-app-container { padding: 30px 20px; }\r\n    .big-button { padding: 15px 25px; }\r\n    .percent-number { font-size: 3em; }\r\n    #card-image { width: 140px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"yesno-app-wrapper\">\r\n  <div id=\"yesno-app-container\">\r\n    \r\n    <div id=\"start-screen\">\r\n      <div style=\"font-size: 3em; margin-bottom: 10px;\">\ud83d\udd2e<\/div>\r\n      <h2 class=\"app-title\">Yes \/ No Oracle<\/h2>\r\n      <p class=\"subtitle\">\r\n        Focus on a <strong>Yes\/No question<\/strong>.<br>\r\n        (e.g., Should I do it? Will it be successful?)<br>\r\n        Take a deep breath, and tap the button.\r\n      <\/p>\r\n      <button class=\"big-button\" onclick=\"drawYesNo()\">\r\n        <span>\u2728<\/span> Reveal the Answer\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"result-screen\" class=\"hidden\">\r\n      \r\n      <div class=\"percentage-box\">\r\n        <div class=\"percent-title\">YES Probability Index<\/div>\r\n        <div id=\"percent-number\" class=\"percent-number\">0%<\/div>\r\n        <div class=\"percent-bar-bg\">\r\n          <div id=\"percent-bar-fill\" class=\"percent-bar-fill\"><\/div>\r\n        <\/div>\r\n        <div id=\"no-percent-text\" style=\"font-size:0.85em; color:#999; margin-top:8px;\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"card-container\">\r\n         <img decoding=\"async\" id=\"card-image\" src=\"\" alt=\"Tarot Card\">\r\n      <\/div>\r\n      <div id=\"card-name\"><\/div>\r\n\r\n      <div id=\"answer-guidance\" class=\"short-guidance\"><\/div>\r\n\r\n      <a id=\"link-read-more\" href=\"#\" target=\"_blank\" class=\"btn-gold-glow\">\ud83d\udcd6 Read Full Card Meaning<\/a>\r\n\r\n      <div class=\"share-section\">\r\n        <p style=\"font-size:0.8em; color:#bbb; margin:0;\">Share this reading<\/p>\r\n        <div class=\"share-icons\">\r\n          <a id=\"share-threads\" target=\"_blank\" class=\"share-btn bg-threads\">Threads<\/a>\r\n          <a id=\"share-line\" target=\"_blank\" class=\"share-btn bg-line\">Line<\/a>\r\n          <a id=\"share-fb\" target=\"_blank\" class=\"share-btn bg-fb\">Facebook<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"secondary-cta-group\">\r\n        <a href=\"https:\/\/line.me\/R\/ti\/p\/@864tkudk\" target=\"_blank\" class=\"btn-cta-secondary btn-line-booking\" rel=\"noopener\">\ud83d\udcac Book Live I-Ching Tarot<\/a>\r\n        <a href=\"https:\/\/premkara.tw\/heal\/iching-tarot-reading\/\" target=\"_blank\" class=\"btn-cta-secondary btn-web-intro\">\u2728 About the Readings<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"reset-btn\" onclick=\"resetApp()\">\u21bb New Question? Draw Again<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n\/\/ --- Configuration ---\r\nconst IMG_BASE_URL = \"https:\/\/premkara.tw\/heal\/bjd\/\";\r\n\r\n\/\/ 78 Cards Data (With Mapped English URLs)\r\n\/\/ score: 1 (Yes), 0 (Maybe), -1 (No)\r\n\/\/ hint: Concise English guidance\r\n\/\/ url: Mapped to your English directory list [cite: 154-502]\r\nconst tarotDeck = [\r\n    \/\/ --- Major Arcana ---\r\n    { name: \"0 The Fool\", score: 1, hint: \"Leap of faith; new beginnings await.\", img: \"00-TheFool.jpg\", url: \"https:\/\/premkara.tw\/heal\/0-the-fool-tarot-meaning-en\" },\r\n    { name: \"I The Magician\", score: 1, hint: \"You have the resources; act now.\", img: \"01-TheMagician.jpg\", url: \"https:\/\/premkara.tw\/heal\/1-existence-magician-tarot-en\" },\r\n    { name: \"II The High Priestess\", score: 0, hint: \"Trust your intuition, not logic.\", img: \"02-TheHighPriestess.jpg\", url: \"https:\/\/premkara.tw\/heal\/2-high-priestess-inner-voice-tarot-en\" },\r\n    { name: \"III The Empress\", score: 1, hint: \"Abundance and creativity are blooming.\", img: \"03-TheEmpress.jpg\", url: \"https:\/\/premkara.tw\/heal\/3-creativity-empress-tarot-en\" },\r\n    { name: \"IV The Emperor\", score: 1, hint: \"Take control; discipline brings success.\", img: \"04-TheEmperor.jpg\", url: \"https:\/\/premkara.tw\/heal\/4-emperor-rebel-tarot-en\" },\r\n    { name: \"V The Hierophant\", score: 0, hint: \"Seek professional advice or tradition.\", img: \"05-TheHierophant.jpg\", url: \"https:\/\/premkara.tw\/heal\/5-hierophant-nothingness-tarot-en\" },\r\n    { name: \"VI The Lovers\", score: 1, hint: \"Follow your heart; connection is key.\", img: \"06-TheLovers.jpg\", url: \"https:\/\/premkara.tw\/heal\/6-lovers-tarot-meaning-en\" },\r\n    { name: \"VII The Chariot\", score: 1, hint: \"Focus your will; victory is ahead.\", img: \"07-TheChariot.jpg\", url: \"https:\/\/premkara.tw\/heal\/7-chariot-awareness-tarot-en\" },\r\n    { name: \"VIII Strength\", score: 1, hint: \"Patience and soft power win the day.\", img: \"08-Strength.jpg\", url: \"https:\/\/premkara.tw\/heal\/8-strength-courage-tarot-en\" },\r\n    { name: \"IX The Hermit\", score: 0, hint: \"Step back; find answers in solitude.\", img: \"09-TheHermit.jpg\", url: \"https:\/\/premkara.tw\/heal\/9-hermit-aloneness-tarot-en\" },\r\n    { name: \"X Wheel of Fortune\", score: 1, hint: \"Go with the flow; luck is turning.\", img: \"10-WheelOfFortune.jpg\", url: \"https:\/\/premkara.tw\/heal\/10-wheel-of-fortune-change-tarot-en\" },\r\n    { name: \"XI Justice\", score: 0, hint: \"Be objective; cause and effect rule.\", img: \"11-Justice.jpg\", url: \"https:\/\/premkara.tw\/heal\/11-justice-breakthrough-tarot-en\" },\r\n    { name: \"XII The Hanged Man\", score: 0, hint: \"Pause and look from a new angle.\", img: \"12-TheHangedMan.jpg\", url: \"https:\/\/premkara.tw\/heal\/12-hanged-man-new-vision-tarot-en\" },\r\n    { name: \"XIII Death\", score: -1, hint: \"Let go of the old to allow the new.\", img: \"13-Death.jpg\", url: \"https:\/\/premkara.tw\/heal\/13-death-transformation-tarot-en\" },\r\n    { name: \"XIV Temperance\", score: 0, hint: \"Balance and moderation are needed.\", img: \"14-Temperance.jpg\", url: \"https:\/\/premkara.tw\/heal\/14-temperance-integration-tarot-en\" },\r\n    { name: \"XV The Devil\", score: -1, hint: \"Beware of temptation and attachments.\", img: \"15-TheDevil.jpg\", url: \"https:\/\/premkara.tw\/heal\/15-devil-conditioning-tarot-en\" },\r\n    { name: \"XVI The Tower\", score: -1, hint: \"Sudden change; let the false collapse.\", img: \"16-TheTower.jpg\", url: \"https:\/\/premkara.tw\/heal\/16-tower-thunderbolt-tarot-en\" },\r\n    { name: \"XVII The Star\", score: 1, hint: \"Have hope; healing and inspiration.\", img: \"17-TheStar.jpg\", url: \"https:\/\/premkara.tw\/heal\/17-star-silence-tarot-en\" },\r\n    { name: \"XVIII The Moon\", score: -1, hint: \"Uncertainty; fear is just an illusion.\", img: \"18-TheMoon.jpg\", url: \"https:\/\/premkara.tw\/heal\/18-moon-past-lives-tarot-en\" },\r\n    { name: \"XIX The Sun\", score: 1, hint: \"Absolute YES! Joy and vitality.\", img: \"19-TheSun.jpg\", url: \"https:\/\/premkara.tw\/heal\/19-sun-innocence-tarot-en\" },\r\n    { name: \"XX Judgement\", score: 1, hint: \"A calling; time for a major decision.\", img: \"20-Judgement.jpg\", url: \"https:\/\/premkara.tw\/heal\/20-judgement-beyond-illusion-tarot-en\" },\r\n    { name: \"XXI The World\", score: 1, hint: \"Completion; a perfect outcome.\", img: \"21-TheWorld.jpg\", url: \"https:\/\/premkara.tw\/heal\/21-world-completion-tarot-en\" },\r\n\r\n    \/\/ --- Wands (Fire) ---\r\n    { name: \"King of Wands\", score: 1, hint: \"Visionary leadership; goal achieved.\", img: \"Wands14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-wands-creator-tarot-en\" },\r\n    { name: \"Queen of Wands\", score: 1, hint: \"Confidence and charisma; take charge.\", img: \"Wands13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-wands-sharing-tarot-en\" },\r\n    { name: \"Knight of Wands\", score: 1, hint: \"Intense action; proceed with passion.\", img: \"Wands12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-wands-intensity-tarot-en\" },\r\n    { name: \"Page of Wands\", score: 1, hint: \"Playfulness and good news arriving.\", img: \"Wands11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-wands-playfulness-tarot-en\" },\r\n    { name: \"Ace of Wands\", score: 1, hint: \"A spark of inspiration; go for it.\", img: \"Wands01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-wands-source-tarot-en\" },\r\n    { name: \"2 of Wands\", score: 0, hint: \"Planning phase; weigh your options.\", img: \"Wands02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-wands-possibilities-tarot-en\" },\r\n    { name: \"3 of Wands\", score: 1, hint: \"Expansion; your ship is coming in.\", img: \"Wands03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-wands-experiencing-tarot-en\" },\r\n    { name: \"4 of Wands\", score: 1, hint: \"Celebration and stability; harmony.\", img: \"Wands04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-wands-participation-tarot-en\" },\r\n    { name: \"5 of Wands\", score: -1, hint: \"Conflict and competition; chaotic.\", img: \"Wands05.jpg\", url: \"https:\/\/premkara.tw\/heal\/five-of-wands-totality-tarot-en\" },\r\n    { name: \"6 of Wands\", score: 1, hint: \"Victory and public recognition.\", img: \"Wands06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-wands-success-tarot-en\" },\r\n    { name: \"7 of Wands\", score: 0, hint: \"Under pressure; stand your ground.\", img: \"Wands07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-wands-stress-tarot-en\" },\r\n    { name: \"8 of Wands\", score: 1, hint: \"Fast movement; things happen quickly.\", img: \"Wands08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-wands-traveling-tarot-en\" },\r\n    { name: \"9 of Wands\", score: 0, hint: \"Exhausted but resilient; don't give up.\", img: \"Wands09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-wands-exhaustion-tarot-en\" },\r\n    { name: \"10 of Wands\", score: -1, hint: \"Burdened; you are carrying too much.\", img: \"Wands10.jpg\", url: \"https:\/\/premkara.tw\/heal\/ten-of-wands-suppression-tarot-en\" },\r\n\r\n    \/\/ --- Cups (Water) ---\r\n    { name: \"King of Cups\", score: 0, hint: \"Emotional maturity and healing.\", img: \"Cups14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-cups-healing-tarot-en\" },\r\n    { name: \"Queen of Cups\", score: 1, hint: \"Be receptive; listen to your heart.\", img: \"Cups13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-cups-receptivity-tarot-en\" },\r\n    { name: \"Knight of Cups\", score: 1, hint: \"Follow your heart; trust the flow.\", img: \"Cups12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-cups-trust-tarot-en\" },\r\n    { name: \"Page of Cups\", score: 1, hint: \"New feelings and creative intuition.\", img: \"Cups11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-cups-understanding-tarot-en\" },\r\n    { name: \"Ace of Cups\", score: 1, hint: \"Emotional overflow; love begins.\", img: \"Cups01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-cups-going-with-the-flow-tarot-en\" },\r\n    { name: \"2 of Cups\", score: 1, hint: \"Partnership and connection; harmony.\", img: \"Cups02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-cups-friendliness-tarot-en\" },\r\n    { name: \"3 of Cups\", score: 1, hint: \"Celebration with friends; joy.\", img: \"Cups03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-cups-celebration-tarot-en\" },\r\n    { name: \"4 of Cups\", score: -1, hint: \"Boredom; don't miss the offer.\", img: \"Cups04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-cups-turning-in-tarot-en\" },\r\n    { name: \"5 of Cups\", score: -1, hint: \"Grief over loss; look at what remains.\", img: \"Cups05.jpg\", url: \"https:\/\/premkara.tw\/heal\/five-of-cups-clinging-to-past-tarot-en\" },\r\n    { name: \"6 of Cups\", score: 1, hint: \"Nostalgia; a gift from the past.\", img: \"Cups06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-cups-the-dream-tarot-en\" },\r\n    { name: \"7 of Cups\", score: 0, hint: \"Too many choices; focus is needed.\", img: \"Cups07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-cups-projection-tarot-en\" },\r\n    { name: \"8 of Cups\", score: 0, hint: \"Walking away to find something better.\", img: \"Cups08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-cups-letting-go-tarot-en\" },\r\n    { name: \"9 of Cups\", score: 1, hint: \"Wishes fulfilled; satisfaction.\", img: \"Cups09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-cups-laziness-tarot-en\" },\r\n    { name: \"10 of Cups\", score: 1, hint: \"Family happiness and total harmony.\", img: \"Cups10.jpg\", url: \"https:\/\/premkara.tw\/heal\/ten-of-cups-harmony-tarot-en\" },\r\n\r\n    \/\/ --- Swords (Clouds) ---\r\n    { name: \"King of Swords\", score: 1, hint: \"Intellectual authority; use logic.\", img: \"Swords14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-swords-control-tarot-en\" },\r\n    { name: \"Queen of Swords\", score: 0, hint: \"Clear boundaries and independence.\", img: \"Swords13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-swords-morality-tarot-en\" },\r\n    { name: \"Knight of Swords\", score: 0, hint: \"Rushing in; think before you act.\", img: \"Swords12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-swords-fighting-tarot-en\" },\r\n    { name: \"Page of Swords\", score: 0, hint: \"Be vigilant; use your mind.\", img: \"Swords11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-swords-mind-tarot-en\" },\r\n    { name: \"Ace of Swords\", score: 1, hint: \"Clarity and truth; a breakthrough.\", img: \"Swords01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-swords-consciousness-tarot-en\" },\r\n    { name: \"2 of Swords\", score: 0, hint: \"Indecision; a stalemate.\", img: \"Swords02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-swords-schizophrenia-tarot-en\" },\r\n    { name: \"3 of Swords\", score: -1, hint: \"Heartbreak; allow time to heal.\", img: \"Swords03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-swords-ice-isolation-tarot-en\" },\r\n    { name: \"4 of Swords\", score: 0, hint: \"Rest is required; postponement.\", img: \"Swords04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-swords-postponement-tarot-en\" },\r\n    { name: \"5 of Swords\", score: -1, hint: \"Hollow victory; walk away from conflict.\", img: \"Swords05.jpg\", url: \"https:\/\/premkara.tw\/heal\/five-of-swords-comparison-tarot-en\" },\r\n    { name: \"6 of Swords\", score: 0, hint: \"Moving away from trouble; recovery.\", img: \"Swords06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-swords-the-burden-tarot-en\" },\r\n    { name: \"7 of Swords\", score: -1, hint: \"Strategy or deception; be careful.\", img: \"Swords07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-swords-politics-tarot-en\" },\r\n    { name: \"8 of Swords\", score: -1, hint: \"Self-imposed restriction; open your eyes.\", img: \"Swords08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-swords-guilt-tarot-en\" },\r\n    { name: \"9 of Swords\", score: -1, hint: \"Anxiety and worry; it's mostly in your head.\", img: \"Swords09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-swords-sorrow-tarot-en\" },\r\n    { name: \"10 of Swords\", score: -1, hint: \"Rock bottom; the only way is up.\", img: \"Swords10.jpg\", url: \"https:\/\/premkara.tw\/heal\/ten-of-swords-rebirth-tarot-en\" },\r\n\r\n    \/\/ --- Pentacles (Rainbows) ---\r\n    { name: \"King of Pentacles\", score: 1, hint: \"Abundance and security; success.\", img: \"Pentacles14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-pentacles-abundance-tarot-en\" },\r\n    { name: \"Queen of Pentacles\", score: 1, hint: \"Practical care; nurturing resources.\", img: \"Pentacles13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-pentacles-flowering-tarot-en\" },\r\n    { name: \"Knight of Pentacles\", score: 1, hint: \"Slow and steady wins the race.\", img: \"Pentacles12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-pentacles-slowing-down-tarot-en\" },\r\n    { name: \"Page of Pentacles\", score: 1, hint: \"A new venture; learn practical skills.\", img: \"Pentacles11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-pentacles-adventure-tarot-en\" },\r\n    { name: \"Ace of Pentacles\", score: 1, hint: \"A solid opportunity for wealth.\", img: \"Pentacles01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-pentacles-maturity-tarot-en\" },\r\n    { name: \"2 of Pentacles\", score: 0, hint: \"Juggling priorities; stay flexible.\", img: \"Pentacles02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-pentacles-moment-to-moment-tarot-en\" },\r\n    { name: \"3 of Pentacles\", score: 1, hint: \"Teamwork and collaboration pay off.\", img: \"Pentacles03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-pentacles-guidance-tarot-en\" },\r\n    { name: \"4 of Pentacles\", score: -1, hint: \"Don't be too possessive; let flow.\", img: \"Pentacles04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-pentacles-the-miser-tarot-en\" },\r\n    { name: \"5 of Pentacles\", score: -1, hint: \"Hardship; don't be afraid to ask for help.\", img: \"Pentacles05.jpg\", url: \"https:\/\/premkara.tw\/heal\/five-of-pentacles-the-outsider-tarot-en\" },\r\n    { name: \"6 of Pentacles\", score: 1, hint: \"Generosity; give and take.\", img: \"Pentacles06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-pentacles-compromise-tarot-en\" },\r\n    { name: \"7 of Pentacles\", score: 0, hint: \"Patience; waiting for the harvest.\", img: \"Pentacles07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-pentacles-patience-tarot-en\" },\r\n    { name: \"8 of Pentacles\", score: 1, hint: \"Diligence and mastery of craft.\", img: \"Pentacles08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-pentacles-ordinariness-tarot-en\" },\r\n    { name: \"9 of Pentacles\", score: 1, hint: \"Independence and luxury; enjoy it.\", img: \"Pentacles09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-pentacles-ripeness-tarot-en\" },\r\n    { name: \"10 of Pentacles\", score: 1, hint: \"Lasting legacy and family wealth.\", img: \"Pentacles10.jpg\", url: \"https:\/\/premkara.tw\/heal\/ten-of-pentacles-we-are-the-world-tarot-en\" }\r\n];\r\n\r\nfunction drawYesNo() {\r\n    const startScreen = document.getElementById('start-screen');\r\n    const resultScreen = document.getElementById('result-screen');\r\n    \r\n    \/\/ UI Transition\r\n    startScreen.classList.add('hidden');\r\n    resultScreen.classList.remove('hidden');\r\n    resultScreen.classList.add('fade-in');\r\n    \r\n    \/\/ 1. Draw Card\r\n    const cardIndex = Math.floor(Math.random() * tarotDeck.length);\r\n    const card = tarotDeck[cardIndex];\r\n    \r\n    \/\/ 2. Reversed Logic (50% chance)\r\n    const isReversed = Math.random() < 0.5;\r\n\r\n    \/\/ 3. Score Logic\r\n    let finalScore = card.score;\r\n    \r\n    if (isReversed) {\r\n        if (card.score === 1) finalScore = -1;      \r\n        else if (card.score === -1) finalScore = 0; \r\n        else finalScore = -1;                       \r\n    }\r\n\r\n    \/\/ 4. Percentage Calculation\r\n    let yesPercent = 0;\r\n    if (finalScore === 1) {\r\n        yesPercent = Math.floor(Math.random() * 16) + 85; \/\/ 85-100%\r\n    } else if (finalScore === -1) {\r\n        yesPercent = Math.floor(Math.random() * 21);      \/\/ 0-20%\r\n    } else {\r\n        yesPercent = Math.floor(Math.random() * 21) + 40; \/\/ 40-60%\r\n    }\r\n    const noPercent = 100 - yesPercent;\r\n\r\n    \/\/ 5. Update UI\r\n    const numEl = document.getElementById('percent-number');\r\n    const barEl = document.getElementById('percent-bar-fill');\r\n    const textEl = document.getElementById('no-percent-text');\r\n    const guideEl = document.getElementById('answer-guidance');\r\n    const imgEl = document.getElementById('card-image');\r\n    const nameEl = document.getElementById('card-name');\r\n    const linkEl = document.getElementById('link-read-more');\r\n\r\n    \/\/ Reset numbers\r\n    numEl.innerText = \"0%\";\r\n    barEl.style.width = \"0%\";\r\n    \r\n    setTimeout(() => {\r\n        numEl.innerText = yesPercent + \"%\";\r\n        barEl.style.width = yesPercent + \"%\";\r\n    }, 100);\r\n\r\n    textEl.innerText = `(Probability of NO \/ Blockage: ${noPercent}%)`;\r\n\r\n    \/\/ Set Image\r\n    imgEl.src = IMG_BASE_URL + card.img;\r\n    \r\n    \/\/ Set Name & Rotation\r\n    if (isReversed) {\r\n        imgEl.classList.add('reversed');\r\n        nameEl.innerHTML = `You drew: <span style=\"color:#e74c3c\">${card.name} (Reversed)<\/span>`;\r\n    } else {\r\n        imgEl.classList.remove('reversed');\r\n        nameEl.innerHTML = `You drew: <span style=\"color:#333\">${card.name}<\/span>`;\r\n    }\r\n\r\n    \/\/ Set Colors and Status Text\r\n    let statusText = \"\";\r\n    numEl.className = \"percent-number\"; \r\n    barEl.className = \"percent-bar-fill\";\r\n\r\n    if (yesPercent >= 70) {\r\n        numEl.classList.add('color-yes');\r\n        barEl.classList.add('bg-yes');\r\n        statusText = `<span class=\"color-yes\">\ud83d\udc4d <b>High Probability: YES<\/b><\/span>`;\r\n    } else if (yesPercent <= 30) {\r\n        numEl.classList.add('color-no');\r\n        barEl.classList.add('bg-no');\r\n        statusText = `<span class=\"color-no\">\ud83d\uded1 <b>Low Probability: NO<\/b><\/span>`;\r\n    } else {\r\n        numEl.classList.add('color-maybe');\r\n        barEl.classList.add('bg-maybe');\r\n        statusText = `<span class=\"color-maybe\">\ud83e\udd14 <b>Uncertain \/ Maybe<\/b><\/span>`;\r\n    }\r\n\r\n    \/\/ Set Guidance Text\r\n    let finalHint = card.hint;\r\n    if(isReversed) {\r\n        if(card.score === 1) finalHint += \" (However, energy is currently blocked. Proceed with caution.)\";\r\n        else if(card.score === 0) finalHint += \" (Internal reflection is needed before acting.)\";\r\n        else finalHint += \" (The situation is not as bad as it seems, but still tricky.)\";\r\n    }\r\n\r\n    guideEl.innerHTML = `${statusText}<br>${finalHint}<br><br><small style=\"color:#888\">\ud83e\uddd8 Tip: Check in with your body. How does this answer feel?<\/small>`;\r\n\r\n    \/\/ Update Link (Crucial Step: Use the mapped URL)\r\n    linkEl.href = card.url; \r\n\r\n    \/\/ Share Links\r\n    const shareUrl = encodeURIComponent(window.location.href);\r\n    const resultText = isReversed ? `${card.name} (Reversed)` : card.name;\r\n    const shareStr = encodeURIComponent(`\ud83d\udd2e I asked the Tarot Oracle: I drew [${resultText}] with a ${yesPercent}% chance of success!\\n\ud83d\udc49 Try it here:`);\r\n    \r\n    document.getElementById('share-fb').href = `https:\/\/www.facebook.com\/sharer\/sharer.php?u=${shareUrl}`;\r\n    document.getElementById('share-line').href = `https:\/\/social-plugins.line.me\/lineit\/share?url=${shareUrl}`;\r\n    document.getElementById('share-threads').href = `https:\/\/www.threads.net\/intent\/post?text=${shareStr}&url=${shareUrl}`;\r\n\r\n    \/\/ Scroll\r\n    document.getElementById('yesno-app-container').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n}\r\n\r\nfunction resetApp() {\r\n    const startScreen = document.getElementById('start-screen');\r\n    const resultScreen = document.getElementById('result-screen');\r\n    \r\n    resultScreen.classList.add('hidden');\r\n    resultScreen.classList.remove('fade-in');\r\n    startScreen.classList.remove('hidden');\r\n    \r\n    \/\/ Reset Image\r\n    document.getElementById('card-image').classList.remove('reversed');\r\n    document.getElementById('card-image').src = \"\"; \r\n    \r\n    window.scrollTo({ top: 0, behavior: 'smooth' });\r\n}\r\n<\/script>\n\n\n<div id=\"mystical-intro-overlay\">\r\n    <div class=\"intro-content-wrapper\">\r\n        <div class=\"mystic-star\">\u2606<\/div>\r\n\r\n        <div class=\"mindset-guide\">\r\n            <h2 class=\"zh-tw\">\u5fc3\u8aa0\u5247\u9748\uff0c\u8acb\u4fdd\u6301\u5fc3\u5883\u5e73\u548c<\/h2>\r\n            <h3 class=\"en\">Sincerity is key. Please calm your mind.<\/h3>\r\n        <\/div>\r\n\r\n        <div class=\"divider-line\"><\/div>\r\n\r\n        <div class=\"warning-guide\">\r\n            <p class=\"zh-tw\">\u26a0\ufe0f \u7981\u5fcc\uff1a\u76f8\u540c\u554f\u984c\u8acb\u52ff\u91cd\u8907\u5360\u535c\uff0c\u4ee5\u514d\u80fd\u91cf\u6df7\u4e82<\/p>\r\n            <p class=\"en\">Warning: Do not repeat the question. It disrupts the energy.<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"loading-dots\">... \u9023\u7d50\u5b87\u5b99\u80fd\u91cf\u4e2d ...<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* --- CSS \u6a23\u5f0f\u8a2d\u5b9a --- *\/\r\n\r\n\/* 1. \u5168\u87a2\u5e55\u8986\u84cb\u5c64\u8a2d\u5b9a *\/\r\n#mystical-intro-overlay {\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    \/* \u795e\u79d8\u7684\u6df1\u7d2b\u5230\u5348\u591c\u9ed1\u6f38\u5c64\u80cc\u666f *\/\r\n    background: radial-gradient(circle at center, #2a0845 0%, #000000 80%);\r\n    z-index: 999999; \/* \u78ba\u4fdd\u5728\u6700\u4e0a\u5c64 *\/\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    color: #f4e4bc; \/* \u4eff\u53e4\u91d1\u8272\u5b57\u9ad4 *\/\r\n    font-family: 'Cinzel', 'Times New Roman', serif; \/* \u512a\u96c5\u7684\u896f\u7dda\u5b57\u9ad4 *\/\r\n    text-align: center;\r\n    \/* \u6de1\u51fa\u52d5\u756b\u8a2d\u5b9a *\/\r\n    transition: opacity 1.5s ease-out, visibility 1.5s step-end;\r\n    padding: 20px;\r\n    box-sizing: border-box;\r\n}\r\n\r\n\/* \u7576 JavaScript \u6dfb\u52a0\u9019\u500b class \u6642\uff0c\u89f8\u767c\u6de1\u51fa *\/\r\n#mystical-intro-overlay.fade-out-active {\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n\r\n\/* 2. \u5167\u5bb9\u5bb9\u5668 *\/\r\n.intro-content-wrapper {\r\n    max-width: 600px;\r\n    animation: floatUp 1s ease-out;\r\n}\r\n\r\n\/* 3. \u5fc3\u614b\u5f15\u5c0e\u5340\u584a (\u539f\u547c\u5438\u52d5\u756b) *\/\r\n.mindset-guide {\r\n    \/* \u9019\u88e1\u4fdd\u7559\u539f\u672c\u7684\u547c\u5438\u5f8b\u52d5\u52d5\u756b\uff0c\u8b93\u6587\u5b57\u6709\u751f\u547d\u529b *\/\r\n    animation: textPulse 4s infinite ease-in-out;\r\n    margin-bottom: 30px;\r\n}\r\n\r\n.mindset-guide h2.zh-tw {\r\n    font-size: 2rem;\r\n    margin: 0 0 10px 0;\r\n    font-weight: normal;\r\n    letter-spacing: 2px;\r\n    color: #fffce1; \/* \u8f03\u4eae\u7684\u91d1\u8272 *\/\r\n    text-shadow: 0 0 10px rgba(255, 252, 225, 0.5);\r\n}\r\n\r\n.mindset-guide h3.en {\r\n    font-size: 1.1rem;\r\n    margin: 0;\r\n    font-weight: 300;\r\n    opacity: 0.8;\r\n    font-style: italic;\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\/* 4. \u8b66\u544a\u63d0\u793a\u5340\u584a *\/\r\n.warning-guide {\r\n    margin-top: 30px;\r\n}\r\n\r\n.warning-guide p.zh-tw {\r\n    font-size: 1.1rem;\r\n    margin: 8px 0;\r\n    font-weight: bold;\r\n    color: #ffadad; \/* \u5e36\u7d05\u7684\u91d1\u8272\uff0c\u5f37\u8abf\u8b66\u544a *\/\r\n    letter-spacing: 1px;\r\n}\r\n\r\n.warning-guide p.en {\r\n    font-size: 0.9rem;\r\n    opacity: 0.7;\r\n    margin: 0;\r\n}\r\n\r\n\/* 5. \u88dd\u98fe\u5143\u7d20 *\/\r\n.divider-line {\r\n    height: 1px;\r\n    width: 60px;\r\n    background: linear-gradient(to right, transparent, #f4e4bc, transparent);\r\n    margin: 0 auto;\r\n    opacity: 0.5;\r\n}\r\n\r\n.mystic-star {\r\n    font-size: 2rem;\r\n    color: #f4e4bc;\r\n    margin-bottom: 20px;\r\n    animation: starTwinkle 3s infinite alternate;\r\n}\r\n\r\n.loading-dots {\r\n    margin-top: 40px;\r\n    font-size: 0.8rem;\r\n    opacity: 0.5;\r\n    letter-spacing: 3px;\r\n}\r\n\r\n\/* --- \u52d5\u756b Keyframes --- *\/\r\n\r\n\/* \u6587\u5b57\u5f8b\u52d5 (\u539f\u547c\u5438\u52d5\u756b) *\/\r\n@keyframes textPulse {\r\n    0%, 100% { transform: scale(1); opacity: 0.9; }\r\n    50% { transform: scale(1.02); opacity: 1; text-shadow: 0 0 15px rgba(255, 252, 225, 0.6); }\r\n}\r\n\r\n@keyframes starTwinkle {\r\n    0% { opacity: 0.4; transform: scale(0.8) rotate(0deg); }\r\n    100% { opacity: 1; transform: scale(1.2) rotate(180deg); }\r\n}\r\n\r\n@keyframes floatUp {\r\n    from { opacity: 0; transform: translateY(20px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* \u624b\u6a5f\u7248\u9069\u914d *\/\r\n@media (max-width: 768px) {\r\n    .mindset-guide h2.zh-tw { font-size: 1.5rem; } \/* \u624b\u6a5f\u5b57\u7a0d\u5fae\u7e2e\u5c0f\u4e00\u9ede\u907f\u514d\u63db\u884c\u592a\u591a *\/\r\n    .mindset-guide h3.en { font-size: 0.9rem; }\r\n    .warning-guide p.zh-tw { font-size: 1rem; }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n\/\/ --- JavaScript \u63a7\u5236\u8173\u672c ---\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function() {\r\n    \/\/ \u8a2d\u5b9a\u986f\u793a\u6642\u9593 (\u6beb\u79d2)\u30025\u79d2\u662f\u500b\u4e0d\u932f\u7684\u9577\u5ea6\uff0c\u5920\u8b80\u5b8c\u6587\u5b57\r\n    const displayTime = 5000; \r\n\r\n    const overlay = document.getElementById('mystical-intro-overlay');\r\n\r\n    if (overlay) {\r\n        setTimeout(function() {\r\n            overlay.classList.add('fade-out-active');\r\n            \r\n            \/\/ \u5efa\u8b70\u958b\u555f\u9019\u884c\uff1a\u52d5\u756b\u7d50\u675f\u5f8c\u5f9e DOM \u79fb\u9664\u5143\u7d20\uff0c\u907f\u514d\u64cb\u4f4f\u4e0b\u5c64\u6309\u9215\u7684\u9ede\u64ca\r\n            setTimeout(() => { overlay.remove(); }, 1600); \r\n\r\n        }, displayTime);\r\n    }\r\n});\r\n<\/script>\n\n<div style=\"margin: 20px 0; padding: 25px; border: 1px solid #ececec; border-radius: 10px; background-color: #ffffff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); font-family: sans-serif;\">\n    \n    <div style=\"font-size: 18px; font-weight: bold; color: #444; margin-bottom: 15px; border-left: 4px solid #88abaf; padding-left: 12px; line-height: 1.2;\">\n        \u66f4\u591a\u7642\u7652\u5354\u52a9 More Healing Support\n    <\/div>\n\n    <div style=\"display: flex; flex-direction: column; gap: 12px;\">\n        \n        <a href=\"https:\/\/premkara.tw\/heal\/life-blueprint-energy-alignment\/\" target=\"_blank\" rel=\"noopener\" style=\"display: block; text-decoration: none; color: #5a8a91; font-size: 16px; padding: 8px 0; border-bottom: 1px solid #f0f0f0; transition: color 0.3s;\">\n            \u751f\u547d\u85cd\u5716\u80fd\u91cf\u8abf\u6574 \/ Life Blueprint Energy Alignment\n        <\/a>\n\n        <a href=\"https:\/\/premkara.tw\/heal\/zhuyou-healing-art\/\" target=\"_blank\" rel=\"noopener\" style=\"display: block; text-decoration: none; color: #5a8a91; font-size: 16px; padding: 8px 0; border-bottom: 1px solid #f0f0f0; transition: color 0.3s;\">\n            \u2728 \u795d\u7531\u7642\u7652\u8853 \u00d7 \u8eab\u9ad4\u5e73\u8861\u7642\u7652 \/ Zhuyou Healing Art \u00d7 Body Balance Healing\n        <\/a>\n        \n    <\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Rider-Waite (Primary): The Process of Experience \/ Zen  &hellip; <a href=\"https:\/\/premkara.tw\/heal\/tarot-yes-no-oracle\/\" class=\"more-link\">\u95b1\u8b80\u5168\u6587 <span class=\"screen-reader-text\">Free Online Tarot Yes or No with Percentage: Instant Probability &amp; Guidance<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[675,754],"tags":[],"series":[677],"class_list":["post-4076","post","type-post","status-publish","format-standard","hentry","category-tarot-awareness-en","category-free-online-divinationu-en","series-tarot-awareness-ens"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts\/4076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/comments?post=4076"}],"version-history":[{"count":5,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts\/4076\/revisions"}],"predecessor-version":[{"id":8368,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts\/4076\/revisions\/8368"}],"wp:attachment":[{"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/media?parent=4076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/categories?post=4076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/tags?post=4076"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/series?post=4076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}