{"title":"Five Elements \u0026 Crystal Jewelry Oracle","description":"{% comment %} AlyssaK - Five Elements \u0026amp; Crystal Jewelry Oracle Calculator {% endcomment %}\n\n\u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\u003cscript\u003e\n    tailwind.config = {\n        theme: {\n            extend: {\n                colors: {\n                    brand: {\n                        50: '#FAF9F6', 100: '#F4F1EA', 200: '#E8E2D5',\n                        500: '#C5A880', 600: '#B0926A', 900: '#1C1B19',\n                    },\n                    cherry: '#E0A9AF',\n                    indigo_jp: '#2A3B5C',\n                    element: {\n                        metal: '#D1D5DB', wood: '#A2B5A2', water: '#4A5A6A',\n                        fire: '#E0A9AF', earth: '#D2B48C',\n                    }\n                }\n            }\n        }\n    }\n\u003c\/script\u003e\n\n\u003cstyle\u003e\n    .calc-serif { font-family: 'Cormorant Garamond', 'Noto Sans TC', serif; }\n    html { scroll-behavior: smooth; }\n\u003c\/style\u003e\n\n\u003c!-- 頂部中英雙語切換按鈕 --\u003e\n\u003cdiv class=\"calc-serif max-w-[1200px] mx-auto my-4 flex justify-end gap-2 text-xs relative z-30 px-4\"\u003e\n    \u003cspan class=\"text-stone-400\"\u003e\u003ci class=\"fa-solid fa-globe mr-1\"\u003e\u003c\/i\u003e\u003c\/span\u003e\n    \u003cbutton onclick=\"switchCalcLang('zh')\" id=\"calc-btn-zh\" class=\"font-bold text-cherry border-b border-cherry transition-all\"\u003e繁體中文\u003c\/button\u003e\n    \u003cspan class=\"text-stone-300\"\u003e|\u003c\/span\u003e\n    \u003cbutton onclick=\"switchCalcLang('en')\" id=\"calc-btn-en\" class=\"text-stone-400 hover:text-brand-900 transition-all\"\u003eEnglish\u003c\/button\u003e\n\u003c\/div\u003e\n\n\u003c!-- 主內容容器 --\u003e\n\u003cdiv id=\"alyssak-calc-root\" class=\"calc-serif text-brand-900 bg-brand-50 rounded-3xl p-6 sm:p-10 border border-brand-100 shadow-sm overflow-hidden relative max-w-[1200px] mx-auto my-4\"\u003e\n    \u003cdiv class=\"absolute top-0 right-0 w-96 h-96 bg-cherry\/10 rounded-full -mr-20 -mt-20 blur-3xl pointer-events-none\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"absolute bottom-0 left-0 w-96 h-96 bg-brand-500\/5 rounded-full -ml-20 -mb-20 blur-3xl pointer-events-none\"\u003e\u003c\/div\u003e\n\n    \u003c!-- Hero 標題區 --\u003e\n    \u003cdiv class=\"relative z-10 text-center max-w-3xl mx-auto space-y-4 pb-8 border-b border-brand-200\/40\"\u003e\n        \u003cdiv class=\"inline-flex items-center gap-2 px-3 py-1 bg-white\/90 border border-brand-200 text-brand-600 text-[10px] font-bold rounded-full tracking-widest uppercase\"\u003e\n            🔮 AlyssaK Soul Energy Connection\n        \u003c\/div\u003e\n        \u003ch2 class=\"text-2xl sm:text-3xl lg:text-4xl font-extrabold tracking-wide text-brand-900 leading-tight\"\u003e\n            \u003cspan id=\"c-title-zh\"\u003e五行能量命盤・專屬水晶首飾導航\u003c\/span\u003e\n            \u003cspan id=\"c-title-en\" class=\"hidden\"\u003eFive Elements \u0026amp; Crystal Jewelry Oracle\u003c\/span\u003e\n        \u003c\/h2\u003e\n        \u003cp class=\"text-xs sm:text-sm text-stone-500 font-light leading-relaxed\" id=\"c-intro\"\u003e\n            萬物皆有磁場，水晶承載自然。輸入您的出生日期，我們將透過東方經典八字命理與高精度天文算法，為您精確解構體內金、木、水、火、土五行能量的強弱。探索最能溫柔補強您能量空缺的「幸運色彩」與「本命守護水晶」，開啟專屬您的好運磁場。\n        \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 輸入表單與結果區 --\u003e\n    \u003cdiv class=\"relative z-10 grid grid-cols-1 lg:grid-cols-12 gap-8 py-8 items-start\"\u003e\n        \u003c!-- 左側：輸入表單 --\u003e\n        \u003cdiv class=\"lg:col-span-5 bg-white rounded-3xl p-6 border border-brand-200\/40 shadow-xl shadow-brand-500\/5 space-y-5\"\u003e\n            \u003ch3 class=\"text-sm font-bold text-brand-900 tracking-wider flex items-center gap-2\"\u003e\n                ✍️ \u003cspan id=\"form-title\"\u003e開啟您的能量之鑰\u003c\/span\u003e\n            \u003c\/h3\u003e\n            \u003cdiv class=\"space-y-4\"\u003e\n                \u003cdiv\u003e\n                    \u003clabel class=\"block text-[11px] font-bold uppercase text-stone-400 tracking-widest mb-1.5\" id=\"lbl-name\"\u003e顧客姓名 \/ Your Name\u003c\/label\u003e\n                    \u003cinput type=\"text\" id=\"calc-name\" placeholder=\"Alyssa\" class=\"w-full px-4 py-2.5 rounded-xl border border-brand-100 bg-brand-50 text-xs focus:ring-1 focus:ring-brand-500 focus:outline-none transition-all\"\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003clabel class=\"block text-[11px] font-bold uppercase text-stone-400 tracking-widest mb-1.5\" id=\"lbl-birthday\"\u003e出生日期 \/ Birth Date\u003c\/label\u003e\n                    \u003cdiv class=\"grid grid-cols-3 gap-2\"\u003e\n                        \u003cselect id=\"calc-year\" class=\"px-2 py-2.5 rounded-xl border border-brand-100 bg-brand-50 text-xs focus:ring-1 focus:ring-brand-500 focus:outline-none transition-all\"\u003e\u003c\/select\u003e\n                        \u003cselect id=\"calc-month\" class=\"px-2 py-2.5 rounded-xl border border-brand-100 bg-brand-50 text-xs focus:ring-1 focus:ring-brand-500 focus:outline-none transition-all\"\u003e\u003c\/select\u003e\n                        \u003cselect id=\"calc-day\" class=\"px-2 py-2.5 rounded-xl border border-brand-100 bg-brand-50 text-xs focus:ring-1 focus:ring-brand-500 focus:outline-none transition-all\"\u003e\u003c\/select\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv\u003e\n                    \u003clabel class=\"block text-[11px] font-bold uppercase text-stone-400 tracking-widest mb-1.5\" id=\"lbl-hour\"\u003e出生時辰 \/ Birth Hour\u003c\/label\u003e\n                    \u003cselect id=\"calc-hour\" class=\"w-full px-4 py-2.5 rounded-xl border border-brand-100 bg-brand-50 text-xs focus:ring-1 focus:ring-brand-500 focus:outline-none transition-all\"\u003e\n                        \u003coption value=\"-1\" id=\"opt-unknown\"\u003e不清楚 \/ Unknown (預估)\u003c\/option\u003e\n                        \u003coption value=\"0\"\u003e子時 (23:00 - 00:59)\u003c\/option\u003e\n                        \u003coption value=\"1\"\u003e丑時 (01:00 - 02:59)\u003c\/option\u003e\n                        \u003coption value=\"2\"\u003e寅時 (03:00 - 04:59)\u003c\/option\u003e\n                        \u003coption value=\"3\"\u003e卯時 (05:00 - 06:59)\u003c\/option\u003e\n                        \u003coption value=\"4\"\u003e辰時 (07:00 - 08:59)\u003c\/option\u003e\n                        \u003coption value=\"5\"\u003e巳時 (09:00 - 10:59)\u003c\/option\u003e\n                        \u003coption value=\"6\"\u003e午時 (11:00 - 12:59)\u003c\/option\u003e\n                        \u003coption value=\"7\"\u003e未時 (13:00 - 14:59)\u003c\/option\u003e\n                        \u003coption value=\"8\"\u003e申時 (15:00 - 16:59)\u003c\/option\u003e\n                        \u003coption value=\"9\"\u003e酉時 (17:00 - 18:59)\u003c\/option\u003e\n                        \u003coption value=\"10\"\u003e戌時 (19:00 - 20:59)\u003c\/option\u003e\n                        \u003coption value=\"11\"\u003e亥時 (21:00 - 22:59)\u003c\/option\u003e\n                    \u003c\/select\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cbutton onclick=\"calculateBazi()\" class=\"w-full py-3 bg-brand-900 hover:bg-brand-800 text-white font-bold rounded-xl transition-all flex items-center justify-center gap-2 text-xs tracking-widest uppercase shadow-md\"\u003e\n                \u003cspan\u003e🔮\u003c\/span\u003e \u003cspan id=\"btn-calc-text\"\u003e解密我的五行命盤\u003c\/span\u003e\n            \u003c\/button\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- 右側：結果展示區 --\u003e\n        \u003cdiv class=\"lg:col-span-7 bg-white rounded-3xl p-6 border border-brand-200\/40 shadow-xl shadow-brand-500\/5 min-h-[460px] flex flex-col justify-between\" id=\"result-box\"\u003e\n            \u003cdiv class=\"flex-1 flex flex-col items-center justify-center text-center p-8 space-y-4\" id=\"result-welcome\"\u003e\n                \u003csvg class=\"w-24 h-24 text-brand-500 animate-pulse\" viewbox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\n                    \u003ccircle cx=\"50\" cy=\"50\" r=\"40\" stroke=\"#C5A880\" stroke-width=\"1.5\" stroke-dasharray=\"4 4\"\u003e\u003c\/circle\u003e\n                    \u003ccircle cx=\"50\" cy=\"50\" r=\"30\" fill=\"#FAF1EA\"\u003e\u003c\/circle\u003e\n                    \u003cpath d=\"M35 55 Q50 35 65 55\" stroke=\"#E0A9AF\" stroke-width=\"2\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003cpath d=\"M40 60 Q50 45 60 60\" stroke=\"#C5A880\" stroke-width=\"1.5\" fill=\"none\"\u003e\u003c\/path\u003e\n                    \u003ccircle cx=\"50\" cy=\"40\" r=\"4\" fill=\"#FAF9F6\"\u003e\u003c\/circle\u003e\n                    \u003cpolygon points=\"50,22 52,28 58,30 52,32 50,38 48,32 42,30 48,28\" fill=\"#C5A880\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n                \u003ch4 class=\"font-bold text-sm text-brand-900 tracking-widest\" id=\"welcome-title\"\u003e待您喚醒您的五行能量\u003c\/h4\u003e\n                \u003cp class=\"text-xs text-stone-400 max-w-sm leading-relaxed\" id=\"welcome-desc\"\u003e請在左側輸入您的姓名與準確出生日期，本命盤系統將採用高精度天文軌道學進行精確排盤，為您解碼乾坤五行。\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hidden flex-1 space-y-6\" id=\"result-content\"\u003e\n                \u003cdiv class=\"bg-brand-50 rounded-2xl p-4 border border-brand-100 flex flex-col items-center justify-center space-y-3\"\u003e\n                    \u003cdiv class=\"text-[10px] uppercase tracking-widest font-bold text-stone-400\"\u003e\n                        \u003cspan id=\"lbl-your-bazi\"\u003e您專屬的生辰八字\u003c\/span\u003e | \u003cspan class=\"text-brand-500\" id=\"result-username\"\u003eAlyssa\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"grid grid-cols-4 gap-4 sm:gap-6 text-center w-full max-w-xs\"\u003e\n                        \u003cdiv class=\"bg-white p-2 rounded-xl border border-brand-200\/50\"\u003e\n\u003cspan class=\"text-[10px] text-stone-400 block\" id=\"bazi-year\"\u003e年柱\u003c\/span\u003e\u003cspan class=\"text-base font-bold text-brand-900 block mt-0.5\" id=\"val-year-stem-branch\"\u003e--\u003c\/span\u003e\n\u003c\/div\u003e\n                        \u003cdiv class=\"bg-white p-2 rounded-xl border border-brand-200\/50\"\u003e\n\u003cspan class=\"text-[10px] text-stone-400 block\" id=\"bazi-month\"\u003e月柱\u003c\/span\u003e\u003cspan class=\"text-base font-bold text-brand-900 block mt-0.5\" id=\"val-month-stem-branch\"\u003e--\u003c\/span\u003e\n\u003c\/div\u003e\n                        \u003cdiv class=\"bg-white p-2 rounded-xl border border-brand-200\/50\"\u003e\n\u003cspan class=\"text-[10px] text-stone-400 block text-brand-500 font-bold\" id=\"bazi-day\"\u003e日主\u003c\/span\u003e\u003cspan class=\"text-base font-bold text-cherry block mt-0.5\" id=\"val-day-stem-branch\"\u003e--\u003c\/span\u003e\n\u003c\/div\u003e\n                        \u003cdiv class=\"bg-white p-2 rounded-xl border border-brand-200\/50\"\u003e\n\u003cspan class=\"text-[10px] text-stone-400 block\" id=\"bazi-hour\"\u003e時柱\u003c\/span\u003e\u003cspan class=\"text-base font-bold text-brand-900 block mt-0.5\" id=\"val-hour-stem-branch\"\u003e--\u003c\/span\u003e\n\u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"text-center\"\u003e\n                        \u003cspan class=\"text-xs font-bold text-brand-600 block\"\u003e\u003cspan id=\"lbl-day-master\"\u003e您的本命屬性「日元」為：\u003c\/span\u003e\u003cspan class=\"text-cherry font-extrabold\" id=\"val-day-master-name\"\u003e--\u003c\/span\u003e\u003c\/span\u003e\n                        \u003cp class=\"text-[10.5px] text-stone-500 max-w-md mt-1 leading-relaxed\" id=\"val-day-master-desc\"\u003e代表您的核心特質：...\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"space-y-3\"\u003e\n                    \u003ch4 class=\"text-xs font-bold text-brand-900 tracking-wider flex justify-between items-center\"\u003e\n                        \u003cspan id=\"lbl-five-elements-ratio\"\u003e五行能量分佈比率\u003c\/span\u003e\n                        \u003cspan class=\"text-[10px] font-light text-stone-400\" id=\"lbl-click-to-see\"\u003e天文軌道加權計算\u003c\/span\u003e\n                    \u003c\/h4\u003e\n                    \u003cdiv class=\"space-y-2 text-xs\"\u003e\n                        \u003cdiv\u003e\n\u003cdiv class=\"flex justify-between text-[10px] text-stone-500 mb-0.5 font-bold\"\u003e\n\u003cspan\u003e🪙 \u003cspan data-i18n-zh=\"金屬性 (Metal)\" data-i18n-en=\"Metal Element\"\u003e金屬性 (Metal)\u003c\/span\u003e\u003c\/span\u003e\u003cspan id=\"bar-metal-pct\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"w-full bg-stone-100 h-2.5 rounded-full overflow-hidden\"\u003e\u003cdiv id=\"bar-metal\" class=\"bg-element-metal h-full transition-all duration-1000\" style=\"width: 0%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n                        \u003cdiv\u003e\n\u003cdiv class=\"flex justify-between text-[10px] text-stone-500 mb-0.5 font-bold\"\u003e\n\u003cspan\u003e🌿 \u003cspan data-i18n-zh=\"木屬性 (Wood)\" data-i18n-en=\"Wood Element\"\u003e木屬性 (Wood)\u003c\/span\u003e\u003c\/span\u003e\u003cspan id=\"bar-wood-pct\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"w-full bg-stone-100 h-2.5 rounded-full overflow-hidden\"\u003e\u003cdiv id=\"bar-wood\" class=\"bg-element-wood h-full transition-all duration-1000\" style=\"width: 0%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n                        \u003cdiv\u003e\n\u003cdiv class=\"flex justify-between text-[10px] text-stone-500 mb-0.5 font-bold\"\u003e\n\u003cspan\u003e💧 \u003cspan data-i18n-zh=\"水屬性 (Water)\" data-i18n-en=\"Water Element\"\u003e水屬性 (Water)\u003c\/span\u003e\u003c\/span\u003e\u003cspan id=\"bar-water-pct\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"w-full bg-stone-100 h-2.5 rounded-full overflow-hidden\"\u003e\u003cdiv id=\"bar-water\" class=\"bg-element-water h-full transition-all duration-1000\" style=\"width: 0%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n                        \u003cdiv\u003e\n\u003cdiv class=\"flex justify-between text-[10px] text-stone-500 mb-0.5 font-bold\"\u003e\n\u003cspan\u003e🔥 \u003cspan data-i18n-zh=\"火屬性 (Fire)\" data-i18n-en=\"Fire Element\"\u003e火屬性 (Fire)\u003c\/span\u003e\u003c\/span\u003e\u003cspan id=\"bar-fire-pct\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"w-full bg-stone-100 h-2.5 rounded-full overflow-hidden\"\u003e\u003cdiv id=\"bar-fire\" class=\"bg-element-fire h-full transition-all duration-1000\" style=\"width: 0%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n                        \u003cdiv\u003e\n\u003cdiv class=\"flex justify-between text-[10px] text-stone-500 mb-0.5 font-bold\"\u003e\n\u003cspan\u003e⛰️ \u003cspan data-i18n-zh=\"土屬性 (Earth)\" data-i18n-en=\"Earth Element\"\u003e土屬性 (Earth)\u003c\/span\u003e\u003c\/span\u003e\u003cspan id=\"bar-earth-pct\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"w-full bg-stone-100 h-2.5 rounded-full overflow-hidden\"\u003e\u003cdiv id=\"bar-earth\" class=\"bg-element-earth h-full transition-all duration-1000\" style=\"width: 0%\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"border-t border-brand-100 pt-4\"\u003e\n                    \u003cdiv class=\"bg-cherry\/5 p-4 rounded-2xl border border-cherry\/20\"\u003e\n                        \u003ch5 class=\"text-xs font-bold text-brand-900 flex items-center gap-1.5\"\u003e✨ \u003cspan id=\"lbl-energy-analysis\"\u003e本源能量診斷：\u003c\/span\u003e \u003cspan class=\"text-brand-600 font-extrabold\" id=\"val-lack-element-msg\"\u003e建議調和：--\u003c\/span\u003e\n\u003c\/h5\u003e\n                        \u003cp class=\"text-[11px] text-stone-500 leading-relaxed mt-1\" id=\"val-lack-element-desc\"\u003e請在左側輸入您的生辰資訊，系統將自動分析您命盤中最缺乏的能量元素。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- 下段：水晶推薦與色彩指南 --\u003e\n    \u003cdiv class=\"relative z-10 grid grid-cols-1 md:grid-cols-2 gap-8 pt-8 border-t border-brand-200\/40\" id=\"recommendation-guide\"\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-8 rounded-3xl border border-brand-100 space-y-4 shadow-sm flex flex-col justify-between\"\u003e\n            \u003cdiv class=\"space-y-4\"\u003e\n                \u003ch3 class=\"text-xs sm:text-sm font-bold text-brand-900 flex items-center gap-2\"\u003e💎 \u003cspan id=\"rec-crystal-title\"\u003eAlyssaK 推薦水晶首飾系列\u003c\/span\u003e\n\u003c\/h3\u003e\n                \u003cdiv class=\"flex items-center gap-4 bg-brand-50 p-4 rounded-2xl border border-brand-200\/40\" id=\"rec-crystal-card\"\u003e\n                    \u003cdiv class=\"w-16 h-16 rounded-full bg-white flex items-center justify-center flex-shrink-0 shadow-sm border border-brand-100\" id=\"rec-crystal-svg-box\"\u003e\n                        \u003csvg class=\"w-10 h-10 text-brand-500\" viewbox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\u003e\u003cpolygon points=\"50,15 75,35 60,85 40,85 25,35\" stroke=\"#C5A880\" stroke-width=\"2\" fill=\"#F4F1EA\"\u003e\u003c\/polygon\u003e\u003c\/svg\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"min-w-0\"\u003e\n                        \u003ch4 class=\"font-bold text-xs text-brand-900\" id=\"rec-crystal-name\"\u003e本命能量水晶\u003c\/h4\u003e\n                        \u003cp class=\"text-[10.5px] text-stone-500 leading-relaxed mt-1\" id=\"rec-crystal-desc\"\u003e請在上方點擊「解密我的五行命盤」來獲取對應您的首飾推薦。\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"text-[10px] text-stone-400 italic\" id=\"rec-crystal-tip\"\u003e* AlyssaK 承諾為您在全世界搜羅最純粹、具自然生命力的礦石，由手作匠人溫柔編織打磨。\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"bg-white p-6 sm:p-8 rounded-3xl border border-brand-100 space-y-4 shadow-sm flex flex-col justify-between\"\u003e\n            \u003cdiv class=\"space-y-4\"\u003e\n                \u003ch3 class=\"text-xs sm:text-sm font-bold text-brand-900 flex items-center gap-2\"\u003e🎨 \u003cspan id=\"rec-color-title\"\u003e日常能量色彩與穿搭指南\u003c\/span\u003e\n\u003c\/h3\u003e\n                \u003cdiv class=\"space-y-3\"\u003e\n                    \u003cdiv class=\"flex items-center gap-3\"\u003e\n\u003cdiv class=\"w-10 h-10 rounded-full border border-stone-200\/50 shadow-inner flex-shrink-0 transition-all\" id=\"rec-color-dot-1\" style=\"background-color: #FAF9F6\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"min-w-0\"\u003e\n\u003cspan class=\"font-bold text-xs text-brand-900\" id=\"rec-color-name-1\"\u003e基礎平衡色彩\u003c\/span\u003e\u003cp class=\"text-[10px] text-stone-400\" id=\"rec-color-desc-1\"\u003e自然柔潤的亞麻沙色與純淨石膏白\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                    \u003cdiv class=\"flex items-center gap-3\"\u003e\n\u003cdiv class=\"w-10 h-10 rounded-full border border-stone-200\/50 shadow-inner flex-shrink-0 transition-all\" id=\"rec-color-dot-2\" style=\"background-color: #FAF9F6\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"min-w-0\"\u003e\n\u003cspan class=\"font-bold text-xs text-brand-900\" id=\"rec-color-name-2\"\u003e能量守護色彩\u003c\/span\u003e\u003cp class=\"text-[10px] text-stone-400\" id=\"rec-color-desc-2\"\u003e溫柔優雅、守護個人能量氣場\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cp class=\"bg-brand-50 p-3 rounded-xl border border-brand-200 text-[10px] text-stone-500 leading-relaxed\" id=\"rec-color-tip\"\u003e💡 能量色彩調和：日常生活中，多選擇穿戴相應能量的衣服、絲巾或內衣套裝，能與水晶磁場相互輝映，穩定您的日常磁場。\u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n    window.onload = function() {\n        const yearSelect = document.getElementById('calc-year');\n        const monthSelect = document.getElementById('calc-month');\n        const daySelect = document.getElementById('calc-day');\n        for (let y = 1940; y \u003c= 2030; y++) { let opt = document.createElement('option'); opt.value = y; opt.innerText = `${y} 年`; if (y === 1995) opt.selected = true; yearSelect.appendChild(opt); }\n        for (let m = 1; m \u003c= 12; m++) { let opt = document.createElement('option'); opt.value = m; opt.innerText = `${m} 月`; if (m === 6) opt.selected = true; monthSelect.appendChild(opt); }\n        for (let d = 1; d \u003c= 31; d++) { let opt = document.createElement('option'); opt.value = d; opt.innerText = `${d} 日`; if (d === 15) opt.selected = true; daySelect.appendChild(opt); }\n        const htmlLang = document.documentElement.lang || '';\n        const isEnglish = htmlLang.startsWith('en') || window.location.pathname.startsWith('\/en') || (window.Shopify \u0026\u0026 window.Shopify.locale \u0026\u0026 window.Shopify.locale.startsWith('en'));\n        switchCalcLang(isEnglish ? 'en' : 'zh');\n    };\n\n    const stems = ['甲','乙','丙','丁','戊','己','庚','辛','壬','癸'];\n    const branches = ['子','丑','寅','卯','辰','巳','午','未','申','酉','戌','亥'];\n    const stemElements = {'甲':'wood','乙':'wood','丙':'fire','丁':'fire','戊':'earth','己':'earth','庚':'metal','辛':'metal','壬':'water','癸':'water'};\n    const branchElements = {'子':'water','丑':'earth','寅':'wood','卯':'wood','辰':'earth','巳':'fire','午':'fire','未':'earth','申':'metal','酉':'metal','戌':'earth','亥':'water'};\n\n    const dayMasterData = {\n        zh: {'甲':{name:'甲木',desc:'陽木，如參天大樹。正直、富有生機、積極進取且樂於助人，具備天然的領袖氣質。'},'乙':{name:'乙木',desc:'陰木，如攀藤花草。溫柔、堅韌、適應力極強，懂得借力，心思細膩敏感。'},'丙':{name:'丙火',desc:'陽火，如普照之烈日。熱情洋溢、慷慨大方、富有感染力，行事光明磊落但有時略顯急躁。'},'丁':{name:'丁火',desc:'陰火，如暗夜之燭光。外冷內熱、思維慎密、具備深刻的藝術或人文洞察，默默照亮他人。'},'戊':{name:'戊土',desc:'陽土，如厚重巍峨泰山。穩定、真誠、富有責任感、善於守護他人，但有時較為固執。'},'己':{name:'己土',desc:'陰土，如孕育萬物之田園。包容、溫和、富有同理心與奉獻精神，心思細緻且善於規劃。'},'庚':{name:'庚金',desc:'陽金，如剛健之斧子。果斷、仗義、不畏艱難，具備極強的魄力與執行力。'},'辛':{name:'辛金',desc:'陰金，如璀璨之珠寶。精緻、自尊心強、心思靈巧、追求完美，散發獨特的知性氣質。'},'壬':{name:'壬水',desc:'陽水，如奔流的大海。智慧過人、氣度非凡、善於隨機應變，具有極強的胸懷與遠見。'},'癸':{name:'癸水',desc:'陰水，如潤物細無聲之晨露。溫柔純潔、富有想像力、觀察入微，善於用柔和的力量渡過危機。'}},\n        en: {'甲':{name:'Jia Wood',desc:'Yang Wood, like a towering pine. Honest, progressive, and naturally philanthropic with excellent leadership traits.'},'乙':{name:'Yi Wood',desc:'Yin Wood, like adaptive vines. Gentle, highly resilient, and deeply intuitive with excellent networking skills.'},'丙':{name:'Bing Fire',desc:'Yang Fire, like the brilliant sun. Passionate, warm-hearted, highly charismatic, and radiant but occasionally impatient.'},'丁':{name:'Ding Fire',desc:'Yin Fire, like a candle in darkness. Calming, artistic, deeply spiritual, and quietly guiding those around you.'},'戊':{name:'Wu Earth',desc:'Yang Earth, like a massive mountain. Trustworthy, stable, protective, and resolute but sometimes stubborn.'},'己':{name:'Ji Earth',desc:'Yin Earth, like rich organic soil. Caring, highly empathetic, supportive, and naturally creative in nurturing others.'},'庚':{name:'Geng Metal',desc:'Yang Metal, like a raw sword. Resilient, decisive, highly logical, and protective of justice with unbreakable drive.'},'辛':{name:'Xin Metal',desc:'Yin Metal, like rare refined jade. Exquisite, aesthetic-oriented, self-respecting, and radiating brilliant intellect.'},'壬':{name:'Ren Water',desc:'Yang Water, like the vast ocean. Highly adaptive, dynamic, visionary, and possessing deep wisdom and emotional flow.'},'癸':{name:'Gui Water',desc:'Yin Water, like gentle morning dew. Pure, imaginative, perceptive, and highly refined in quiet, persistent influence.'}}\n    };\n\n    const lackElementData = {\n        zh: {\n            metal:{name:'金元素 (Metal)',desc:'經精確排盤分析，您體內金能量較為虛弱。金主專注、決斷與防禦。補充金能量有助於排除雜念、提升自律性、加強直覺判斷，為事業與學業打造堅強護甲。',crystal:'白水晶 \u0026 月光石 (Clear Quartz \u0026 Moonstone)',crystalDesc:'【淨化與力量】白水晶被譽為「水晶之王」，能迅速排解濁氣，集中能量；月光石則溫柔安神，喚醒內在平靜的陰柔力量。',colors:['白色、珍珠白、銀灰','香檳金色、亮金色'],colorDescs:['帶來純淨與澄澈思維的石膏白','象徵高貴、提升個人決斷與氣場的香檳金'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpolygon points=\"50,15 80,45 50,85 20,45\" stroke=\"#C1C1C1\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003ccircle cx=\"50\" cy=\"45\" r=\"8\" fill=\"#F4F1EA\" stroke=\"#C1C1C1\"\/\u003e\u003cline x1=\"50\" y1=\"15\" x2=\"50\" y2=\"85\" stroke=\"#C1C1C1\" stroke-width=\"1.5\"\/\u003e\u003c\/svg\u003e'},\n            wood:{name:'木元素 (Wood)',desc:'經精確排盤分析，您體內木能量較為虛弱。木主生長、仁慈與生機。補充木能量能幫助情緒療癒、舒緩神經焦慮，帶來源源不絕的活力與事業生機。',crystal:'東陵玉 \u0026 綠幽靈 (Green Aventurine \u0026 Green Phantom)',crystalDesc:'【蓬勃與財運】東陵玉代表著森林般的治癒力，撫平心靈焦慮；綠幽靈則為著名的「正財水晶」，助力事業順利開展。',colors:['鼠尾草綠、粉綠色','橄欖綠、淺草木色'],colorDescs:['主導情緒平復、釋放胸中壓力的鼠尾草綠','象徵新生、為日常帶來和諧蓬勃感的淺木色'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 20 C40 35, 30 50, 30 65 C30 75, 40 80, 50 80 C60 80, 70 75, 70 65 C70 50, 60 35, 50 20 Z\" stroke=\"#A2B5A2\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            water:{name:'水元素 (Water)',desc:'經精確排盤分析，您體內水能量較為虛弱。水主智慧、流通與機敏。補充水能量有助於暢通溝通渠道、加強直覺，並能使偏財之源如流水般平穩滾動。',crystal:'海藍寶 \u0026 黑曜石 (Aquamarine \u0026 Obsidian)',crystalDesc:'【智慧與守護】海藍寶能暢通咽喉、穩定表達能力，為人際溝通注入溫柔力量；黑曜石則為極致避邪之石，抵擋負面能量。',colors:['曜石深黑、深海藍','霧霾藍、石墨灰'],colorDescs:['代表避邪防小人、鎖住個人財庫的極致曜石黑','主導柔和暢通的溝通力、開啟智慧海藍寶色'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 15 Q25 50 50 85 Q75 50 50 15 Z\" stroke=\"#4A5A6A\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            fire:{name:'火元素 (Fire)',desc:'經精確排盤分析，您體內火能量較為虛弱。火主魅力、自信與熱情。補充火能量有助於增強個人親和力、招引優質正桃花、開展人脈，點燃對生活的熱烈愛意。',crystal:'粉水晶 \u0026 紫水晶 (Rose Quartz \u0026 Amethyst)',crystalDesc:'【人緣與靈性】粉水晶溫柔親和，最能治癒心靈創傷、增進好緣分；紫水晶代表高貴智慧與靈性，開拓思維，凝聚贵人氣場。',colors:['莫蘭迪櫻粉、復古煙粉','高貴薰衣草紫、蜜桃色'],colorDescs:['拉近人際距離、溫柔療癒情感波折的莫蘭迪櫻粉','增強領袖魅力、開啟高感知靈性維度的薰衣草紫'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 85 C30 85, 20 70, 35 50 C40 43, 45 35, 50 15 C55 35, 60 43, 65 50 C80 70, 70 85, 50 85 Z\" stroke=\"#E0A9AF\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            earth:{name:'土元素 (Earth)',desc:'經精確排盤分析，您體內土能量較為虛弱。土主穩定、誠信、承載與財庫。補充土能量可讓心境重回腳踏實地，改善優柔寡斷，為身體和靈魂注入踏實的健康。',crystal:'黃水晶 \u0026 虎眼石 (Citrine \u0026 Tiger\\'s Eye)',crystalDesc:'【豐盛與踏實】黃水晶為主導正偏財、聚財首選，給予事業堅實的自信；虎眼石蘊含大地威嚴，辟邪、驅散猶豫不決。',colors:['卡其暖沙、深焦糖色','奶茶米白、溫潤土黃'],colorDescs:['如同擁抱大地、給予身心最大安定感的亞麻沙色','象徵源源不絕財庫豐盛、沉穩篤實的琥珀焦糖色'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003crect x=\"25\" y=\"25\" width=\"50\" height=\"50\" rx=\"6\" stroke=\"#D2B48C\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'}\n        },\n        en: {\n            metal:{name:'Metal Element',desc:'Your Metal energy is slightly weak. Metal governs focus, protection, and decision-making. Nourishing Metal filters distractions, refines self-discipline, and builds spiritual armor.',crystal:'Clear Quartz \u0026 Moonstone',crystalDesc:'【Clarification \u0026 Strength】Clear Quartz purifies erratic energy and sharpens logic, while Moonstone unleashes deep maternal intuition and emotional balance.',colors:['Alabaster White, Pearl Silver','Warm Champagne, Light Gold'],colorDescs:['Alabaster White to clear cluttered thoughts and cleanse energy','Champagne Gold to elevate decisiveness, prestige, and personal protective aura'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpolygon points=\"50,15 80,45 50,85 20,45\" stroke=\"#C1C1C1\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            wood:{name:'Wood Element',desc:'Your Wood energy is currently low. Wood represents growth, vital healing, and benevolence. Nourishing Wood releases trapped trauma, calms panic, and fosters career growth.',crystal:'Green Aventurine \u0026 Green Phantom',crystalDesc:'【Vitality \u0026 Career Luck】Green Aventurine works as a natural stabilizer for neural health, while Green Phantom acts as the ultimate \"wealth magnet\" for business prosperity.',colors:['Sage Green, Dusty Mint','Forest Herb, Light Wood Sand'],colorDescs:['Sage Green to soothe nervous waves and open chest tension','Light Wood Sand symbolizing renewal, organic growth, and daily harmony'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 20 C40 35, 30 50, 30 65 C30 75, 40 80, 50 80 C60 80, 70 75, 70 65 C70 50, 60 35, 50 20 Z\" stroke=\"#A2B5A2\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            water:{name:'Water Element',desc:'Your Water energy is currently low. Water governs deep wisdom, flexibility, and wealth flow. Nourishing Water calms racing minds, refines communication, and keeps wealth circulating.',crystal:'Aquamarine \u0026 Obsidian',crystalDesc:'【Wisdom \u0026 Protection】Aquamarine unlocks throat blockages for calm verbal expressions, while Obsidian serves as a mirror shield to deflect toxic energies.',colors:['Obsidian Black, Deep Ocean Blue','Smoky Navy, Slate Grey'],colorDescs:['Obsidian Black to lock personal boundaries and absorb negative waves','Ocean Blue to ease heavy communication blocks and open wisdom channels'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 15 Q25 50 50 85 Q75 50 50 15 Z\" stroke=\"#4A5A6A\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            fire:{name:'Fire Element',desc:'Your Fire energy is slightly low. Fire rules personal warmth, magnetism, and passion. Strengthening Fire elevates charisma, attracts healthy romances, and sparks drive.',crystal:'Rose Quartz \u0026 Amethyst',crystalDesc:'【Connection \u0026 High Intuition】Rose Quartz heals old emotional wounds to attract true love, while Amethyst brings spiritual clarity and protective wisdom.',colors:['Morandi Blush Pink, Peach Sand','Soft Amethyst Purple, Dusty Peach'],colorDescs:['Morandi Blush Pink to cultivate romantic magnetism and mend old heart bruises','Amethyst Purple to amplify leadership influence and elevate cosmic awareness'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003cpath d=\"M50 85 C30 85, 20 70, 35 50 C40 43, 45 35, 50 15 C55 35, 60 43, 65 50 C80 70, 70 85, 50 85 Z\" stroke=\"#E0A9AF\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'},\n            earth:{name:'Earth Element',desc:'Your Earth energy is currently low. Earth governs stability, nourishment, and abundance. Nourishing Earth grounds chaotic thoughts, mends anxiety, and builds stable health.',crystal:\"Citrine \u0026 Tiger's Eye\",crystalDesc:\"【Abundance \u0026 Grounding】Citrine sparks abundance luck and self-esteem, while Tiger's Eye brings focusing power and drives out lingering self-doubts.\",colors:['Oatmeal Sand, Amber Gold','Warm Beige, Sweet Caramel'],colorDescs:['Warm Oatmeal Sand representing groundness, nurturing care, and safety','Amber Gold for constant prosperity flows, abundance, and stable health'],svg:'\u003csvg class=\"w-10 h-10\" viewBox=\"0 0 100 100\" fill=\"none\"\u003e\u003crect x=\"25\" y=\"25\" width=\"50\" height=\"50\" rx=\"6\" stroke=\"#D2B48C\" stroke-width=\"2.5\" fill=\"#FAF9F6\"\/\u003e\u003c\/svg\u003e'}\n        }\n    };\n\n    function getJD(y,m,d,h){if(m\u003c=2){y-=1;m+=12;}let A=Math.floor(y\/100);let B=2-A+Math.floor(A\/4);return Math.floor(365.25*(y+4716))+Math.floor(30.6001*(m+1))+d+B-1524.5+h\/24;}\n    function getSunLongitude(jd){let T=(jd-2451545.0)\/36525.0;let L0=280.46646+36000.76983*T+0.0003032*T*T;let M=357.52911+35999.05029*T-0.0001537*T*T;let C=(1.914602-0.004817*T-0.000014*T*T)*Math.sin(M*Math.PI\/180)+(0.019993-0.000101*T)*Math.sin(2*M*Math.PI\/180)+0.002893*Math.sin(3*M*Math.PI\/180);let theta=L0+C;let omega=125.04-1934.136*T;let lambda=theta-0.00569-0.00478*Math.sin(omega*Math.PI\/180);lambda=lambda%360;if(lambda\u003c0)lambda+=360;return lambda;}\n    function getMonthBranchIdx(lambda){if(lambda\u003e=315\u0026\u0026lambda\u003c345)return 2;if(lambda\u003e=345||lambda\u003c15)return 3;if(lambda\u003e=15\u0026\u0026lambda\u003c45)return 4;if(lambda\u003e=45\u0026\u0026lambda\u003c75)return 5;if(lambda\u003e=75\u0026\u0026lambda\u003c105)return 6;if(lambda\u003e=105\u0026\u0026lambda\u003c135)return 7;if(lambda\u003e=135\u0026\u0026lambda\u003c165)return 8;if(lambda\u003e=165\u0026\u0026lambda\u003c195)return 9;if(lambda\u003e=195\u0026\u0026lambda\u003c225)return 10;if(lambda\u003e=225\u0026\u0026lambda\u003c255)return 11;if(lambda\u003e=255\u0026\u0026lambda\u003c285)return 0;if(lambda\u003e=285\u0026\u0026lambda\u003c315)return 1;return 2;}\n    function getDayCycleIdx(y,m,d,h){let targetDate=new Date(Date.UTC(y,m-1,d));if(h\u003e=23){targetDate.setUTCDate(targetDate.getUTCDate()+1);}let anchorDate=new Date(Date.UTC(2000,0,1));let diffMs=targetDate.getTime()-anchorDate.getTime();let diffDays=Math.round(diffMs\/(1000*60*60*24));let cycleIdx=(54+diffDays)%60;if(cycleIdx\u003c0)cycleIdx+=60;return cycleIdx;}\n\n    function calculateBazi(){\n        const nameVal=document.getElementById('calc-name').value.trim()||'Alyssa';\n        const year=parseInt(document.getElementById('calc-year').value);\n        const month=parseInt(document.getElementById('calc-month').value);\n        const day=parseInt(document.getElementById('calc-day').value);\n        const hourCode=parseInt(document.getElementById('calc-hour').value);\n        const hourMap={'-1':12,'0':23.5,'1':2,'2':4,'3':6,'4':8,'5':10,'6':12,'7':14,'8':16,'9':18,'10':20,'11':22};\n        const hour=hourMap[hourCode.toString()];\n        const jd=getJD(year,month,day,hour);\n        const lambda=getSunLongitude(jd);\n        let baziYear=year;\n        if(month===1){baziYear=year-1;}else if(month===2){if(lambda\u003c315){baziYear=year-1;}}\n        let yearStemIdx=(baziYear-1984)%10;if(yearStemIdx\u003c0)yearStemIdx+=10;\n        let yearBranchIdx=(baziYear-1984)%12;if(yearBranchIdx\u003c0)yearBranchIdx+=12;\n        const yearStem=stems[yearStemIdx];const yearBranch=branches[yearBranchIdx];\n        const monthBranchIdx=getMonthBranchIdx(lambda);const monthBranch=branches[monthBranchIdx];\n        const startMonthStemIdx=(yearStemIdx*2+2)%10;\n        const monthOffset=(monthBranchIdx-2+12)%12;\n        const monthStemIdx=(startMonthStemIdx+monthOffset)%10;const monthStem=stems[monthStemIdx];\n        const dayCycleIdx=getDayCycleIdx(year,month,day,hour);\n        const dayStemIdx=dayCycleIdx%10;const dayBranchIdx=dayCycleIdx%12;\n        const dayStem=stems[dayStemIdx];const dayBranch=branches[dayBranchIdx];\n        const hourBranchIdx=(hourCode!==-1)?hourCode:6;const hourBranch=branches[hourBranchIdx];\n        const startHourStemIdx=(dayStemIdx*2)%10;\n        const hourStemIdx=(startHourStemIdx+hourBranchIdx)%10;const hourStem=stems[hourStemIdx];\n        const weights={yearStem:10,yearBranch:10,monthStem:10,monthBranch:30,dayStem:15,dayBranch:10,hourStem:5,hourBranch:10};\n        const scores={metal:0,wood:0,water:0,fire:0,earth:0};\n        scores[stemElements[yearStem]]+=weights.yearStem;scores[branchElements[yearBranch]]+=weights.yearBranch;\n        scores[stemElements[monthStem]]+=weights.monthStem;scores[branchElements[monthBranch]]+=weights.monthBranch;\n        scores[stemElements[dayStem]]+=weights.dayStem;scores[branchElements[dayBranch]]+=weights.dayBranch;\n        scores[stemElements[hourStem]]+=weights.hourStem;scores[branchElements[hourBranch]]+=weights.hourBranch;\n        const pctMetal=Math.round(scores.metal);const pctWood=Math.round(scores.wood);const pctWater=Math.round(scores.water);const pctFire=Math.round(scores.fire);const pctEarth=100-(pctMetal+pctWood+pctWater+pctFire);\n        const elements={metal:pctMetal,wood:pctWood,water:pctWater,fire:pctFire,earth:pctEarth};\n        let lackElement='water';let minVal=101;\n        for(let el in elements){if(elements[el]\u003cminVal){minVal=elements[el];lackElement=el;}}\n        document.getElementById('result-username').innerText=nameVal;\n        document.getElementById('val-year-stem-branch').innerText=`${yearStem}${yearBranch}`;\n        document.getElementById('val-month-stem-branch').innerText=`${monthStem}${monthBranch}`;\n        document.getElementById('val-day-stem-branch').innerText=`${dayStem}${dayBranch}`;\n        document.getElementById('val-hour-stem-branch').innerText=`${hourStem}${hourBranch}`;\n        document.getElementById('bar-metal').style.width=`${pctMetal}%`;document.getElementById('bar-metal-pct').innerText=`${pctMetal}%`;\n        document.getElementById('bar-wood').style.width=`${pctWood}%`;document.getElementById('bar-wood-pct').innerText=`${pctWood}%`;\n        document.getElementById('bar-water').style.width=`${pctWater}%`;document.getElementById('bar-water-pct').innerText=`${pctWater}%`;\n        document.getElementById('bar-fire').style.width=`${pctFire}%`;document.getElementById('bar-fire-pct').innerText=`${pctFire}%`;\n        document.getElementById('bar-earth').style.width=`${pctEarth}%`;document.getElementById('bar-earth-pct').innerText=`${pctEarth}%`;\n        currentCalculatedData={dayMaster:dayStem,lackElement:lackElement};\n        renderCalculatedUI();\n        document.getElementById('result-welcome').classList.add('hidden');\n        document.getElementById('result-content').classList.remove('hidden');\n        document.getElementById('result-box').scrollIntoView({behavior:'smooth'});\n    }\n\n    let currentCalculatedData={dayMaster:'戊',lackElement:'water'};\n    let currentLang='zh';\n\n    function renderCalculatedUI(){\n        const lang=currentLang;const dm=currentCalculatedData.dayMaster;const lack=currentCalculatedData.lackElement;\n        const dmInfo=dayMasterData[lang][dm];\n        document.getElementById('val-day-master-name').innerText=dmInfo.name;\n        document.getElementById('val-day-master-desc').innerText=dmInfo.desc;\n        const lackInfo=lackElementData[lang][lack];\n        document.getElementById('val-lack-element-msg').innerText=`${lang==='zh'?'建議調和：':'Recommended Curation: '}${lackInfo.name}`;\n        document.getElementById('val-lack-element-desc').innerText=lackInfo.desc;\n        document.getElementById('rec-crystal-name').innerText=lackInfo.crystal;\n        document.getElementById('rec-crystal-desc').innerText=lackInfo.crystalDesc;\n        document.getElementById('rec-crystal-svg-box').innerHTML=lackInfo.svg;\n        document.getElementById('rec-color-name-1').innerText=lackInfo.colors[0];\n        document.getElementById('rec-color-name-2').innerText=lackInfo.colors[1];\n        document.getElementById('rec-color-desc-1').innerText=lackInfo.colorDescs[0];\n        document.getElementById('rec-color-desc-2').innerText=lackInfo.colorDescs[1];\n        const dots={metal:['#E5E7EB','#F59E0B'],wood:['#A2B5A2','#8FA48F'],water:['#1F2937','#3B82F6'],fire:['#E0A9AF','#A855F7'],earth:['#D2B48C','#B45309']};\n        document.getElementById('rec-color-dot-1').style.backgroundColor=dots[lack][0];\n        document.getElementById('rec-color-dot-2').style.backgroundColor=dots[lack][1];\n    }\n\n    const calcI18n={\n        zh:{title:'五行能量命盤・專屬水晶首飾導航',intro:'萬物皆有磁場，水晶承載自然。輸入您的出生日期，我們將透過東方經典八字命理與高精度天文算法，為您精確解構體內金、木、水、火、土五行能量的強弱。探索最能溫柔補強您能量空缺的「幸運色彩」與「本命守護水晶」，開啟專屬您的好運磁場。',formT:'開啟您的能量之鑰',nameL:'顧客姓名',birthdayL:'出生日期',hourL:'出生時辰',optUnknown:'不清楚 \/ Unknown (預估)',btnCalc:'解密我的五行命盤',welcomeT:'待您喚醒您的五行能量',welcomeD:'請在左側輸入您的姓名與準確出生日期，本命盤系統將採用高精度天文軌道學進行精確排盤，為您解碼乾坤五行。',yourBazi:'您專屬的生辰八字',bYear:'年柱',bMonth:'月柱',bDay:'日主',bHour:'時柱',dayMasterL:'您的本命屬性「日元」為：',ratioL:'五行能量分佈比率',clickL:'天文軌道加權計算',analysisL:'本源能量診斷：',recCrysT:'AlyssaK 推薦水晶首飾系列',recCrysTip:'* AlyssaK 承諾為您在全世界搜羅最純粹、具自然生命力的礦石，由手作匠人溫柔編織打磨。',recColT:'日常能量色彩與穿搭指南',recColTip:'💡 能量色彩調和：日常生活中，多選擇穿戴相應能量的衣服、絲巾或內衣套裝，能與水晶磁場相互輝映，穩定您的日常磁場。'},\n        en:{title:'Five Elements \u0026 Crystal Jewelry Oracle',intro:'Everything possesses a magnetic resonance. Enter your birth details, and our cosmological calculator will map your precise heavenly stems, terrestrial branches, and elemental distribution. Discover your lucky colors and matching heirloom crystals to realign your cosmic flow.',formT:'Retrieve Your Cosmic Key',nameL:'Your Name',birthdayL:'Date of Birth',hourL:'Birth Hour',optUnknown:'Unknown (Estimating)',btnCalc:'Calculate My Five Elements',welcomeT:'Unlock Your Elemental Energy Profile',welcomeD:'Input your name and birthday on the left. Our system will generate your authentic Bazi planetary alignments using high-precision astronomical solar data.',yourBazi:'Your Personal Bazi Chart',bYear:'Year',bMonth:'Month',bDay:'Day Master',bHour:'Hour',dayMasterL:'Your Core Day Master:',ratioL:'Five Elements Energy Distribution',clickL:'Astronomically Weighted',analysisL:'Energy Consultation:',recCrysT:'AlyssaK Curated Crystal Jewelry',recCrysTip:'* AlyssaK sources only pure, organic earth stones handcrafted with love by artisans worldwide.',recColT:'Lucky Colors \u0026 Styling Guidance',recColTip:'💡 Harmony tip: Integrating these cosmic tones in your daily silk wraps, scarves, or intimates harmonizes perfectly with crystal energy.'}\n    };\n\n    function switchCalcLang(lang){\n        currentLang=lang;\n        const activeClass='font-bold text-cherry border-b border-cherry transition-all';\n        const inactiveClass='text-stone-400 hover:text-brand-900 transition-all';\n        if(lang==='zh'){document.getElementById('calc-btn-zh').className=activeClass;document.getElementById('calc-btn-en').className=inactiveClass;document.getElementById('c-title-zh').classList.remove('hidden');document.getElementById('c-title-en').classList.add('hidden');}\n        else{document.getElementById('calc-btn-en').className=activeClass;document.getElementById('calc-btn-zh').className=inactiveClass;document.getElementById('c-title-en').classList.remove('hidden');document.getElementById('c-title-zh').classList.add('hidden');}\n        const dict=calcI18n[lang];\n        document.getElementById('c-intro').innerText=dict.intro;\n        document.getElementById('form-title').innerText=dict.formT;\n        document.getElementById('lbl-name').innerText=`${dict.nameL} \/ Your Name`;\n        document.getElementById('lbl-birthday').innerText=`${dict.birthdayL} \/ Birth Date`;\n        document.getElementById('lbl-hour').innerText=`${dict.hourL} \/ Birth Hour`;\n        document.getElementById('opt-unknown').innerText=dict.optUnknown;\n        document.getElementById('btn-calc-text').innerText=dict.btnCalc;\n        document.getElementById('welcome-title').innerText=dict.welcomeT;\n        document.getElementById('welcome-desc').innerText=dict.welcomeD;\n        document.getElementById('lbl-your-bazi').innerText=dict.yourBazi;\n        document.getElementById('bazi-year').innerText=dict.bYear;\n        document.getElementById('bazi-month').innerText=dict.bMonth;\n        document.getElementById('bazi-day').innerText=dict.bDay;\n        document.getElementById('bazi-hour').innerText=dict.bHour;\n        document.getElementById('lbl-day-master').innerText=dict.dayMasterL;\n        document.getElementById('lbl-five-elements-ratio').innerText=dict.ratioL;\n        document.getElementById('lbl-click-to-see').innerText=dict.clickL;\n        document.getElementById('rec-crystal-title').innerHTML=`💎 ${dict.recCrysT}`;\n        document.getElementById('rec-crystal-tip').innerText=dict.recCrysTip;\n        document.getElementById('rec-color-title').innerHTML=`🎨 ${dict.recColT}`;\n        document.getElementById('rec-color-tip').innerText=dict.recColTip;\n        renderCalculatedUI();\n        document.querySelectorAll('[data-i18n-zh]').forEach(el=\u003e{el.innerText=el.getAttribute(`data-i18n-${lang}`);});\n    }\n\u003c\/script\u003e\n\n{% schema %}\n{\n  \"name\": \"五行命盤計算器\",\n  \"tag\": \"section\",\n  \"class\": \"bazi-calculator-section\",\n  \"settings\": [],\n  \"presets\": [\n    {\n      \"name\": \"五行命盤計算器\"\n    }\n  ]\n}\n{% endschema %}\n","products":[],"url":"https:\/\/alyssakstyle.com\/zh\/collections\/five-elements-crystal-jewelry-oracle.oembed","provider":"AlyssaK Style Online Shop","version":"1.0","type":"link"}