https://guidingstar.ai/assets/PricingPage-e01zOEjy.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{};e.SENTRY_RELEASE={id:"c3f9d1bb9087d3f884b31c5f541e29cc193b8371"},e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];if(null!=s)for(var a in s)s.hasOwnProperty(a)&&(e[a]=s[a])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:guidingstar-ui":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="001f9096-bdce-4f3c-9dba-0696e2b2a491",e._sentryDebugIdIdentifier="sentry-dbid-001f9096-bdce-4f3c-9dba-0696e2b2a491")}catch(s){}}();import{j as e,r as t,f as s,a}from"./vendor-react-B5UUB5Xn.js";import{B as i,k as r,Z as l,x as n,q as d,G as c,a0 as o,bQ as x,cP as m,cQ as p,bn as h,p as b,h as u,L as g,l as f,F as j,aV as y,u as v,t as N,H as w,cR as k,v as _,j as S,bo as z,S as I}from"./index-CRlZJMhO.js";import{a as C,F as q}from"./Footer-Tb1Khppe.js";import{S as P}from"./spotlight-Cj4DWAoK.js";import{u as T}from"./usePayment-Eqt2YvrW.js";import{C as M,r as E,u as B,a as A,b as L,P as $,E as R,H as D,G as F,c as G}from"./checkoutMethod-DQ7kdm6H.js";import{R as O,M as U,n as H}from"./reportCredits-C6dvXb3e.js";import{A as K}from"./index-BCXb6fLU.js";const W=[{highlight:"全面分析",rest:"那個你已經猶豫很久的行動"},{highlight:"全面分析",rest:"那個你不敢說出口的問題"},{highlight:"全面分析",rest:"那個令你深夜失眠的念頭"}],Q=()=>W[Math.floor(Math.random()*W.length)],V=[{key:"job",segments:[{kind:"text",value:"我該不該換工作？"}]},{key:"startup",segments:[{kind:"text",value:"我是真的適合創業，還是想逃避現狀？"}]},{key:"pattern",segments:[{kind:"text",value:"為什麼我總被同一種人吸引？"}]},{key:"synastry",segments:[{kind:"text",value:"我跟 "},{kind:"mention",label:"他/她"},{kind:"text",value:" 長期下去會卡在哪？"}]},{key:"timing-love",segments:[{kind:"text",value:"我什麼時候容易進入穩定關係？"}]},{key:"next-30",segments:[{kind:"text",value:"接下來 30 天該優先處理什麼？"}]},{key:"flow-today",segments:[{kind:"flow",label:"今日"},{kind:"text",value:" 適合做什麼樣的決定？"}]},{key:"tarot-read",segments:[{kind:"text",value:"幫我解這次抽到的 "},{kind:"tarot",label:"塔羅"}]}],J=[{name:"免費版（Free）",planId:"free",price:0,tagline:"先讓指南星認識你一次",features:["囊括八字、紫微斗數、西洋占星、生命靈數與 MBTI 的多維人生儀表板","四大命理系統同時對照，搭配 MBTI 行為校準，辨識你的底層架構與交叉訊號","AI 問答與每日指引訊號，隨時釐清下一步","桌機與手機皆可使用","見解筆記上限 10 則","AI 對話記錄保留 3 天"],cta:"免費開始",link:"/login"},{name:"基礎版（Basic）",planId:"basic",price:299,tagline:"當你在感情或工作上卡住，這裡有人陪你看清楚",features:["每月 900 枚會員指引幣，日常提問不需猶豫","四大命理系統完整對照 × MBTI 行為校準，交叉驗證你的觀察","見解筆記上限 50 則","AI 對話記錄保留 7 天","指引幣包 9 折優惠"],cta:"開啟我的基礎版",link:"/login?plan=basic",badge:"推薦"},{name:"專業版（Pro）",planId:"pro",price:599,tagline:"你要的不只是這半年，是接下來幾年怎麼走",features:["每月 2,100 枚會員指引幣，深度推演與長週期分析","四大命理系統完整對照 × MBTI 行為校準，交叉驗證你的觀察","見解筆記上限 999 則","AI 對話記錄保留 14 天","指引幣包 8 折優惠"],cta:"看完整的我",link:"/login?plan=pro",badge:"旗艦"}],Y=[{title:"同一件事，看五個角度才放心",description:"同一個問題同時放進八字、紫微斗數、西洋占星、生命靈數、MBTI——不是五個系統各說各話，是五個角度印證同一件事。",icon:e.jsx(i,{size:22})},{title:"你問過的、想通的，都會留在這裡",description:"你之前問過的事、那個讓你「對，就是這樣」的回覆，一鍵收藏；之後可以用標籤、時間、驗證狀態回頭看，也能把行動整理成勾選清單。",icon:e.jsx(r,{size:22})},{title:"你花的每一枚幣，都看得到去處",description:"每次提問、深入分析、校準或塔羅都清楚扣幣；訂閱每月自動補幣，幣包還有專屬禮遇。",icon:e.jsx(l,{size:22}),coinsUiOnly:!0},{title:"凌晨三點繞不出來的時候，這裡每天先給你一個切入點",description:"每天整理一個重點訊號；進入命運推演繼續探問，把模糊的問題整理成今天可以採取的下一步。",icon:e.jsx(n,{size:22})}],Z=({plan:t,onSelect:s,onPurchase:a,purchaseLoading:i})=>{const r="基礎版（Basic）"===t.name;return e.jsxs("div",{className:d("relative h-full p-5 md:p-7 flex flex-col items-stretch transition-[background-color,border-color,box-shadow] duration-300",r?"dashboard-card":"dashboard-card-soft border border-white/[0.06]"),style:{borderRadius:"1.25rem"},children:[t.badge&&e.jsx("div",{className:"absolute top-4 right-4 px-2.5 py-1 text-[11px] rounded-full font-semibold",style:{borderColor:"rgba(136, 218, 255, 0.3)",border:"1px solid rgba(136, 218, 255, 0.3)",background:"linear-gradient(135deg, rgba(90, 186, 255, 0.12), rgba(154, 99, 255, 0.1))",color:"rgba(164, 223, 255, 0.9)"},children:t.badge}),e.jsxs("div",{className:"relative z-10 flex flex-col h-full",children:[e.jsxs("div",{className:"mb-5",children:[e.jsx("p",{className:"text-xs mb-1",style:{color:"rgba(171, 191, 223, 0.6)"},children:t.name}),e.jsx("h3",{className:"text-lg md:text-xl font-futuristic font-bold text-white min-h-[52px] md:min-

1h-[56px] leading-tight flex items-center",children:t.tagline})]}),e.jsxs("div",{className:"relative mb-5 border-b pt-3 pb-5",style:{borderColor:"rgba(255, 255, 255, 0.08)"},children:[e.jsx("span",{className:"absolute left-0 top-0 text-[10px] uppercase tracking-[0.1em]",style:{color:"rgba(171, 191, 223, 0.5)"},children:"TWD$"}),e.jsx("span",{className:"block text-center text-5xl md:text-6xl font-futuristic font-bold text-white tracking-tight leading-none",children:0===t.price?"0":t.price.toLocaleString()}),e.jsx("span",{className:"absolute right-0 bottom-6 text-[10px]",style:{color:"rgba(171, 191, 223, 0.5)"},children:"/ 月"})]}),e.jsx("ul",{className:"space-y-3.5 md:space-y-3 mb-7 flex-1",children:t.features.map(t=>e.jsxs("li",{className:"flex items-start text-sm leading-relaxed",style:{color:"rgba(220, 232, 255, 0.85)"},children:[e.jsx("div",{className:"mt-1 mr-2.5 w-4 h-4 rounded-full flex items-center justify-center shrink-0",style:{background:"linear-gradient(135deg, rgba(90, 186, 255, 0.18), rgba(154, 99, 255, 0.14))",boxShadow:"0 0 8px rgba(136, 218, 255, 0.2)"},children:e.jsx(o,{size:10,style:{color:"rgba(164, 223, 255, 0.9)"}})}),e.jsx("span",{children:t})]},t))}),e.jsxs("div",{className:"min-h-[20px] mb-3",children:["基礎版（Basic）"===t.name&&e.jsxs("div",{className:"text-xs flex items-center gap-1.5",style:{color:"rgba(164, 223, 255, 0.8)"},children:[e.jsx(n,{size:12,style:{color:"rgba(180, 140, 255, 0.8)"}}),e.jsx("span",{children:"最受歡迎，效率與成本最平衡"})]}),"專業版（Pro）"===t.name&&e.jsxs("div",{className:"text-xs flex items-center gap-1.5",style:{color:"rgba(180, 140, 255, 0.8)"},children:[e.jsx(C,{size:12}),e.jsx("span",{children:"高密度推演與長週期決策支援"})]})]}),a?e.jsxs(M,{className:d("pricing-liquid-cta",r?"pricing-liquid-cta--featured":"pricing-liquid-cta--quiet"),contentClassName:d("pricing-liquid-cta__content flex items-center justify-center gap-2 text-base font-semibold text-white"),onClick:a,disabled:i,children:[e.jsx(x,{className:"pricing-liquid-cta__icon shrink-0",size:17,"aria-hidden":"true"}),e.jsx("span",{className:"pricing-liquid-cta__label",children:i?"處理中…":t.cta})]}):e.jsxs(M,{to:t.link,className:d("pricing-liquid-cta",r?"pricing-liquid-cta--featured":"pricing-liquid-cta--quiet"),contentClassName:d("pricing-liquid-cta__content flex items-center justify-center gap-2 text-base font-semibold text-white"),onClick:s,children:[e.jsx(x,{className:"pricing-liquid-cta__icon shrink-0",size:17,"aria-hidden":"true"}),e.jsx("span",{className:"pricing-liquid-cta__label",children:t.cta})]})]})]})},X=[{id:"free",height:"h-[420px]"},{id:"basic",height:"h-[460px]"},{id:"pro",height:"h-[420px]"}],ee=()=>e.jsxs("div",{className:"relative mb-14",role:"status","aria-label":"月度顧問規劃中，尚未開放",children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none select-none grid grid-cols-1 md:grid-cols-3 gap-5 blur-md saturate-50 opacity-50",children:X.map(t=>e.jsxs("div",{className:d("dashboard-card-soft relative overflow-hidden flex flex-col gap-4 p-6",t.height),style:{background:"linear-gradient(155deg, rgba(11,18,53,0.85), rgba(44,19,85,0.55) 52%, rgba(9,14,45,0.9))",border:"1px solid rgba(154, 99, 255, 0.18)"},children:[e.jsx("div",{className:"h-3 w-1/2 rounded-full bg-white/15"}),e.jsx("div",{className:"h-10 w-3/4 rounded-md bg-white/12"}),e.jsx("div",{className:"h-2 w-2/3 rounded-full bg-white/10"}),e.jsx("div",{className:"mt-6 h-10 rounded-full bg-gradient-to-r from-cyan-300/25 via-v

1iolet-300/25 to-cyan-300/25"}),e.jsxs("div",{className:"mt-4 space-y-2",children:[e.jsx("div",{className:"h-2 w-full rounded-full bg-white/8"}),e.jsx("div",{className:"h-2 w-5/6 rounded-full bg-white/8"}),e.jsx("div",{className:"h-2 w-2/3 rounded-full bg-white/8"}),e.jsx("div",{className:"h-2 w-3/4 rounded-full bg-white/8"})]})]},t.id))}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center px-5",children:e.jsxs("div",{className:"dashboard-card-soft relative max-w-md w-full text-center px-6 py-8 backdrop-blur-xl",style:{background:"linear-gradient(155deg, rgba(11,18,53,0.92), rgba(44,19,85,0.85) 52%, rgba(9,14,45,0.94))",border:"1px solid rgba(154, 99, 255, 0.32)",boxShadow:"0 24px 70px -24px rgba(124, 58, 237, 0.55)"},children:[e.jsx("p",{className:"text-[11px] tracking-[0.32em] uppercase mb-2",style:{color:"rgba(171, 191, 223, 0.7)"},children:"Coming Soon"}),e.jsx("h2",{className:"text-2xl md:text-3xl font-futuristic font-bold mb-3 text-white",children:e.jsx(c,{children:"月度顧問"})}),e.jsx("p",{className:"text-sm leading-relaxed",style:{color:"rgba(193, 209, 235, 0.85)"},children:"正在規劃中，尚未開放。"}),e.jsx("p",{className:"mt-3 text-xs leading-relaxed",style:{color:"rgba(171, 191, 223, 0.6)"},children:"請先用單次推演開始體驗，我們正在努力開發月度顧問功能，讓你每一步都是最佳解。"})]})})]}),te=({onPurchase:s,loading:a,disabled:i=!1})=>{const[r,l]=t.useState(1),[n,d]=t.useState("1"),c=O*r,o=e=>{const t=H(e);l(t),d(String(t))};return e.jsx("section",{className:"mx-auto mb-14 max-w-xl",children:e.jsxs("div",{className:"relative overflow-hidden rounded-3xl border border-cyan-200/25 bg-slate-950/60 p-6 backdrop-blur-xl sm:p-8",children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 bg-gradient-to-br from-cyan-400/10 via-sky-400/5 to-purple-400/10"}),e.jsxs("div",{className:"relative",children:[e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-[11px] font-medium tracking-[0.2em] text-cyan-100/75",children:[e.jsx(m,{"aria-hidden":"true",className:"h-3 w-3"}),"完整推演報告"]}),e.jsxs("p",{className:"mt-3 text-3xl font-semibold text-white",children:["NT$",O,e.jsx("span",{className:"ml-2 text-sm font-normal text-white/55",children:"／份"})]}),e.jsxs("div",{className:"mt-6 flex items-center justify-between gap-4 rounded-2xl border border-white/10 bg-white/[0.03] px-4 py-3",children:[e.jsx("span",{className:"text-sm text-white/70",children:"數量"}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("button",{type:"button",onClick:()=>o(r-1),disabled:r<=1||a,"aria-label":"減少一份",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/15 text-white/75 transition hover:border-white/30 hover:text-white disabled:cursor-not-allowed disabled:opacity-40",children:e.jsx(p,{size:14,"aria-hidden":"true"})}),e.jsx("input",{type:"text",inputMode:"numeric","aria-label":"份數",value:n,disabled:a,onChange:e=>d(e.target.value.replace(/\D/g,"")),onBlur:()=>o(n),onKeyDown:e=>{"Enter"===e.key&&o(n)},className:"w-16 rounded-lg border border-white/12 bg-transparent py-1 text-center text-lg font-semibold text-white outline-none transition focus:border-cyan-200/50"}),e.jsx("button",{type:"button",onClick:()=>o(r+1),disabled:r>=U||a,"aria-label":"增加一份",className:"inline-flex h-8 w-8 items-center justify-center rounded-full border border-white/15 text-white/75 transition hover:border-white/30 hover:text-white disabled:cursor-not-allowed disabled:opacity-40",children:e.jsx(h,{size:14,"aria-hidden":"true"})})]})]}),e.jsxs("div",{className:"mt-4 flex items-baseline justify-between",children:[e.jsx("span",{className:"text-sm text-white/60",children:"總計"}),e.jsxs("span",{className:"text-2xl font-semibold text-cyan-100",children:["NT$",c.toLocaleString()]})]}),e.jsx(M,{className:"pricing-liquid-cta pricing-liquid-cta--solid mt-6 w-full",contentClassName:"pricing-liquid-cta__content flex items-center justify-center gap-2 text-sm font-semibold text-white",onClick:()=>{const e=H(n);o(e),s(e)},disabled:a||i,children:a?"前往付款…":`儲值 NT$${c.toLocaleStr

1ing()}`}),e.jsx("p",{className:"mt-4 text-[11px] leading-5 text-white/45",children:"每份額度可用於建立一份完整推演報告，沒有使用期限。延伸推演可於報告完成後依需求加購。"})]})]})})},se=[{id:"card",label:"信用卡／銀聯卡",description:"直接在此安全輸入卡片資料"},{id:"apple_pay",label:"Apple Pay"},{id:"google_pay",label:"Google Pay"},{id:"samsung_pay",label:"Samsung Pay"}];function ae({quantity:s,onClose:a}){const[i,r]=t.useState(E),l=t.useRef(null),{ref:n,canScrollUp:d,canScrollDown:c}=B(),x=t.useMemo(()=>({kind:"report_credit",quantity:s}),[s]),m=A(null,"card"===i,{paymentTarget:x,fieldKey:`report-credit-${s}`,analyticsNamespace:"report_credit",analyticsSku:"report_credit"}),p=L("google_pay"===i,{paymentTarget:x,analyticsNamespace:"report_credit",analyticsSku:"report_credit"}),h="google_pay"===i&&!p.canFallBackToHosted,y=h&&"error"===p.phase,{startPayment:v,loading:N,error:w}=T(),k=O*s,_="submitting"===m.phase||"submitting"===p.phase||N,S="card"===i&&("ready"!==m.phase||!m.fieldsValid),z="card"===i?m.error:h?null:w;t.useEffect(()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",l.current?.focus({preventScroll:!0}),()=>{document.body.style.overflow=e}},[]),t.useEffect(()=>{const e=e=>{"Escape"!==e.key||_||a()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[_,a]);const I=()=>{_||a()},C=se.find(e=>e.id===i)?.label??"付款",q=_?{label:"處理付款中…",showArrow:!1,state:"processing"}:S?{label:"請完成信用卡資料",hint:"填妥卡號、有效期限與安全碼後即可付款",showArrow:!1,state:"blocked"}:"card"===i?{label:`支付 NT$${k.toLocaleString()} 並儲值`,showArrow:!0,state:"ready"}:{label:`使用 ${C} 付款 NT$${k.toLocaleString()}`,showArrow:!0,state:"ready"};return e.jsx(K,{children:e.jsx(b.div,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},className:"fixed inset-0 z-[110] flex items-center justify-center bg-[#02040d]/88 px-3 py-3 backdrop-blur-md sm:px-6 sm:py-8",onClick:I,children:e.jsxs(b.div,{ref:l,initial:{scale:.96,y:16},animate:{scale:1,y:0},exit:{scale:.96,y:16},onClick:e=>e.stopPropagation(),role:"dialog","aria-modal":"true","aria-labelledby":"report-credit-payment-title","aria-describedby":"report-credit-payment-description","aria-busy":_,tabIndex:-1,className:"relative mx-auto flex max-h-full w-full max-w-md flex-col overflow-hidden rounded-[1.5rem] border border-violet-200/20 bg-[linear-gradient(145deg,rgba(7,9,24,0.98),rgba(12,12,36,0.97))] text-white shadow-[0_30px_100px_-26px_rgba(104,82,235,0.65)] outline-none",children:[e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 bg-[radial-gradient(circle_at_8%_0%,rgba(86,144,255,0.13),transparent_34%),radial-gradient(circle_at_100%_20%,rgba(126,71,226,0.16),transparent_40%)]"}),e.jsxs("div",{className:"relative flex min-h-0 flex-1 flex-col",children:[e.jsxs("div",{className:"relative z-10 flex shrink-0 items-center justify-between px-5 pt-5 sm:px-6 sm:pt-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("span",{className:"grid h-10 w-10 place-items-center rounded-xl border border-violet-200/25 bg-violet-300/[0.08] text-violet-100",children:e.jsx(u,{size:18,"aria-hidden":"true"})}),e.jsxs("div",{children:[e.jsx("h2",{id:"report-credit-payment-title",className:"text-base font-semibold text-white",children:"儲值完整推演額度"}),e.jsx("p",{id:"report-credit-payment-description",className:"mt-0.5 text-[11px] text-slate-400",children:"安全付款 · 不儲存完整卡號"})]})]}),e.jsx("button",{type:"button",onClick:I,disabled:_,"aria-label":"關閉",className:"grid h-9 w-9 place-items-center rounded-lg border border-white/10 bg-white/[0.035] text-slate-300 transition hover:border-white/20 hover:bg-white/[0.08] hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cyan-100/70 disabled:cursor-not-allowed disabled:opacity-40",children:e.jsx(g,{size:19})}),d&&e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 -bottom-6 h-6 bg-gradient-to-b from-[#080a1c] to-transparent"})]}),e.jsxs("div",{ref:n,className:"min-h-0 flex-1 overflow-y-auto overscroll-contain px-5 sm:px-6",children:[e.jsxs("div",{className:"mt-5 rounded-xl border border-white/[0.1] bg-slate-950/45 px-4 py-3.5",children:[e.jsx("p",{className:"text-[11px] text-slate-400",children:"訂單"}),e.jsxs("p",{className:"mt-1 text-sm leading-6 text-white",children:[s," 份完整推演報告額度"]}),e.jsxs("div",{className:"mt-3 flex items-baseline justify-between border-t border-white/[0.08] pt-3",children:[e.jsx("span",{className:"text-[11px] text-slate-500",children:"付款金額"}),e.jsxs("span",{className:"font-serifTc text-2xl font-semibold text-violet-200",children:["NT$",k.toLocaleString()]})]}),e.jsx("p",{className:"mt-3 border-t border-white/[0.08] pt-2.5 text-[10px] leading-4 text-slate-400",children:"額度沒有使用期限，每份可建立一份完整推演報告。"})]}),e.jsx("p",{className:"mt-5 text-sm font-medium text-slate-200",children:"選擇付款方式"}),e.jsx("div",{className:"mt-2.5 space-y-2",role:"radiogroup","aria-label":"付款方式",children:se.map(({id:t,label:s,description:a})=>{const l=i===t;return e.jsxs("div",{className:"overflow-hidden rounded-2xl border transition "+(l?"border-violet-300/75 bg-violet-500/[0.14]":"border-white/[0.1] bg-white/[0.025] hover:border-violet-200/35 hover:bg-white/[0.05]"),children:[e.jsxs("button",{type:"button",role:"radio","aria-checked":l,disabled:_,onClick:()=>r(t),className:"flex w-full items-center gap-3 px-3.5 py-3 text-left transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-cyan-100/70 disabled:cursor-not-allowed disabled:opacity-60",children:[e.jsx($,{method:t}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsx("span",{className:"block text-sm text-slate-100",children:s}),a&&e.jsx("span",{className:"mt-0.5 block text-[10px] text-slate-500",children:a})]}),l&&e.jsx(o,{className:"shrink-0 text-violet-200",size:17,"aria-hidden":"true"})]}),e.jsx(K,{initial:!1,children:l&&e.jsx(b.div,{initial:{height:0,opacity:0}

1,animate:{height:"auto",opacity:1},exit:{height:0,opacity:0},transition:{duration:.2,ease:"easeOut"},children:e.jsx("div",{className:"px-2.5 pb-2.5",children:"card"===t?e.jsx(R,{fieldIds:m.fieldIds,phase:m.phase,error:z,onRetry:m.retry}):e.jsx("div",{className:"px-1 pb-0.5",children:"google_pay"===t&&h?e.jsx("p",{className:"text-xs leading-5 text-slate-400",children:"直接在這裡以 Google Pay 付款，不會離開指南星。"}):e.jsx(D,{method:t,variant:"inline"})})})},`${t}-detail`)})]},t)})})]}),e.jsxs("div",{className:"relative z-10 shrink-0 px-5 pb-5 sm:px-6 sm:pb-6",children:[c&&e.jsx("div",{"aria-hidden":"true",className:"pointer-events-none absolute inset-x-0 -top-8 h-8 bg-gradient-to-t from-[#0a0b22] to-transparent"}),z&&"card"!==i&&e.jsx("p",{role:"alert",className:"mt-3 text-[10px] leading-4 text-rose-200",children:z}),h&&e.jsx(F,{phase:p.phase,error:p.error,attachButton:p.attachButton}),(!h||y)&&e.jsxs(M,{onClick:()=>{"card"!==i?v({kind:"report_credit",quantity:s},i):m.submit()},disabled:_||S,"data-cta-state":q.state,className:"pricing-liquid-cta pricing-liquid-cta--solid mt-4 w-full",contentClassName:"pricing-liquid-cta__content flex items-center justify-center gap-2 text-sm font-semibold text-white",children:[_&&e.jsx(f,{size:15,"aria-hidden":"true",className:"animate-spin motion-reduce:animate-none"}),e.jsx("span",{children:q.label}),q.showArrow&&e.jsx(j,{size:15,"aria-hidden":"true"})]}),(!h||y)&&q.hint&&e.jsx("p",{className:"mt-2 text-center text-[10px] leading-4 text-slate-500",children:q.hint}),e.jsx(G,{className:"mt-3"})]})]})]})})})}const ie=()=>{const i=y("SUBSCRIPTION_PRICING"),[r,l]=t.useState(i?"subscription":"coins"),[n,o]=t.useState(null),[x]=t.useState(Q),m=t.useRef(!1),p=t.useRef(!1),h=t.useRef(null),b=t.useRef(null),{user:g,userProfile:f}=v(),j=s(),C=a(),{startPayment:M,loading:E,error:B}=T(),A=String(f?.plan_name??f?.planName??"free").toLowerCase(),L=A.includes("basic")||A.includes("pro"),$=i;t.useEffect(()=>{if(!i)return;if("subscription"!==r)return;if(window.matchMedia("(min-width: 768px)").matches)return;const e=h.current,t=b.current;if(!e||!t)return;const s=t.offsetLeft-(e.clientWidth-t.clientWidth)/2;e.scrollTo({left:Math.max(0,s),behavior:"auto"})},[r]),t.useEffect(()=>{m.current||($||"coins"===r)&&(m.current=!0,N("pricing_page_viewed",{billing_view:r}))},[r,$]),t.useEffect(()=>{g&&$&&!L&&!p.current&&(p.current=!0,N("subscription_upsell_shown",{billing_view:"subscription"}))},[$,L,g]);const R=e=>{l(t=>t===e?t:(N("billing_view_switched",{billing_view:e}),e))},D=e=>{$&&(N("plan_selected",{billing_view:"subscription",plan_id:e.planId,price_twd:e.price}),!L&&e.price>0&&N("subscription_upsell_action",{action:"upgrade",plan_id:e.planId}),!g||e.price<=0||(N("checkout_started",{entry_point:"pricing_page",billing_view:"subscription",plan_id:e.planId,price_twd:e.price}),M({kind:"subscription",planId:e.planId})))};return e.jsxs(e.Fragment,{children:[e.jsxs(w,{children:[e.jsx("title",{children:"指南星價格 | 完整推演與相容服務"}),e.jsx("meta",{name:"description",content:"完整推演報告以一個新問題為一份，首份免費，後續 NT$500。此頁同時保留既有完整推演次數與帳務相容入口；月度顧問尚在規劃中。"}),e.jsx("meta",{property:"og:title",content:"指南星價格 | 完整推演與相容服務"}),e.jsx("meta",{property:"og:description",content:"用你自己的節奏，把模糊的感受整理成可以凝視的東西。你準備好的時候，這裡都在。"})]}),e.jsxs("div",{className:"relative min-h-screen overflow-hidden",children:[e.jsxs("div",{className:"pointer-events-none fixed inset-0 z-0",children:[e.jsx("div",{className:"dashboard-nebula-light nebula-light-top-left"}),e.jsx("div",{className:"dashboard-nebula-light nebula-light-bottom-right"}),e.jsx("div",{className:"floating-orb orb-cyan"}),e.jsx("div",{className:"floating-orb orb-purple"}),e.jsx(P,{})]}),e.jsx("main",{className:"relative z-10 pb-24 min-h-screen",style:{paddingTop:"calc(var(--app-header-height, 0px) + 2rem)"},children:e.jsxs("section",{className:"container mx-auto px-5 md:px-4",children:[e.jsxs("div",{className:d("text-center max-w-3xl mx-auto","coins"===r?"mb-8":"mb-12"),children:[e.jsx("p",{className:"text-xs tracking-[0.2em] uppercase mb-3",style:{color:"rgba(171, 191, 223, 0.7)"},children:"Pricing & Plan"}),"subscription"===r?e.jsxs(e.Fragment,{children:[e.jsxs("h1",{className:"text-3xl md:text-4xl font-futuristic font-bold mb-4 text-white",children:["選擇你的",e.

1jsx(c,{className:"ml-2",children:"指南星"})]}),e.jsx("p",{className:"text-sm leading-relaxed",style:{color:"rgba(193, 209, 235, 0.78)"},children:"用你自己的節奏，把模糊的感受整理成可以凝視、可以討論的東西。"})]}):e.jsxs(e.Fragment,{children:[e.jsxs("h1",{className:"text-3xl md:text-4xl font-futuristic font-bold mb-4 text-white",children:[e.jsx(c,{children:x.highlight}),e.jsx("span",{className:"block md:inline md:ml-2",children:x.rest})]}),e.jsx("p",{className:"text-sm leading-relaxed",style:{color:"rgba(193, 209, 235, 0.78)"},children:"每一次完整推演，指南星會替你拆解問題背後的命理訊號、反覆模式與下一步行動。"})]}),e.jsx("div",{className:"mt-8 mb-3 flex justify-center",children:e.jsxs("div",{className:"dashboard-subtab-strip inline-flex items-center gap-1 p-1",children:[e.jsx("button",{type:"button",onClick:()=>R("coins"),"aria-pressed":"coins"===r,className:d("dashboard-subtab-pill px-5 py-2 rounded-xl text-sm font-medium transition-[background-color,border-color,color,box-shadow] duration-200","coins"===r?"dashboard-subtab-pill-active":"dashboard-subtab-pill-inactive"),children:"單次推演"}),e.jsxs("button",{type:"button",onClick:()=>R("subscription"),"aria-pressed":"subscription"===r,"aria-label":$?"月度顧問":"月度顧問（規劃中）",className:d("dashboard-subtab-pill px-5 py-2 rounded-xl text-sm font-medium transition-[background-color,border-color,color,box-shadow] duration-200 inline-flex items-center gap-1.5","subscription"===r?"dashboard-subtab-pill-active":"dashboard-subtab-pill-inactive"),children:[!$&&e.jsx(u,{size:12,"aria-hidden":"true",className:"opacity-70"}),e.jsx("span",{children:"月度顧問"})]})]})})]}),B&&e.jsxs("div",{className:"mb-6 p-3 rounded-lg bg-red-400/10 border border-red-400/30 text-red-300 text-sm text-center",children:["結帳遇到一點狀況：",B]}),"subscription"===r&&!$&&e.jsx(ee,{plans:J}),$&&"subscription"===r&&e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:h,className:"\n                    flex gap-5 mb-14 overflow-x-auto snap-x snap-mandatory -mx-5 px-5 pb-6 scroll-px-5\n                    md:grid md:grid-cols-3 md:gap-5 md:overflow-visible md:pb-0 md:mx-0 md:px-0\n                    scrollbar-hide\n                  ",children:J.map(t=>e.jsx("div",{className:"snap-center shrink-0 basis-[calc(100%-2.5rem)] h-full md:basis-auto",ref:"基礎版（Basic）"===t.name?b:void 0,children:e.jsx(Z,{plan:t,onSelect:()=>D(t),onPurchase:g&&t.price>0?()=>D(t):void 0,purchaseLoading:E})},t.name))}),e.jsx("section",{className:"grid grid-cols-1 lg:grid-cols-2 gap-x-6 gap-y-6 mb-14 px-1",children:Y.filter(e=>!e.coinsUiOnly).map(t=>e.jsx("article",{className:"dashboard-card-soft p-4",children:e.jsxs("div",{className:"flex items-start gap-3.5",children:[e.jsx("div",{className:"mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-lg",style:{background:"linear-gradient(135deg, rgba(90, 186, 255, 0.15), rgba(154, 99, 255, 0.12))",color:"rgba(164, 223, 255, 0.9)"},children:t.icon}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-base font-futuristic font-semibold text-white mb-1",children:t.title}),e.jsx("p",{className:"text-sm leading-relaxed",style:{color:"rgba(193, 209, 235, 0.72)"},children:t.description})]})]})},t.title))})]}),"coins"===r&&e.jsx(te,{onPurchase:e=>{g?(N("checkout_started",{entry_point:"pricing_page",billing_view:"coins",price_twd:O*e}),o(e)):j("/login",{state:{from:C}})},loading:!1}),"coins"===r&&e.jsxs("section",{className:"mb-14",children:[e.jsxs("div",{className:"mt-5 flex items-center justify-center gap-1.5 flex-wrap px-4",children:[e.jsx(k,{size:12,style:{color:"rgba(164, 223, 255, 0.78)"},"aria-hidden":"true"}),e.jsx("p",{className:"text-center text-xs leading-relaxed",style:{color:"rgba(193, 209, 235, 0.78)"},children:"金流通過 PCI-DSS 國際資安認證．AES-256 加密．結帳完成即刻入帳"})]}),e.jsxs("section",{className:"mt-12 max-w-3xl mx-auto px-1 text-center",children:[e.jsx("p",{className:"text-xs tracking-[0.2em] uppercase mb-2",style:{color:"rgba(171, 191, 223, 0.7)"},children:"Ask the GuidingStar"}),e.jsx("h2",{className:"text-lg md:text-xl font-futuristic font-bold text-white mb-5 leading-snug",children:"你可以直接這樣問指南星："}),e.jsx("ul",{className:"flex flex-wrap justify-center gap-2.5 md:gap-3",children:V.map(t=>e.jsx("li",{children:e.jsx("span",{className:"pricing-prompt-chip",children:t.segments.map((t,s)=>"text"===t.kind?e.jsx("span",{children:t.value},s):"mention"===t.kind?e.jsxs("span",{className:"gs-token-chip gs-token-chip--cyan",children:[e.jsx(_,{size:11,"aria-hidden":"true"}),e.jsxs("span",{children:["@",t.label]})]},s):"flow"===t.kind?e.jsxs("span",{className:"gs-token-chip gs-token-chip--cyan",children:[e.jsx(S,{size:11,"aria-hidden":"true"}),e.jsx("span",{children:t.label})]},s):e.jsxs("span",{className:"gs-token-chip gs-token-chip--violet",children:[e.jsx(z,{size:11,"aria-hidden":"true"}),e.jsx("span",{children:t.label})]},s))})},t.key))})]})]}),$&&"subscription"===r&&e.jsx("div",{className:"dashboard-card p-8 md:p-10",children:e.jsxs("div",{className:"flex flex-col md:flex-row items-center gap-8 md:gap-10 relative z-10",children:[e.jsxs("div",{className:"flex-1 text-left",children:[e.jsx("p",{className:"text-xs uppercase tracking-[0.2em] mb-2",style:{color:"rgba(171, 191, 223, 0.7)"},children:"還沒確定方向？"}),e.jsxs("h2",{className:"text-2xl md:text-3xl font-futuristic font-bold mb-3 text-white leading-snug",children:["先從免費版開始",e.

1jsx("br",{}),e.jsx(c,{className:"bg-gradient-to-r from-[rgba(164,223,255,0.9)] to-[rgba(180,140,255,0.85)]",children:"你的命盤隨時在這裡，等你準備好再往下探索。"})]}),e.jsx("p",{className:"text-sm",style:{color:"rgba(193, 209, 235, 0.72)"},children:"你準備好的時候，這裡都在。"})]}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 w-full md:w-auto md:min-w-[320px]",children:[e.jsx(I,{to:"/login",variant:"ghost",size:"lg",className:"w-full justify-center",children:"免費註冊"}),e.jsx(I,{to:"/console",variant:"default",size:"lg",className:"w-full justify-center",children:"前往命運推演"})]})]})})]})}),e.jsx(q,{}),null!==n&&e.jsx(ae,{quantity:n,onClose:()=>o(null)})]})]})};export{ie as PricingPage,ie as default};