:root{color-scheme:light;--bg:#fff;--bg-rgb:255,255,255;--bg-3:#fff;--sec-a:#f1f5f9;--sec-b:#ebf1f7;--foot-bg:#e8eef5;--stage-bg:#dde6f0;--line:#1c304a1f;--line-2:#1c304a38;--field-line:#7d8a9c;--field-bg:#fbfcfe;--text:#18222f;--text-2:#364352;--muted:#4b5868;--dim:#5e6a79;--ink-rgb:24,34,47;--accent:#f0a24a;--accent-rgb:240,162,74;--accent-text:#9a580c;--accent-text-rgb:154,88,12;--num:#6b84a3;--cta:#24476b;--cta-hover-bg:#24476b;--cta-hover-ink:#fff;--btn-bg:#1d3a58;--btn-ink:#fff;--btn-hover:#2b5179;--btn-edge:#1d3a58;--focus:#2b5c8e;--focus-rgb:43,92,142;--ok:#5fb37a;--ok-text:#1e7a43;--head-bg:#ffffffdb;--chip-rgb:241,245,249;--mani-glow:radial-gradient(60% 50% at 80% 20%,#96b6da38,#96b6da00 70%);--prod-glow:radial-gradient(50% 50% at 50% 55%,#96b6da47,#96b6da00 70%);--slat-a:#d3dbe4;--slat-b:#eaeff4;--slat-c:#c3ccd7;--slat-d:#a5b0be;--slat-handle:#7f8c9e;--vig:#283c5a33;--s9-house:#687a94;--s9-edge:#596a83;--stk-bg:#e3ebf3;--stk-ink:#18222f;--stk-edge:#f0a24a;--led-off:#c9d3de;--wiper:#4a5870;--rain-rgb:255,255,255;--sans:"Be Vietnam Pro","Noto Sans Thai","PingFang TC","Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;--round:"Nunito","Huninn","Mitr","PingFang TC","Noto Sans TC",system-ui,sans-serif;--mono:"IBM Plex Mono","Noto Sans Thai","PingFang TC","Noto Sans TC",ui-monospace,monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--pad-x:max(16px, env(safe-area-inset-left,0px));--pad-xr:max(16px, env(safe-area-inset-right,0px))}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:400 17px/1.65 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);position:fixed;inset:0 0 auto}:root:lang(th) body{line-height:1.75}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:600;line-height:1.05}p{margin:0}.mono{font-family:var(--mono);letter-spacing:.02em}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}.skip{z-index:50;background:var(--btn-bg);color:var(--btn-ink);padding:8px 14px;font-weight:600;text-decoration:none;position:absolute;top:-60px;left:12px}.skip:focus{top:12px}.wrap{max-width:1320px;padding-left:var(--pad-x);padding-right:var(--pad-xr);margin-inline:auto}@media (width>=900px){.wrap{padding-left:max(48px, env(safe-area-inset-left,0px));padding-right:max(48px, env(safe-area-inset-right,0px))}}section{scroll-margin-top:72px}.site-head{top:env(safe-area-inset-top,0px);z-index:30;background:var(--head-bg);-webkit-backdrop-filter:blur(14px)saturate(1.2);border-bottom:1px solid var(--line);position:sticky}.head-in{align-items:center;gap:20px;height:64px;display:flex}.logo{letter-spacing:.14em;white-space:nowrap;color:var(--text);align-items:baseline;gap:8px;font-size:19px;font-weight:600;text-decoration:none;display:flex}.logo small{font:500 11px/1 var(--sans);letter-spacing:.04em;color:var(--accent-text);border:1px solid rgba(var(--accent-text-rgb),.45);border-radius:2px;padding:3px 5px 2px;transform:translateY(-2px)}.nav{gap:4px;margin-left:auto;display:flex}.nav a{color:var(--muted);border-radius:2px;padding:8px 12px;font-size:14px;text-decoration:none;transition:color .2s}.nav a:hover{color:var(--text)}.lang{position:relative}.lang-btn,.menu-btn{height:36px;color:var(--text);border:1px solid var(--field-line);font:500 13px var(--sans);cursor:pointer;background:0 0;border-radius:2px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.lang-btn:hover,.menu-btn:hover{border-color:var(--focus)}.lang-btn svg{flex:none;width:16px;height:16px}.lang-btn .chev{width:10px;height:10px;transition:transform .2s}.lang-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.lang-menu{background:var(--bg-3);border:1px solid var(--line-2);min-width:210px;box-shadow:0 20px 50px rgba(var(--ink-rgb),.16);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0}.lang-menu a{width:100%;color:var(--text);font:400 15px/1.3 var(--sans);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:10px 12px;text-decoration:none;display:flex}.lang-menu a:hover{background:rgba(var(--accent-rgb),.16)}.lang-menu a[aria-current=page]{color:var(--accent-text)}.lang-menu a[aria-current=page]:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.menu-btn{display:none}@media (width<=860px){.head-in{gap:10px}.lang{margin-left:auto}.menu-btn{display:inline-flex}.lang-btn .lang-name{text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}.logo{letter-spacing:.1em;font-size:16px}.logo small{white-space:nowrap;font-size:10px}.lang-btn,.menu-btn{padding:0 10px}.nav{padding:8px var(--pad-xr) 16px var(--pad-x);background:var(--bg-3);border-bottom:1px solid var(--line);box-shadow:0 16px 30px rgba(var(--ink-rgb),.1);flex-direction:column;gap:0;margin:0;display:none;position:absolute;top:100%;left:0;right:0}.nav.open{display:flex}.nav a{color:var(--text);border-bottom:1px solid var(--line);padding:14px 4px;font-size:17px}}@media (width<=520px){.logo small{display:none}}@media (width<=420px){.lang-btn .chev{display:none}.logo{letter-spacing:.07em;font-size:15px}.lang-btn .lang-name{max-width:64px}}.btn{min-height:48px;font:500 15px/1.2 var(--sans);border-radius:2px;align-items:center;gap:10px;padding:0 22px;text-decoration:none;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.btn-amber{border:1px solid var(--cta);color:var(--cta)}.btn-amber:hover{background:var(--cta-hover-bg);border-color:var(--cta-hover-bg);color:var(--cta-hover-ink)}.btn-ghost{color:var(--text);border:1px solid #0000;padding-inline:6px}.btn-ghost:hover{color:var(--cta)}.btn .arr{transition:transform .25s}.btn:hover .arr{transform:translate(4px)}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:10px;margin-bottom:18px;font-size:12px;display:flex}.eyebrow:before{content:"";background:var(--accent);width:18px;height:1px}.foot{background:var(--foot-bg);border-top:1px solid var(--line);padding-block:clamp(64px,8vw,110px) 40px}.wordmark{letter-spacing:-.05em;color:var(--text);white-space:nowrap;flex-wrap:wrap;align-items:flex-start;gap:.08em .12em;font-size:min(10.6vw,172px);font-weight:600;line-height:.85;display:flex}.wordmark small{font:500 clamp(11px,1.1vw,15px)/1 var(--sans);letter-spacing:.04em;color:var(--accent-text);border:1px solid rgba(var(--accent-text-rgb),.45);margin-top:.4em;padding:4px 7px 3px}.foot-row{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;gap:14px 40px;margin-top:48px;padding-top:24px;font-size:14px;display:flex}.foot-row a{text-underline-offset:3px}.foot-row .copy{margin-left:auto}@media (width<=620px){.foot-row .copy{margin-left:0}}.foot-credit{color:var(--muted);text-align:right;margin-top:10px;font-size:12px}@media (width<=620px){.foot-credit{text-align:left}}.foot-langs{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.foot-langs a{color:var(--muted);text-underline-offset:3px}.foot-langs a[aria-current=page]{color:var(--accent-text)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}html[lang=zh-Hant] h1,html[lang=zh-Hant] h2{word-break:keep-all}