{"id":784,"date":"2026-03-24T18:08:15","date_gmt":"2026-03-24T22:08:15","guid":{"rendered":"https:\/\/witchwoodjewelry.ca\/%e5%a1%94%e7%be%85%e9%ab%94%e9%a9%97\/"},"modified":"2026-04-03T23:36:32","modified_gmt":"2026-04-04T03:36:32","slug":"%e5%a1%94%e7%be%85%e9%ab%94%e9%a9%97","status":"publish","type":"page","link":"https:\/\/witchwoodjewelry.ca\/zh-hant\/%e5%a1%94%e7%be%85%e9%ab%94%e9%a9%97\/","title":{"rendered":"\u5854\u7f85\u9ad4\u9a57"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"784\" class=\"elementor elementor-784 elementor-758\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-62e920a e-con-full e-flex e-con e-parent\" data-id=\"62e920a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d47093 elementor-widget elementor-widget-html\" data-id=\"1d47093\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"witchwood-tarot-app\" class=\"notranslate\" translate=\"no\">\n    \n    \n<div id=\"witchwood-tarot-app\">\n  <style>\n    #witchwood-tarot-app,\n    #witchwood-tarot-app *,\n    #witchwood-tarot-app *::before,\n    #witchwood-tarot-app *::after {\n      box-sizing: border-box;\n    }\n\n    #witchwood-tarot-app {\n      --ww-text: #f2efe7;\n      --ww-text-soft: rgba(242, 239, 231, 0.82);\n      --ww-text-muted: rgba(242, 239, 231, 0.58);\n      --ww-accent: #889A00;\n      --ww-accent-2: #a4b820;\n      --ww-line: rgba(164, 184, 32, 0.24);\n\n      position: relative;\n      width: 100vw;\n      max-width: 100vw;\n      margin-left: calc(50% - 50vw);\n      margin-right: calc(50% - 50vw);\n      padding: 28px;\n      overflow-x: hidden;\n      color: var(--ww-text);\n      font-family: \"Inter\", \"Helvetica Neue\", Arial, sans-serif;\n      background:\n        radial-gradient(circle at 18% 8%, rgba(136,154,0,0.08), transparent 24%),\n        radial-gradient(circle at 82% 14%, rgba(136,154,0,0.05), transparent 20%),\n        linear-gradient(180deg, #07110f 0%, #030807 100%);\n      isolation: isolate;\n    }\n\n    #witchwood-tarot-app::before,\n    #witchwood-tarot-app::after {\n      content: \"\";\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      z-index: 0;\n    }\n\n    #witchwood-tarot-app::before {\n      background: linear-gradient(180deg, rgba(255,255,255,0.02), transparent 18%, transparent 82%, rgba(255,255,255,0.02));\n      opacity: 0.22;\n    }\n\n    #witchwood-tarot-app::after {\n      background:\n        radial-gradient(circle at 24% 22%, rgba(164,184,32,0.035), transparent 26%),\n        radial-gradient(circle at 78% 68%, rgba(164,184,32,0.02), transparent 24%);\n      opacity: 0.26;\n      mix-blend-mode: screen;\n    }\n\n    \/* ===== FULL PAGE BACKGROUND ===== *\/\n    #witchwood-tarot-app .ww-cosmic-bg {\n      position: absolute;\n      inset: 0;\n      z-index: 0;\n      pointer-events: none;\n      overflow: hidden;\n    }\n\n    #witchwood-tarot-app .ww-light-wash-a,\n    #witchwood-tarot-app .ww-light-wash-b,\n    #witchwood-tarot-app .ww-light-wash-c {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(24px);\n      mix-blend-mode: screen;\n    }\n\n    #witchwood-tarot-app .ww-light-wash-a {\n      width: 54rem;\n      height: 54rem;\n      left: -10rem;\n      top: 4rem;\n      background: radial-gradient(circle at center, rgba(164,184,32,0.26) 0%, rgba(164,184,32,0.10) 38%, transparent 74%);\n      animation: wwLightFloatA 10s ease-in-out infinite alternate;\n      opacity: 0.66;\n    }\n\n    #witchwood-tarot-app .ww-light-wash-b {\n      width: 46rem;\n      height: 46rem;\n      right: -8rem;\n      bottom: 0;\n      background: radial-gradient(circle at center, rgba(164,184,32,0.18) 0%, rgba(255,255,255,0.06) 34%, transparent 74%);\n      animation: wwLightFloatB 12s ease-in-out infinite alternate;\n      opacity: 0.52;\n    }\n\n    #witchwood-tarot-app .ww-light-wash-c {\n      width: 24rem;\n      height: 24rem;\n      left: 50%;\n      top: 46%;\n      transform: translate(-50%, -50%);\n      background: radial-gradient(circle at center, rgba(164,184,32,0.16) 0%, rgba(255,255,255,0.04) 32%, transparent 74%);\n      animation: wwLightPulseC 5.6s ease-in-out infinite;\n      opacity: 0.36;\n    }\n\n    #witchwood-tarot-app .ww-merkaba-bg {\n      position: absolute;\n      left: 50%;\n      top: 54%;\n      width: 1320px;\n      height: 1320px;\n      transform: translate(-50%, -50%);\n      opacity: 0.52;\n      animation: wwMerkabaRotateSlow 24s linear infinite;\n    }\n\n    #witchwood-tarot-app .ww-merkaba-bg svg {\n      width: 100%;\n      height: 100%;\n      display: block;\n      filter: drop-shadow(0 0 34px rgba(164,184,32,0.18));\n    }\n\n    #witchwood-tarot-app .ww-merkaba-bg polygon,\n    #witchwood-tarot-app .ww-merkaba-bg line,\n    #witchwood-tarot-app .ww-merkaba-bg circle {\n      stroke: rgba(164,184,32,0.42);\n      fill: none;\n      stroke-width: 1.55;\n    }\n\n    #witchwood-tarot-app .ww-merkaba-bg-b {\n      width: 860px;\n      height: 860px;\n      opacity: 0.34;\n      animation: wwMerkabaRotateReverse 16s linear infinite;\n    }\n\n    #witchwood-tarot-app .ww-merkaba-bg-b polygon,\n    #witchwood-tarot-app .ww-merkaba-bg-b line,\n    #witchwood-tarot-app .ww-merkaba-bg-b circle {\n      stroke: rgba(255,255,255,0.30);\n      stroke-width: 1.2;\n    }\n\n    @keyframes wwLightFloatA {\n      0% { transform: translate3d(0,0,0) scale(0.96); opacity: 0.42; }\n      50% { transform: translate3d(3rem,-1.4rem,0) scale(1.08); opacity: 0.74; }\n      100% { transform: translate3d(6rem,2rem,0) scale(1.14); opacity: 0.56; }\n    }\n\n    @keyframes wwLightFloatB {\n      0% { transform: translate3d(0,0,0) scale(0.98); opacity: 0.32; }\n      50% { transform: translate3d(-2.4rem,1.2rem,0) scale(1.06); opacity: 0.58; }\n      100% { transform: translate3d(-4.8rem,-1.8rem,0) scale(1.12); opacity: 0.42; }\n    }\n\n    @keyframes wwLightPulseC {\n      0%, 100% { transform: translate(-50%, -50%) scale(0.92); opacity: 0.18; }\n      50% { transform: translate(-50%, -50%) scale(1.16); opacity: 0.48; }\n    }\n\n    @keyframes wwMerkabaRotateSlow {\n      from { transform: translate(-50%, -50%) rotate(0deg); }\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    @keyframes wwMerkabaRotateReverse {\n      from { transform: translate(-50%, -50%) rotate(0deg); }\n      to { transform: translate(-50%, -50%) rotate(-360deg); }\n    }\n\n    #witchwood-tarot-app .ww-inner {\n      position: relative;\n      z-index: 1;\n      width: 100%;\n      max-width: 1480px;\n      margin: 0 auto;\n    }\n\n    \/* ===== TOPBAR ===== *\/\n    #witchwood-tarot-app .ww-topbar {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 16px;\n      margin-bottom: 20px;\n    }\n\n    #witchwood-tarot-app .ww-brand-name {\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(28px, 3vw, 38px);\n      line-height: 1;\n      color: var(--ww-text);\n    }\n\n    #witchwood-tarot-app .ww-lang-switch {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 4px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.03);\n      border: 1px solid rgba(255,255,255,0.06);\n      backdrop-filter: blur(10px);\n      -webkit-backdrop-filter: blur(10px);\n      flex-shrink: 0;\n    }\n\n    #witchwood-tarot-app .ww-lang-btn {\n      appearance: none;\n      border: none;\n      background: transparent;\n      color: var(--ww-text-soft);\n      padding: 10px 18px;\n      border-radius: 999px;\n      font-size: 13px;\n      letter-spacing: 0.06em;\n      cursor: pointer;\n      transition: all 0.25s ease;\n    }\n\n    #witchwood-tarot-app .ww-lang-btn.active {\n      color: #11170e;\n      background: linear-gradient(180deg, #a9bc15 0%, #889A00 100%);\n      box-shadow: 0 6px 20px rgba(136,154,0,0.26);\n    }\n\n    \/* ===== HERO ===== *\/\n    #witchwood-tarot-app .ww-hero-shell {\n      position: relative;\n      padding: 52px 42px;\n      margin-bottom: 42px;\n      overflow: hidden;\n      border-radius: 34px;\n      border: 1px solid rgba(255,255,255,0.05);\n      background:\n        linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01)),\n        linear-gradient(180deg, rgba(10,18,15,0.16), rgba(7,13,11,0.20));\n    }\n\n    #witchwood-tarot-app .ww-hero-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1fr) 520px;\n      gap: 40px;\n      align-items: center;\n      position: relative;\n      z-index: 2;\n    }\n\n    #witchwood-tarot-app .ww-kicker {\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      color: rgba(164,184,32,0.84);\n      margin-bottom: 14px;\n    }\n\n    #witchwood-tarot-app .ww-title {\n      margin: 0;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(44px, 5vw, 80px);\n      line-height: 0.94;\n      color: #f7f3e9;\n      max-width: 9em;\n    }\n\n    #witchwood-tarot-app .ww-subtitle {\n      margin: 18px 0 0;\n      max-width: 760px;\n      font-size: 17px;\n      line-height: 1.74;\n      color: var(--ww-text-soft);\n    }\n\n    #witchwood-tarot-app .ww-signature {\n      margin-top: 18px;\n      font-size: 13px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: rgba(242,239,231,0.58);\n    }\n\n    \/* HERO RIGHT ANIMATION *\/\n    #witchwood-tarot-app .ww-hero-visual {\n      position: relative;\n      width: 520px;\n      height: 520px;\n      min-height: 520px;\n      border-radius: 0;\n      overflow: hidden;\n      border: none;\n      background:\n        radial-gradient(circle at 50% 50%, rgba(164,184,32,0.05), transparent 42%),\n        linear-gradient(180deg, rgba(4,10,9,0.08), rgba(4,10,9,0.02));\n      justify-self: end;\n      align-self: center;\n      z-index: 3;\n      flex-shrink: 0;\n    }\n\n    #witchwood-tarot-app .ww-hero-glow-a,\n    #witchwood-tarot-app .ww-hero-glow-b,\n    #witchwood-tarot-app .ww-hero-glow-c {\n      position: absolute;\n      border-radius: 50%;\n      filter: blur(30px);\n      mix-blend-mode: screen;\n      pointer-events: none;\n    }\n\n    #witchwood-tarot-app .ww-hero-glow-a {\n      width: 320px;\n      height: 320px;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      background: radial-gradient(circle at center, rgba(164,184,32,0.20) 0%, rgba(164,184,32,0.08) 36%, transparent 72%);\n      animation: wwHeroGlowA 7s ease-in-out infinite alternate;\n      opacity: 0.72;\n    }\n\n    #witchwood-tarot-app .ww-hero-glow-b {\n      width: 220px;\n      height: 220px;\n      left: 34%;\n      top: 32%;\n      background: radial-gradient(circle at center, rgba(255,255,255,0.08) 0%, rgba(164,184,32,0.05) 40%, transparent 74%);\n      animation: wwHeroGlowB 8s ease-in-out infinite alternate;\n      opacity: 0.42;\n    }\n\n    #witchwood-tarot-app .ww-hero-glow-c {\n      width: 260px;\n      height: 260px;\n      right: 18%;\n      bottom: 14%;\n      background: radial-gradient(circle at center, rgba(164,184,32,0.10) 0%, rgba(255,255,255,0.03) 38%, transparent 74%);\n      animation: wwHeroGlowC 9s ease-in-out infinite alternate;\n      opacity: 0.34;\n    }\n\n    @keyframes wwHeroGlowA {\n      0% { transform: translate(-50%, -50%) scale(0.94); opacity: 0.46; }\n      50% { transform: translate(-50%, -50%) scale(1.08); opacity: 0.84; }\n      100% { transform: translate(-50%, -50%) scale(1.14); opacity: 0.58; }\n    }\n\n    @keyframes wwHeroGlowB {\n      0% { transform: translate3d(0,0,0) scale(0.92); opacity: 0.26; }\n      50% { transform: translate3d(8px,-8px,0) scale(1.08); opacity: 0.50; }\n      100% { transform: translate3d(-10px,10px,0) scale(1.14); opacity: 0.34; }\n    }\n\n    @keyframes wwHeroGlowC {\n      0% { transform: translate3d(0,0,0) scale(0.96); opacity: 0.20; }\n      50% { transform: translate3d(-10px,8px,0) scale(1.06); opacity: 0.42; }\n      100% { transform: translate3d(10px,-8px,0) scale(1.12); opacity: 0.28; }\n    }\n\n    #witchwood-tarot-app .ww-hero-diagram {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 100%;\n      height: 100%;\n      aspect-ratio: 1 \/ 1;\n      transform: translate(-50%, -50%);\n    }\n\n    #witchwood-tarot-app .ww-hero-diagram::before,\n    #witchwood-tarot-app .ww-hero-diagram::after {\n      content: \"\";\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n    }\n\n    #witchwood-tarot-app .ww-hero-diagram::before {\n      width: 100%;\n      height: 100%;\n      border: 1.2px solid rgba(164,184,32,0.18);\n      box-shadow: 0 0 24px rgba(164,184,32,0.06);\n      animation: wwDiagramBreathA 5.8s ease-in-out infinite;\n    }\n\n    #witchwood-tarot-app .ww-hero-diagram::after {\n      width: 66%;\n      height: 66%;\n      border: 1px solid rgba(255,255,255,0.08);\n      animation: wwDiagramBreathB 5.2s ease-in-out infinite;\n    }\n\n    #witchwood-tarot-app .ww-hero-cross-v,\n    #witchwood-tarot-app .ww-hero-cross-h {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      transform-origin: center;\n    }\n\n    #witchwood-tarot-app .ww-hero-cross-v {\n      width: 1px;\n      height: 100%;\n      background: linear-gradient(180deg, transparent, rgba(164,184,32,0.22), transparent);\n    }\n\n    #witchwood-tarot-app .ww-hero-cross-h {\n      width: 100%;\n      height: 1px;\n      background: linear-gradient(90deg, transparent, rgba(164,184,32,0.22), transparent);\n    }\n\n    #witchwood-tarot-app .ww-hero-rays {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 100%;\n      height: 100%;\n      aspect-ratio: 1 \/ 1;\n      transform: translate(-50%, -50%);\n      animation: wwRaysRotate 18s linear infinite;\n      opacity: 0.68;\n    }\n\n    #witchwood-tarot-app .ww-hero-ray {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 1px;\n      height: 44%;\n      transform-origin: center bottom;\n      background: linear-gradient(180deg, rgba(164,184,32,0.14), transparent);\n      opacity: 0.72;\n    }\n\n    #witchwood-tarot-app .ww-hero-ray.r1 { transform: translate(-50%, -100%) rotate(0deg); }\n    #witchwood-tarot-app .ww-hero-ray.r2 { transform: translate(-50%, -100%) rotate(30deg); }\n    #witchwood-tarot-app .ww-hero-ray.r3 { transform: translate(-50%, -100%) rotate(60deg); }\n    #witchwood-tarot-app .ww-hero-ray.r4 { transform: translate(-50%, -100%) rotate(90deg); }\n    #witchwood-tarot-app .ww-hero-ray.r5 { transform: translate(-50%, -100%) rotate(120deg); }\n    #witchwood-tarot-app .ww-hero-ray.r6 { transform: translate(-50%, -100%) rotate(150deg); }\n\n    #witchwood-tarot-app .ww-hero-square {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 104px;\n      height: 104px;\n      transform: translate(-50%, -50%) rotate(8deg);\n      border: 1px solid rgba(164,184,32,0.14);\n      box-shadow: 0 0 22px rgba(164,184,32,0.05);\n      animation: wwSquareRotate 10s ease-in-out infinite alternate;\n    }\n\n    #witchwood-tarot-app .ww-hero-core {\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      width: 10px;\n      height: 10px;\n      transform: translate(-50%, -50%);\n      border-radius: 50%;\n      background: rgba(180,200,40,0.96);\n      box-shadow:\n        0 0 18px rgba(164,184,32,0.75),\n        0 0 42px rgba(164,184,32,0.28),\n        0 0 80px rgba(164,184,32,0.12);\n      animation: wwCorePulse 3.8s ease-in-out infinite;\n    }\n\n    #witchwood-tarot-app .ww-hero-dot {\n      position: absolute;\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: rgba(255,255,255,0.70);\n      box-shadow: 0 0 10px rgba(255,255,255,0.16);\n      animation: wwDotPulse 4.4s ease-in-out infinite;\n    }\n\n    #witchwood-tarot-app .ww-hero-dot.d1 { left: 24%; top: 26%; animation-delay: 0s; }\n    #witchwood-tarot-app .ww-hero-dot.d2 { right: 24%; top: 30%; animation-delay: 1s; }\n    #witchwood-tarot-app .ww-hero-dot.d3 { left: 20%; bottom: 26%; animation-delay: 2s; }\n    #witchwood-tarot-app .ww-hero-dot.d4 { right: 20%; bottom: 24%; animation-delay: 3s; }\n\n    #witchwood-tarot-app .ww-hero-green-dot {\n      position: absolute;\n      width: 7px;\n      height: 7px;\n      border-radius: 50%;\n      background: rgba(164,184,32,0.92);\n      box-shadow: 0 0 14px rgba(164,184,32,0.34);\n      left: 18%;\n      top: 54%;\n      animation: wwDotPulse 4.8s ease-in-out infinite;\n    }\n\n    @keyframes wwDiagramBreathA {\n      0%, 100% { transform: translate(-50%, -50%) scale(0.97); opacity: 0.54; }\n      50% { transform: translate(-50%, -50%) scale(1.03); opacity: 0.92; }\n    }\n\n    @keyframes wwDiagramBreathB {\n      0%, 100% { transform: translate(-50%, -50%) scale(0.98); opacity: 0.40; }\n      50% { transform: translate(-50%, -50%) scale(1.04); opacity: 0.70; }\n    }\n\n    @keyframes wwRaysRotate {\n      from { transform: translate(-50%, -50%) rotate(0deg); }\n      to { transform: translate(-50%, -50%) rotate(360deg); }\n    }\n\n    @keyframes wwSquareRotate {\n      0% { transform: translate(-50%, -50%) rotate(8deg) scale(0.96); opacity: 0.44; }\n      50% { transform: translate(-50%, -50%) rotate(-6deg) scale(1.04); opacity: 0.82; }\n      100% { transform: translate(-50%, -50%) rotate(12deg) scale(0.98); opacity: 0.56; }\n    }\n\n    @keyframes wwCorePulse {\n      0%, 100% { transform: translate(-50%, -50%) scale(0.9); opacity: 0.70; }\n      50% { transform: translate(-50%, -50%) scale(1.25); opacity: 1; }\n    }\n\n    @keyframes wwDotPulse {\n      0%, 100% { transform: scale(0.82); opacity: 0.50; }\n      50% { transform: scale(1.18); opacity: 0.96; }\n    }\n\n    \/* ===== SECOND SECTION \/ FAQ: NO HEAVY FROSTED GLASS ===== *\/\n    #witchwood-tarot-app .ww-main-card,\n    #witchwood-tarot-app .ww-faq-shell {\n      position: relative;\n      border-radius: 30px;\n      border: none;\n      background: transparent;\n      box-shadow: none;\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n    }\n\n    #witchwood-tarot-app .ww-main-card {\n      padding: 0;\n      margin-bottom: 22px;\n    }\n\n    #witchwood-tarot-app .ww-faq-shell {\n      padding: 0;\n    }\n\n    #witchwood-tarot-app .ww-panel-header {\n      margin-bottom: 24px;\n      max-width: 980px;\n    }\n\n    #witchwood-tarot-app .ww-panel-kicker {\n      margin-bottom: 10px;\n      font-size: 12px;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n      color: rgba(164,184,32,0.82);\n    }\n\n    #witchwood-tarot-app .ww-panel-title-wrap {\n      display: grid;\n      gap: 6px;\n      margin-bottom: 12px;\n    }\n\n    #witchwood-tarot-app .ww-panel-title {\n      margin: 0;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(38px, 4vw, 54px);\n      line-height: 0.96;\n      color: #f5f1e7;\n    }\n\n    #witchwood-tarot-app .ww-panel-title-zh {\n      font-size: 20px;\n      line-height: 1.3;\n      color: rgba(242,239,231,0.82);\n      letter-spacing: 0.02em;\n    }\n\n    #witchwood-tarot-app .ww-panel-subtitle {\n      margin: 0;\n      font-size: 16px;\n      line-height: 1.78;\n      color: var(--ww-text-soft);\n      max-width: 860px;\n    }\n\n    #witchwood-tarot-app .ww-mode-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 18px;\n      margin-bottom: 28px;\n    }\n\n    #witchwood-tarot-app .ww-mode-card,\n    #witchwood-tarot-app .ww-faq-item {\n      background: rgba(255,255,255,0.01);\n      border: 1px solid rgba(255,255,255,0.04);\n      box-shadow: none;\n      backdrop-filter: none;\n      -webkit-backdrop-filter: none;\n    }\n\n    #witchwood-tarot-app .ww-mode-card {\n      appearance: none;\n      width: 100%;\n      text-align: left;\n      padding: 24px 22px 20px;\n      border-radius: 22px;\n      color: var(--ww-text);\n      cursor: pointer;\n      transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;\n      overflow: hidden;\n    }\n\n    #witchwood-tarot-app .ww-mode-card:hover {\n      transform: translateY(-1px);\n      border-color: rgba(164,184,32,0.28);\n    }\n\n    #witchwood-tarot-app .ww-mode-card.active {\n      border-color: rgba(164,184,32,0.38);\n      background:\n        radial-gradient(circle at 18% 10%, rgba(164,184,32,0.10), transparent 42%),\n        rgba(255,255,255,0.015);\n    }\n\n    #witchwood-tarot-app .ww-mode-label {\n      display: inline-block;\n      margin-bottom: 10px;\n      padding: 6px 10px;\n      border-radius: 999px;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: rgba(164,184,32,0.88);\n      background: rgba(164,184,32,0.10);\n      border: 1px solid rgba(164,184,32,0.18);\n    }\n\n    #witchwood-tarot-app .ww-mode-title {\n      margin: 0 0 8px;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: 30px;\n      line-height: 1;\n      color: #f5f1e7;\n    }\n\n    #witchwood-tarot-app .ww-mode-text {\n      margin: 0 0 12px;\n      font-size: 15px;\n      line-height: 1.7;\n      color: var(--ww-text-soft);\n    }\n\n    #witchwood-tarot-app .ww-mode-note {\n      font-size: 12.5px;\n      line-height: 1.7;\n      font-style: italic;\n      color: rgba(242,239,231,0.56);\n    }\n\n    #witchwood-tarot-app .ww-section {\n      display: none;\n      margin-top: 10px;\n    }\n\n    #witchwood-tarot-app .ww-section.active {\n      display: block;\n    }\n\n    #witchwood-tarot-app .ww-flow-copy h2 {\n      margin: 0 0 12px;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(40px, 4.8vw, 58px);\n      line-height: 0.95;\n      color: #f5f1e7;\n    }\n\n    #witchwood-tarot-app .ww-flow-copy p {\n      margin: 0;\n      font-size: 17px;\n      line-height: 1.82;\n      color: var(--ww-text-soft);\n      max-width: 760px;\n    }\n\n    #witchwood-tarot-app .ww-primary-bar {\n      display: flex;\n      align-items: flex-start;\n      gap: 24px;\n      margin-top: 24px;\n      margin-bottom: 18px;\n      flex-wrap: wrap;\n    }\n\n    #witchwood-tarot-app .ww-primary-group {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-start;\n      gap: 10px;\n      min-width: 320px;\n      flex: 0 0 auto;\n      max-width: 100%;\n    }\n\n    #witchwood-tarot-app .ww-button {\n      appearance: none;\n      border: none;\n      cursor: pointer;\n      transition: transform 0.2s ease, box-shadow 0.25s ease, opacity 0.2s ease;\n    }\n\n    #witchwood-tarot-app .ww-button:disabled {\n      cursor: not-allowed;\n      opacity: 0.62;\n      transform: none !important;\n      box-shadow: none !important;\n    }\n\n    #witchwood-tarot-app .ww-button-primary {\n      min-width: 320px;\n      max-width: 100%;\n      padding: 22px 36px;\n      border-radius: 999px;\n      background: linear-gradient(180deg, #a9bc15 0%, #889A00 100%);\n      color: #11170e;\n      font-size: 18px;\n      font-weight: 700;\n      letter-spacing: 0.01em;\n      box-shadow: 0 16px 40px rgba(136,154,0,0.30);\n    }\n\n    #witchwood-tarot-app .ww-button-primary:hover {\n      transform: translateY(-1px);\n      box-shadow: 0 18px 44px rgba(136,154,0,0.34);\n    }\n\n    #witchwood-tarot-app .ww-button-secondary {\n      padding: 15px 20px;\n      border-radius: 999px;\n      background: rgba(255,255,255,0.05);\n      border: 1px solid rgba(255,255,255,0.10);\n      color: var(--ww-text);\n      font-size: 14px;\n      font-weight: 600;\n    }\n\n    #witchwood-tarot-app .ww-button-secondary:hover {\n      transform: translateY(-1px);\n      border-color: rgba(164,184,32,0.24);\n    }\n\n    #witchwood-tarot-app .ww-side-notes {\n      flex: 1 1 340px;\n      min-width: 280px;\n      display: grid;\n      gap: 12px;\n      align-content: start;\n      padding-top: 6px;\n    }\n\n    #witchwood-tarot-app .ww-note-chip,\n    #witchwood-tarot-app .ww-support-note,\n    #witchwood-tarot-app .ww-disclaimer {\n      font-size: 11.5px;\n      line-height: 1.7;\n      font-style: italic;\n      letter-spacing: 0.01em;\n      color: rgba(242,239,231,0.56);\n    }\n\n    #witchwood-tarot-app .ww-note-chip,\n    #witchwood-tarot-app .ww-support-note {\n      padding: 11px 14px;\n      border-radius: 16px;\n      background: rgba(255,255,255,0.01);\n      border: 1px solid rgba(255,255,255,0.04);\n    }\n\n    #witchwood-tarot-app .ww-question-wrap {\n      margin-bottom: 18px;\n    }\n\n    #witchwood-tarot-app .ww-question-label {\n      display: block;\n      margin-bottom: 10px;\n      font-size: 13px;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      color: rgba(164,184,32,0.82);\n    }\n\n    #witchwood-tarot-app .ww-question-input {\n      width: 100%;\n      min-height: 132px;\n      resize: vertical;\n      padding: 18px;\n      border-radius: 22px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.02);\n      color: var(--ww-text);\n      font-size: 16px;\n      line-height: 1.7;\n      outline: none;\n    }\n\n    #witchwood-tarot-app .ww-question-input:focus {\n      border-color: rgba(164,184,32,0.34);\n      box-shadow: 0 0 0 3px rgba(136,154,0,0.08);\n    }\n\n    #witchwood-tarot-app .ww-status {\n      display: none;\n      margin: 14px 0 0;\n      padding: 14px 16px;\n      border-radius: 16px;\n      font-size: 14px;\n      line-height: 1.6;\n    }\n\n    #witchwood-tarot-app .ww-status.show {\n      display: block;\n    }\n\n    #witchwood-tarot-app .ww-status.error {\n      background: rgba(160, 53, 53, 0.18);\n      border: 1px solid rgba(228, 105, 105, 0.22);\n      color: #ffd8d8;\n    }\n\n    #witchwood-tarot-app .ww-loading {\n      display: none;\n      margin-top: 18px;\n      padding: 18px;\n      border-radius: 22px;\n      background: rgba(255,255,255,0.02);\n      border: 1px solid rgba(255,255,255,0.05);\n    }\n\n    #witchwood-tarot-app .ww-loading.show {\n      display: block;\n    }\n\n    #witchwood-tarot-app .ww-loading-head {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 10px;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: 24px;\n      color: #f4f0e4;\n    }\n\n    #witchwood-tarot-app .ww-loading-dot {\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: var(--ww-accent-2);\n      box-shadow: 0 0 16px rgba(164,184,32,0.7);\n      animation: wwPulse 1.25s infinite ease-in-out;\n    }\n\n    @keyframes wwPulse {\n      0%, 100% { transform: scale(0.85); opacity: 0.65; }\n      50% { transform: scale(1.1); opacity: 1; }\n    }\n\n    #witchwood-tarot-app .ww-loading-text {\n      margin: 0;\n      color: var(--ww-text-soft);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    #witchwood-tarot-app .ww-result {\n      margin-top: 18px;\n    }\n\n    #witchwood-tarot-app .ww-result-shell {\n      border-radius: 26px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,0.06);\n      background: rgba(255,255,255,0.015);\n    }\n\n    #witchwood-tarot-app .ww-result-grid {\n      display: grid;\n      grid-template-columns: 360px minmax(0, 1fr);\n      align-items: stretch;\n    }\n\n    #witchwood-tarot-app .ww-card-visual {\n      padding: 28px 24px 24px;\n      border-right: 1px solid rgba(255,255,255,0.06);\n      background:\n        radial-gradient(circle at 50% 8%, rgba(164,184,32,0.12), transparent 34%),\n        rgba(255,255,255,0.01);\n    }\n\n    #witchwood-tarot-app .ww-card-frame {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    #witchwood-tarot-app .ww-card-image {\n      width: 100%;\n      max-width: 260px;\n      aspect-ratio: 0.64 \/ 1;\n      border-radius: 18px;\n      overflow: hidden;\n      border: 1px solid rgba(255,255,255,0.08);\n      background: rgba(255,255,255,0.03);\n      box-shadow:\n        inset 0 1px 0 rgba(255,255,255,0.05),\n        0 18px 34px rgba(0,0,0,0.28);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: transform 0.45s ease;\n      transform-origin: center;\n    }\n\n    #witchwood-tarot-app .ww-card-image.reversed {\n      transform: rotate(180deg);\n    }\n\n    #witchwood-tarot-app .ww-card-image img {\n      width: 100%;\n      height: 100%;\n      display: block;\n      object-fit: contain;\n      background: rgba(255,255,255,0.01);\n    }\n\n    #witchwood-tarot-app .ww-card-image.placeholder::before {\n      content: \"\";\n      width: 72%;\n      height: 72%;\n      border-radius: 14px;\n      border: 1px solid rgba(255,255,255,0.08);\n      background:\n        radial-gradient(circle at center, rgba(164,184,32,0.12), transparent 55%),\n        linear-gradient(180deg, rgba(255,255,255,0.03), transparent);\n    }\n\n    #witchwood-tarot-app .ww-card-image-label {\n      margin-top: 14px;\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.14em;\n      color: var(--ww-text-muted);\n      text-align: center;\n    }\n\n    #witchwood-tarot-app .ww-reading-side {\n      padding: 26px 24px 24px;\n    }\n\n    #witchwood-tarot-app .ww-card-meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: 10px;\n      margin-bottom: 14px;\n    }\n\n    #witchwood-tarot-app .ww-card-name {\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(34px, 4vw, 46px);\n      line-height: 0.96;\n      color: #f5f1e7;\n      margin: 0;\n    }\n\n    #witchwood-tarot-app .ww-card-orientation {\n      display: inline-flex;\n      align-items: center;\n      padding: 7px 10px;\n      border-radius: 999px;\n      font-size: 11px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: rgba(164,184,32,0.86);\n      background: rgba(164,184,32,0.08);\n      border: 1px solid rgba(164,184,32,0.14);\n    }\n\n    #witchwood-tarot-app .ww-question-echo {\n      margin: 0 0 14px;\n      padding: 14px 16px;\n      border-radius: 18px;\n      background: rgba(255,255,255,0.02);\n      border: 1px solid rgba(255,255,255,0.05);\n      color: var(--ww-text-soft);\n      font-size: 14px;\n      line-height: 1.7;\n    }\n\n    #witchwood-tarot-app .ww-reading-blocks {\n      display: grid;\n      gap: 14px;\n    }\n\n    #witchwood-tarot-app .ww-reading-block {\n      padding: 16px;\n      border-radius: 18px;\n      background: rgba(255,255,255,0.015);\n      border: 1px solid rgba(255,255,255,0.05);\n    }\n\n    #witchwood-tarot-app .ww-reading-label {\n      margin-bottom: 8px;\n      font-size: 12px;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n      color: rgba(164,184,32,0.80);\n    }\n\n    #witchwood-tarot-app .ww-reading-text {\n      margin: 0;\n      font-size: 15px;\n      line-height: 1.8;\n      color: var(--ww-text);\n    }\n\n    #witchwood-tarot-app .ww-inline-actions {\n      display: flex;\n      gap: 12px;\n      flex-wrap: wrap;\n      margin-top: 18px;\n    }\n\n    #witchwood-tarot-app .ww-faq-kicker {\n      font-size: 12px;\n      text-transform: uppercase;\n      letter-spacing: 0.18em;\n      color: rgba(164,184,32,0.78);\n      margin-bottom: 12px;\n    }\n\n    #witchwood-tarot-app .ww-faq-title {\n      margin: 0 0 18px;\n      font-family: \"Cormorant Garamond\", \"Times New Roman\", serif;\n      font-size: clamp(32px, 4vw, 46px);\n      line-height: 1;\n      color: #f5f1e7;\n    }\n\n    #witchwood-tarot-app .ww-faq-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 14px;\n    }\n\n    #witchwood-tarot-app .ww-faq-item {\n      padding: 18px;\n      border-radius: 20px;\n    }\n\n    #witchwood-tarot-app .ww-faq-item h3 {\n      margin: 0 0 8px;\n      font-size: 15px;\n      color: #f4f0e4;\n    }\n\n    #witchwood-tarot-app .ww-faq-item p {\n      margin: 0;\n      font-size: 14px;\n      line-height: 1.75;\n      color: var(--ww-text-soft);\n    }\n\n    @media (max-width: 1080px) {\n      #witchwood-tarot-app .ww-hero-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n      }\n\n      #witchwood-tarot-app .ww-hero-visual {\n        width: min(100%, 420px);\n        height: min(100vw - 64px, 420px);\n        min-height: 360px;\n        justify-self: center;\n      }\n\n      #witchwood-tarot-app .ww-result-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #witchwood-tarot-app .ww-card-visual {\n        border-right: none;\n        border-bottom: 1px solid rgba(255,255,255,0.06);\n      }\n    }\n\n    @media (max-width: 820px) {\n      #witchwood-tarot-app {\n        width: 100%;\n        max-width: 100%;\n        margin-left: 0;\n        margin-right: 0;\n        padding: 14px;\n      }\n\n      #witchwood-tarot-app .ww-hero-shell {\n        padding: 22px 18px;\n        border-radius: 22px;\n        margin-bottom: 30px;\n      }\n\n      #witchwood-tarot-app .ww-mode-grid,\n      #witchwood-tarot-app .ww-faq-grid {\n        grid-template-columns: 1fr;\n      }\n\n      #witchwood-tarot-app .ww-panel-title,\n      #witchwood-tarot-app .ww-flow-copy h2 {\n        font-size: clamp(34px, 10vw, 44px);\n        line-height: 0.98;\n      }\n\n      #witchwood-tarot-app .ww-flow-copy p,\n      #witchwood-tarot-app .ww-panel-subtitle {\n        font-size: 15px;\n        line-height: 1.7;\n      }\n\n      #witchwood-tarot-app .ww-primary-bar {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      #witchwood-tarot-app .ww-primary-group,\n      #witchwood-tarot-app .ww-button-primary,\n      #witchwood-tarot-app .ww-button-secondary,\n      #witchwood-tarot-app .ww-side-notes {\n        width: 100%;\n        min-width: 0;\n      }\n\n      #witchwood-tarot-app .ww-merkaba-bg {\n        width: 920px;\n        height: 920px;\n      }\n\n      #witchwood-tarot-app .ww-merkaba-bg-b {\n        width: 620px;\n        height: 620px;\n      }\n    }\n\n    @media (max-width: 640px) {\n      #witchwood-tarot-app .ww-topbar {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 12px;\n      }\n\n      #witchwood-tarot-app .ww-lang-switch {\n        width: 100%;\n        justify-content: center;\n      }\n\n      #witchwood-tarot-app .ww-lang-btn {\n        flex: 1 1 0;\n        text-align: center;\n      }\n\n      #witchwood-tarot-app .ww-title {\n        font-size: clamp(38px, 12vw, 52px);\n        max-width: none;\n      }\n\n      #witchwood-tarot-app .ww-subtitle {\n        font-size: 15px;\n        line-height: 1.72;\n      }\n\n      #witchwood-tarot-app .ww-card-visual,\n      #witchwood-tarot-app .ww-reading-side {\n        padding: 20px 18px;\n      }\n\n      #witchwood-tarot-app .ww-card-image {\n        max-width: 220px;\n      }\n\n      #witchwood-tarot-app .ww-hero-visual {\n        min-height: 300px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      #witchwood-tarot-app .ww-light-wash-a,\n      #witchwood-tarot-app .ww-light-wash-b,\n      #witchwood-tarot-app .ww-light-wash-c,\n      #witchwood-tarot-app .ww-merkaba-bg,\n      #witchwood-tarot-app .ww-merkaba-bg-b,\n      #witchwood-tarot-app .ww-hero-rays,\n      #witchwood-tarot-app .ww-hero-square,\n      #witchwood-tarot-app .ww-hero-diagram::before,\n      #witchwood-tarot-app .ww-hero-diagram::after,\n      #witchwood-tarot-app .ww-hero-core,\n      #witchwood-tarot-app .ww-hero-dot,\n      #witchwood-tarot-app .ww-hero-green-dot,\n      #witchwood-tarot-app .ww-hero-glow-a,\n      #witchwood-tarot-app .ww-hero-glow-b,\n      #witchwood-tarot-app .ww-hero-glow-c,\n      #witchwood-tarot-app .ww-loading-dot {\n        animation: none !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"ww-cosmic-bg\" aria-hidden=\"true\">\n    <div class=\"ww-light-wash-a\"><\/div>\n    <div class=\"ww-light-wash-b\"><\/div>\n    <div class=\"ww-light-wash-c\"><\/div>\n\n    <div class=\"ww-merkaba-bg\">\n      <svg viewBox=\"0 0 640 640\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"320\" cy=\"320\" r=\"210\"><\/circle>\n        <circle cx=\"320\" cy=\"320\" r=\"150\"><\/circle>\n        <polygon points=\"320,120 173,390 467,390\"><\/polygon>\n        <polygon points=\"320,520 173,250 467,250\"><\/polygon>\n        <line x1=\"320\" y1=\"120\" x2=\"320\" y2=\"520\"><\/line>\n        <line x1=\"173\" y1=\"390\" x2=\"467\" y2=\"250\"><\/line>\n        <line x1=\"467\" y1=\"390\" x2=\"173\" y2=\"250\"><\/line>\n        <line x1=\"173\" y1=\"390\" x2=\"467\" y2=\"390\"><\/line>\n        <line x1=\"173\" y1=\"250\" x2=\"467\" y2=\"250\"><\/line>\n        <circle cx=\"320\" cy=\"120\" r=\"5\"><\/circle>\n        <circle cx=\"173\" cy=\"390\" r=\"5\"><\/circle>\n        <circle cx=\"467\" cy=\"390\" r=\"5\"><\/circle>\n        <circle cx=\"320\" cy=\"520\" r=\"5\"><\/circle>\n        <circle cx=\"173\" cy=\"250\" r=\"5\"><\/circle>\n        <circle cx=\"467\" cy=\"250\" r=\"5\"><\/circle>\n      <\/svg>\n    <\/div>\n\n    <div class=\"ww-merkaba-bg ww-merkaba-bg-b\">\n      <svg viewBox=\"0 0 640 640\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <circle cx=\"320\" cy=\"320\" r=\"180\"><\/circle>\n        <polygon points=\"320,155 197,370 443,370\"><\/polygon>\n        <polygon points=\"320,485 197,270 443,270\"><\/polygon>\n        <line x1=\"197\" y1=\"370\" x2=\"443\" y2=\"270\"><\/line>\n        <line x1=\"443\" y1=\"370\" x2=\"197\" y2=\"270\"><\/line>\n      <\/svg>\n    <\/div>\n  <\/div>\n\n  <div class=\"ww-inner\">\n    <div class=\"ww-topbar\">\n      <div class=\"ww-brand\">\n        <div class=\"ww-brand-name\" id=\"wwBrandName\">Witchwood Jewelry Tarot<\/div>\n      <\/div>\n\n      <div class=\"ww-lang-switch\" role=\"tablist\" aria-label=\"Language switch\">\n        <button class=\"ww-lang-btn active\" data-lang=\"en\" type=\"button\">EN<\/button>\n        <button class=\"ww-lang-btn\" data-lang=\"zh-Hant\" type=\"button\">\u7e41\u9ad4<\/button>\n      <\/div>\n    <\/div>\n\n    <section class=\"ww-hero-shell\">\n      <div class=\"ww-hero-grid\">\n        <div class=\"ww-hero-main\">\n          <div class=\"ww-kicker\" id=\"wwHeroKicker\">Symbolic guidance \u2022 inward listening<\/div>\n          <h1 class=\"ww-title\" id=\"wwHeroTitle\">A private moment with the cards.<\/h1>\n          <p class=\"ww-subtitle\" id=\"wwHeroSubtitle\">\n            Enter a quieter threshold for symbol, reflection, and the kind of guidance that reveals itself when attention slows and the surface softens.\n          <\/p>\n          <div class=\"ww-signature\" id=\"wwHeroSignature\">Less prediction \u2022 more symbol<\/div>\n        <\/div>\n\n        <div class=\"ww-hero-visual\" aria-hidden=\"true\">\n          <div class=\"ww-hero-glow-a\"><\/div>\n          <div class=\"ww-hero-glow-b\"><\/div>\n          <div class=\"ww-hero-glow-c\"><\/div>\n\n          <div class=\"ww-hero-diagram\"><\/div>\n          <div class=\"ww-hero-cross-v\"><\/div>\n          <div class=\"ww-hero-cross-h\"><\/div>\n\n          <div class=\"ww-hero-rays\">\n            <div class=\"ww-hero-ray r1\"><\/div>\n            <div class=\"ww-hero-ray r2\"><\/div>\n            <div class=\"ww-hero-ray r3\"><\/div>\n            <div class=\"ww-hero-ray r4\"><\/div>\n            <div class=\"ww-hero-ray r5\"><\/div>\n            <div class=\"ww-hero-ray r6\"><\/div>\n          <\/div>\n\n          <div class=\"ww-hero-square\"><\/div>\n          <div class=\"ww-hero-core\"><\/div>\n\n          <div class=\"ww-hero-dot d1\"><\/div>\n          <div class=\"ww-hero-dot d2\"><\/div>\n          <div class=\"ww-hero-dot d3\"><\/div>\n          <div class=\"ww-hero-dot d4\"><\/div>\n          <div class=\"ww-hero-green-dot\"><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"ww-main-card\">\n      <div class=\"ww-panel-header\">\n        <div class=\"ww-panel-kicker\" id=\"wwPanelKicker\">Reading Path<\/div>\n        <div class=\"ww-panel-title-wrap\">\n          <h2 class=\"ww-panel-title\" id=\"wwPanelTitle\">Choose Your Path<\/h2>\n          <div class=\"ww-panel-title-zh\" id=\"wwPanelTitleZh\">Choose your reading path<\/div>\n        <\/div>\n        <p class=\"ww-panel-subtitle\" id=\"wwPanelSubtitle\">Select the way you want to enter the reading. Begin with a single card for the day, or step in with one clear question for a more focused symbolic response.<\/p>\n      <\/div>\n\n      <div class=\"ww-mode-grid\">\n        <button class=\"ww-mode-card active\" id=\"wwModeCardDaily\" type=\"button\" data-tab=\"daily\">\n          <div class=\"ww-mode-label\" id=\"wwModeDailyLabel\">Daily Reading<\/div>\n          <h3 class=\"ww-mode-title\" id=\"wwModeDailyTitle\">Today\u2019s Card<\/h3>\n          <p class=\"ww-mode-text\" id=\"wwModeDailyText\">One card held for the day, so its meaning can unfold slowly.<\/p>\n          <div class=\"ww-mode-note\" id=\"wwModeDailyNote\">A steady one-card reflection for the day.<\/div>\n        <\/button>\n\n        <button class=\"ww-mode-card\" id=\"wwModeCardAsk\" type=\"button\" data-tab=\"ask\">\n          <div class=\"ww-mode-label\" id=\"wwModeAskLabel\">Ask the Cards<\/div>\n          <h3 class=\"ww-mode-title\" id=\"wwModeAskTitle\">Ask a Question<\/h3>\n          <p class=\"ww-mode-text\" id=\"wwModeAskText\">Bring one clear question and receive a gentler symbolic reflection.<\/p>\n          <div class=\"ww-mode-note\" id=\"wwModeAskNote\">Best when you want a more focused symbolic reply.<\/div>\n        <\/button>\n      <\/div>\n\n      <div class=\"ww-section active\" id=\"wwSectionDaily\">\n        <div class=\"ww-flow-copy\">\n          <h2 id=\"wwDailyMainTitle\">Begin today\u2019s reading<\/h2>\n          <p id=\"wwIntroText\">\n            Choose the quieter path below. To receive your daily card, begin with the reveal button and let one symbol stay with you through the day.\n          <\/p>\n        <\/div>\n\n        <div class=\"ww-primary-bar\">\n          <div class=\"ww-primary-group\">\n            <button class=\"ww-button ww-button-primary\" id=\"wwDailyBtn\" type=\"button\">Begin Today\u2019s Reading<\/button>\n          <\/div>\n\n          <div class=\"ww-side-notes\">\n            <div class=\"ww-note-chip\" id=\"wwMicroNote\">Daily card stays the same for this device throughout the day.<\/div>\n            <div class=\"ww-support-note\" id=\"wwDailySupportNote\">For the most consistent experience, it is best to revisit your daily reading on your own device.<\/div>\n            <div class=\"ww-disclaimer\" id=\"wwDisclaimer\">Tarot on this page is offered for reflection, symbolic insight, and inspiration only. It does not replace medical, legal, financial, or mental health advice.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ww-status\" id=\"wwDailyStatus\"><\/div>\n\n        <div class=\"ww-loading\" id=\"wwDailyLoading\">\n          <div class=\"ww-loading-head\">\n            <span class=\"ww-loading-dot\"><\/span>\n            <span id=\"wwDailyLoadingHead\">Preparing your card\u2026<\/span>\n          <\/div>\n          <p class=\"ww-loading-text\" id=\"wwDailyLoadingText\">A quiet moment. Your reading is being drawn and translated into words.<\/p>\n        <\/div>\n\n        <div class=\"ww-result\" id=\"wwDailyResult\"><\/div>\n      <\/div>\n\n      <div class=\"ww-section\" id=\"wwSectionAsk\">\n        <div class=\"ww-flow-copy\">\n          <h2 id=\"wwAskMainTitle\">Ask the cards<\/h2>\n          <p id=\"wwAskIntroText\">Bring one question at a time. The clearer the question, the cleaner the symbolic mirror becomes.<\/p>\n        <\/div>\n\n        <div class=\"ww-question-wrap\">\n          <label class=\"ww-question-label\" id=\"wwQuestionLabel\" for=\"wwQuestionInput\">Your question<\/label>\n          <textarea class=\"ww-question-input\" id=\"wwQuestionInput\" placeholder=\"What is asking for my attention right now?\"><\/textarea>\n        <\/div>\n\n        <div class=\"ww-primary-bar\">\n          <div class=\"ww-primary-group\">\n            <button class=\"ww-button ww-button-primary\" id=\"wwAskBtn\" type=\"button\">Ask the Cards<\/button>\n            <button class=\"ww-button ww-button-secondary\" id=\"wwClearBtn\" type=\"button\">Clear<\/button>\n          <\/div>\n\n          <div class=\"ww-side-notes\">\n            <div class=\"ww-note-chip\" id=\"wwAskMicroNote\">One question. One card. One focused reflection.<\/div>\n            <div class=\"ww-support-note\" id=\"wwAskSupportNote\">Keep your question specific. Symbolic readings become stronger when the intention is clear.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ww-status\" id=\"wwAskStatus\"><\/div>\n\n        <div class=\"ww-loading\" id=\"wwAskLoading\">\n          <div class=\"ww-loading-head\">\n            <span class=\"ww-loading-dot\"><\/span>\n            <span id=\"wwAskLoadingHead\">Listening for the card\u2026<\/span>\n          <\/div>\n          <p class=\"ww-loading-text\" id=\"wwAskLoadingText\">Your question is being received. The card and its reflection are on their way.<\/p>\n        <\/div>\n\n        <div class=\"ww-result\" id=\"wwAskResult\"><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"ww-faq-shell\">\n      <div class=\"ww-faq-kicker\" id=\"wwFaqKicker\">A few things to know<\/div>\n      <h2 class=\"ww-faq-title\" id=\"wwFaqMainTitle\">Before you begin<\/h2>\n\n      <div class=\"ww-faq-grid\">\n        <div class=\"ww-faq-item\">\n          <h3 id=\"wwFaq1Title\">Will my daily card change?<\/h3>\n          <p id=\"wwFaq1Text\">Your Daily Reading stays the same throughout the day on this device. For the most consistent personal experience, it is best to return on your own device.<\/p>\n        <\/div>\n\n        <div class=\"ww-faq-item\">\n          <h3 id=\"wwFaq2Title\">Is this prediction?<\/h3>\n          <p id=\"wwFaq2Text\">Not exactly. This space is designed more as symbolic reflection than fixed prediction \u2014 a mirror, not a command.<\/p>\n        <\/div>\n\n        <div class=\"ww-faq-item\">\n          <h3 id=\"wwFaq3Title\">How should I use Ask the Cards?<\/h3>\n          <p id=\"wwFaq3Text\">Bring one clear question at a time. The more focused the question, the more coherent the reflection usually becomes.<\/p>\n        <\/div>\n\n        <div class=\"ww-faq-item\">\n          <h3 id=\"wwFaq4Title\">Can this replace professional advice?<\/h3>\n          <p id=\"wwFaq4Text\">No. This experience is for reflection, inspiration, and symbolic guidance only. It should not replace medical, legal, financial, or mental health support.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <script>\n    (function () {\n      const API_BASE = \"https:\/\/witchwood-tarot-backend.onrender.com\";\n\n      const i18n = {\n        en: {\n          brandName: \"Witchwood Jewelry Tarot\",\n          heroKicker: \"Symbolic guidance \u2022 inward listening\",\n          heroTitle: \"A private moment with the cards.\",\n          heroSubtitle: \"Enter a quieter threshold for symbol, reflection, and the kind of guidance that reveals itself when attention slows and the surface softens.\",\n          heroSignature: \"Less prediction \u2022 more symbol\",\n\n          panelKicker: \"Reading Path\",\n          panelTitle: \"Choose Your Path\",\n          panelTitleZh: \"Choose your reading path\",\n          panelSubtitle: \"Select the way you want to enter the reading. Begin with a single card for the day, or step in with one clear question for a more focused symbolic response.\",\n\n          modeDailyLabel: \"Daily Reading\",\n          modeDailyTitle: \"Today\u2019s Card\",\n          modeDailyText: \"One card held for the day, so its meaning can unfold slowly.\",\n          modeDailyNote: \"A steady one-card reflection for the day.\",\n\n          modeAskLabel: \"Ask the Cards\",\n          modeAskTitle: \"Ask a Question\",\n          modeAskText: \"Bring one clear question and receive a gentler symbolic reflection.\",\n          modeAskNote: \"Best when you want a more focused symbolic reply.\",\n\n          dailyMainTitle: \"Begin today\u2019s reading\",\n          intro: \"Choose the quieter path below. To receive your daily card, begin with the reveal button and let one symbol stay with you through the day.\",\n          microNote: \"Daily card stays the same for this device throughout the day.\",\n          dailySupportNote: \"For the most consistent experience, it is best to revisit your daily reading on your own device.\",\n          dailyBtn: \"Begin Today\u2019s Reading\",\n          dailyBtnLoading: \"Preparing\u2026\",\n\n          askMainTitle: \"Ask the cards\",\n          askIntroText: \"Bring one question at a time. The clearer the question, the cleaner the symbolic mirror becomes.\",\n          askMicroNote: \"One question. One card. One focused reflection.\",\n          questionLabel: \"Your question\",\n          questionPlaceholder: \"What is asking for my attention right now?\",\n          askSupportNote: \"Keep your question specific. Symbolic readings become stronger when the intention is clear.\",\n          askBtn: \"Ask the Cards\",\n          askBtnLoading: \"Listening\u2026\",\n          clearBtn: \"Clear\",\n\n          disclaimer: \"Tarot on this page is offered for reflection, symbolic insight, and inspiration only. It does not replace medical, legal, financial, or mental health advice.\",\n          dailyLoadingHead: \"Preparing your card\u2026\",\n          dailyLoadingText: \"A quiet moment. Your reading is being drawn and translated into words.\",\n          askLoadingHead: \"Listening for the card\u2026\",\n          askLoadingText: \"Your question is being received. The card and its reflection are on their way.\",\n\n          faqKicker: \"A few things to know\",\n          faqMainTitle: \"Before you begin\",\n          faq1Title: \"Will my daily card change?\",\n          faq1Text: \"Your Daily Reading stays the same throughout the day on this device. For the most consistent personal experience, it is best to return on your own device.\",\n          faq2Title: \"Is this prediction?\",\n          faq2Text: \"Not exactly. This space is designed more as symbolic reflection than fixed prediction \u2014 a mirror, not a command.\",\n          faq3Title: \"How should I use Ask the Cards?\",\n          faq3Text: \"Bring one clear question at a time. The more focused the question, the more coherent the reflection usually becomes.\",\n          faq4Title: \"Can this replace professional advice?\",\n          faq4Text: \"No. This experience is for reflection, inspiration, and symbolic guidance only. It should not replace medical, legal, financial, or mental health support.\",\n\n          dailyEnergy: \"Today\u2019s energy\",\n          dailyReminder: \"Gentle reminder\",\n          dailyAction: \"Small action step\",\n          dailyClosing: \"Closing note\",\n          askCore: \"Core message\",\n          askCurrent: \"Current energy\",\n          askNotice: \"What to notice\",\n          askNext: \"Gentle next step\",\n          cardImageLabel: \"Tarot card\",\n          questionEchoLabel: \"Your question\",\n          againFromResult: \"Ask Another Question\",\n          clearFromResult: \"Clear\",\n          returnToDaily: \"Back to Today\u2019s Reading\",\n          errorEmptyQuestion: \"Please enter one clear question before asking the cards.\"\n        },\n\n        \"zh-Hant\": {\n          brandName: \"Witchwood Jewelry Tarot\",\n          heroKicker: \"\u8c61\u5fb5\u5f0f\u6307\u5f15 \u2022 \u5411\u5167\u8046\u807d\",\n          heroTitle: \"\u8207\u724c\u7368\u8655\u7684\u4e00\u500b\u7247\u523b\u3002\",\n          heroSubtitle: \"\u9019\u88e1\u4e0d\u662f\u8ffd\u6c42\u6025\u4fc3\u7b54\u6848\u7684\u5730\u65b9\uff0c\u800c\u662f\u4e00\u9053\u66f4\u5b89\u975c\u7684\u5165\u53e3\uff0c\u8b93\u8c61\u5fb5\u3001\u53cd\u601d\u8207\u771f\u6b63\u5c6c\u65bc\u4f60\u7684\u5167\u5728\u8a0a\u606f\u6162\u6162\u6d6e\u73fe\u3002\",\n          heroSignature: \"\u5c11\u4e00\u9ede\u9810\u8a00 \u2022 \u591a\u4e00\u9ede\u8c61\u5fb5\",\n\n          panelKicker: \"\u95b1\u8b80\u5165\u53e3\",\n          panelTitle: \"\u9078\u64c7\u4f60\u7684\u95b1\u8b80\u65b9\u5f0f\",\n          panelTitleZh: \"\",\n          panelSubtitle: \"\u9078\u64c7\u4f60\u60f3\u9032\u5165\u9019\u6b21\u95b1\u8b80\u7684\u65b9\u5f0f\u3002\u4f60\u53ef\u4ee5\u5148\u62bd\u4e00\u5f35\u4eca\u65e5\u724c\uff0c\u8b93\u8a0a\u606f\u6162\u6162\u5c55\u958b\uff1b\u4e5f\u53ef\u4ee5\u5e36\u8457\u4e00\u500b\u6e05\u6670\u554f\u984c\u9032\u4f86\uff0c\u5f97\u5230\u66f4\u805a\u7126\u7684\u8c61\u5fb5\u5f0f\u56de\u61c9\u3002\",\n\n          modeDailyLabel: \"\u4eca\u65e5\u5360\u8b80\",\n          modeDailyTitle: \"\u4eca\u65e5\u724c\u5361\",\n          modeDailyText: \"\u4e00\u5929\u4e00\u5f35\u724c\uff0c\u8b93\u5b83\u7684\u8a0a\u606f\u5728\u4eca\u5929\u6162\u6162\u5c55\u958b\u3002\",\n          modeDailyNote: \"\u9069\u5408\u60f3\u7528\u4e00\u5f35\u724c\u5b89\u975c\u966a\u4f34\u4eca\u5929\u7684\u4f60\u3002\",\n\n          modeAskLabel: \"\u5411\u724c\u63d0\u554f\",\n          modeAskTitle: \"\u5e36\u8457\u554f\u984c\u4f86\u554f\",\n          modeAskText: \"\u5e36\u4e00\u500b\u6e05\u6670\u554f\u984c\u9032\u4f86\uff0c\u6536\u4e0b\u66f4\u805a\u7126\u7684\u8c61\u5fb5\u5f0f\u56de\u61c9\u3002\",\n          modeAskNote: \"\u9069\u5408\u60f3\u6536\u5230\u66f4\u660e\u78ba\u8c61\u5fb5\u56de\u61c9\u7684\u6642\u523b\u3002\",\n\n          dailyMainTitle: \"\u958b\u59cb\u4eca\u65e5\u5360\u8b80\",\n          intro: \"\u5f9e\u4e0b\u9762\u958b\u59cb\u3002\u6309\u4e0b\u6309\u9215\uff0c\u6536\u4e0b\u4eca\u5929\u7684\u724c\uff0c\u8b93\u4e00\u500b\u8c61\u5fb5\u966a\u4f60\u8d70\u904e\u9019\u4e00\u5929\u3002\",\n          microNote: \"\u4eca\u65e5\u724c\u5728\u540c\u4e00\u88dd\u7f6e\u4e0a\uff0c\u4e00\u6574\u5929\u90fd\u6703\u4fdd\u6301\u76f8\u540c\u3002\",\n          dailySupportNote: \"\u70ba\u4e86\u7372\u5f97\u6700\u4e00\u81f4\u7684\u9ad4\u9a57\uff0c\u5efa\u8b70\u4f60\u76e1\u91cf\u5728\u81ea\u5df1\u7684\u88dd\u7f6e\u4e0a\u56de\u4f86\u67e5\u770b\u4eca\u65e5\u724c\u3002\",\n          dailyBtn: \"\u958b\u59cb\u4eca\u65e5\u5360\u8b80\",\n          dailyBtnLoading: \"\u6e96\u5099\u4e2d\u2026\",\n\n          askMainTitle: \"\u5411\u724c\u63d0\u554f\",\n          askIntroText: \"\u4e00\u6b21\u53ea\u5e36\u4e00\u500b\u554f\u984c\u3002\u554f\u984c\u8d8a\u6e05\u6670\uff0c\u8c61\u5fb5\u56de\u61c9\u901a\u5e38\u4e5f\u6703\u8d8a\u4e7e\u6de8\u3002\",\n          askMicroNote: \"\u4e00\u500b\u554f\u984c\uff0e\u4e00\u5f35\u724c\uff0e\u4e00\u6b21\u805a\u7126\u7684\u56de\u61c9\",\n          questionLabel: \"\u4f60\u7684\u554f\u984c\",\n          questionPlaceholder: \"\u6211\u73fe\u5728\u6700\u9700\u8981\u7559\u610f\u7684\u662f\u4ec0\u9ebc\uff1f\",\n          askSupportNote: \"\u554f\u984c\u8d8a\u5177\u9ad4\uff0c\u724c\u7d66\u4f60\u7684\u93e1\u50cf\u901a\u5e38\u8d8a\u6709\u529b\u91cf\u3002\",\n          askBtn: \"\u5411\u724c\u63d0\u554f\",\n          askBtnLoading: \"\u8046\u807d\u4e2d\u2026\",\n          clearBtn: \"\u6e05\u9664\",\n\n          disclaimer: \"\u672c\u9801\u5854\u7f85\u5167\u5bb9\u50c5\u4f9b\u53cd\u601d\u3001\u9748\u611f\u8207\u8c61\u5fb5\u6027\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u7642\u3001\u6cd5\u5f8b\u3001\u8ca1\u52d9\u6216\u5fc3\u7406\u5065\u5eb7\u65b9\u9762\u7684\u5c08\u696d\u5efa\u8b70\u3002\",\n          dailyLoadingHead: \"\u6b63\u5728\u70ba\u4f60\u6e96\u5099\u724c\u9762\u2026\",\n          dailyLoadingText: \"\u8acb\u7a0d\u7b49\u7247\u523b\u3002\u4f60\u7684\u724c\u8207\u6587\u5b57\u89e3\u8b80\u6b63\u5728\u986f\u73fe\u3002\",\n          askLoadingHead: \"\u6b63\u5728\u8046\u807d\u4f60\u7684\u554f\u984c\u2026\",\n          askLoadingText: \"\u4f60\u7684\u554f\u984c\u5df2\u88ab\u63a5\u6536\uff0c\u724c\u9762\u8207\u56de\u61c9\u6b63\u5728\u5230\u4f86\u3002\",\n\n          faqKicker: \"\u958b\u59cb\u524d\u4f60\u53ef\u4ee5\u77e5\u9053\",\n          faqMainTitle: \"\u958b\u59cb\u524d\u4f60\u53ef\u4ee5\u77e5\u9053\",\n          faq1Title: \"\u4eca\u65e5\u724c\u6703\u6539\u8b8a\u55ce\uff1f\",\n          faq1Text: \"\u4eca\u65e5\u5360\u8b80\u5728\u540c\u4e00\u88dd\u7f6e\u4e0a\uff0c\u4e00\u6574\u5929\u90fd\u6703\u4fdd\u6301\u76f8\u540c\u3002\u70ba\u4e86\u7372\u5f97\u6700\u4e00\u81f4\u7684\u500b\u4eba\u9ad4\u9a57\uff0c\u5efa\u8b70\u4f60\u76e1\u91cf\u7528\u81ea\u5df1\u7684\u88dd\u7f6e\u56de\u4f86\u67e5\u770b\u3002\",\n          faq2Title: \"\u9019\u662f\u9810\u8a00\u55ce\uff1f\",\n          faq2Text: \"\u4e0d\u5b8c\u5168\u662f\u3002\u9019\u88e1\u66f4\u504f\u5411\u8c61\u5fb5\u5f0f\u53cd\u601d\uff0c\u800c\u4e0d\u662f\u56fa\u5b9a\u7b54\u6848\u3002\u5b83\u6bd4\u8f03\u50cf\u4e00\u9762\u93e1\u5b50\uff0c\u4e0d\u662f\u4e00\u9053\u547d\u4ee4\u3002\",\n          faq3Title: \"\u5411\u724c\u63d0\u554f\u600e\u9ebc\u7528\u6bd4\u8f03\u597d\uff1f\",\n          faq3Text: \"\u4e00\u6b21\u5e36\u4e00\u500b\u6e05\u6670\u554f\u984c\u9032\u4f86\u3002\u554f\u984c\u8d8a\u805a\u7126\uff0c\u5f97\u5230\u7684\u8c61\u5fb5\u56de\u61c9\u901a\u5e38\u4e5f\u8d8a\u9023\u8cab\u3002\",\n          faq4Title: \"\u53ef\u4ee5\u53d6\u4ee3\u5c08\u696d\u610f\u898b\u55ce\uff1f\",\n          faq4Text: \"\u4e0d\u53ef\u4ee5\u3002\u9019\u500b\u9ad4\u9a57\u53ea\u7528\u65bc\u53cd\u601d\u3001\u9748\u611f\u8207\u8c61\u5fb5\u5f0f\u6307\u5f15\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u7642\u3001\u6cd5\u5f8b\u3001\u8ca1\u52d9\u6216\u5fc3\u7406\u5065\u5eb7\u65b9\u9762\u7684\u5c08\u696d\u5354\u52a9\u3002\",\n\n          dailyEnergy: \"\u4eca\u65e5\u80fd\u91cf\",\n          dailyReminder: \"\u6eab\u67d4\u63d0\u9192\",\n          dailyAction: \"\u5c0f\u884c\u52d5\u65b9\u5411\",\n          dailyClosing: \"\u6536\u675f\u8a0a\u606f\",\n          askCore: \"\u6838\u5fc3\u8a0a\u606f\",\n          askCurrent: \"\u7576\u524d\u80fd\u91cf\",\n          askNotice: \"\u4f60\u9700\u8981\u7559\u610f\u7684\",\n          askNext: \"\u6eab\u67d4\u7684\u4e0b\u4e00\u6b65\",\n          cardImageLabel: \"\u5854\u7f85\u724c\u9762\",\n          questionEchoLabel: \"\u4f60\u7684\u554f\u984c\",\n          againFromResult: \"\u518d\u554f\u4e00\u6b21\",\n          clearFromResult: \"\u6e05\u9664\",\n          returnToDaily: \"\u56de\u5230\u4eca\u65e5\u5360\u8b80\",\n          errorEmptyQuestion: \"\u8acb\u5148\u8f38\u5165\u4e00\u500b\u6e05\u6670\u554f\u984c\uff0c\u518d\u5411\u724c\u63d0\u554f\u3002\"\n        }\n      };\n\n    let currentLang = document.documentElement.lang && document.documentElement.lang.toLowerCase().includes(\"zh\")\n  ? \"zh-Hant\"\n  : \"en\";\n  \n  \n      const els = {\n        langBtns: Array.from(document.querySelectorAll(\"#witchwood-tarot-app .ww-lang-btn\")),\n\n        brandName: document.getElementById(\"wwBrandName\"),\n        heroKicker: document.getElementById(\"wwHeroKicker\"),\n        heroTitle: document.getElementById(\"wwHeroTitle\"),\n        heroSubtitle: document.getElementById(\"wwHeroSubtitle\"),\n        heroSignature: document.getElementById(\"wwHeroSignature\"),\n\n        panelKicker: document.getElementById(\"wwPanelKicker\"),\n        panelTitle: document.getElementById(\"wwPanelTitle\"),\n        panelTitleZh: document.getElementById(\"wwPanelTitleZh\"),\n        panelSubtitle: document.getElementById(\"wwPanelSubtitle\"),\n\n        modeDailyLabel: document.getElementById(\"wwModeDailyLabel\"),\n        modeDailyTitle: document.getElementById(\"wwModeDailyTitle\"),\n        modeDailyText: document.getElementById(\"wwModeDailyText\"),\n        modeDailyNote: document.getElementById(\"wwModeDailyNote\"),\n\n        modeAskLabel: document.getElementById(\"wwModeAskLabel\"),\n        modeAskTitle: document.getElementById(\"wwModeAskTitle\"),\n        modeAskText: document.getElementById(\"wwModeAskText\"),\n        modeAskNote: document.getElementById(\"wwModeAskNote\"),\n\n        dailyMainTitle: document.getElementById(\"wwDailyMainTitle\"),\n        introText: document.getElementById(\"wwIntroText\"),\n        microNote: document.getElementById(\"wwMicroNote\"),\n        dailySupportNote: document.getElementById(\"wwDailySupportNote\"),\n        dailyBtn: document.getElementById(\"wwDailyBtn\"),\n\n        askMainTitle: document.getElementById(\"wwAskMainTitle\"),\n        askIntroText: document.getElementById(\"wwAskIntroText\"),\n        askMicroNote: document.getElementById(\"wwAskMicroNote\"),\n        askSupportNote: document.getElementById(\"wwAskSupportNote\"),\n        askBtn: document.getElementById(\"wwAskBtn\"),\n        clearBtn: document.getElementById(\"wwClearBtn\"),\n\n        questionLabel: document.getElementById(\"wwQuestionLabel\"),\n        questionInput: document.getElementById(\"wwQuestionInput\"),\n        disclaimer: document.getElementById(\"wwDisclaimer\"),\n\n        dailyStatus: document.getElementById(\"wwDailyStatus\"),\n        askStatus: document.getElementById(\"wwAskStatus\"),\n\n        dailyLoading: document.getElementById(\"wwDailyLoading\"),\n        askLoading: document.getElementById(\"wwAskLoading\"),\n        dailyLoadingHead: document.getElementById(\"wwDailyLoadingHead\"),\n        dailyLoadingText: document.getElementById(\"wwDailyLoadingText\"),\n        askLoadingHead: document.getElementById(\"wwAskLoadingHead\"),\n        askLoadingText: document.getElementById(\"wwAskLoadingText\"),\n\n        dailyResult: document.getElementById(\"wwDailyResult\"),\n        askResult: document.getElementById(\"wwAskResult\"),\n\n        sectionDaily: document.getElementById(\"wwSectionDaily\"),\n        sectionAsk: document.getElementById(\"wwSectionAsk\"),\n\n        faqKicker: document.getElementById(\"wwFaqKicker\"),\n        faqMainTitle: document.getElementById(\"wwFaqMainTitle\"),\n        faq1Title: document.getElementById(\"wwFaq1Title\"),\n        faq1Text: document.getElementById(\"wwFaq1Text\"),\n        faq2Title: document.getElementById(\"wwFaq2Title\"),\n        faq2Text: document.getElementById(\"wwFaq2Text\"),\n        faq3Title: document.getElementById(\"wwFaq3Title\"),\n        faq3Text: document.getElementById(\"wwFaq3Text\"),\n        faq4Title: document.getElementById(\"wwFaq4Title\"),\n        faq4Text: document.getElementById(\"wwFaq4Text\")\n      };\n\n      function t(key) {\n        return (i18n[currentLang] && i18n[currentLang][key]) || \"\";\n      }\n\n      function escapeHtml(str) {\n        return String(str || \"\")\n          .replace(\/&\/g, \"&amp;\")\n          .replace(\/<\/g, \"&lt;\")\n          .replace(\/>\/g, \"&gt;\")\n          .replace(\/\"\/g, \"&quot;\")\n          .replace(\/'\/g, \"&#039;\");\n      }\n\n      function nl2brSafe(text) {\n        return escapeHtml(text).replace(\/\\n\/g, \"<br>\");\n      }\n\n      function localizeOrientation(value) {\n        if (!value) return \"\";\n        const v = String(value).toLowerCase();\n        if (currentLang === \"zh-Hant\") {\n          if (v === \"upright\") return \"\u6b63\u4f4d\";\n          if (v === \"reversed\") return \"\u9006\u4f4d\";\n        }\n        return value;\n      }\n\n      function getOrCreateVisitorId() {\n        const key = \"witchwood_tarot_visitor_id\";\n        let visitorId = localStorage.getItem(key);\n        if (!visitorId) {\n          visitorId = \"v_\" + Math.random().toString(36).slice(2) + \"_\" + Date.now().toString(36);\n          localStorage.setItem(key, visitorId);\n        }\n        return visitorId;\n      }\n\n      function applyLanguage() {\n        els.brandName.textContent = t(\"brandName\");\n        els.heroKicker.textContent = t(\"heroKicker\");\n        els.heroTitle.textContent = t(\"heroTitle\");\n        els.heroSubtitle.textContent = t(\"heroSubtitle\");\n        els.heroSignature.textContent = t(\"heroSignature\");\n\n        els.panelKicker.textContent = t(\"panelKicker\");\n        els.panelTitle.textContent = t(\"panelTitle\");\n        els.panelSubtitle.textContent = t(\"panelSubtitle\");\n\n        if (currentLang === \"zh-Hant\") {\n          els.panelTitleZh.textContent = \"\";\n          els.panelTitleZh.style.display = \"none\";\n        } else {\n          els.panelTitleZh.textContent = t(\"panelTitleZh\");\n          els.panelTitleZh.style.display = \"block\";\n        }\n\n        els.modeDailyLabel.textContent = t(\"modeDailyLabel\");\n        els.modeDailyTitle.textContent = t(\"modeDailyTitle\");\n        els.modeDailyText.textContent = t(\"modeDailyText\");\n        els.modeDailyNote.textContent = t(\"modeDailyNote\");\n\n        els.modeAskLabel.textContent = t(\"modeAskLabel\");\n        els.modeAskTitle.textContent = t(\"modeAskTitle\");\n        els.modeAskText.textContent = t(\"modeAskText\");\n        els.modeAskNote.textContent = t(\"modeAskNote\");\n\n        els.dailyMainTitle.textContent = t(\"dailyMainTitle\");\n        els.introText.textContent = t(\"intro\");\n        els.microNote.textContent = t(\"microNote\");\n        els.dailySupportNote.textContent = t(\"dailySupportNote\");\n        els.dailyBtn.textContent = t(\"dailyBtn\");\n\n        els.askMainTitle.textContent = t(\"askMainTitle\");\n        els.askIntroText.textContent = t(\"askIntroText\");\n        els.askMicroNote.textContent = t(\"askMicroNote\");\n        els.askSupportNote.textContent = t(\"askSupportNote\");\n        els.askBtn.textContent = t(\"askBtn\");\n        els.clearBtn.textContent = t(\"clearBtn\");\n        els.questionLabel.textContent = t(\"questionLabel\");\n        els.questionInput.placeholder = t(\"questionPlaceholder\");\n\n        els.disclaimer.textContent = t(\"disclaimer\");\n        els.dailyLoadingHead.textContent = t(\"dailyLoadingHead\");\n        els.dailyLoadingText.textContent = t(\"dailyLoadingText\");\n        els.askLoadingHead.textContent = t(\"askLoadingHead\");\n        els.askLoadingText.textContent = t(\"askLoadingText\");\n\n        els.faqKicker.textContent = t(\"faqKicker\");\n        els.faqMainTitle.textContent = t(\"faqMainTitle\");\n        els.faq1Title.textContent = t(\"faq1Title\");\n        els.faq1Text.textContent = t(\"faq1Text\");\n        els.faq2Title.textContent = t(\"faq2Title\");\n        els.faq2Text.textContent = t(\"faq2Text\");\n        els.faq3Title.textContent = t(\"faq3Title\");\n        els.faq3Text.textContent = t(\"faq3Text\");\n        els.faq4Title.textContent = t(\"faq4Title\");\n        els.faq4Text.textContent = t(\"faq4Text\");\n\n        refreshExistingResultTexts();\n      }\n\n      function refreshExistingResultTexts() {\n        document.querySelectorAll(\"#witchwood-tarot-app [data-orientation]\").forEach(el => {\n          el.textContent = localizeOrientation(el.getAttribute(\"data-orientation\"));\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-question-echo-label\").forEach(el => {\n          el.textContent = t(\"questionEchoLabel\");\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-card-image-label\").forEach(el => {\n          el.textContent = t(\"cardImageLabel\");\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-ask-again\").forEach(el => {\n          el.textContent = t(\"againFromResult\");\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-clear\").forEach(el => {\n          el.textContent = t(\"clearFromResult\");\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-back-daily\").forEach(el => {\n          el.textContent = t(\"returnToDaily\");\n        });\n      }\n\n      function setLanguage(lang) {\n        currentLang = lang;\n        els.langBtns.forEach(btn => btn.classList.toggle(\"active\", btn.dataset.lang === lang));\n        applyLanguage();\n      }\n\n      function setTab(tab) {\n        const isDaily = tab === \"daily\";\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-mode-card\").forEach(card => {\n          card.classList.toggle(\"active\", card.dataset.tab === tab);\n        });\n\n        els.sectionDaily.classList.toggle(\"active\", isDaily);\n        els.sectionAsk.classList.toggle(\"active\", !isDaily);\n      }\n\n      function setStatus(el, message) {\n        el.className = \"ww-status show error\";\n        el.innerHTML = message;\n      }\n\n      function clearStatus(el) {\n        el.className = \"ww-status\";\n        el.innerHTML = \"\";\n      }\n\n      function showLoading(el, show) {\n        el.classList.toggle(\"show\", !!show);\n      }\n\n      function setButtonLoading(button, isLoading, normalKey, loadingKey) {\n        button.disabled = isLoading;\n        button.textContent = t(isLoading ? loadingKey : normalKey);\n      }\n\n      function getCardImageUrl(data) {\n        return data?.card?.image_url || data?.card?.imageUrl || data?.image_url || \"\";\n      }\n\n      function renderCardVisual(data) {\n        const imageUrl = getCardImageUrl(data);\n        const isReversed = String(data?.card?.orientation || \"\").toLowerCase() === \"reversed\";\n        const reversedClass = isReversed ? \" reversed\" : \"\";\n\n        if (imageUrl) {\n          return `\n            <div class=\"ww-card-frame\">\n              <div class=\"ww-card-image${reversedClass}\">\n                <img decoding=\"async\" src=\"${escapeHtml(imageUrl)}\" alt=\"${escapeHtml(data?.card?.name || \"Tarot card\")}\">\n              <\/div>\n              <div class=\"ww-card-image-label\">${escapeHtml(t(\"cardImageLabel\"))}<\/div>\n            <\/div>\n          `;\n        }\n\n        return `\n          <div class=\"ww-card-frame\">\n            <div class=\"ww-card-image placeholder${reversedClass}\"><\/div>\n            <div class=\"ww-card-image-label\">${escapeHtml(t(\"cardImageLabel\"))}<\/div>\n          <\/div>\n        `;\n      }\n\n      function renderReadingBlocks(data, type) {\n        const reading = data && data.reading ? data.reading : {};\n        const blocks = [];\n\n        if (type === \"daily\") {\n          if (reading.todaysEnergy) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"dailyEnergy\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.todaysEnergy)}<\/p><\/div>`);\n          if (reading.gentleReminder) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"dailyReminder\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.gentleReminder)}<\/p><\/div>`);\n          if (reading.smallActionStep) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"dailyAction\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.smallActionStep)}<\/p><\/div>`);\n          if (reading.lightClosingNote) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"dailyClosing\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.lightClosingNote)}<\/p><\/div>`);\n        } else {\n          if (reading.coreMessage) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"askCore\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.coreMessage)}<\/p><\/div>`);\n          if (reading.currentEnergy) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"askCurrent\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.currentEnergy)}<\/p><\/div>`);\n          if (reading.whatToNotice) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"askNotice\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.whatToNotice)}<\/p><\/div>`);\n          if (reading.gentleNextStep) blocks.push(`<div class=\"ww-reading-block\"><div class=\"ww-reading-label\">${escapeHtml(t(\"askNext\"))}<\/div><p class=\"ww-reading-text\">${nl2brSafe(reading.gentleNextStep)}<\/p><\/div>`);\n        }\n\n        return blocks.join(\"\");\n      }\n\n      function renderReading(data, type) {\n        const cardName = data?.card?.name || \"\";\n        const orientationRaw = data?.card?.orientation || \"\";\n        const localizedOrientation = localizeOrientation(orientationRaw);\n\n        const questionHtml =\n          type === \"ask\" && data?.question\n            ? `<p class=\"ww-question-echo\"><strong class=\"ww-question-echo-label\">${escapeHtml(t(\"questionEchoLabel\"))}<\/strong><br>${nl2brSafe(data.question)}<\/p>`\n            : \"\";\n\n        const inlineButtons =\n          type === \"ask\"\n            ? `<div class=\"ww-inline-actions\">\n                <button type=\"button\" class=\"ww-button ww-button-secondary ww-inline-ask-again\">${escapeHtml(t(\"againFromResult\"))}<\/button>\n                <button type=\"button\" class=\"ww-button ww-button-secondary ww-inline-clear\">${escapeHtml(t(\"clearFromResult\"))}<\/button>\n              <\/div>`\n            : `<div class=\"ww-inline-actions\">\n                <button type=\"button\" class=\"ww-button ww-button-secondary ww-inline-back-daily\">${escapeHtml(t(\"returnToDaily\"))}<\/button>\n              <\/div>`;\n\n        const disclaimerHtml = data?.disclaimer ? `<div class=\"ww-disclaimer\">${nl2brSafe(data.disclaimer)}<\/div>` : \"\";\n\n        return `\n          <div class=\"ww-result-shell\">\n            <div class=\"ww-result-grid\">\n              <div class=\"ww-card-visual\">\n                ${renderCardVisual(data)}\n              <\/div>\n              <div class=\"ww-reading-side\">\n                <div class=\"ww-card-meta\">\n                  <h3 class=\"ww-card-name\">${escapeHtml(cardName)}<\/h3>\n                  ${orientationRaw ? `<span class=\"ww-card-orientation\" data-orientation=\"${escapeHtml(orientationRaw)}\">${escapeHtml(localizedOrientation)}<\/span>` : \"\"}\n                <\/div>\n                ${questionHtml}\n                <div class=\"ww-reading-blocks\">\n                  ${renderReadingBlocks(data, type)}\n                <\/div>\n                ${inlineButtons}\n                ${disclaimerHtml}\n              <\/div>\n            <\/div>\n          <\/div>\n        `;\n      }\n\n      function bindInlineButtons() {\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-ask-again\").forEach(btn => {\n          btn.addEventListener(\"click\", function () {\n            setTab(\"ask\");\n            askTheCards();\n          });\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-clear\").forEach(btn => {\n          btn.addEventListener(\"click\", function () {\n            setTab(\"ask\");\n            clearAskArea();\n          });\n        });\n\n        document.querySelectorAll(\"#witchwood-tarot-app .ww-inline-back-daily\").forEach(btn => {\n          btn.addEventListener(\"click\", function () {\n            setTab(\"daily\");\n          });\n        });\n      }\n\n      function clearAskArea() {\n        els.questionInput.value = \"\";\n        els.askResult.innerHTML = \"\";\n        clearStatus(els.askStatus);\n      }\n\n      async function fetchDailyReading() {\n        clearStatus(els.dailyStatus);\n        els.dailyResult.innerHTML = \"\";\n\n        setButtonLoading(els.dailyBtn, true, \"dailyBtn\", \"dailyBtnLoading\");\n        showLoading(els.dailyLoading, true);\n\n        try {\n          const visitorId = getOrCreateVisitorId();\n          const url = `${API_BASE}\/api\/daily-reading?lang=${encodeURIComponent(currentLang)}&visitorId=${encodeURIComponent(visitorId)}`;\n          const res = await fetch(url);\n          if (!res.ok) throw new Error(\"HTTP \" + res.status);\n          const data = await res.json();\n          els.dailyResult.innerHTML = renderReading(data, \"daily\");\n          bindInlineButtons();\n        } catch (err) {\n          console.error(\"Daily fetch failed:\", err);\n          setStatus(els.dailyStatus, `Error: ${escapeHtml(String(err && err.message ? err.message : err))}`);\n        } finally {\n          showLoading(els.dailyLoading, false);\n          setButtonLoading(els.dailyBtn, false, \"dailyBtn\", \"dailyBtnLoading\");\n        }\n      }\n\n      async function askTheCards() {\n        clearStatus(els.askStatus);\n        els.askResult.innerHTML = \"\";\n\n        const question = els.questionInput.value.trim();\n        if (!question) {\n          setStatus(els.askStatus, escapeHtml(t(\"errorEmptyQuestion\")));\n          return;\n        }\n\n        setButtonLoading(els.askBtn, true, \"askBtn\", \"askBtnLoading\");\n        els.clearBtn.disabled = true;\n        showLoading(els.askLoading, true);\n\n        try {\n          const res = await fetch(`${API_BASE}\/api\/ask-the-cards`, {\n            method: \"POST\",\n            headers: { \"Content-Type\": \"application\/json\" },\n            body: JSON.stringify({ question, lang: currentLang })\n          });\n\n          if (!res.ok) throw new Error(\"HTTP \" + res.status);\n          const data = await res.json();\n          data.question = question;\n          els.askResult.innerHTML = renderReading(data, \"ask\");\n          bindInlineButtons();\n        } catch (err) {\n          console.error(\"Ask fetch failed:\", err);\n          setStatus(els.askStatus, `Error: ${escapeHtml(String(err && err.message ? err.message : err))}`);\n        } finally {\n          showLoading(els.askLoading, false);\n          setButtonLoading(els.askBtn, false, \"askBtn\", \"askBtnLoading\");\n          els.clearBtn.disabled = false;\n        }\n      }\n\n      els.langBtns.forEach(btn => {\n  btn.addEventListener(\"click\", function (e) {\n    e.preventDefault();\n    e.stopPropagation();\n    setLanguage(btn.dataset.lang);\n  });\n});\n\n      document.querySelectorAll(\"#witchwood-tarot-app .ww-mode-card\").forEach(card => {\n        card.addEventListener(\"click\", function () {\n          setTab(card.dataset.tab);\n        });\n      });\n\n      els.dailyBtn.addEventListener(\"click\", fetchDailyReading);\n      els.askBtn.addEventListener(\"click\", askTheCards);\n      els.clearBtn.addEventListener(\"click\", clearAskArea);\n\n      els.questionInput.addEventListener(\"keydown\", function (e) {\n        if ((e.metaKey || e.ctrlKey) && e.key === \"Enter\") askTheCards();\n      });\n\n      applyLanguage();\n      setTab(\"daily\");\n    })();\n  <\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Witchwood Jewelry Tarot EN \u7e41\u9ad4 Symbolic guidance \u2022 inwar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-784","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/pages\/784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/comments?post=784"}],"version-history":[{"count":11,"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/pages\/784\/revisions"}],"predecessor-version":[{"id":944,"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/pages\/784\/revisions\/944"}],"wp:attachment":[{"href":"https:\/\/witchwoodjewelry.ca\/zh-hant\/wp-json\/wp\/v2\/media?parent=784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}