:root{--bg:#fff;--bg-subtle:#f5f5f4;--bg-elevated:#fff;--fill-selected:#ececea;--text:#111;--text-secondary:#111111a3;--text-accent:#0a66d1;--border:#00000017;--border-strong:#0000002e;--focus-ring:#1c8bfe;--fill-primary:#111;--on-fill-primary:#fff;--brand:#1084fe;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d;--radius:16px;--radius-sm:10px;--gutter:16px;--max:1120px;--font:system-ui, -apple-system, "Segoe UI", "PingFang TC", "Noto Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--bg:#070707;--bg-subtle:#111;--bg-elevated:#181818;--fill-selected:#262626;--text:#fcfcfc;--text-secondary:#fcfcfc99;--text-accent:#80befe;--border:#ffffff14;--border-strong:#ffffff2e;--fill-primary:#fafafa;--on-fill-primary:#070707;--shadow:none}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.7}img,svg,video{max-width:100%;height:auto}a{color:var(--text-accent);text-underline-offset:3px}a:focus-visible,.btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .5em;line-height:1.3}h1{font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem)}h2{font-size:clamp(1.35rem,1.1rem + 1vw,1.8rem)}h3{font-size:1.08rem}p{margin:0 0 1em}code{font-family:var(--font-mono);background:var(--fill-selected);border-radius:6px;padding:.1em .35em;font-size:.9em}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}@media (width>=720px){:root{--gutter:32px}}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gutter);z-index:10;background:var(--bg-elevated);border-radius:var(--radius-sm);padding:6px 12px;top:8px}.site-header{border-bottom:1px solid var(--border)}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;min-height:60px;padding-top:10px;padding-bottom:10px;display:flex}.logo{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{background:radial-gradient(circle at 50% 50%, #fff 0 26%, transparent 27%), var(--brand);border-radius:7px;width:22px;height:22px}.site-nav{flex-wrap:wrap;align-items:center;gap:4px 16px;font-size:.95rem;display:flex}.site-nav a{color:var(--text-secondary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.lang-switch a{border:1px solid var(--border-strong);border-radius:999px;padding:1px 10px;display:inline-block}.cta{flex-wrap:wrap;gap:10px;margin:24px 0 12px;display:flex}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--fill-primary);color:var(--on-fill-primary)}.btn-ghost{color:var(--text);border-color:var(--border-strong)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:20px}.section{padding:56px 0}.section-subtle{background:var(--bg-subtle)}.hero{padding:48px 0 40px}.hero-inner{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;display:grid}@media (width>=960px){.hero{padding:80px 0 64px}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px}}.eyebrow{color:var(--text-accent);margin-bottom:12px;font-size:.95rem;font-weight:600}.lead{color:var(--text-secondary);max-width:40em;font-size:1.08rem}.note{color:var(--text-secondary);font-size:.88rem}.hero-demo{min-width:0}.feature-grid,.example-grid,.lang-list{grid-template-columns:minmax(0,1fr);gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (width>=720px){.feature-grid,.example-grid,.lang-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.example-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card p,.example-card p{color:var(--text-secondary);margin-bottom:0}.example-card .when{color:var(--text-accent);margin-bottom:6px;font-size:.88rem}.shot{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);aspect-ratio:16/9;flex-direction:column;margin:0 0 16px;display:flex;overflow:hidden}.shot-bar{border-bottom:1px solid var(--border);background:radial-gradient(circle at 12px 11px, var(--border-strong) 0 3.5px, transparent 4px), radial-gradient(circle at 24px 11px, var(--border-strong) 0 3.5px, transparent 4px), radial-gradient(circle at 36px 11px, var(--border-strong) 0 3.5px, transparent 4px);height:22px}.shot-body{background:linear-gradient(var(--fill-selected), var(--fill-selected)) 22% 22% / 30% 9% no-repeat, linear-gradient(var(--fill-selected), var(--fill-selected)) 78% 46% / 40% 9% no-repeat, linear-gradient(var(--fill-selected), var(--fill-selected)) 22% 70% / 50% 9% no-repeat;flex:1}.feature-card .shot{aspect-ratio:2}.steps>ol{counter-reset:step;grid-template-columns:minmax(0,1fr);gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (width>=860px){.steps>ol{grid-template-columns:repeat(3,minmax(0,1fr))}}.steps>ol>li{counter-increment:step;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);min-width:0;padding:20px}.steps>ol>li:before{content:counter(step);background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:10px;font-size:.9rem;font-weight:700;display:flex}.steps>ol>li strong{color:var(--text)}.steps>p{color:var(--text-secondary)}.page{max-width:860px;padding-top:48px;padding-bottom:72px}.page-head{margin-bottom:32px}.platform{margin-bottom:20px}.platform ol{padding-left:1.3em}.platform li+li{margin-top:6px}.faq{gap:12px;margin-bottom:40px;display:grid}.faq-item p{color:var(--text-secondary);margin:0}.prose h2{margin-top:2.2em}.prose>h2:first-child{margin-top:0}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:4px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);margin:0 0 1.2em;overflow-x:auto}.table-wrap table{border-collapse:collapse;overflow-wrap:normal;width:100%;min-width:520px;font-size:.93rem}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;border-bottom:1px solid var(--border);padding:10px 14px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap th{background:var(--bg-subtle);font-weight:600}.lang-select{max-width:760px;padding-top:72px;padding-bottom:96px}.lang-card{color:var(--text);text-decoration:none;display:block}.lang-card:hover{border-color:var(--border-strong)}.lang-name{font-size:1.2rem;font-weight:700;display:block}.lang-tagline{color:var(--text-secondary)}.site-footer{border-top:1px solid var(--border);color:var(--text-secondary);padding:40px 0 48px;font-size:.9rem}.footer-inner{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}@media (width>=720px){.footer-inner{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.footer-tagline{color:var(--text);font-weight:600}.footer-links{flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none;display:flex}.footer-links a,.footer-meta a{color:var(--text-secondary)}.footer-meta p{margin:0 0 6px}@media (prefers-reduced-motion:no-preference){.btn,.lang-card{transition:opacity .15s,border-color .15s}.btn:hover{opacity:.85}}.prose .shot{aspect-ratio:2}