:root{--sp-bg: #ede8df;--sp-paper: #fcfaf6;--sp-card: rgba(252, 250, 246, .92);--sp-rule: rgba(59, 48, 40, .14);--sp-rule-strong: rgba(59, 48, 40, .22);--sp-text: #1f1914;--sp-muted: #595048;--sp-accent: #0f6b63;--sp-accent-hover: #0d5c55;--sp-accent-soft: rgba(15, 107, 99, .1);--sp-warm: #a65f2f;--sp-warm-line: rgba(166, 95, 47, .45);--sp-serif: "Noto Serif TC", ui-serif, "Times New Roman", serif;--sp-sans: "Noto Sans TC", ui-sans-serif, system-ui, sans-serif;--sp-radius-card: 10px;--sp-radius-ctl: 8px;--sp-font-ui: var(--sp-sans);--sp-shadow-soft: 0 1px 0 rgba(255, 255, 255, .85) inset, 0 22px 50px rgba(42, 32, 24, .06), 0 3px 10px rgba(42, 32, 24, .04)}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;font-family:var(--sp-font-ui);color:var(--sp-text);background-color:var(--sp-bg);background-image:linear-gradient(175deg,rgba(255,252,245,.55) 0%,transparent 42%),linear-gradient(to bottom,rgba(107,90,70,.04),transparent 30%);min-height:100vh;min-height:100dvh;line-height:1.6;overflow-x:clip}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.055;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important}body:before{opacity:.02}}#root{position:relative;z-index:1;min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding-top:max(1rem,env(safe-area-inset-top,0px));padding-right:max(1rem,env(safe-area-inset-right,0px));padding-bottom:max(1.75rem,env(safe-area-inset-bottom,0px));padding-left:max(1rem,env(safe-area-inset-left,0px))}.sp-shell{width:100%;max-width:min(492px,100%)}.sp-hidden{display:none!important}.sp-mode{display:flex;gap:.4rem;margin-top:1.35rem;padding:.28rem;border-radius:var(--sp-radius-ctl);background:#3b30280d;border:1px solid var(--sp-rule)}.sp-mode-btn{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.86rem;font-weight:600;padding:.55rem .65rem;border:none;border-radius:6px;cursor:pointer;background:transparent;color:var(--sp-muted);transition:background .15s ease,color .15s ease,box-shadow .15s ease}.sp-mode-btn.is-active{background:var(--sp-paper);color:var(--sp-accent);box-shadow:0 0 0 1px var(--sp-accent-soft)}.sp-panel{margin-top:.25rem}.sp-packs{display:flex;flex-direction:column;gap:.55rem}.sp-pack-loading{margin:0;font-size:.88rem;color:var(--sp-muted)}.sp-pack{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-align:left;font:inherit;padding:.92rem 1rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-rule);background:var(--sp-paper);cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sp-pack:hover{border-color:var(--sp-warm-line)}.sp-pack[data-active=true]{border-color:var(--sp-accent);box-shadow:0 0 0 2px var(--sp-accent-soft);background:#fffffffa}.sp-pack-price{display:block;font-weight:700;font-size:1.05rem;color:var(--sp-text);letter-spacing:.02em}.sp-pack-points{display:block;margin-top:.28rem;font-size:.82rem;color:var(--sp-muted)}.sp-pack-points strong{font-weight:700;color:var(--sp-warm);font-variant-numeric:tabular-nums}.sp-pack-desc{display:block;margin-top:.45rem;font-size:.78rem;color:var(--sp-muted);line-height:1.48}.sp-health{margin:0 0 1rem;padding:.65rem .82rem;font-size:.82rem;line-height:1.48;color:var(--sp-muted);background:#fef2f2bf;border:1px solid rgba(252,165,165,.45);border-radius:var(--sp-radius-ctl)}.sp-health--hide{display:none}.sp-card{position:relative;background:var(--sp-card);border:1px solid var(--sp-rule);border-radius:var(--sp-radius-card);box-shadow:var(--sp-shadow-soft);padding:clamp(1.65rem,4.2vw,2.05rem) clamp(1.3rem,3.5vw,1.85rem);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sp-card:before{content:"";position:absolute;left:0;top:1rem;bottom:1rem;width:3px;border-radius:0 2px 2px 0;background:linear-gradient(to bottom,var(--sp-accent),var(--sp-warm));opacity:.92}.sp-card-head{margin-bottom:.2rem}.sp-card-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.2rem}.sp-card-head-row .sp-kicker,.sp-card-head-row .sp-title{margin-bottom:0}.sp-card-head-row .sp-kicker{margin-bottom:.45rem}.sp-head-nav{flex-shrink:0;padding-top:.1rem}.sp-help-link,.sp-back-link{font-size:.82rem;font-weight:600;color:var(--sp-accent);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.sp-help-link:hover,.sp-help-link:focus-visible,.sp-back-link:hover,.sp-back-link:focus-visible{border-bottom-color:var(--sp-accent-soft);outline:none}.sp-help-section{margin-top:1.35rem}.sp-help-section:first-of-type{margin-top:1.1rem}.sp-help-h2{margin:0 0 .5rem;font-family:var(--sp-serif);font-size:1.06rem;font-weight:600;color:var(--sp-text);letter-spacing:.03em}.sp-help-p{margin:0;font-size:.91rem;color:var(--sp-muted);line-height:1.72}.sp-help-ol{margin:0;padding-left:1.35rem;font-size:.91rem;color:var(--sp-muted);line-height:1.72}.sp-help-ol li{margin-bottom:.45rem}.sp-help-back-wrap{margin:1.65rem 0 0;padding-top:1rem;border-top:1px solid var(--sp-rule)}.sp-head-nav-row{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.sp-nav-sep{color:var(--sp-muted);font-weight:500;-webkit-user-select:none;user-select:none}.sp-hint{margin:.35rem 0 0;font-size:.82rem;color:#b45309;line-height:1.45}.sp-hint[data-warn="1"]{color:var(--sp-muted)}.sp-lookup-row{display:flex;gap:.55rem;align-items:stretch;flex-wrap:wrap}.sp-lookup-row .sp-input{flex:1;min-width:10rem}.sp-submit--secondary{background:var(--sp-paper);color:var(--sp-accent);border:2px solid var(--sp-accent);box-shadow:none}.sp-submit--secondary:hover{background:var(--sp-accent-soft)}.sp-admin .sp-lead code{font-size:.85em}.sp-admin-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.55rem}.sp-admin-scroll{overflow-x:auto;margin-top:.45rem;border:1px solid var(--sp-rule);border-radius:var(--sp-radius-ctl);background:var(--sp-paper)}.sp-admin-table{width:100%;border-collapse:collapse;font-size:.8rem}.sp-admin-table th,.sp-admin-table td{padding:.45rem .55rem;border-bottom:1px solid var(--sp-rule);text-align:left;vertical-align:middle}.sp-admin-table th{font-weight:600;color:var(--sp-muted);background:#3b30280d}.sp-input--table{padding:.35rem .45rem!important;font-size:.82rem!important;min-width:3.5rem}.sp-submit--tiny{padding:.4rem .65rem!important;font-size:.78rem!important}.sp-admin-new-grid{display:grid;gap:.45rem;grid-template-columns:1fr 1fr}@media(max-width:460px){.sp-admin-new-grid{grid-template-columns:1fr}}.sp-admin-h2{margin-top:1.65rem!important}.sp-admin-new{margin-top:1rem}.psp-status{margin-bottom:1.1rem;padding:.72rem .82rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-rule);background:#0f6b630f}.psp-line{margin:0 0 .4rem;font-size:.86rem;line-height:1.62}.psp-hint{margin:.45rem 0 0;font-size:.8rem;color:var(--sp-muted);line-height:1.55}.psp-tag{display:inline-block;font-size:.72rem;font-weight:600;padding:.08rem .35rem;border-radius:4px;margin-right:.35rem;vertical-align:middle}.psp-tag--ok{background:#0f6b6326;color:var(--sp-accent)}.psp-tag--bad{background:#b453091f;color:#9a3412}.sp-shell.sp-shell--admin{max-width:min(980px,100%)}.sp-admin-auth-card .sp-help-h2,.sp-shell--admin .sp-meta-sub.sp-admin-meta{margin-top:0}.sp-shell--admin{position:relative}.sp-admin-toast{position:sticky;top:.25rem;z-index:10;margin:0 0 .5rem;padding:.52rem .82rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-accent-soft);background:#0f6b631f;color:var(--sp-accent);font-size:.84rem;font-weight:600;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.sp-admin-toast--on{opacity:1;transform:translateY(0)}.sp-admin-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.85rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--sp-rule)}.sp-admin-bar__titles{min-width:0}.sp-admin-bar .sp-title{margin:.15rem 0 0}.sp-admin-bar__title{font-size:clamp(1.45rem,4vw,1.75rem)}.sp-admin-toolbar__reload{flex-shrink:0}.sp-admin-layout{display:flex;flex-direction:column;gap:1rem}@media(min-width:720px){.sp-admin-layout{flex-direction:row;align-items:flex-start}.sp-admin-nav{flex:0 0 11.5rem;position:sticky;top:.5rem}.sp-admin-panels{flex:1;min-width:0}}.sp-admin-nav{display:flex;flex-wrap:wrap;gap:.45rem;padding:.35rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-rule);background:#3b30280a}.sp-admin-nav__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:.52rem .82rem;font-size:.82rem;font-weight:600;color:var(--sp-muted);background:transparent;transition:background .14s ease,color .14s ease,border-color .14s ease}.sp-admin-nav__btn:hover{color:var(--sp-text);background:#fff9}.sp-admin-nav__btn--active{color:var(--sp-accent);background:var(--sp-paper);border-color:var(--sp-accent-soft);box-shadow:0 1px #3b30280f}.sp-admin-inline-h{margin-top:0!important}.sp-admin-subcard{margin-top:1rem}.sp-admin-metrics{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr))}.sp-admin-metric{padding:.85rem .95rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-rule);background:var(--sp-paper);box-shadow:0 1px #3b30280a}.sp-admin-metric--wide{grid-column:1 / -1}.sp-admin-metric__label{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--sp-muted)}.sp-admin-metric__num{margin:.28rem 0 0;font-family:var(--sp-serif);font-size:1.65rem;font-weight:600;color:var(--sp-text);line-height:1.1}.sp-admin-metric__sub{margin:.45rem 0 0;font-size:.78rem;color:var(--sp-muted);line-height:1.5}.sp-admin-metric__pillrow{margin:.35rem 0 0;font-size:.82rem;line-height:1.55;color:var(--sp-text)}.sp-admin-scroll-wrap{overflow-x:auto;margin-top:.35rem;border:1px solid var(--sp-rule);border-radius:var(--sp-radius-ctl);background:var(--sp-paper)}.sp-admin-table--zebra tbody tr:nth-child(2n){background:#3b302808}.sp-admin-table--orders th,.sp-admin-table--orders td{font-size:.78rem}.sp-ord-num{white-space:nowrap}.sp-ord-num code{font-size:.76rem}.sp-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;cursor:pointer;margin-left:.25rem;padding:.12rem .32rem;border:none;border-radius:4px;background:#0f6b631a;color:var(--sp-accent);font-size:.74rem;line-height:1;vertical-align:middle}.sp-icon-btn:hover{background:#0f6b632e}.sp-ord-note{display:inline-block;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.sp-ordpill{display:inline-block;padding:.1rem .45rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.sp-ordpill--warn{background:#d9770626;color:#92400e}.sp-ordpill--ok{background:#0f6b6326;color:var(--sp-accent)}.sp-ordpill--info{background:#2563eb1f;color:#1e40af}.sp-ordpill--done{background:#1665341f;color:#166534}.sp-ordpill--bad{background:#b91c1c1f;color:#991b1b}.sp-ordpill--muted{background:#3b302814;color:var(--sp-muted)}.sp-admin-toolbar{margin-bottom:.35rem}.sp-admin-toolbar__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.45rem}.sp-admin-toolbar__label-inline{margin:0;flex:0 0 auto}.sp-input--compact{max-width:11rem;flex:0 0 auto}.sp-admin-toolbar__q{flex:1 1 12rem;min-width:8rem}.nowrap{white-space:nowrap}.sp-admin-psp-grid{margin:.5rem 0 0;padding-left:1.15rem;font-size:.86rem;line-height:1.75}.sp-admin-psp-blocks .psp-hint{margin-top:.85rem}.sp-admin-checklist{margin-top:1rem;padding:1rem 1.05rem;border-radius:var(--sp-radius-ctl);border:1px solid var(--sp-rule);background:#ffffffa6}.sp-admin-checklist__ol{margin:.45rem 0 0;padding-left:1.35rem;font-size:.88rem;color:var(--sp-muted);line-height:1.72}.sp-admin-checklist__ol li+li{margin-top:.42rem}.sp-kicker{display:flex;align-items:center;gap:.55rem;margin:0 0 .45rem;font-family:var(--sp-sans);font-size:.73rem;font-weight:600;letter-spacing:.14em;color:var(--sp-accent);text-transform:none}.sp-kicker-line{display:inline-block;width:1.5rem;height:1px;background:linear-gradient(to right,var(--sp-accent),transparent)}.sp-title{font-family:var(--sp-serif);font-size:clamp(1.55rem,4.6vw,1.92rem);font-weight:600;letter-spacing:.02em;line-height:1.28;margin:0;color:var(--sp-text)}.sp-lead{margin:.75rem 0 0;font-size:.94rem;color:var(--sp-muted);line-height:1.72}.sp-meta-sub{margin:.82rem 0 0;padding-left:.55rem;border-left:2px solid var(--sp-accent-soft);font-size:.865rem;color:var(--sp-muted);line-height:1.6}.sp-section{margin-top:1.45rem}.sp-label{display:block;font-size:.78rem;font-weight:600;color:var(--sp-muted);margin-bottom:.42rem;letter-spacing:.02em}.sp-input{width:100%;padding:.72rem .88rem;font-size:.98rem;font-family:inherit;border:1px solid var(--sp-rule-strong);border-radius:var(--sp-radius-ctl);background:var(--sp-paper);color:var(--sp-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.sp-input:hover{border-color:#3b302852}.sp-input:focus{border-color:var(--sp-accent);box-shadow:0 0 0 3px var(--sp-accent-soft)}.sp-methods{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}@media(max-width:460px){.sp-methods{grid-template-columns:1fr}}.sp-method{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--sp-rule);border-radius:var(--sp-radius-ctl);padding:.78rem .85rem;text-align:left;cursor:pointer;background:var(--sp-paper);font-family:inherit;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.sp-method:hover{border-color:var(--sp-warm-line);background:#fffefa}.sp-method[data-active=true]{border-color:var(--sp-accent);background:#fffffffa;box-shadow:0 0 0 1px var(--sp-accent)}.sp-method-head{display:flex;align-items:flex-start;gap:.55rem;margin-bottom:.32rem}.sp-mi{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--sp-warm);opacity:.92}.sp-method[data-active=true] .sp-mi{color:var(--sp-accent);opacity:1}.sp-method-icon{display:flex;align-items:center;justify-content:center;line-height:0}.sp-method-title{font-weight:600;font-size:.9rem;color:var(--sp-text);letter-spacing:.01em}.sp-method-desc{margin:0;padding-left:1.8rem;font-size:.76rem;color:var(--sp-muted);line-height:1.48}.sp-preview{padding:.82rem .95rem;border-radius:var(--sp-radius-ctl);background:#faf5ebbf;border:1px solid rgba(166,95,47,.2);font-size:.875rem;color:var(--sp-muted)}.sp-preview strong{color:var(--sp-warm);font-weight:700;font-variant-numeric:tabular-nums}.sp-preview-more{display:block;margin-top:.4rem;font-size:.8rem;line-height:1.52;color:var(--sp-muted)}.sp-actions{margin-top:1.28rem}.sp-submit{width:100%;padding:.88rem 1rem;font-size:.98rem;font-weight:600;font-family:inherit;color:#fffdfa;background-color:var(--sp-accent);border:none;border-radius:var(--sp-radius-ctl);cursor:pointer;letter-spacing:.04em;box-shadow:0 1px #ffffff1f inset,0 10px 24px #0f6b6338;transition:background-color .16s ease,box-shadow .16s ease,transform .1s ease}.sp-submit:hover:not(:disabled){background-color:var(--sp-accent-hover);box-shadow:0 1px #ffffff1a inset,0 8px 20px #0f6b6342}.sp-submit:active:not(:disabled){transform:translateY(1px)}.sp-submit:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-submit:disabled{opacity:.48;cursor:not-allowed}.sp-submit[aria-busy=true]{opacity:.88;cursor:wait}.sp-foot{margin-top:1.2rem;font-size:.74rem;color:#595048e0;line-height:1.58}.sp-order{margin-top:1.45rem;padding-top:1.15rem;border-top:1px solid var(--sp-rule)}.sp-order-meta{font-size:.86rem;color:var(--sp-muted);margin:.32rem 0}.sp-order-meta code{font-size:.82em;font-family:ui-monospace,Cascadia Code,monospace;background:#1f19140d;padding:.1rem .32rem;border-radius:4px;word-break:break-all}.sp-order-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .6rem}.sp-copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.28rem .55rem;border-radius:5px;border:1px solid var(--sp-rule-strong);background:var(--sp-paper);color:var(--sp-accent);cursor:pointer;transition:border-color .15s ease,background .15s ease}.sp-copy:hover:not(:disabled){border-color:var(--sp-accent);background:#fffffff2}.sp-copy:focus-visible{outline:2px solid var(--sp-accent);outline-offset:2px}.sp-fail-reason{margin-top:.85rem;padding:.75rem .85rem;font-size:.82rem;line-height:1.55;color:#7f1d1d;background:#fef2f2e0;border:1px solid rgba(252,165,165,.55);border-radius:var(--sp-radius-ctl)}.sp-status-pill{display:inline-flex;align-items:center;gap:.42rem;font-weight:600;font-size:.9rem;color:var(--sp-text);margin-top:.2rem}.sp-dot{width:7px;height:7px;border-radius:50%;background:#78716c8c;flex-shrink:0}.sp-dot.ok{background:var(--sp-accent);box-shadow:0 0 0 3px var(--sp-accent-soft)}.sp-dot.bad{background:#b91c1c;box-shadow:0 0 0 3px #b91c1c2e}.sp-note{font-size:.8rem;color:var(--sp-muted);margin-top:.8rem;line-height:1.55}.sp-note a{color:var(--sp-warm);font-weight:600}.sp-ledger{margin-top:.95rem;padding:.8rem .95rem;border-radius:var(--sp-radius-ctl);background:#f8fcfad9;border:1px solid rgba(15,107,99,.18);font-size:.84rem;color:var(--sp-muted)}.sp-ledger strong{color:var(--sp-accent)}.sp-msg-err{padding:.82rem;border-radius:var(--sp-radius-ctl);background:#fef2f2e6;border:1px solid rgba(248,113,113,.45);color:#991b1b;font-size:.88rem}.sp-loading{text-align:center;padding:1.65rem;color:var(--sp-muted);font-size:.92rem}.sp-row-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.35rem;align-items:start}@media(max-width:640px){.sp-row-dual{grid-template-columns:1fr}}.sp-row-amount{display:flex;align-items:center;gap:.48rem}.sp-unit{flex-shrink:0;font-size:.86rem;font-weight:600;color:var(--sp-muted);letter-spacing:.02em}@media(max-width:520px){.sp-input,#amount{font-size:16px}}@media(max-width:460px){.sp-card{padding:1.35rem clamp(1rem,4vw,1.65rem)}.sp-card-head-row{flex-direction:column;align-items:stretch;gap:.6rem}.sp-head-nav-row{justify-content:flex-start}.sp-title{font-size:clamp(1.42rem,6.5vw,1.75rem);line-height:1.25}.sp-lead{font-size:.9rem;line-height:1.65}.sp-method{min-height:3.25rem;padding:.85rem .95rem}.sp-method-desc{font-size:.78rem}.sp-submit{min-height:3rem;padding:.95rem 1rem;font-size:1rem}.sp-copy{min-height:2.75rem;padding:.38rem .65rem}.sp-preview{font-size:.92rem}}