:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--base:#0f172a;--card:#1e293b;--well:#0b1120;--ink:#e2e8f0;--muted:#94a3b8;--accent:#38bdf8;--line:#334155;--line-2:#475569;--bg:var(--base);--surface:var(--card);--surface2:#22304a;--ink2:var(--muted);--ink3:#64748b;--teal:#34d399;--amber:#fbbf24;--violet:#a78bfa;--shadow:0 1px 2px #0006, 0 8px 28px #00000047}*{box-sizing:border-box}html,body{background:var(--bg)}body{background:radial-gradient(circle at 12% 8%, #38bdf814, transparent 32rem), radial-gradient(circle at 88% 92%, #a78bfa12, transparent 34rem), var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,PingFang TC,Noto Sans TC,Microsoft JhengHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.75}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.small{font-size:12.5px}.muted{color:var(--ink3)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}[hidden]{display:none!important}.wrap{max-width:880px;margin:0 auto;padding-inline:28px}.spacer{flex:1}nav{top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky}.nav-inner{align-items:center;gap:16px;height:52px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:17px;font-weight:600;text-decoration:none}.ver-badge{color:var(--ink3);border:1px solid var(--line-2);letter-spacing:.06em;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px;font-weight:500}.lang{border:1px solid var(--line);background:#1e293bb8;border-radius:999px;flex-shrink:0;gap:2px;padding:3px;display:inline-flex}.lang button{letter-spacing:.04em;color:var(--ink2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:4px 13px;font-size:12px;font-weight:600;line-height:1.5;transition:background-color .16s,color .16s}.lang button:hover{color:var(--ink)}.lang button[aria-pressed=true]{background:var(--accent);color:var(--well)}header.hero{text-align:center;padding-block:48px 8px}h1{letter-spacing:-.02em;margin:0;font-size:clamp(30px,6vw,42px)}.tagline{color:var(--ink2);margin:8px 0 0}.ball{--size:min(340px, 78vw);width:var(--size);height:var(--size);background:radial-gradient(circle at 32% 26%,#4b5563 0%,#111827 34%,#030712 70%,#000 100%);border-radius:50%;place-items:center;margin:32px auto 0;display:grid;position:relative;box-shadow:0 30px 60px #0000008c,inset -18px -24px 48px #000000b3,0 0 0 1px #38bdf814}.ball:after{content:"";pointer-events:none;background:radial-gradient(#ffffff47,#0000 70%);border-radius:50%;width:26%;height:16%;position:absolute;top:12%;left:20%;transform:rotate(-24deg)}.window{background:#f8fafc;border-radius:50%;place-items:center;width:48%;height:48%;transition:background-color .5s;display:grid;overflow:hidden;box-shadow:inset 0 2px 8px #00000059}.eight{font-size:calc(var(--size) * .2);color:#030712;font-weight:800;line-height:1}.revealed .window{background:radial-gradient(circle,#0b1f3a 0%,#050b18 75%);box-shadow:inset 0 4px 18px #000000e6,0 0 24px #38bdf82e}.tri{aspect-ratio:1/.87;clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(#1d4ed8,#1e3a8a);place-items:center;width:84%;margin-top:-6%;animation:.9s ease-out both rise;display:grid}.tri span{text-align:center;color:#e0f2fe;max-width:62%;font-size:clamp(9px, calc(var(--size) * .036), 13px);text-transform:uppercase;letter-spacing:.03em;text-wrap:balance;margin-top:-26%;font-weight:700;line-height:1.25}.tri.band-strongYes,.tri.band-yes{background:linear-gradient(#0284c7,#075985)}.tri.band-no,.tri.band-strongNo{background:linear-gradient(#4338ca,#312e81)}.tri.band-invalid,.tri.band-declined{background:linear-gradient(#475569,#1e293b)}.note{text-align:center;max-width:520px;color:var(--amber);margin:16px auto 0}@keyframes rise{0%{opacity:0;filter:blur(4px);transform:scale(.7)rotate(-8deg)}to{opacity:1;filter:none;transform:none}}.shake{animation:.45s ease-in-out infinite shake}@keyframes shake{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-9px,3px)rotate(-5deg)}40%{transform:translate(8px,-4px)rotate(4deg)}60%{transform:translate(-6px,-2px)rotate(-3deg)}80%{transform:translate(5px,3px)rotate(2deg)}}@media (prefers-reduced-motion:reduce){.shake,.tri{animation:none}}.peek{text-align:center;color:var(--ink3);margin:14px 0 0}.ask{gap:10px;max-width:560px;margin:28px auto 0;display:flex}.ask input{background:var(--well);min-width:0;color:var(--ink);border:1px solid var(--line-2);font:inherit;border-radius:999px;flex:1;padding:10px 18px}.ask input::placeholder{color:var(--ink3)}.ask input:focus{outline:2px solid var(--accent);outline-offset:1px}.primary{cursor:pointer;white-space:nowrap;background:var(--accent);color:var(--well);border:1px solid var(--accent);border-radius:999px;padding:9px 22px;font-size:14px;font-weight:700}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.45;cursor:not-allowed;filter:none}.err{text-align:center;color:var(--amber);margin:10px 0 0}.how{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:640px;margin:56px auto 0;padding:22px 26px}.how h2{margin:0 0 8px;font-size:16px}.how p{color:var(--ink2);margin:8px 0 0}footer{padding-block:44px 60px}.site-foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:2px;margin-top:26px;padding-top:20px;font-size:13px;display:flex}.site-foot a{color:var(--muted);text-decoration:none}.site-foot a:hover{color:var(--accent);text-decoration:underline}.site-foot .sep{color:var(--line-2);margin:0 9px}.x-link{align-items:center;gap:7px;display:inline-flex}.x-link svg{fill:currentColor;width:13px;height:13px;display:inline}@media (max-width:560px){.wrap{padding-inline:16px}.nav-inner{gap:10px}.ask{flex-direction:column}.how{padding:18px 16px}.site-foot{row-gap:10px}.site-foot .spacer{flex:0 0 100%;height:0}.site-foot .sep-copy{display:none}.site-foot .copy{flex:0 0 100%}}
