@layer astro.images{:where([data-astro-image]){height:auto}:where([data-astro-image=full-width]){width:100%}:where([data-astro-image=constrained]){max-width:100%}[data-astro-image-fit=fill]{object-fit:fill}[data-astro-image-fit=contain]{object-fit:contain}[data-astro-image-fit=cover]{object-fit:cover}[data-astro-image-fit=scale-down]{object-fit:scale-down}[data-astro-image-pos=top]{object-position:top}[data-astro-image-pos=bottom]{object-position:bottom}[data-astro-image-pos=left]{object-position:left}[data-astro-image-pos=right]{object-position:right}[data-astro-image-pos=center]{object-position:center}[data-astro-image-pos=top-left]{object-position:top left}[data-astro-image-pos=top-right]{object-position:top right}[data-astro-image-pos=top-center]{object-position:top center}[data-astro-image-pos=bottom-left]{object-position:bottom left}[data-astro-image-pos=bottom-right]{object-position:bottom right}[data-astro-image-pos=bottom-center]{object-position:bottom center}[data-astro-image-pos=left-top]{object-position:left top}[data-astro-image-pos=left-bottom]{object-position:left bottom}[data-astro-image-pos=left-center]{object-position:left center}[data-astro-image-pos=right-top]{object-position:right top}[data-astro-image-pos=right-bottom]{object-position:right bottom}[data-astro-image-pos=right-center]{object-position:right center}[data-astro-image-pos=center-top]{object-position:center top}[data-astro-image-pos=center-bottom]{object-position:center bottom}[data-astro-image-pos=center-left]{object-position:center left}[data-astro-image-pos=center-right]{object-position:center right}}@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ul,ol{margin:0}ul[class],ol[class]{padding:0;list-style:none}img,svg{max-inline-size:100%}table{border-collapse:collapse}}@layer base{html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.75}:lang(en) body,body:lang(en){line-height:1.6}h1,h2,h3{text-wrap:balance;letter-spacing:-.01em;font-weight:700;line-height:1.2}:lang(zh-Hant-TW) :is(h1,h2,h3){letter-spacing:.02em;line-height:1.3}p{text-wrap:pretty}a{color:inherit;text-decoration-color:color-mix(in oklab, currentColor 35%, transparent);text-underline-offset:.2em}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}::selection{background:var(--accent-soft)}.mono{font-family:var(--font-mono)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@layer layout{.wrap{inline-size:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.section{padding-block:clamp(56px,9vw,120px)}.section+.section{border-block-start:1px solid var(--line)}.section--tight{padding-block:clamp(40px,6vw,72px)}.stack>*+*{margin-block-start:var(--space,1em)}.kicker{font:500 var(--step--1) / 1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6em;display:inline-flex;&:before{content:"";background:var(--accent);border-radius:50%;block-size:.55em;inline-size:.55em}}.section-head{gap:14px;max-inline-size:760px;margin-block-end:clamp(28px,4vw,48px);display:grid;& h2{font-size:var(--step-3)}& p{color:var(--muted);font-size:var(--step-1);line-height:1.6}}}@layer components{.skip{z-index:50;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 14px;position:absolute;inset-block-start:-60px;inset-inline-start:12px;&:focus{inset-block-start:12px}}.notice{background:var(--ink);color:var(--paper);font-size:var(--step--1);line-height:1.5;& .wrap{text-align:center;flex-wrap:wrap;justify-content:center;gap:4px 14px;padding-block:9px;display:flex}& a{color:inherit;white-space:nowrap;font-weight:600}}.site-header{z-index:20;background:color-mix(in oklab, var(--paper) 86%, transparent);backdrop-filter:saturate(1.4)blur(14px);border-block-end:1px solid var(--line);position:sticky;inset-block-start:0;& .wrap{align-items:center;gap:24px;min-block-size:64px;display:flex}}.wordmark{letter-spacing:-.02em;align-items:baseline;gap:.32em;font-size:1.32rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex;& .wm-digital{color:var(--muted);letter-spacing:0;font-weight:600}& .wm-i{color:var(--accent)}& .wm-zh{color:var(--muted);letter-spacing:.08em;margin-inline-start:.3em;font-size:.78rem;font-weight:500}}.nav{align-items:center;gap:4px;margin-inline-start:auto;display:flex;& a{color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.95rem;text-decoration:none;&:hover,&[aria-current=page]{color:var(--ink);background:var(--paper-2)}}}.lang-switch{border:1px solid var(--line-strong);white-space:nowrap;border-radius:999px;padding:7px 14px;font-size:.9rem;text-decoration:none;&:hover{border-color:var(--ink)}}.menu-button{border:1px solid var(--line-strong);color:inherit;font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-inline-start:auto;padding:7px 14px;font-size:.9rem;display:none}.menu-sheet{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3);inline-size:min(320px,100vw - 20px);color:var(--ink);margin:10px;padding:18px;inset:0 0 auto auto;box-shadow:0 20px 60px #00000040;& ul{gap:2px;padding:0;list-style:none;display:grid}& a{border-radius:10px;padding:12px 14px;font-size:1.05rem;text-decoration:none;display:block}& a:hover,& a[aria-current=page]{background:var(--paper-2)}& .lang-switch{text-align:center;margin-block-start:12px;display:block}&::backdrop{background:#0000004d}}@media (width<=860px){.site-header .nav,.site-header>.wrap>.lang-switch{display:none}.menu-button{display:inline-block}}.button{border:1px solid #0000;border-radius:999px;align-items:center;gap:.5em;padding:12px 22px;font-weight:600;text-decoration:none;transition:transform .15s;display:inline-flex;&:hover{transform:translateY(-1px)}&.button--primary{background:var(--ink);color:var(--paper)}&.button--ghost{border-color:var(--line-strong)}}.hero{padding-block:clamp(48px,8vw,104px) clamp(32px,5vw,64px)}.hero h1{font-size:var(--step-4);letter-spacing:-.02em;margin-block:18px 22px}:lang(zh-Hant-TW) .hero h1{letter-spacing:.01em}.hero__lead{font-size:var(--step-1);color:var(--muted);max-inline-size:640px;line-height:1.65}.hero__actions{flex-wrap:wrap;gap:12px;margin-block-start:30px;display:flex}.hero__figure{margin-block-start:clamp(36px,6vw,72px)}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid;&>div{padding:26px 22px 28px 0}&>div+div{border-inline-start:1px solid var(--line);padding-inline-start:22px}& dt{font:500 var(--step-3) / 1 var(--font-mono);letter-spacing:-.03em}& dd{color:var(--muted);font-size:var(--step--1);margin-block-start:10px;line-height:1.55}}@media (width<=900px){.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(odd){border-inline-start:0;padding-inline-start:0}.stats>div:nth-child(n+3){border-block-start:1px solid var(--line)}}.steps{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,32px);display:grid;& li{counter-increment:step;border-block-start:2px solid var(--ink);padding-block-start:18px}& li:before{content:"0" counter(step);font:500 var(--step--1) var(--font-mono);color:var(--accent);margin-block-end:12px;display:block}& h3{font-size:var(--step-1);margin-block-end:8px}& p{color:var(--muted)}}.family{margin-block-start:clamp(40px,6vw,72px)}.family:first-of-type{margin-block-start:0}.family__head{flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin-block-end:18px;display:flex}.family__head h3{font-size:var(--step-2)}.family__head p{color:var(--muted)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3);flex-direction:column;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:clip;container-type:inline-size;&:hover{border-color:var(--line-strong);transform:translateY(-2px)}& .card__art{background:var(--sheet);border-block-end:1px solid var(--line);aspect-ratio:4/3;place-items:center;padding:14px 14px 0;display:grid}& .card__body{flex:1;align-content:start;gap:4px;padding:16px 18px 20px;display:grid}& .card__kicker{font:500 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}& h4{font-size:1.18rem}& p{color:var(--muted);font-size:.95rem;line-height:1.6}& a{text-decoration:none}& a:after{content:"";position:absolute;inset:0}}:root{--sheet:linear-gradient(var(--grid-c) 1px, transparent 1px) 0 0 / 22px 22px, linear-gradient(90deg, var(--grid-c) 1px, transparent 1px) 0 0 / 22px 22px, var(--paper-2);--grid-c:light-dark(#0000000b,#ffffff0a)}.product-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,64px);padding-block:clamp(40px,6vw,88px);display:grid;& h1{font-size:var(--step-4);letter-spacing:-.02em;margin-block:14px 10px}& .tagline{font-size:var(--step-2);font-weight:600;line-height:1.35}& .summary{color:var(--muted);font-size:var(--step-1);margin-block-start:18px;line-height:1.65}& .years{font:500 var(--step--1) var(--font-mono);color:var(--muted);margin-block-start:22px}}@media (width<=860px){.product-hero{grid-template-columns:1fr}}.drawing{border:1px solid var(--line);border-radius:var(--radius);background:var(--sheet);padding:clamp(14px,3vw,28px);& figcaption{font-size:var(--step--1);color:var(--muted);margin-block-start:12px;line-height:1.5}}.breadcrumb{font-size:var(--step--1);color:var(--muted);& a{color:inherit}}.features{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;display:grid;overflow:clip;&>div{background:var(--paper-3);padding:24px 22px 26px}& h3{margin-block-end:8px;font-size:1.12rem}& p{color:var(--muted);line-height:1.65}}.note{border-inline-start:3px solid var(--signal);background:color-mix(in oklab, var(--signal) 8%, var(--paper-3));border-radius:0 10px 10px 0;margin-block-start:20px;padding:16px 20px;line-height:1.7}.note--archive{border-inline-start-color:var(--line-strong);background:var(--paper-2);color:var(--muted);& strong{font:500 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-inline-end:.8em}}.spec-table{inline-size:100%;font-size:.97rem;& th,& td{border-block-end:1px solid var(--line);vertical-align:top;text-align:start;padding:14px 0}& th{inline-size:34%;color:var(--muted);padding-inline-end:24px;font-weight:500}& td{font-family:var(--font-mono), var(--font-sans);white-space:pre-line;font-size:.93rem;line-height:1.7}& tr:first-child :is(th,td){border-block-start:1px solid var(--ink)}}@media (width<=560px){.spec-table th,.spec-table td{inline-size:auto;display:block}.spec-table th{border:0;padding-block-end:2px}.spec-table tr:first-child td{border-block-start:0}.spec-table td{padding-block-start:0}}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(28px,5vw,72px);display:grid}.two-col>h2{font-size:var(--step-2)}@media (width<=860px){.two-col{grid-template-columns:1fr}}.links{gap:0;display:grid;& li{border-block-end:1px solid var(--line)}& li:first-child{border-block-start:1px solid var(--ink)}& a{align-items:baseline;gap:14px;padding:14px 0;text-decoration:none;display:flex}& a:hover .links__label{text-decoration:underline}& .links__kind{inline-size:5.5em;font:500 .75rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);flex:none}& .links__label{flex:1}& .links__arrow{color:var(--muted)}}.compare-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-3);overflow-x:auto}.compare{inline-size:100%;min-inline-size:620px;& th,& td{border-block-end:1px solid var(--line);text-align:center;padding:14px 18px}& thead :is(th,td){vertical-align:bottom;background:var(--paper-2);font-size:1.05rem}& thead th a{text-decoration:none}& tbody th{text-align:start;font-weight:500}& tbody th small{color:var(--muted);font:400 .82rem var(--font-mono);display:block}& tr:last-child :is(th,td){border-block-end:0}& .yes{color:var(--accent);font-size:1.1rem}& .no{color:var(--line-strong)}& .partial{color:var(--muted);font-size:.85rem}}.timeline{gap:0;display:grid;position:relative;& li{border-block-end:1px solid var(--line);grid-template-columns:7.5rem 1fr;gap:20px;padding-block:18px;display:grid}& .timeline__year{font:500 var(--step-1) var(--font-mono);color:var(--accent)}& .timeline__items{gap:6px;display:grid}& li.is-end .timeline__year{color:var(--signal)}}@media (width<=560px){.timeline li{grid-template-columns:1fr;gap:6px}}.facts{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:1px;display:grid;overflow:clip;&>div{background:var(--paper-3);padding:20px 22px}& dt{font-size:var(--step--1);color:var(--muted);margin-block-end:6px}& dd{font-weight:600;line-height:1.5}}.gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;display:grid;& figure{align-content:start;gap:10px;display:grid}& img{border:1px solid var(--line);background:var(--paper-2);border-radius:10px;block-size:auto;inline-size:100%}& figcaption{font-size:var(--step--1);color:var(--muted);line-height:1.5}}.partners{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px;display:grid;& li{border:1px solid var(--line);background:var(--paper-3);border-radius:12px;padding:16px 18px}& strong{display:block}& span{color:var(--muted);font-size:var(--step--1)}}.closing{background:var(--ink);color:var(--paper);& blockquote{font-size:var(--step-3);text-wrap:balance;max-inline-size:20em;font-weight:600;line-height:1.35}& blockquote:before{content:"「";color:var(--accent)}& blockquote:after{content:"」";color:var(--accent)}&:lang(en) blockquote:before{content:"“"}&:lang(en) blockquote:after{content:"”"}& figcaption{color:color-mix(in oklab, var(--paper) 65%, transparent);font-size:var(--step--1);margin-block-start:22px}& a{color:inherit}& .kicker{color:color-mix(in oklab, var(--paper) 65%, transparent)}}.news-year{border-block-start:1px solid var(--line);grid-template-columns:6rem 1fr;gap:20px;padding-block:22px;display:grid}.news-year h2{font:500 var(--step-2) / 1.1 var(--font-mono);color:var(--muted)}.news-list{display:grid;& a{border-block-end:1px dashed var(--line);grid-template-columns:6.5rem 1fr;gap:16px;padding:10px 0;text-decoration:none;display:grid}& li:last-child a{border-block-end:0}& time{font:500 .85rem/1.9 var(--font-mono);color:var(--muted)}& a:hover span{text-decoration:underline;text-decoration-color:var(--accent)}& .is-closing span{color:var(--signal);font-weight:600}}@media (width<=640px){.news-year{grid-template-columns:1fr;gap:6px}.news-list a{grid-template-columns:1fr;gap:0}}.article{max-inline-size:760px;& h1{font-size:var(--step-3);margin-block:14px 8px}& .meta{color:var(--muted);font:500 var(--step--1) var(--font-mono)}& .body{gap:1em;margin-block-start:32px;font-size:1.06rem;display:grid}& .body p{overflow-wrap:anywhere}& .body table{border:1px solid var(--line);background:var(--paper-3);inline-size:100%;font-size:.9rem}& .body td{border:1px solid var(--line);padding:8px 12px}& .body tr:first-child td{background:var(--paper-2);font-weight:600}& .table-scroll{overflow-x:auto}}.pager{border-block-start:1px solid var(--line);justify-content:space-between;gap:16px;margin-block-start:48px;padding-block-start:20px;font-size:.95rem;display:flex}.pager a{max-inline-size:45%;text-decoration:none}.pager small{color:var(--muted);font:500 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;display:block}.downloads{gap:40px;display:grid}.downloads h2{font-size:var(--step-2);margin-block-end:14px}.site-footer{border-block-start:1px solid var(--line);color:var(--muted);padding-block:48px 40px;font-size:.92rem;& .wrap{grid-template-columns:2fr 1fr 1fr;gap:32px;display:grid}& h2{font:500 .75rem var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-block-end:12px}& ul{gap:6px;padding:0;list-style:none;display:grid}& a{text-decoration:none;&:hover{color:var(--ink)}}& .wordmark{color:var(--ink);margin-block-end:14px}& .footer__fine{border-block-start:1px solid var(--line);grid-column:1/-1;padding-block-start:22px;font-size:.82rem;line-height:1.7}}@media (width<=760px){.site-footer .wrap{grid-template-columns:1fr 1fr}.site-footer .footer__brand{grid-column:1/-1}}}@view-transition{navigation:auto}:root{color-scheme:light dark;--paper:light-dark(#f4f3ef,#0e1012);--paper-2:light-dark(#ebe9e3,#16191c);--paper-3:light-dark(#fff,#1c2024);--ink:light-dark(#121518,#ebe9e3);--muted:light-dark(#5b6166,#98a0a6);--line:light-dark(#d8d5cc,#262b30);--line-strong:light-dark(#b9b5aa,#3a4148);--accent:light-dark(#00737f,#47dce8);--accent-soft:light-dark(#d9eef0,#0f2c30);--signal:light-dark(#c4560a,#ff8b40);--font-sans:system-ui, -apple-system, "PingFang TC", "Noto Sans TC", "Microsoft JhengHei", "Segoe UI", sans-serif;--wrap:1180px;--gutter:clamp(20px, 4vw, 40px);--radius:14px;--step--1:clamp(.82rem, .8rem + .1vw, .88rem);--step-0:clamp(1rem, .97rem + .15vw, 1.08rem);--step-1:clamp(1.2rem, 1.1rem + .45vw, 1.45rem);--step-2:clamp(1.5rem, 1.3rem + 1vw, 2.1rem);--step-3:clamp(2rem, 1.6rem + 2vw, 3.2rem);--step-4:clamp(2.6rem, 1.8rem + 4vw, 5.2rem)}