: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}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;line-height:1.6}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;display:flex;justify-content:center;padding:clamp(1.35rem,4vw,3rem) 1rem 3rem}.sp-shell{width:100%;max-width:492px}.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-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-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}