{"id":4091,"date":"2025-11-24T10:20:23","date_gmt":"2025-11-24T10:20:23","guid":{"rendered":"https:\/\/premkara.tw\/heal\/?p=4091"},"modified":"2026-05-12T15:46:42","modified_gmt":"2026-05-12T07:46:42","slug":"love-tarot-relationship-reading","status":"publish","type":"post","link":"https:\/\/premkara.tw\/heal\/love-tarot-relationship-reading\/","title":{"rendered":"Free Love Tarot: Does He Love Me? Reveal Their Feelings &amp; Love %"},"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 Choose This Free Love Tarot Reading?<\/h2>\n<p>Wondering <em>&#8220;Does he love me?&#8221;<\/em> or <em>&#8220;Where is this relationship going?&#8221;<\/em> Unlike a standard daily horoscope, our <strong>Free Love Tarot 2-Card Spread<\/strong> offers a deep dive into the energy between you and your partner.<\/p>\n<ul>\n<li><strong>The &#8220;Me&#8221; Card:<\/strong> Reflects your current energy and investment in the relationship.<\/li>\n<li><strong>The &#8220;Them&#8221; Card:<\/strong> Reveals their true feelings, intentions, and hidden thoughts about you.<\/li>\n<\/ul>\n<p><!--more--><\/p>\n<h3>Unique Feature: Love Percentage Algorithm<\/h3>\n<p>We combine the wisdom of the <strong>Rider-Waite Tarot<\/strong> and the spiritual insight of the <strong>Osho Zen Tarot<\/strong> to calculate a real-time <strong>Love Probability Percentage<\/strong>. This helps you instantly understand if the connection is strong (80%+), growing (40-79%), or facing challenges (below 40%).<\/p>\n<h3>Who is this for?<\/h3>\n<p>Whether you are in a <strong>new relationship<\/strong>, facing a <strong>breakup<\/strong>, or looking for a <strong>soulmate<\/strong>, this online oracle tool gives you instant clarity. Close your eyes, focus on your person, and draw your cards now to uncover the truth.<\/p>\n\n<style>\r\n  \/* --- Global Settings --- *\/\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;800&display=swap');\r\n\r\n  #love-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; background-position: center; background-attachment: fixed;\r\n    padding: 20px; min-height: 100vh;\r\n    display: flex; justify-content: center; align-items: center;\r\n    font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  \/* --- Main Container --- *\/\r\n  #love-app-container {\r\n    max-width: 600px; width: 100%;\r\n    background: rgba(255, 255, 255, 0.93); backdrop-filter: blur(15px);\r\n    -webkit-backdrop-filter: blur(15px);\r\n    border-radius: 25px; padding: 40px 25px;\r\n    box-shadow: 0 25px 50px rgba(0,0,0,0.25); text-align: center;\r\n    border: 1px solid rgba(255,255,255,0.8); position: relative;\r\n  }\r\n\r\n  .hidden { display: none !important; }\r\n  .fade-in { animation: fadeIn 0.8s ease-out; }\r\n  @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\r\n\r\n  h2.app-title { color: #d63384; margin-bottom: 15px; font-weight: 800; letter-spacing: 1px; font-size: 1.8em; }\r\n  .subtitle { color: #666; font-size: 1em; margin-bottom: 35px; line-height: 1.6; }\r\n\r\n  \/* --- Heart Button --- *\/\r\n  .love-button {\r\n    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%);\r\n    color: #d63384; border: none; padding: 18px 40px; font-size: 1.2em;\r\n    border-radius: 50px; cursor: pointer; width: 100%; font-weight: 600;\r\n    box-shadow: 0 10px 25px rgba(255, 154, 158, 0.5); transition: all 0.3s;\r\n    display: flex; align-items: center; justify-content: center; gap: 10px;\r\n  }\r\n  .love-button:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 35px rgba(255, 154, 158, 0.6); }\r\n\r\n  \/* --- Dual Card Grid --- *\/\r\n  .cards-container {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 25px;\r\n  }\r\n\r\n  .card-col {\r\n    background: #fff; padding: 15px 10px; border-radius: 18px;\r\n    box-shadow: 0 8px 20px rgba(0,0,0,0.06); border: 2px solid #fff0f3;\r\n    display: flex; flex-direction: column; align-items: center;\r\n    transition: transform 0.3s;\r\n  }\r\n  .card-col:hover { transform: translateY(-5px); border-color: #ffc2d1; }\r\n  \r\n  .role-label {\r\n    font-size: 0.85em; color: #fff; padding: 6px 16px; border-radius: 20px;\r\n    margin-bottom: 12px; font-weight: bold; display: inline-block; letter-spacing: 1px;\r\n  }\r\n  .role-me { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }\r\n  .role-them { background: linear-gradient(135deg, #ff758c 0%, #ff7eb3 100%); }\r\n\r\n  .tarot-img { \r\n    width: 100%; max-width: 150px; height: auto; \r\n    border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.15); \r\n    margin-bottom: 12px; transition: transform 0.6s ease;\r\n    min-height: 200px; background: #eee;\r\n  }\r\n\r\n  .reversed { transform: rotate(180deg); }\r\n\r\n  .card-name { font-size: 1em; color: #333; font-weight: 700; margin-bottom: 5px; min-height: 2.8em; line-height: 1.3; display: flex; align-items: center; justify-content: center;}\r\n  .name-reversed-text { color: #999; font-style: italic; }\r\n  \r\n  .card-hint { \r\n    font-size: 0.85em; color: #666; margin: 8px 0; line-height: 1.4; \r\n    font-style: italic; min-height: 3em; display: flex; align-items: center; justify-content: center;\r\n  }\r\n\r\n  .love-percent { font-size: 1.6em; font-weight: 800; color: #d63384; margin: 5px 0; font-family: 'Helvetica Neue', Arial; }\r\n  .love-label { font-size: 0.75em; color: #aaa; text-transform: uppercase; letter-spacing: 0.5px; }\r\n\r\n  .btn-read-single {\r\n    display: inline-block; padding: 8px 15px; margin-top: auto;\r\n    background: #fff; color: #555; border: 1px solid #e0e0e0;\r\n    border-radius: 20px; text-decoration: none; font-size: 0.85em;\r\n    transition: 0.3s; width: 85%; font-weight: 600;\r\n  }\r\n  .btn-read-single:hover { background: #d63384; color: #fff; border-color: #d63384; }\r\n\r\n  .share-section { margin-top: 35px; border-top: 1px solid #eee; padding-top: 25px; }\r\n  .share-icons { display: flex; justify-content: center; gap: 10px; margin-top: 12px; flex-wrap: wrap;}\r\n  .share-btn { display: flex; align-items: center; gap: 5px; padding: 8px 16px; border-radius: 20px; font-size: 13px; color: white; text-decoration: none; border: none; cursor: pointer; font-weight: bold; }\r\n  .bg-threads { background: #000; } .bg-line { background: #00c300; } .bg-fb { background: #1877f2; }\r\n\r\n  .secondary-cta-group { display: flex; flex-direction: column; gap: 10px; margin-top: 25px; }\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; box-shadow: 0 4px 10px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; background: #fff;}\r\n  .btn-line-booking { color: #06c755 !important; border-color: #06c755; background: #f0fff4;}\r\n  .btn-web-intro { color: #666 !important; }\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    #love-app-container { padding: 30px 15px; }\r\n    .cards-container { gap: 10px; }\r\n    .card-name { font-size: 0.9em; }\r\n    .love-percent { font-size: 1.4em; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"love-app-wrapper\">\r\n  <div id=\"love-app-container\">\r\n    \r\n    <div id=\"start-screen\">\r\n      <div style=\"font-size: 3em; margin-bottom: 10px;\">\ud83d\udc98<\/div>\r\n      <h2 class=\"app-title\">Love Tarot Reading<\/h2>\r\n      <p class=\"subtitle\">\r\n        Curious about your connection energy?<br>\r\n        Focus on their name and draw two cards:<br>\r\n        <strong>Left is YOU, Right is THEM.<\/strong>\r\n      <\/p>\r\n      <button class=\"love-button\" onclick=\"drawLoveSpread()\">\r\n        <span>\ud83d\udd2e<\/span> Start Reading\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div id=\"result-screen\" class=\"hidden\">\r\n      \r\n      <div class=\"cards-container\">\r\n        \r\n        <div class=\"card-col\">\r\n          <span class=\"role-label role-me\">Me<\/span>\r\n          <img decoding=\"async\" id=\"img-me\" class=\"tarot-img\" src=\"\" alt=\"My Card\">\r\n          <div id=\"name-me\" class=\"card-name\"><\/div>\r\n          <div class=\"love-label\">Investment<\/div>\r\n          <div id=\"percent-me\" class=\"love-percent\"><\/div>\r\n          <div id=\"hint-me\" class=\"card-hint\"><\/div>\r\n          <a id=\"link-me\" href=\"#\" target=\"_blank\" class=\"btn-read-single\">\ud83d\udcd6 Read Meaning<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"card-col\">\r\n          <span class=\"role-label role-them\">Them<\/span>\r\n          <img decoding=\"async\" id=\"img-them\" class=\"tarot-img\" src=\"\" alt=\"Their Card\">\r\n          <div id=\"name-them\" class=\"card-name\"><\/div>\r\n          <div class=\"love-label\">Intentions<\/div>\r\n          <div id=\"percent-them\" class=\"love-percent\"><\/div>\r\n          <div id=\"hint-them\" class=\"card-hint\"><\/div>\r\n          <a id=\"link-them\" href=\"#\" target=\"_blank\" class=\"btn-read-single\">\ud83d\udcd6 Read Meaning<\/a>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"share-section\">\r\n        <p style=\"font-size:0.8em; color:#888; margin:0;\">Share your result<\/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 Stuck? Book a Live Reading<\/a>\r\n        <a href=\"https:\/\/premkara.tw\/heal\/iching-tarot-reading\/\" target=\"_blank\" class=\"btn-cta-secondary btn-web-intro\">\u2728 About I-Ching Tarot<\/a>\r\n      <\/div>\r\n\r\n      <button class=\"reset-btn\" onclick=\"resetApp()\">\u21bb New Reading<\/button>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  const IMG_BASE_URL = \"https:\/\/premkara.tw\/heal\/bjd\/\";\r\n\r\n  \/\/ 78 Cards Data with English URLs \r\n  const tarotDeck = [\r\n    \/\/ --- Major Arcana ---\r\n    { name: \"0 The Fool\", score: 1, hint: \"A leap of faith into new love.\", 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 power to manifest this connection.\", 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; secrets may exist.\", 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: \"Abundant love, sensuality, and growth.\", img: \"03-TheEmpress.jpg\", url: \"https:\/\/premkara.tw\/heal\/3-creativity-empress-tarot-en\" },\r\n    { name: \"IV The Emperor\", score: 1, hint: \"Stability, protection, and clear boundaries.\", img: \"04-TheEmperor.jpg\", url: \"https:\/\/premkara.tw\/heal\/4-emperor-rebel-tarot-en\" },\r\n    { name: \"V The Hierophant\", score: 0, hint: \"Traditional commitment or spiritual bond.\", img: \"05-TheHierophant.jpg\", url: \"https:\/\/premkara.tw\/heal\/5-hierophant-nothingness-tarot-en\" },\r\n    { name: \"VI The Lovers\", score: 1, hint: \"Deep soul connection and choices.\", img: \"06-TheLovers.jpg\", url: \"https:\/\/premkara.tw\/heal\/6-lovers-tarot-meaning-en\" },\r\n    { name: \"VII The Chariot\", score: 1, hint: \"Moving forward with determination.\", img: \"07-TheChariot.jpg\", url: \"https:\/\/premkara.tw\/heal\/7-chariot-awareness-tarot-en\" },\r\n    { name: \"VIII Strength\", score: 1, hint: \"Gentle patience wins over force.\", img: \"08-Strength.jpg\", url: \"https:\/\/premkara.tw\/heal\/8-strength-courage-tarot-en\" },\r\n    { name: \"IX The Hermit\", score: 0, hint: \"Soul-searching alone to find answers.\", img: \"09-TheHermit.jpg\", url: \"https:\/\/premkara.tw\/heal\/9-hermit-aloneness-tarot-en\" },\r\n    { name: \"X Wheel of Fortune\", score: 1, hint: \"Fated changes; 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: \"Fairness, truth, and balance.\", 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, surrender, and see things differently.\", img: \"12-TheHangedMan.jpg\", url: \"https:\/\/premkara.tw\/heal\/12-hanged-man-new-vision-tarot-en\" },\r\n    { name: \"XIII Death\", score: -1, hint: \"A major transformation or ending.\", img: \"13-Death.jpg\", url: \"https:\/\/premkara.tw\/heal\/13-death-transformation-tarot-en\" },\r\n    { name: \"XIV Temperance\", score: 0, hint: \"Healing, balance, and patience.\", img: \"14-Temperance.jpg\", url: \"https:\/\/premkara.tw\/heal\/14-temperance-integration-tarot-en\" },\r\n    { name: \"XV The Devil\", score: -1, hint: \"Intense attraction, obsession, or bondage.\", img: \"15-TheDevil.jpg\", url: \"https:\/\/premkara.tw\/heal\/15-devil-conditioning-tarot-en\" },\r\n    { name: \"XVI The Tower\", score: -1, hint: \"Sudden upheaval revealing the truth.\", img: \"16-TheTower.jpg\", url: \"https:\/\/premkara.tw\/heal\/16-tower-thunderbolt-tarot-en\" },\r\n    { name: \"XVII The Star\", score: 1, hint: \"Hope, healing, and spiritual love.\", img: \"17-TheStar.jpg\", url: \"https:\/\/premkara.tw\/heal\/17-star-silence-tarot-en\" },\r\n    { name: \"XVIII The Moon\", score: -1, hint: \"Uncertainty, illusions, and deep emotions.\", img: \"18-TheMoon.jpg\", url: \"https:\/\/premkara.tw\/heal\/18-moon-past-lives-tarot-en\" },\r\n    { name: \"XIX The Sun\", score: 1, hint: \"Joy, success, and warm happiness.\", img: \"19-TheSun.jpg\", url: \"https:\/\/premkara.tw\/heal\/19-sun-innocence-tarot-en\" },\r\n    { name: \"XX Judgement\", score: 1, hint: \"A wake-up call; renewal of relationship.\", 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 and fulfillment.\", 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: \"Passionate, charismatic leader.\", img: \"Wands14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-wands-creator-tarot-en\" },\r\n    { name: \"Queen of Wands\", score: 1, hint: \"Confident, attractive, and warm.\", img: \"Wands13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-wands-sharing-tarot-en\" },\r\n    { name: \"Knight of Wands\", score: 1, hint: \"Rushing in with passion and adventure.\", img: \"Wands12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-wands-intensity-tarot-en\" },\r\n    { name: \"Page of Wands\", score: 1, hint: \"Exciting news or a new spark.\", img: \"Wands11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-wands-playfulness-tarot-en\" },\r\n    { name: \"Ace of Wands\", score: 1, hint: \"New passion and sexual chemistry.\", img: \"Wands01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-wands-source-tarot-en\" },\r\n    { name: \"2 of Wands\", score: 0, hint: \"Planning the future together.\", img: \"Wands02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-wands-possibilities-tarot-en\" },\r\n    { name: \"3 of Wands\", score: 1, hint: \"Expanding horizons; long-distance potential.\", img: \"Wands03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-wands-experiencing-tarot-en\" },\r\n    { name: \"4 of Wands\", score: 1, hint: \"Celebration, stability, and home.\", img: \"Wands04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-wands-participation-tarot-en\" },\r\n    { name: \"5 of Wands\", score: -1, hint: \"Conflict, competition, and ego clashes.\", 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: \"Defensiveness; standing 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 and communication.\", img: \"Wands08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-wands-traveling-tarot-en\" },\r\n    { name: \"9 of Wands\", score: 0, hint: \"Guarded heart; resilience.\", img: \"Wands09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-wands-exhaustion-tarot-en\" },\r\n    { name: \"10 of Wands\", score: -1, hint: \"Burdened by responsibility or stress.\", 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: 1, hint: \"Emotional maturity and control.\", img: \"Cups14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-cups-healing-tarot-en\" },\r\n    { name: \"Queen of Cups\", score: 1, hint: \"Compassionate, intuitive love.\", img: \"Cups13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-cups-receptivity-tarot-en\" },\r\n    { name: \"Knight of Cups\", score: 1, hint: \"Romantic proposal or gesture.\", img: \"Cups12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-cups-trust-tarot-en\" },\r\n    { name: \"Page of Cups\", score: 1, hint: \"A sweet message of affection.\", img: \"Cups11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-cups-understanding-tarot-en\" },\r\n    { name: \"Ace of Cups\", score: 1, hint: \"New love and emotional overflow.\", 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, mutual attraction.\", img: \"Cups02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-cups-friendliness-tarot-en\" },\r\n    { name: \"3 of Cups\", score: 1, hint: \"Celebration, friendship, or third-party.\", img: \"Cups03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-cups-celebration-tarot-en\" },\r\n    { name: \"4 of Cups\", score: -1, hint: \"Apathy or missing an opportunity.\", img: \"Cups04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-cups-turning-in-tarot-en\" },\r\n    { name: \"5 of Cups\", score: -1, hint: \"Regret and focusing on loss.\", 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, past love returning.\", img: \"Cups06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-cups-the-dream-tarot-en\" },\r\n    { name: \"7 of Cups\", score: 0, hint: \"Confusion, fantasies, and choices.\", 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 meaning.\", img: \"Cups08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-cups-letting-go-tarot-en\" },\r\n    { name: \"9 of Cups\", score: 1, hint: \"Emotional satisfaction; wishes fulfilled.\", img: \"Cups09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-cups-laziness-tarot-en\" },\r\n    { name: \"10 of Cups\", score: 1, hint: \"Happily ever after; family 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: \"Logical, clear, and direct communication.\", img: \"Swords14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-swords-control-tarot-en\" },\r\n    { name: \"Queen of Swords\", score: 0, hint: \"Independent and clear boundaries.\", img: \"Swords13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-swords-morality-tarot-en\" },\r\n    { name: \"Knight of Swords\", score: 0, hint: \"Hasty actions or blunt words.\", img: \"Swords12.jpg\", url: \"https:\/\/premkara.tw\/heal\/knight-of-swords-fighting-tarot-en\" },\r\n    { name: \"Page of Swords\", score: 0, hint: \"Curiosity, spying, or gossip.\", img: \"Swords11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-swords-mind-tarot-en\" },\r\n    { name: \"Ace of Swords\", score: 1, hint: \"Clarity, truth, and a new mindset.\", img: \"Swords01.jpg\", url: \"https:\/\/premkara.tw\/heal\/ace-of-swords-consciousness-tarot-en\" },\r\n    { name: \"2 of Swords\", score: 0, hint: \"Indecision; blocking emotions.\", img: \"Swords02.jpg\", url: \"https:\/\/premkara.tw\/heal\/two-of-swords-schizophrenia-tarot-en\" },\r\n    { name: \"3 of Swords\", score: -1, hint: \"Heartbreak, sorrow, or separation.\", 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, healing, and taking a break.\", img: \"Swords04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-swords-postponement-tarot-en\" },\r\n    { name: \"5 of Swords\", score: -1, hint: \"Conflict, defeat, or walking away.\", img: \"Swords05.jpg\", url: \"https:\/\/premkara.tw\/heal\/five-of-swords-comparison-tarot-en\" },\r\n    { name: \"6 of Swords\", score: 0, hint: \"Moving to calmer waters; transition.\", img: \"Swords06.jpg\", url: \"https:\/\/premkara.tw\/heal\/six-of-swords-the-burden-tarot-en\" },\r\n    { name: \"7 of Swords\", score: -1, hint: \"Deception, strategy, or hiding something.\", img: \"Swords07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-swords-politics-tarot-en\" },\r\n    { name: \"8 of Swords\", score: -1, hint: \"Feeling trapped by fear or doubt.\", img: \"Swords08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-swords-guilt-tarot-en\" },\r\n    { name: \"9 of Swords\", score: -1, hint: \"Anxiety, worry, and nightmares.\", 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 painful end.\", 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: \"Reliable, successful, and secure.\", img: \"Pentacles14.jpg\", url: \"https:\/\/premkara.tw\/heal\/king-of-pentacles-abundance-tarot-en\" },\r\n    { name: \"Queen of Pentacles\", score: 1, hint: \"Nurturing, practical, and supportive.\", img: \"Pentacles13.jpg\", url: \"https:\/\/premkara.tw\/heal\/queen-of-pentacles-flowering-tarot-en\" },\r\n    { name: \"Knight of Pentacles\", score: 1, hint: \"Slow, steady, and loyal progress.\", 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 solid offer or new beginning.\", img: \"Pentacles11.jpg\", url: \"https:\/\/premkara.tw\/heal\/page-of-pentacles-adventure-tarot-en\" },\r\n    { name: \"Ace of Pentacles\", score: 1, hint: \"A tangible new opportunity or gift.\", 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 and balance.\", 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 building together.\", img: \"Pentacles03.jpg\", url: \"https:\/\/premkara.tw\/heal\/three-of-pentacles-guidance-tarot-en\" },\r\n    { name: \"4 of Pentacles\", score: -1, hint: \"Holding back emotions; control.\", img: \"Pentacles04.jpg\", url: \"https:\/\/premkara.tw\/heal\/four-of-pentacles-the-miser-tarot-en\" },\r\n    { name: \"5 of Pentacles\", score: -1, hint: \"Feeling left out in the cold.\", 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 and balance of power.\", 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 results.\", img: \"Pentacles07.jpg\", url: \"https:\/\/premkara.tw\/heal\/seven-of-pentacles-patience-tarot-en\" },\r\n    { name: \"8 of Pentacles\", score: 1, hint: \"Working hard on the relationship.\", img: \"Pentacles08.jpg\", url: \"https:\/\/premkara.tw\/heal\/eight-of-pentacles-ordinariness-tarot-en\" },\r\n    { name: \"9 of Pentacles\", score: 1, hint: \"Independent happiness and self-love.\", img: \"Pentacles09.jpg\", url: \"https:\/\/premkara.tw\/heal\/nine-of-pentacles-ripeness-tarot-en\" },\r\n    { name: \"10 of Pentacles\", score: 1, hint: \"Long-term commitment and legacy.\", img: \"Pentacles10.jpg\", url: \"https:\/\/premkara.tw\/heal\/ten-of-pentacles-we-are-the-world-tarot-en\" }\r\n  ];\r\n\r\n  function getLovePercent(score, isReversed) {\r\n    let finalScore = score;\r\n    if (isReversed) {\r\n        if (score === 1) finalScore = -1; \r\n        else if (score === -1) finalScore = 0; \r\n        else finalScore = -1; \r\n    }\r\n    if (finalScore === 1) return Math.floor(Math.random() * 21) + 80; \r\n    if (finalScore === -1) return Math.floor(Math.random() * 40);       \r\n    return Math.floor(Math.random() * 40) + 40;                         \r\n  }\r\n\r\n  function renderCard(card, isReversed, imgId, nameId, percentId, linkId, hintId) {\r\n    const imgEl = document.getElementById(imgId);\r\n    const nameEl = document.getElementById(nameId);\r\n    const percentEl = document.getElementById(percentId);\r\n    const linkEl = document.getElementById(linkId);\r\n    const hintEl = document.getElementById(hintId);\r\n\r\n    \/\/ Set Image\r\n    imgEl.src = IMG_BASE_URL + card.img;\r\n    \r\n    \/\/ Set Link\r\n    linkEl.href = card.url;\r\n\r\n    \/\/ Handle Text & Reversal\r\n    let displayName = card.name;\r\n    let displayHint = card.hint;\r\n\r\n    if (isReversed) {\r\n      imgEl.classList.add('reversed'); \r\n      displayName += \" (Reversed)\";\r\n      nameEl.classList.add('name-reversed-text'); \r\n      \r\n      if(card.score === 1) displayHint += \" (Energy blocked currently)\";\r\n      else if(card.score === 0) displayHint += \" (Internal reflection needed)\";\r\n      else displayHint += \" (Not as bad as it seems)\";\r\n\r\n    } else {\r\n      imgEl.classList.remove('reversed'); \r\n      nameEl.classList.remove('name-reversed-text');\r\n    }\r\n\r\n    nameEl.innerText = displayName;\r\n    hintEl.innerText = displayHint;\r\n\r\n    \/\/ Set Percent\r\n    const percent = getLovePercent(card.score, isReversed);\r\n    percentEl.innerText = percent + \"%\";\r\n    \r\n    return { name: displayName, percent: percent };\r\n  }\r\n\r\n  function drawLoveSpread() {\r\n    try {\r\n        document.getElementById('start-screen').classList.add('hidden');\r\n        const resultScreen = document.getElementById('result-screen');\r\n        resultScreen.classList.remove('hidden');\r\n        resultScreen.classList.add('fade-in');\r\n        \r\n        let idx1 = Math.floor(Math.random() * tarotDeck.length);\r\n        let idx2 = Math.floor(Math.random() * tarotDeck.length);\r\n        while(idx1 === idx2) { idx2 = Math.floor(Math.random() * tarotDeck.length); }\r\n        \r\n        const cardMe = tarotDeck[idx1];\r\n        const cardThem = tarotDeck[idx2];\r\n        \r\n        const isReversedMe = Math.random() < 0.5;\r\n        const isReversedThem = Math.random() < 0.5;\r\n\r\n        \/\/ Render\r\n        renderCard(cardMe, isReversedMe, 'img-me', 'name-me', 'percent-me', 'link-me', 'hint-me');\r\n        const themResult = renderCard(cardThem, isReversedThem, 'img-them', 'name-them', 'percent-them', 'link-them', 'hint-them');\r\n\r\n        \/\/ Share Link\r\n        const shareUrl = encodeURIComponent(window.location.href);\r\n        const shareText = encodeURIComponent(`\ud83d\udc98 Love Tarot Reveal: They are thinking... [${themResult.name}] (Interest: ${themResult.percent}%)! \\n\ud83d\udc49 Check yours:`);\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=${shareText}&url=${shareUrl}`;\r\n\r\n        document.getElementById('love-app-container').scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n    } catch(e) {\r\n        console.error(e);\r\n        alert(\"An error occurred. Please refresh.\");\r\n    }\r\n  }\r\n\r\n  function resetApp() {\r\n    const resultScreen = document.getElementById('result-screen');\r\n    const startScreen = document.getElementById('start-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    document.getElementById('img-me').classList.remove('reversed');\r\n    document.getElementById('img-them').classList.remove('reversed');\r\n    document.getElementById('img-me').src = \"\";\r\n    document.getElementById('img-them').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\n\n<p class=\"wp-block-paragraph\"><\/p>\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\/love-tarot-relationship-reading\/\" class=\"more-link\">\u95b1\u8b80\u5168\u6587 <span class=\"screen-reader-text\">Free Love Tarot: Does He Love Me? Reveal Their Feelings &amp; Love %<\/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-4091","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\/4091","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=4091"}],"version-history":[{"count":4,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts\/4091\/revisions"}],"predecessor-version":[{"id":8367,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/posts\/4091\/revisions\/8367"}],"wp:attachment":[{"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/media?parent=4091"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/categories?post=4091"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/tags?post=4091"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/premkara.tw\/heal\/wp-json\/wp\/v2\/series?post=4091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}