:root{--scheme: light;color-scheme:light;--background: oklch(.86 .04 196);--surface: oklch(.905 .028 196);--foreground: oklch(.24 .045 210);--muted-foreground: oklch(.355 .05 205);--band: oklch(.4 .06 195);--band-foreground: oklch(.965 .018 190);--band-muted: oklch(.89 .03 190);--tape: oklch(.86 .15 92);--tape-foreground: oklch(.24 .045 210);--primary: oklch(.4 .06 195);--primary-foreground: oklch(.965 .018 190);--border: oklch(.24 .045 210 / .22);--input: oklch(.42 .045 205);--ring: oklch(.3 .07 205);--error: oklch(.42 .14 28);--marble: oklch(.6 .1 222);--led: oklch(.64 .17 32);--ill-ink: oklch(.24 .045 210);--ill-body: oklch(.4 .06 195);--ill-light: oklch(.965 .018 190);--shadow-color: oklch(.3 .05 205 / .18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--scheme: dark;color-scheme:dark;--background: oklch(.27 .045 200);--surface: oklch(.315 .045 200);--foreground: oklch(.94 .02 190);--muted-foreground: oklch(.82 .03 195);--band: oklch(.42 .065 195);--band-foreground: oklch(.97 .015 190);--band-muted: oklch(.91 .025 190);--tape: oklch(.84 .14 92);--tape-foreground: oklch(.24 .045 210);--primary: oklch(.83 .08 190);--primary-foreground: oklch(.22 .04 205);--border: oklch(.94 .02 190 / .22);--input: oklch(.68 .04 195);--ring: oklch(.86 .1 92);--error: oklch(.8 .11 35);--marble: oklch(.68 .1 222);--led: oklch(.7 .16 35);--ill-ink: oklch(.17 .03 210);--ill-body: oklch(.52 .07 195);--ill-light: oklch(.95 .02 190);--shadow-color: oklch(.1 .03 205 / .5)}}:root[data-theme=dark]{--scheme: dark;color-scheme:dark;--background: oklch(.27 .045 200);--surface: oklch(.315 .045 200);--foreground: oklch(.94 .02 190);--muted-foreground: oklch(.82 .03 195);--band: oklch(.42 .065 195);--band-foreground: oklch(.97 .015 190);--band-muted: oklch(.91 .025 190);--tape: oklch(.84 .14 92);--tape-foreground: oklch(.24 .045 210);--primary: oklch(.83 .08 190);--primary-foreground: oklch(.22 .04 205);--border: oklch(.94 .02 190 / .22);--input: oklch(.68 .04 195);--ring: oklch(.86 .1 92);--error: oklch(.8 .11 35);--marble: oklch(.68 .1 222);--led: oklch(.7 .16 35);--ill-ink: oklch(.17 .03 210);--ill-body: oklch(.52 .07 195);--ill-light: oklch(.95 .02 190);--shadow-color: oklch(.1 .03 205 / .5)}:root:lang(zh-Hant){text-autospace:normal;line-break:strict;font-synthesis-style:none}h1,h2,h3{text-wrap:balance;line-height:1.25;letter-spacing:0}pre,code,kbd,samp,.mono{font-family:ui-monospace,monospace;font-variant-ligatures:none;letter-spacing:0;text-spacing-trim:space-all;text-autospace:no-autospace}.keep{white-space:nowrap}[hidden]{display:none!important}:root{--font-body: "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", system-ui, sans-serif;--font-display: "LXGW Marker Gothic", "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", sans-serif;--head-h: 3.75rem;--r-s: 6px;--r-m: 14px;--r-pill: 999px;--section-y: clamp(4rem, 2.5rem + 5vw, 7.5rem);--gutter: max(clamp(1rem, .5rem + 3vw, 3rem), env(safe-area-inset-left, 0px) + .5rem, env(safe-area-inset-right, 0px) + .5rem);--ease-out: cubic-bezier(.2, .7, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{background:var(--background);scroll-padding-top:calc(var(--head-h) + 12px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-body);font-size:1rem;line-height:1.75;letter-spacing:.02em}h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}ul,ol{padding:0}img,svg{display:block;max-width:100%}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.display{font-family:var(--font-display);font-weight:400;font-synthesis-weight:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{width:min(100% - 2 * var(--gutter),76rem);margin-inline:auto}.num{font-variant-numeric:tabular-nums}.skip{position:absolute;left:12px;top:12px;z-index:50;padding:.6rem 1rem;border-radius:var(--r-s);background:var(--primary);color:var(--primary-foreground);border:1px solid transparent;transform:translateY(-160%)}.skip:focus-visible{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.7rem 1.5rem;border-radius:var(--r-pill);border:1px solid transparent;font:inherit;font-size:1rem;font-weight:700;letter-spacing:.04em;text-decoration:none;cursor:pointer;transition:transform .12s var(--ease-out),background-color .15s var(--ease-out)}.btn:active{transform:scale(.97)}.btn-tape{background:var(--tape);color:var(--tape-foreground)}.btn-solid{background:var(--primary);color:var(--primary-foreground)}@media(hover:hover)and (pointer:fine){.btn-tape:hover{background:oklch(from var(--tape) calc(l + .04) c h)}.btn-solid:hover{background:oklch(from var(--primary) calc(l - .05) c h)}}.site-header{position:sticky;top:0;z-index:20;container-type:scroll-state}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:var(--head-h);padding-inline:var(--gutter);background:var(--background);transition:box-shadow .2s var(--ease-out)}@container scroll-state(stuck: top){.site-header__bar{box-shadow:0 1px 0 var(--border),0 6px 18px -8px var(--shadow-color)}}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font-size:1.5rem;line-height:1}.brand svg{width:2rem;height:2rem}.nav{display:flex;align-items:center;gap:.25rem}.nav ul{display:flex;gap:.25rem;list-style:none}.nav a{display:inline-flex;align-items:center;min-height:2.75rem;padding:0 .75rem;border-radius:var(--r-s);text-decoration:none;font-size:1rem}.nav a.sell{text-decoration:underline;text-decoration-color:var(--muted-foreground)}@media(hover:hover)and (pointer:fine){.nav a:hover{background:color-mix(in oklch,var(--foreground) 9%,transparent)}}.menu-btn{display:none}@media(max-width:56.24em){.nav>ul{display:none}.menu-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 .9rem;border-radius:var(--r-pill);border:1px solid var(--input);background:transparent;color:var(--foreground);font:inherit;font-size:1rem}.menu{position:fixed;inset:var(--head-h) var(--gutter) auto auto;margin:0;padding:.5rem;min-width:13rem;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface);color:var(--foreground);box-shadow:0 12px 30px -12px var(--shadow-color)}.menu ul{display:grid;list-style:none}.menu a{display:flex;align-items:center;min-height:2.75rem;padding:0 .75rem;border-radius:var(--r-s);text-decoration:none}}@media(min-width:56.25em){.menu{display:none}}@media(max-height:31.25rem){.site-header{position:static}}.hero{position:relative;display:grid;min-height:min(86svh,50rem);background:#90aaaf}.hero-photo{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:22% 58%}.hero-cap{position:absolute;left:var(--gutter);bottom:14px;max-width:calc(58% - 2 * var(--gutter));padding:.25rem .6rem;border-radius:var(--r-s);background:#031a1eb8;color:#eef7f6;font-size:.875rem;line-height:1.5}.hero-cap a{color:inherit}.band{position:relative;z-index:1;justify-self:end;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;width:clamp(24rem,38%,34rem);padding:clamp(2rem,1rem + 3vw,3.5rem) clamp(1.5rem,.5rem + 2.5vw,3rem);background:var(--band);color:var(--band-foreground)}.band{container-type:inline-size}.band h1{font-size:clamp(3rem,19.5cqi,5.4rem);line-height:1.15}.band .lede{font-size:1.125rem;line-height:1.75;color:var(--band-foreground)}.band :focus-visible{outline-color:var(--tape)}.kit{--ill-ink: oklch(.97 .015 190);--ill-body: oklch(.72 .06 195);display:flex;flex-wrap:wrap;gap:.4rem .5rem;list-style:none}.kit a{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:.2rem .7rem .2rem .35rem;border-radius:var(--r-pill);border:1px solid oklch(.97 .015 190 / .35);color:var(--band-foreground);text-decoration:none;font-size:1rem}.kit svg{width:2.6rem;height:1.65rem;flex:none}@media(hover:hover)and (pointer:fine){.kit a:hover{background:#eaf9f71f}}.band .actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem}.band .actions .alt{color:var(--band-foreground);font-size:1rem;min-height:2.75rem;display:inline-flex;align-items:center}.band .hours{border-top:1px solid oklch(.97 .015 190 / .3);padding-top:1rem;font-size:1rem;line-height:1.7;color:var(--band-muted)}.band .hours b{color:var(--band-foreground);font-weight:700}@media(max-width:56.24em){.hero{display:block;min-height:0;background:var(--band)}.hero-photo{position:relative;inset:auto;height:min(46svh,26rem)}.hero-cap{max-width:calc(100% - 2 * var(--gutter))}.band{width:auto;padding:1.75rem var(--gutter) 2rem;gap:1.25rem;container-type:normal}.band h1{font-size:clamp(3.2rem,1rem + 11vw,4.6rem)}}.tape{position:relative;height:34px;background:linear-gradient(var(--tape-foreground),var(--tape-foreground)) 0 100% / 100% 2px no-repeat,repeating-linear-gradient(90deg,var(--tape-foreground) 0 2px,transparent 2px 60px) 0 0 / 100% 62% no-repeat,repeating-linear-gradient(90deg,var(--tape-foreground) 0 1.5px,transparent 1.5px 12px) 0 0 / 100% 34% no-repeat,var(--tape)}.tape:after{content:"";position:absolute;right:0;top:-6px;width:14px;height:46px;border-radius:2px;background:var(--ill-ink)}.sec{padding-block:var(--section-y)}.sec-head{max-width:46rem;margin-bottom:clamp(2rem,1rem + 2vw,3rem)}.sec-head h2{font-size:clamp(2.5rem,1.2rem + 3.5vw,4.25rem);line-height:1.15}.sec-head p{margin-top:.9rem;font-size:1.125rem;max-width:38ic}.js .reveal{opacity:.2;transform:translateY(14px);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out)}.js .reveal.in{opacity:1;transform:none}.tools{list-style:none;border-top:2px solid var(--foreground)}.tool{border-bottom:2px solid var(--foreground)}.tool>details>summary{display:grid;grid-template-columns:clamp(6.5rem,4rem + 9vw,13rem) minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,.5rem + 2vw,2.5rem);padding-block:clamp(1.25rem,.8rem + 1.4vw,2rem);cursor:pointer;list-style:none}.tool>details>summary::-webkit-details-marker{display:none}.tool-art{aspect-ratio:1.6;width:100%;overflow:visible}.tool-name,.tool-what{display:block}.tool-name{font-size:clamp(2rem,1.3rem + 2.4vw,3.4rem);line-height:1.15}.tool-what{margin-top:.35rem;font-size:1.125rem;line-height:1.6;max-width:34ic}.tool-toggle{display:inline-flex;align-items:center;gap:.4rem;min-height:2.75rem;padding:0 1rem;border-radius:var(--r-pill);border:1px solid var(--input);font-size:1rem;white-space:nowrap}.tool-toggle:after{content:"\ff0b";font-weight:700;transition:transform .16s var(--ease-out)}details[open] .tool-toggle:after{transform:rotate(45deg)}.tool-toggle .shut{display:none}details[open] .tool-toggle .open{display:none}details[open] .tool-toggle .shut{display:inline}@media(hover:hover)and (pointer:fine){.tool>details>summary:hover .tool-toggle{background:color-mix(in oklch,var(--foreground) 8%,transparent)}}.tool>details>summary:focus-visible{outline-offset:-3px;border-radius:var(--r-s)}.tool-body{display:grid;grid-template-columns:clamp(6.5rem,4rem + 9vw,13rem) minmax(0,1fr);gap:clamp(1rem,.5rem + 2vw,2.5rem);padding-bottom:clamp(1.5rem,1rem + 2vw,2.75rem)}.tool-body>div{grid-column:2;display:grid;gap:1.25rem;max-width:46rem}.terms{display:grid;gap:.9rem}.terms div{padding:.9rem 1.1rem;border-radius:var(--r-m);background:var(--surface)}.terms dt{font-weight:700}.terms dd{margin-top:.2rem}.do h3{font-size:1rem;font-weight:700;margin-bottom:.35rem}.do ul{list-style:none;display:grid;gap:.3rem}.do li{position:relative;padding-left:1.4rem}.do li:before{content:"";position:absolute;left:.1rem;top:.72em;width:.7rem;height:4px;border-radius:2px;background:var(--foreground)}@media(max-width:40em){.tool>details>summary{grid-template-columns:5.5rem minmax(0,1fr)}.tool-toggle{grid-column:2;justify-self:start}.tool-body{grid-template-columns:minmax(0,1fr)}.tool-body>div{grid-column:1}}.tool-art .pull{transform-box:fill-box;transform-origin:left center;transform:scaleX(.42);transition:transform .38s var(--ease-out)}.tool-art .beam{opacity:0;transition:opacity .26s var(--ease-out)}.tool-art .ball{transform-box:fill-box;transform-origin:center;transition:transform .52s var(--ease-out)}.tool-art .led{opacity:.25;transition:opacity .2s var(--ease-out)}details[open] .tool-art .pull{transform:none}details[open] .tool-art .beam{opacity:.85}details[open] .tool-art .ball{transform:translate(44%) rotate(200deg)}details[open] .tool-art .led{opacity:1}details[open] .tool-art .led.l2{transition-delay:80ms}details[open] .tool-art .led.l3{transition-delay:.16s}.split{background:var(--band);color:var(--band-foreground)}.split :focus-visible{outline-color:var(--tape)}.split h2{font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);color:var(--band-muted)}.way{display:block;padding-block:clamp(1.75rem,1rem + 2.5vw,3rem);border-bottom:1px solid oklch(.97 .015 190 / .3);text-decoration:none}.way:last-child{border-bottom:0}.way .big{display:block;font-size:clamp(2.6rem,1.6rem + 4.2vw,6.25rem);line-height:1.1}.way .small{display:block;margin-top:.75rem;font-size:1.125rem;line-height:1.7;max-width:40ic;color:var(--band-foreground)}.way .go{display:inline-block;margin-top:.9rem;font-size:1rem;text-decoration:underline;text-underline-offset:.25em}@media(hover:hover)and (pointer:fine){.way:hover .big{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.15em}}.areas-table{width:100%;border-collapse:collapse;font-size:1rem}.areas-table caption{text-align:left}.areas-table th,.areas-table td{text-align:left;vertical-align:top;padding:1.1rem 1rem 1.1rem 0;border-bottom:1px solid var(--border)}.areas-table thead th{font-size:1rem;font-weight:700;color:var(--muted-foreground);border-bottom:2px solid var(--foreground);padding-block:.6rem}.areas-table tbody th{font-family:var(--font-display);font-weight:400;font-synthesis-weight:none;font-size:clamp(1.5rem,1.1rem + 1.2vw,2.25rem);line-height:1.2;width:32%}.areas-table td:last-child{width:38%}.areas-note{margin-top:1.75rem;max-width:46ic;font-size:1.125rem}@media(max-width:44em){.areas-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.areas-table,.areas-table tbody,.areas-table tr,.areas-table th,.areas-table td{display:block;width:auto!important}.areas-table tr{padding-block:1rem;border-bottom:1px solid var(--border)}.areas-table th,.areas-table td{border:0;padding:.15rem 0}.areas-table td:before{content:attr(data-label) "\ff1a";font-weight:700;color:var(--muted-foreground)}}.formsec .panel{max-width:46rem;padding:clamp(1.25rem,.75rem + 2vw,2.5rem);border-radius:var(--r-m);background:var(--surface)}.form{display:grid;gap:1.25rem}.field{display:grid;gap:.35rem}.field label,.field legend,.lbl{font-weight:700;font-size:1rem}.field .hint{font-size:1rem;color:var(--muted-foreground);line-height:1.6}.req{font-weight:400;color:var(--muted-foreground);font-size:.875rem}fieldset.field{border:0;padding:0;margin:0;min-width:0}.input{width:100%;min-height:3rem;padding:.6rem .8rem;border-radius:var(--r-s);border:1px solid var(--input);background:var(--background);color:var(--foreground);font:inherit;font-size:1rem}.input:focus-visible{outline-offset:1px}.input[aria-invalid=true]{border-color:var(--error);border-width:2px}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:1rem}.unit{display:flex;align-items:center;gap:.5rem}.unit .input{max-width:8rem}.choices{display:flex;flex-wrap:wrap;gap:.5rem}.choice.choice{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;padding:.4rem 1rem;border-radius:var(--r-pill);border:1px solid var(--input);cursor:pointer;font-weight:400}.choice input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}.choice:has(input:checked){background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.choice:has(input:focus-visible){outline:2px solid var(--ring);outline-offset:2px}.err{min-height:1lh;font-size:1rem;color:var(--error);font-weight:700}.err:empty{min-height:0}.summary-err{padding:.8rem 1rem;border-radius:var(--r-s);border:2px solid var(--error)}.summary-err ul{margin-top:.3rem;padding-left:1.2rem}.privacy{font-size:1rem;color:var(--muted-foreground);line-height:1.6}.form .btn{justify-self:start}.done{display:grid;gap:1.25rem}.done h3{font-size:clamp(1.75rem,1.3rem + 1.4vw,2.5rem);font-family:var(--font-display);font-weight:400;font-synthesis-weight:none;line-height:1.2}.done h3:focus-visible{outline-offset:4px}.done h3.lbl{font-family:var(--font-body);font-size:1rem;font-weight:700;line-height:1.5}.done .steps{list-style:none;display:grid;gap:.5rem}.done .steps li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.6rem;align-items:center}.done .steps svg{width:2.25rem;height:2.25rem}.meet{display:grid;gap:.6rem}.meet svg{width:100%;height:auto;border-radius:var(--r-m)}.meet figcaption{font-size:1rem}.meet a{font-weight:700}.slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:1rem 2rem;margin-bottom:2rem;max-width:46rem}.slots div{border-top:2px solid var(--foreground);padding-top:.6rem}.slots dt{font-weight:700}.slots dd{font-size:1.125rem}.qa{display:grid;grid-template-columns:minmax(0,18rem) minmax(0,1fr);gap:2rem clamp(2rem,1rem + 4vw,5rem)}.qa dl{display:grid;gap:0}.qa dl>div{padding-block:1.1rem;border-bottom:1px solid var(--border)}.qa dt{font-weight:700;font-size:1.125rem}.qa dd{margin-top:.3rem}@media(max-width:52em){.qa{grid-template-columns:minmax(0,1fr)}}.site-footer{padding-block:3rem 2.5rem;font-size:1rem;line-height:1.7}.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1.5rem 2.5rem}.site-footer .brand{font-size:1.5rem;margin-bottom:.5rem}.site-footer h2{font-size:1rem;font-weight:700;margin-bottom:.3rem}.site-footer .copy{margin-top:2rem;color:var(--muted-foreground)}.nf{min-height:70svh;display:grid;align-content:center;gap:1.25rem;padding-block:4rem}.nf h1{font-size:clamp(2.8rem,1.4rem + 4vw,4.8rem);line-height:1.15}.nf ul{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;transition-delay:0ms!important;animation:none!important}.js .reveal{opacity:1;transform:none}details[open] .tool-art .ball{transform:translate(44%)}}@media(forced-colors:active){.tape{forced-color-adjust:none}}
