:root{--scheme: light;color-scheme:light;--background: oklch(.925 .018 85);--background-2: oklch(.885 .022 82);--foreground: oklch(.24 .045 268);--muted-foreground: oklch(.43 .04 265);--indigo: oklch(.35 .09 265);--indigo-deep: oklch(.3 .08 266);--on-indigo: oklch(.95 .014 85);--on-indigo-muted: oklch(.84 .03 260);--primary: oklch(.35 .09 265);--primary-foreground: oklch(.97 .01 85);--tracer: oklch(.66 .16 48);--tracer-ink: oklch(.5 .15 42);--border: oklch(.24 .045 268 / .18);--rule: oklch(.24 .045 268 / .32);--input: oklch(.52 .035 265);--ring: oklch(.42 .12 265);--ink-bg: oklch(.3 .08 266);--field: oklch(.965 .01 85);--ok: oklch(.45 .09 150);--err: oklch(.48 .17 25);--font-d: "Barlow Condensed", "Arial Narrow", sans-serif;--font-b: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-d-zh: "Barlow Condensed", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--r-1: 2px;--r-pill: 999px;--gut: max(clamp(1rem, .5rem + 3vw, 3rem), env(safe-area-inset-left, 0px) + .5rem);--max: 1280px;--tooth: 14px;--header-h: 60px;--ease-out: cubic-bezier(.2, .7, .2, 1);--section-y: clamp(4rem, 2.5rem + 5vw, 8rem)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--scheme: dark;color-scheme:dark;--background: oklch(.235 .055 268);--background-2: oklch(.275 .06 267);--foreground: oklch(.93 .016 85);--muted-foreground: oklch(.79 .03 260);--indigo: oklch(.33 .085 265);--indigo-deep: oklch(.31 .075 266);--on-indigo: oklch(.95 .014 85);--on-indigo-muted: oklch(.85 .03 260);--primary: oklch(.88 .03 85);--primary-foreground: oklch(.24 .05 268);--tracer: oklch(.72 .15 50);--tracer-ink: oklch(.78 .13 55);--border: oklch(.93 .016 85 / .16);--rule: oklch(.93 .016 85 / .3);--input: oklch(.62 .04 265);--ring: oklch(.82 .08 260);--ink-bg: oklch(.31 .075 266);--field: oklch(.27 .055 267);--ok: oklch(.78 .1 150);--err: oklch(.75 .13 25)}}:root[data-theme=dark]{--scheme: dark;color-scheme:dark;--background: oklch(.235 .055 268);--background-2: oklch(.275 .06 267);--foreground: oklch(.93 .016 85);--muted-foreground: oklch(.79 .03 260);--indigo: oklch(.33 .085 265);--indigo-deep: oklch(.31 .075 266);--on-indigo: oklch(.95 .014 85);--on-indigo-muted: oklch(.85 .03 260);--primary: oklch(.88 .03 85);--primary-foreground: oklch(.24 .05 268);--tracer: oklch(.72 .15 50);--tracer-ink: oklch(.78 .13 55);--border: oklch(.93 .016 85 / .16);--rule: oklch(.93 .016 85 / .3);--input: oklch(.62 .04 265);--ring: oklch(.82 .08 260);--ink-bg: oklch(.31 .075 266);--field: oklch(.27 .055 267);--ok: oklch(.78 .1 150);--err: oklch(.75 .13 25)}[data-tone=indigo]{--scheme: dark;color-scheme:dark;--background: var(--indigo);--foreground: var(--on-indigo);--muted-foreground: var(--on-indigo-muted);--border: oklch(.95 .014 85 / .2);--rule: oklch(.95 .014 85 / .34);--ring: oklch(.88 .06 85);--primary: oklch(.9 .03 85);--primary-foreground: oklch(.26 .06 268);--tracer-ink: oklch(.8 .12 58);background:var(--background);color:var(--foreground)}:lang(zh-Hant){--font-d: "Barlow Condensed", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif}: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:var(--font-mono);font-variant-ligatures:none;letter-spacing:0;text-spacing-trim:space-all;text-autospace:no-autospace}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--background);-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}body{margin:0;background:var(--background);color:var(--foreground);font:400 1.0625rem/1.6 var(--font-b);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}:lang(zh-Hant) body,body:lang(zh-Hant){--font-b: -apple-system, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}::selection{background:#233869;color:#f8f5ee}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.num,.tab{font-variant-numeric:tabular-nums}.sr-only{position:absolute!important;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(--gut),var(--max));margin-inline:auto}.d{font-family:var(--font-d);font-weight:600;font-synthesis-weight:none;letter-spacing:.005em}:lang(zh-Hant) .d{font-family:var(--font-d-zh, var(--font-d))}.skip{position:absolute;left:12px;top:8px;z-index:50;padding:10px 16px;background:var(--primary);color:var(--primary-foreground);border-radius:var(--r-pill);transform:translateY(-160%);text-decoration:none;font-weight:600}.skip:focus-visible{transform:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:48px;padding:0 22px;border-radius:var(--r-pill);border:1px solid transparent;font:600 1.125rem/1 var(--font-d);letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:transform .1s var(--ease-out),background-color .15s var(--ease-out)}.btn-solid{background:var(--primary);color:var(--primary-foreground)}.btn:active{transform:scale(.97)}.btn-quiet{background:transparent;color:inherit;border-color:var(--input)}@media(hover:hover)and (pointer:fine){.btn-solid:hover{background:oklch(from var(--primary) calc(l - .05) c h)}.btn-quiet:hover{background:var(--background-2)}}.textlink{font:600 1.25rem/1.3 var(--font-d);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}.site-header{position:sticky;top:0;z-index:30;background:var(--indigo);color:var(--on-indigo);view-transition-name:site-header}.site-header .bar{display:flex;align-items:center;gap:clamp(12px,2vw,32px);min-height:var(--header-h);width:min(100% - 2 * var(--gut),var(--max));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:600 1.375rem/1 var(--font-d);letter-spacing:.01em;white-space:nowrap;min-height:44px}.brand .mark{width:26px;height:26px;flex:none}.brand small{font:500 .95rem/1 var(--font-b);color:var(--on-indigo-muted)}.nav{display:flex;align-items:center;gap:clamp(8px,1.6vw,24px);margin-left:auto}.nav-list{display:flex;gap:clamp(12px,2vw,28px);list-style:none;margin:0;padding:0}.nav-list a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font:500 1.125rem/1 var(--font-d);letter-spacing:.02em;color:var(--on-indigo);border-bottom:2px solid transparent}.nav-list a[aria-current=page]{border-bottom-color:var(--tracer)}@media(hover:hover)and (pointer:fine){.nav-list a:hover{border-bottom-color:#f3eee499}}.lang{display:inline-flex;align-items:center;border:1px solid oklch(.95 .014 85 / .45);border-radius:var(--r-pill);padding:2px}.lang a{display:inline-flex;align-items:center;min-height:36px;min-width:44px;justify-content:center;padding:0 10px;border-radius:var(--r-pill);text-decoration:none;font:500 1rem/1 var(--font-b);color:var(--on-indigo)}.lang a[aria-current=true]{background:#f3eee429}.site-header .site-header__cta,.site-header .cta{background:#ece4d2;color:#151f3e;min-height:44px;padding:0 16px;font-size:1.0625rem}.cta .count{display:inline-grid;place-items:center;min-width:1.6em;height:1.6em;padding:0 .35em;border-radius:var(--r-pill);background:#233869;color:#f5f1e9;font:600 .95rem/1 var(--font-d);transition:transform .12s var(--ease-out)}.cta .count.bump{transform:scale(1.15)}.menu-btn,.menu{display:none}@media(max-width:56.24em){.nav-list,.nav .lang,.brand small{display:none}.menu-btn{display:inline-flex;min-height:44px;padding:0 12px;border:1px solid oklch(.95 .014 85 / .45);border-radius:var(--r-pill);background:transparent;color:var(--on-indigo);font:500 1.0625rem/1 var(--font-d);letter-spacing:.02em;align-items:center}.menu:popover-open{display:grid;gap:4px;position:fixed;inset:var(--header-h) 8px auto auto;margin:0;width:min(20rem,calc(100% - 16px));padding:12px;border:1px solid oklch(.95 .014 85 / .3);border-radius:var(--r-1);background:var(--indigo-deep);color:var(--on-indigo);list-style:none}.menu a{display:flex;align-items:center;min-height:48px;padding:0 8px;text-decoration:none;font:500 1.25rem/1 var(--font-d);color:var(--on-indigo)}.menu .lang-row{display:flex;gap:8px;border-top:1px solid oklch(.95 .014 85 / .25);padding-top:8px;margin-top:4px}.menu .lang-row a{font:500 1.0625rem/1 var(--font-b)}.menu a[aria-current]{text-decoration:underline;text-decoration-color:var(--tracer);text-decoration-thickness:2px}}@media(max-width:26em){.brand .wm-long{display:none}.site-header .cta{padding:0 12px}}@media(max-height:31.25em)and (max-width:56.24em){.site-header{position:static}}.pinked-b{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--tooth) 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--tooth) 100%}.pinked-t{-webkit-mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--tooth) 100%;mask:conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) 50% / var(--tooth) 100%}.swatch{--tooth: 10px;position:relative;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / var(--tooth) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / var(--tooth) 51% repeat-x;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom / var(--tooth) 51% repeat-x,conic-gradient(from 135deg at top,#0000,#000 1deg 89deg,#0000 90deg) top / var(--tooth) 51% repeat-x}.swatch>.cloth{position:absolute;inset:0;-webkit-mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) left / 51% var(--tooth) repeat-y,conic-gradient(from -135deg at right,#0000,#000 1deg 89deg,#0000 90deg) right / 51% var(--tooth) repeat-y;mask:conic-gradient(from 45deg at left,#0000,#000 1deg 89deg,#0000 90deg) left / 51% var(--tooth) repeat-y,conic-gradient(from -135deg at right,#0000,#000 1deg 89deg,#0000 90deg) right / 51% var(--tooth) repeat-y;background:var(--dye, oklch(.36 .09 265))}.cloth img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;filter:contrast(1.08)}.cloth:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,oklch(1 0 0 / .1),transparent 45%,oklch(0 0 0 / .14))}.twill-bg{background-color:#1d305e;background-image:repeating-linear-gradient(62deg,#2f4578 0 3px,#1b2b56 3px 7px,#253a6c 7px 9px)}.hero{position:relative;min-height:min(calc(100svh - var(--header-h)),60rem);display:grid;color:#f5f1e9;overflow:clip;--tooth: 18px}.hero>.media{position:absolute;inset:0;margin:0}.hero>.media img{width:100%;height:100%;object-fit:cover}.hero .scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0a1331d1,#0f18368c 38%,#0f183600 70%)}.hero .copy{position:relative;z-index:1;align-self:start;padding-block:clamp(2.5rem,1rem + 7vh,6.5rem) 6rem}.hero h1{font-family:var(--font-d);font-weight:600;font-synthesis-weight:none;font-size:2.75rem;font-size:clamp(2.75rem,1rem + 5.4vw,6.5rem);line-height:1.02;max-width:14ch;margin:0;letter-spacing:-.005em}.hero h1 .n{display:block}.hero h1 .rest{display:block;font-weight:500;font-size:.68em;line-height:1.08;margin-top:.18em;max-width:19ch}:lang(zh-Hant) .hero h1 .rest{font-family:var(--font-d-zh);line-height:1.25}.hero .lede{max-width:36rem;margin:1.5rem 0 1.75rem;font-size:1.1875rem;line-height:1.55;color:#eee7d9}.hero .textlink{color:#f9f5ec}.hero figcaption{position:absolute;z-index:1;right:var(--gut);bottom:calc(var(--tooth) + 14px);font:500 .9375rem/1.3 var(--font-b);color:#eee7d9;background:#0c142db8;padding:6px 10px;border-radius:var(--r-1);max-width:calc(100% - 2 * var(--gut))}@supports (animation-timeline: scroll()){@media(prefers-reduced-motion:no-preference){.hero>.media img{animation:cloth-in linear both;animation-timeline:scroll(root);animation-range:0 100vh}@keyframes cloth-in{to{transform:scale(1.04)}}}}@media(max-width:40em){.hero{min-height:min(calc(100svh - var(--header-h)),46rem)}.hero .copy{padding-block:2rem 5.5rem}.hero .lede{font-size:1.0625rem}.hero .scrim{background:linear-gradient(180deg,#0a1331db,#0f183699 50%,#0f18361a 85%)}}.process{padding-block:var(--section-y);position:relative}.process h2{font:600 2.25rem/1.05 var(--font-d);font-size:clamp(2.25rem,1.2rem + 3vw,4rem);margin:0 0 .75rem;max-width:18ch}:lang(zh-Hant) .process h2{font-family:var(--font-d-zh);line-height:1.2}.process .said{font-size:1.25rem;max-width:38rem;color:var(--muted-foreground);margin:0 0 3rem}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:st}.steps>li{padding:0 clamp(12px,1.6vw,28px) 0 0;border-top:6px solid var(--rule);padding-top:1.25rem;position:relative;transition:border-color .38s var(--ease-out)}.steps>li+li{padding-left:clamp(12px,1.6vw,28px)}.steps.lit>li{border-top-color:var(--foreground)}.steps.lit>li:nth-child(2){transition-delay:60ms}.steps.lit>li:nth-child(3){transition-delay:.12s}.steps.lit>li:nth-child(4){transition-delay:.18s}.steps h3{font:600 2.5rem/1 var(--font-d);font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);margin:0 0 .25rem}:lang(zh-Hant) .steps h3{font-family:var(--font-d-zh)}.steps .en-sub{font:500 1rem/1.2 var(--font-d);letter-spacing:.04em;color:var(--muted-foreground);margin:0 0 1rem}.steps .sets{font:600 1.125rem/1.3 var(--font-d);letter-spacing:.02em;display:flex;gap:.5em;align-items:center;margin:0 0 .75rem;min-height:1.4em}.mk{display:inline-flex;align-items:center;gap:.4em;font:600 1rem/1 var(--font-d);letter-spacing:.03em;color:var(--tracer-ink);white-space:nowrap}.mk:before{content:"";width:.7em;height:.7em;border-radius:50%;background:var(--tracer);flex:none}.steps ul{margin:0;padding:0;list-style:none;display:grid;gap:.4rem;font-size:1.0625rem}.steps ul li{padding-left:1em;position:relative}.steps ul li:before{content:"";position:absolute;left:0;top:.72em;width:.45em;height:2px;background:currentColor;opacity:.6}.steps .eg{margin:1rem 0 0;font-size:1rem;color:var(--muted-foreground)}@media(max-width:56.24em){.steps{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:2.5rem}.steps>li:nth-child(3){padding-left:0}}@media(max-width:34em){.steps{grid-template-columns:minmax(0,1fr)}.steps>li,.steps>li+li{padding-left:0;padding-right:0}}.uses{padding-top:var(--section-y)}.uses .head{display:grid;gap:.5rem;margin-bottom:2rem}.section-h2{font:600 2.25rem/1.05 var(--font-d);font-size:clamp(2.25rem,1.2rem + 3vw,4rem);margin:0;max-width:20ch}:lang(zh-Hant) .section-h2{font-family:var(--font-d-zh);line-height:1.2}.section-lede{font-size:1.1875rem;max-width:40rem;color:var(--muted-foreground);margin:0}.use-rows{list-style:none;margin:0;padding:0}.use-row{position:relative;min-height:clamp(15rem,10rem + 14vw,24rem);display:grid;align-items:end;--tooth: 14px}.use-row+.use-row{margin-top:-14px}.use-row .cloth{position:absolute;inset:0;background:var(--dye)}.use-row .cloth img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.use-row .txt{position:relative;z-index:1;padding-block:2.25rem 2.5rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1rem 3rem;align-items:end}.use-row h3{font:600 3rem/.95 var(--font-d);font-size:clamp(2.75rem,1rem + 6vw,6.5rem);margin:0}:lang(zh-Hant) .use-row h3{font-family:var(--font-d-zh);line-height:1.1}.use-row .facts{margin:0;font-size:1.125rem;line-height:1.5}.use-row .facts strong{font:600 1.375rem/1.2 var(--font-d);display:block;letter-spacing:.02em}.use-row .facts a{display:inline-flex;min-height:44px;align-items:center;font:600 1.25rem/1 var(--font-d);text-decoration-thickness:2px}.use-row[data-ink=light]{color:#f5f1e9}.use-row[data-ink=light] .txt{background:linear-gradient(0deg,oklch(.18 .03 265 / .78),oklch(.18 .03 265 / .5) 60%,transparent)}.use-row[data-ink=dark]{color:#0e1528}.use-row[data-ink=dark] .txt{background:linear-gradient(0deg,oklch(.9 .03 85 / .7),transparent 85%)}.use-row .txt{padding-inline:max(var(--gut),(100% - var(--max)) / 2)}@media(max-width:40em){.use-row .txt{grid-template-columns:minmax(0,1fr)}}.terms{padding-block:var(--section-y)}.terms table{width:100%;border-collapse:collapse;margin-top:2.5rem}.terms th,.terms td{text-align:left;vertical-align:baseline;padding:1.1rem 1rem 1.1rem 0;border-top:1px solid var(--rule)}.terms tr:last-child th,.terms tr:last-child td{border-bottom:1px solid var(--rule)}.terms th{font:600 1.375rem/1.2 var(--font-d);letter-spacing:.02em;width:32%}:lang(zh-Hant) .terms th{font-family:var(--font-d-zh);font-weight:600;font-size:1.25rem}.terms td.big{font:600 2.5rem/1 var(--font-d);font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);white-space:nowrap;font-variant-numeric:tabular-nums;width:24%}.terms td.big small{font:500 1.125rem/1 var(--font-d);letter-spacing:.02em;margin-left:.25em}.terms td.note{color:var(--muted-foreground);font-size:1.0625rem}@media(max-width:40em){.terms table,.terms tbody,.terms tr,.terms th,.terms td{display:block;width:auto}.terms tr{border-top:1px solid var(--rule);padding:1rem 0}.terms th,.terms td{border:0!important;padding:0}.terms td.big{margin:.35rem 0}}.closing{padding-block:var(--section-y);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem 4rem;align-items:center}.closing .swatch{aspect-ratio:210 / 297;max-width:26rem;width:100%;justify-self:center;--dye: oklch(.36 .09 265)}.closing .swatch .back{position:absolute;z-index:1;left:50%;bottom:14%;transform:translate(-50%) rotate(-2deg);background:#f2eee6;color:#161e35;padding:.5rem .9rem;font:600 1.5rem/1 var(--font-d);letter-spacing:.04em;border-radius:var(--r-1);white-space:nowrap}.closing h2{font:600 3rem/1 var(--font-d);font-size:clamp(3rem,1rem + 6vw,7rem);margin:0 0 1rem}:lang(zh-Hant) .closing h2{font-family:var(--font-d-zh);line-height:1.15}.closing p{font-size:1.1875rem;max-width:34rem;margin:0 0 1.75rem}@media(max-width:48em){.closing{grid-template-columns:minmax(0,1fr)}.closing .swatch{max-width:16rem}}.page-head{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) 2rem}.page-head h1{font:600 2.5rem/1.02 var(--font-d);font-size:clamp(2.5rem,1rem + 4.6vw,5.5rem);margin:0 0 1rem;max-width:18ch}:lang(zh-Hant) .page-head h1{font-family:var(--font-d-zh);line-height:1.15}.page-head p{font-size:1.1875rem;max-width:42rem;margin:0;color:var(--muted-foreground)}.filter{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px 16px;align-items:end;padding:1.25rem 0 1.5rem;border-top:6px solid var(--foreground);border-bottom:1px solid var(--rule)}.field{display:grid;gap:6px}.field label,.field .lbl{font:600 1.0625rem/1.2 var(--font-d);letter-spacing:.03em}select,input[type=text],input[type=email],textarea{width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--input);border-radius:var(--r-1);background:var(--field);color:var(--foreground);font:400 1rem/1.4 var(--font-b)}textarea{min-height:6.5rem;resize:vertical}select{appearance:auto}.filter .reset{min-height:48px}.result-line{margin:1rem 0 0;font:500 1.125rem/1.3 var(--font-d);letter-spacing:.02em}@media(max-width:56.24em){.filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.filter .reset{grid-column:1 / -1;justify-self:start}}@media(max-width:26em){.filter{grid-template-columns:minmax(0,1fr)}}.fabrics{list-style:none;margin:0 0 var(--section-y);padding:0}.fab{display:grid;grid-template-columns:minmax(10rem,15rem) minmax(0,1fr);gap:1.5rem clamp(1.5rem,3vw,3.5rem);padding-block:2.25rem;border-bottom:1px solid var(--rule)}.fab[hidden]{display:none}.fab .swatch{aspect-ratio:210 / 297;width:100%;align-self:start}.fab .top{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem}.fab .code{font:600 2.5rem/1 var(--font-d);font-size:clamp(2.25rem,1.4rem + 2vw,3.25rem);margin:0;letter-spacing:.01em}.fab .name{font:500 1.5rem/1.2 var(--font-d);margin:0;letter-spacing:.01em}:lang(zh-Hant) .fab .name{font-family:var(--font-b);font-weight:600;font-size:1.25rem}.specs{display:flex;flex-wrap:wrap;gap:.75rem 2.25rem;margin:1rem 0 1.25rem}.specs div{display:grid}.specs dt{font-size:.9375rem;color:var(--muted-foreground)}.specs dd{margin:0;font:600 1.375rem/1.2 var(--font-d);letter-spacing:.01em;font-variant-numeric:tabular-nums}:lang(zh-Hant) .specs dd.cmp{font:500 1.0625rem/1.4 var(--font-b)}.funcs{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0 0 1.25rem}.funcs li{padding:4px 12px;border:1px solid var(--input);border-radius:var(--r-pill);font-size:.9375rem}.rail{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.rail>li{border-top:5px solid var(--foreground);padding:.6rem .9rem .2rem 0}.rail>li+li{padding-left:.9rem}.rail .st{display:block;font:600 1.0625rem/1.2 var(--font-d);letter-spacing:.03em}.rail .nt{display:block;font-size:.9375rem;line-height:1.45;margin-top:.2rem}.rail .mk{margin-top:.4rem;font-size:.9375rem}@media(max-width:40em){.fab{grid-template-columns:minmax(0,1fr)}.fab .swatch{max-width:11rem;aspect-ratio:4 / 3}.rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:.75rem}.rail>li:nth-child(3){padding-left:0;border-left:0}}.tests-inline{margin:0 0 1.25rem;font-size:1rem}.tests-inline b{font:600 1.0625rem/1.2 var(--font-d);letter-spacing:.03em;margin-right:.5em}.colors{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 1.25rem}.colors .lbl{font:600 1.0625rem/1.2 var(--font-d);letter-spacing:.03em;margin-right:.25em}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px 0 6px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:inherit;font:400 .9375rem/1 var(--font-b);cursor:pointer}.chip:before{content:"";width:20px;height:20px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #161e3540}.chip[aria-pressed=true]{border-color:var(--foreground);box-shadow:inset 0 0 0 1px var(--foreground)}.add{min-width:13rem}.add[aria-pressed=true]{background:transparent;color:var(--foreground);border-color:var(--foreground)}.add[aria-pressed=true]:before{content:"\2713";font-family:var(--font-b)}.empty{padding:3rem 0;font-size:1.1875rem}.empty[hidden]{display:none}.tgroup{padding-block:2.5rem;border-top:6px solid var(--foreground)}.tgroup+.tgroup{border-top-width:1px;border-top-color:var(--rule)}.tgroup .gh{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem 2rem;align-items:baseline;margin-bottom:1.25rem}.tgroup h2{font:600 2.25rem/1.05 var(--font-d);font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);margin:0}:lang(zh-Hant) .tgroup h2{font-family:var(--font-d-zh)}.tlist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:1.5rem 2.5rem}.tlist h3{font:600 1.375rem/1.2 var(--font-d);margin:0 0 .25rem;letter-spacing:.01em}:lang(zh-Hant) .tlist h3{font-family:var(--font-d-zh);font-size:1.25rem}.tlist p{margin:0 0 .35rem}.tlist .on{font-size:.9375rem;color:var(--muted-foreground)}.code-nw{white-space:nowrap}.lead{padding-block:var(--section-y) 0}.bars{list-style:none;margin:2.5rem 0 0;padding:0;display:grid;gap:14px}.bars li{display:grid;grid-template-columns:minmax(9rem,16rem) minmax(0,1fr);gap:1rem;align-items:center}.bars .lb{font:600 1.25rem/1.2 var(--font-d);letter-spacing:.01em}:lang(zh-Hant) .bars .lb{font:600 1.0625rem/1.3 var(--font-b)}.bars .bar{position:relative;height:40px;display:flex;align-items:center}.bars .bar i{display:block;height:100%;width:calc(var(--d) / 50 * 100%);min-width:4px;background:var(--indigo);border-radius:0 var(--r-1) var(--r-1) 0}.bars .bar i.wait{background:repeating-linear-gradient(62deg,var(--indigo) 0 4px,transparent 4px 9px);outline:1px solid var(--indigo);outline-offset:-1px}.bars .bar b{margin-left:.75rem;font:600 1.5rem/1 var(--font-d);white-space:nowrap;font-variant-numeric:tabular-nums}.bars .bar b small{font:500 1rem/1 var(--font-d)}@media(max-width:40em){.bars li{grid-template-columns:minmax(0,1fr);gap:.25rem}}.rules{padding-block:var(--section-y)}.rules ul{list-style:none;padding:0;margin:2rem 0 0;display:grid;gap:0}.rules li{padding:1.1rem 0;border-top:1px solid var(--rule);font-size:1.1875rem;display:grid;grid-template-columns:minmax(7rem,11rem) minmax(0,1fr);gap:.25rem 1.5rem}.rules li:last-child{border-bottom:1px solid var(--rule)}.rules li b{font:600 1.25rem/1.3 var(--font-d);letter-spacing:.02em}:lang(zh-Hant) .rules li b{font-family:var(--font-d-zh);font-size:1.125rem}@media(max-width:40em){.rules li{grid-template-columns:minmax(0,1fr)}}.sample-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:2rem clamp(2rem,4vw,4.5rem);align-items:start;padding-bottom:var(--section-y)}@media(max-width:56.24em){.sample-wrap{grid-template-columns:minmax(0,1fr)}}.slist h2,.sform h2,.summary h2{font:600 1.875rem/1.1 var(--font-d);margin:0 0 1rem}:lang(zh-Hant) :is(.slist,.sform,.summary) h2{font-family:var(--font-d-zh)}.slist ol{list-style:none;margin:0;padding:0;border-top:6px solid var(--foreground)}.sitem{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem 1rem;padding:1.1rem 0;border-bottom:1px solid var(--rule)}.sitem .swatch{--tooth: 7px;width:4.5rem;aspect-ratio:210 / 297}.sitem .h{display:flex;flex-wrap:wrap;gap:.25rem .9rem;align-items:baseline;justify-content:space-between}.sitem .h b{font:600 1.625rem/1 var(--font-d)}.sitem .h span{color:var(--muted-foreground)}.sitem fieldset{border:0;padding:0;margin:.6rem 0 0;display:flex;flex-wrap:wrap;gap:4px 14px}.sitem legend{padding:0;font:600 1rem/1.3 var(--font-d);letter-spacing:.03em;margin-bottom:2px}.check{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:1rem}.check input{width:20px;height:20px;accent-color:var(--primary);margin:0}.sitem .use{margin-top:.4rem;max-width:18rem}.sitem .rm{background:none;border:1px solid transparent;color:inherit;text-decoration:underline;min-height:44px;padding:0 4px;font:inherit;cursor:pointer}.slist .empty a{font-weight:600}.sform form{display:grid;gap:1rem}.sform .hint{font-size:.9375rem;color:var(--muted-foreground);margin:0}.sform .err{color:var(--err);font-size:.9375rem;min-height:1lh;margin:0}.sform .privacy{font-size:.9375rem;color:var(--muted-foreground);margin:0}.sform .errsum{border-left:4px solid var(--err);padding:.5rem 1rem}.sform .errsum[hidden]{display:none}.req{font:500 .9375rem/1 var(--font-d);color:var(--muted-foreground);margin-left:.35em;letter-spacing:0}.summary{padding-bottom:var(--section-y)}.summary[hidden]{display:none}.summary ol{margin:0 0 1.25rem;padding:0;list-style:none;border-top:6px solid var(--foreground)}.summary li{display:grid;grid-template-columns:minmax(7rem,9rem) minmax(0,1fr) minmax(0,1fr);gap:.25rem 1.5rem;padding:.9rem 0;border-bottom:1px solid var(--rule);font-size:1.0625rem}.summary li b{font:600 1.375rem/1.2 var(--font-d)}@media(max-width:40em){.summary li{grid-template-columns:minmax(0,1fr)}}.summary .next{font-size:1.125rem;max-width:42rem}.site-footer{background:var(--indigo-deep);color:var(--on-indigo);padding-block:3.5rem 2rem;--tooth: 14px}.site-footer .cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.2fr);gap:2rem 3rem}.site-footer h2{font:600 1.25rem/1.2 var(--font-d);letter-spacing:.03em;margin:0 0 .75rem}:lang(zh-Hant) .site-footer h2{font-family:var(--font-d-zh);font-size:1.125rem}.site-footer p,.site-footer ul{margin:0;font-size:1rem;line-height:1.7;color:#ced8e8}.site-footer ul{list-style:none;padding:0}.site-footer a{color:var(--on-indigo);display:inline-flex;min-height:44px;align-items:center}.site-footer .wm{font:600 1.75rem/1 var(--font-d);color:var(--on-indigo);margin-bottom:.75rem;display:block}.hreflang li{display:flex;flex-wrap:wrap;align-items:center;gap:0 .75rem}.hreflang code{font-size:.9375rem;color:#c0d3eb}.hreflang [aria-current]{font-weight:700}.site-footer .legal{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid oklch(.95 .014 85 / .2);font-size:.9375rem}@media(max-width:48em){.site-footer .cols{grid-template-columns:minmax(0,1fr)}}.door{min-height:100svh;display:grid;position:relative;color:#f5f1e9}.door .media{position:absolute;inset:0;margin:0}.door .media img{width:100%;height:100%;object-fit:cover}.door .scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0a1331db,#0a133173 60%,#0a133133)}.door .in{position:relative;z-index:1;padding-block:12vh 4rem;align-self:start}.door h1{font:600 3rem/1 var(--font-d);font-size:clamp(3rem,1rem + 6vw,7rem);margin:0 0 .5rem}.door .zh{font:600 1.75rem/1.2 var(--font-d-zh);margin:0 0 2.5rem;letter-spacing:.1em}.door ul{list-style:none;padding:0;margin:0;display:grid;gap:0;max-width:40rem;border-top:1px solid oklch(.95 .014 85 / .45)}.door li{border-bottom:1px solid oklch(.95 .014 85 / .45)}.door a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem 1rem;align-items:baseline;padding:1.1rem 0;text-decoration:none;color:inherit;min-height:48px}.door a b{font:600 2.25rem/1.05 var(--font-d)}.door a b:lang(zh-Hant){font-family:var(--font-d-zh)}.door a span{font-size:1.0625rem;color:#e6ddcc;grid-column:1 / -1}.door a code{font-size:1rem;color:#c6d9f2}@media(hover:hover)and (pointer:fine){.door a:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}}.door figcaption{position:absolute;z-index:1;right:var(--gut);bottom:16px;font-size:.9375rem;background:#0c142db8;padding:6px 10px;border-radius:var(--r-1)}.lost{padding-block:clamp(3rem,2rem + 6vw,7rem)}.lost h1{font:600 3rem/1 var(--font-d);font-size:clamp(3rem,1.5rem + 5vw,6rem);margin:0 0 1rem}:lang(zh-Hant) .lost h1{font-family:var(--font-d-zh)}.lost p{font-size:1.1875rem;max-width:38rem}.lost ul{list-style:none;padding:0;margin:2rem 0;border-top:6px solid var(--foreground);max-width:38rem}.lost li{border-bottom:1px solid var(--rule)}.lost li a{display:flex;min-height:56px;align-items:center;font:600 1.5rem/1 var(--font-d);text-decoration:none}:lang(zh-Hant) .lost li a{font:600 1.25rem/1.2 var(--font-d-zh)}.rise{opacity:.2;transform:translateY(12px);transition:opacity .42s var(--ease-out),transform .42s var(--ease-out)}.rise.in{opacity:1;transform:none}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation:none!important}.rise{opacity:1;transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}@media(forced-colors:active){.btn,.chip,.lang a{border:1px solid ButtonText}}.sempty{padding:1.5rem 0 0;font-size:1.1875rem}.sempty>p:first-child{margin:0 0 1rem}.sempty-uses{list-style:none;margin:0;padding:0}.sempty-uses li{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--rule)}.sempty-uses a{display:inline-flex;align-items:center;min-height:3.5rem;font:600 clamp(1.75rem,1rem + 2vw,2.5rem)/1.05 var(--font-d);text-decoration:none;color:inherit}:lang(zh-Hant) .sempty-uses a{font-family:var(--font-d-zh)}@media(hover:hover)and (pointer:fine){.sempty-uses a:hover{text-decoration:underline;text-decoration-thickness:2px}}.sempty-uses .num{color:var(--muted-foreground);font-size:1rem}.sempty-spec{margin:1.25rem 0 0;color:var(--muted-foreground);font-size:1rem}