:root{--paper:#f4f1ea;--paper-2:#fbfaf6;--ink:#262b28;--ink-2:#4a504c;--ink-3:#5c625e;--line:#262b281f;--accent:#c95536;--sans:Manrope, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}a{color:var(--ink);text-decoration:none}a:hover{color:#000}img,video{max-width:100%}code{font-family:var(--mono);font-size:.9em}h1,h2,h3{text-wrap:balance;margin:0;font-weight:500}p{margin:0}.wrap:where(.astro-7aropxhg){max-width:1200px;margin:0 auto;padding-left:40px;padding-right:40px}.section:where(.astro-7aropxhg){flex-direction:column;gap:48px;padding-top:96px;padding-bottom:96px;display:flex}.band:where(.astro-7aropxhg){border-top:1px solid var(--line)}.soft:where(.astro-7aropxhg){background:var(--paper-2);border-bottom:1px solid var(--line)}.stack:where(.astro-7aropxhg){flex-direction:column;gap:28px;display:flex}.stack-s:where(.astro-7aropxhg){flex-direction:column;align-items:flex-start;gap:10px;display:flex}.row:where(.astro-7aropxhg){flex-wrap:wrap;gap:12px;display:flex}.center:where(.astro-7aropxhg){justify-content:center}.grid:where(.astro-7aropxhg){gap:24px;display:grid}.intro:where(.astro-7aropxhg){flex-direction:column;gap:14px;max-width:720px;display:flex}h2:where(.astro-7aropxhg){letter-spacing:-.01em;font-size:36px}.sub:where(.astro-7aropxhg){color:var(--ink-2);font-size:18px}.meta:where(.astro-7aropxhg){color:var(--ink-3);font-size:13px}.muted:where(.astro-7aropxhg){color:var(--ink-2)}.strong:where(.astro-7aropxhg){font-weight:500}.accent:where(.astro-7aropxhg){color:var(--accent)}.top:where(.astro-7aropxhg){flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-top:28px;padding-bottom:28px;display:flex}.logo:where(.astro-7aropxhg) img:where(.astro-7aropxhg){width:auto;height:30px;display:block}.nav:where(.astro-7aropxhg){flex-wrap:wrap;align-items:center;gap:28px;font-size:15px;display:flex}.btn:where(.astro-7aropxhg){border-radius:999px;padding:14px 24px;font-size:16px;font-weight:500;display:inline-block}.btn-sm:where(.astro-7aropxhg){padding:10px 18px;font-size:15px}.btn-dark:where(.astro-7aropxhg){background:var(--ink);color:var(--paper)}.btn-dark:where(.astro-7aropxhg):hover{color:#fff;background:#000}.btn-line:where(.astro-7aropxhg){border:1px solid var(--ink);padding:13px 23px}.btn-star:where(.astro-7aropxhg){align-items:center;gap:8px;display:inline-flex}.btn-star:where(.astro-7aropxhg) .star:where(.astro-7aropxhg){color:#e3b341;flex:none}.hero:where(.astro-7aropxhg){grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-top:72px;padding-bottom:96px;display:grid}.eyebrow:where(.astro-7aropxhg){letter-spacing:.02em;color:var(--ink-3);font-size:14px}.pill:where(.astro-7aropxhg){border:1px solid var(--line);background:var(--paper-2);color:var(--ink-2);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:14px;display:inline-flex}.pill:where(.astro-7aropxhg):hover{border-color:var(--accent);color:var(--ink)}.pill:where(.astro-7aropxhg) .dot:where(.astro-7aropxhg){background:var(--accent);border-radius:99px;width:8px;height:8px}h1:where(.astro-7aropxhg){letter-spacing:-.02em;font-size:60px;line-height:1.08}html[lang=zh-CN] h1:where(.astro-7aropxhg){letter-spacing:0;font-size:46px;line-height:1.25}.lead:where(.astro-7aropxhg){color:var(--ink-2);max-width:520px;font-size:19px}.demo:where(.astro-7aropxhg){flex-direction:column;gap:14px;margin:0;display:flex}.demo-frame:where(.astro-7aropxhg){background:var(--paper-2);border-radius:16px;position:relative;overflow:hidden;box-shadow:0 1px 2px #262b280f,0 12px 32px #262b2814}.demo-frame:where(.astro-7aropxhg) video:where(.astro-7aropxhg),.demo-frame:where(.astro-7aropxhg) video{aspect-ratio:16/9;background:var(--paper-2);width:100%;height:auto;display:block}.pause:where(.astro-7aropxhg){width:36px;height:36px;color:var(--ink);cursor:pointer;background:#fbfaf6f0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;bottom:24px;right:16px}.pause:where(.astro-7aropxhg) .i-play:where(.astro-7aropxhg){display:none}.pause:where(.astro-7aropxhg)[aria-pressed=true] .i-play:where(.astro-7aropxhg){display:inline}.pause:where(.astro-7aropxhg)[aria-pressed=true] .i-pause:where(.astro-7aropxhg){display:none}.play:where(.astro-7aropxhg):focus-visible,.pause:where(.astro-7aropxhg):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.play:where(.astro-7aropxhg){font:inherit;color:var(--ink);cursor:pointer;background:#fbfaf6f0;border:0;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 12px;font-size:14px;font-weight:500;display:flex;position:absolute;bottom:24px;left:24px}.play:where(.astro-7aropxhg):hover{background:#fff}figcaption:where(.astro-7aropxhg){color:var(--ink-3);font-size:13px}.cards3:where(.astro-7aropxhg){grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card:where(.astro-7aropxhg){background:var(--paper-2);border-radius:16px;flex-direction:column;gap:14px;padding:32px;display:flex}.card:where(.astro-7aropxhg) h3:where(.astro-7aropxhg){font-size:22px}.card:where(.astro-7aropxhg) p:where(.astro-7aropxhg){color:var(--ink-2)}.num:where(.astro-7aropxhg){color:var(--ink-3);font-size:13px}.proof:where(.astro-7aropxhg){border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-2);margin-top:auto;padding-top:16px;font-size:13px}.how:where(.astro-7aropxhg){flex-wrap:wrap;align-items:stretch;gap:32px;display:flex}.loop:where(.astro-7aropxhg){border:1px solid #262b2833;border-radius:20px;flex-direction:column;flex:640px;gap:32px;padding:36px 36px 28px;display:flex}.chain:where(.astro-7aropxhg){flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.part:where(.astro-7aropxhg){flex-direction:column;flex:140px;gap:10px;display:flex}.link:where(.astro-7aropxhg){background:var(--ink);flex:0 0 40px;height:1.5px;margin-top:28px}.app:where(.astro-7aropxhg){border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding-top:24px;display:flex}.bench:where(.astro-7aropxhg){background:var(--paper);border-radius:20px;flex:0 280px;padding:36px}.pname:where(.astro-7aropxhg){font-size:18px;font-weight:500}.pdesc:where(.astro-7aropxhg){color:var(--ink-2);font-size:15px}.fr:where(.astro-7aropxhg){fill:none;stroke:var(--ink);stroke-width:3.6px;stroke-linecap:square}.ac-f:where(.astro-7aropxhg){fill:var(--accent)}.ac-s:where(.astro-7aropxhg){stroke:var(--accent)}.cases:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr);gap:28px}.case:where(.astro-7aropxhg){background:var(--paper-2);border:1px solid var(--line);border-radius:16px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;display:grid;overflow:hidden}.case:where(.astro-7aropxhg):nth-child(2n){grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.case:where(.astro-7aropxhg):nth-child(2n) .clip:where(.astro-7aropxhg){order:2}.case:where(.astro-7aropxhg) .clip:where(.astro-7aropxhg){border-bottom:0}.clip:where(.astro-7aropxhg){border-bottom:1px solid var(--line);background:var(--paper);position:relative}.clip:where(.astro-7aropxhg) video:where(.astro-7aropxhg){aspect-ratio:1840/1000;cursor:pointer;object-fit:cover;width:100%;height:auto;display:block}.watch:where(.astro-7aropxhg){font:inherit;background:var(--ink);color:var(--paper);cursor:pointer;border:0;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;bottom:12px;right:12px}.watch:where(.astro-7aropxhg):hover{background:#000}.watch:where(.astro-7aropxhg):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge:where(.astro-7aropxhg){color:var(--ink-2);pointer-events:none;background:#fbfaf6eb;border-radius:999px;padding:3px 9px;font-size:12px;position:absolute;top:12px;left:12px}.case-body:where(.astro-7aropxhg){flex-direction:column;gap:14px;padding:32px 36px;display:flex}.case:where(.astro-7aropxhg) h3:where(.astro-7aropxhg){font-size:22px}.goal:where(.astro-7aropxhg){color:var(--ink-3);font-size:15px}.case-body:where(.astro-7aropxhg) p:where(.astro-7aropxhg):last-child{color:var(--ink-2);font-size:15px}.dark:where(.astro-7aropxhg){background:var(--ink);color:var(--paper)}.dark:where(.astro-7aropxhg) a:where(.astro-7aropxhg){color:var(--paper)}.dark:where(.astro-7aropxhg) .sub:where(.astro-7aropxhg),.dim:where(.astro-7aropxhg){color:#c9c6be}.dark:where(.astro-7aropxhg) .section:where(.astro-7aropxhg){gap:56px}.stats:where(.astro-7aropxhg){grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:40px}.stat:where(.astro-7aropxhg){flex-direction:column;gap:8px;display:flex}.big:where(.astro-7aropxhg){letter-spacing:-.02em;font-size:56px;font-weight:500}.stat:where(.astro-7aropxhg) .dim:where(.astro-7aropxhg){font-size:15px}.notes:where(.astro-7aropxhg){border-top:1px solid #f4f1ea33;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;padding-top:32px}.notes:where(.astro-7aropxhg) ul:where(.astro-7aropxhg){flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.under:where(.astro-7aropxhg){border-bottom:1px solid #f4f1ea80}.under-dark:where(.astro-7aropxhg){border-bottom:1px solid var(--accent)}.faqsec:where(.astro-7aropxhg){gap:28px}.faqlist:where(.astro-7aropxhg){border-top:1px solid var(--line);flex-direction:column;max-width:820px;display:flex}.faqlist:where(.astro-7aropxhg) details:where(.astro-7aropxhg){border-bottom:1px solid var(--line);padding:18px 0}.faqlist:where(.astro-7aropxhg) summary:where(.astro-7aropxhg){cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:500;list-style:none;display:flex}.faqlist:where(.astro-7aropxhg) summary:where(.astro-7aropxhg)::-webkit-details-marker{display:none}.faqlist:where(.astro-7aropxhg) summary:where(.astro-7aropxhg):after{content:"+";color:var(--accent);font-weight:400}.faqlist:where(.astro-7aropxhg) details:where(.astro-7aropxhg)[open] summary:where(.astro-7aropxhg):after{content:"−"}.faqlist:where(.astro-7aropxhg) summary:where(.astro-7aropxhg):focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.faqlist:where(.astro-7aropxhg) p:where(.astro-7aropxhg){color:var(--ink-2);max-width:68ch;margin-top:10px}.more:where(.astro-7aropxhg){border-bottom:1px solid var(--accent);align-self:flex-start}.cta:where(.astro-7aropxhg){text-align:center;flex-direction:column;align-items:center;gap:24px;padding-top:112px;padding-bottom:112px;display:flex}.mascot:where(.astro-7aropxhg){width:120px;height:auto}.cta-title:where(.astro-7aropxhg){letter-spacing:-.02em;font-size:44px}.foot:where(.astro-7aropxhg){color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:32px;padding-top:48px;padding-bottom:64px;font-size:14px;display:flex}.licence:where(.astro-7aropxhg){max-width:420px}.fine:where(.astro-7aropxhg){font-size:12px}.licence:where(.astro-7aropxhg) img:where(.astro-7aropxhg){width:auto;height:24px}.fnav:where(.astro-7aropxhg){grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 40px;display:grid}@media (width<=960px){.case:where(.astro-7aropxhg),.case:where(.astro-7aropxhg):nth-child(2n){grid-template-columns:minmax(0,1fr)}.case:where(.astro-7aropxhg):nth-child(2n) .clip:where(.astro-7aropxhg){order:0}.hero:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.wrap:where(.astro-7aropxhg){padding-left:16px;padding-right:16px}.section:where(.astro-7aropxhg){gap:32px;padding-top:64px;padding-bottom:64px}.nav:where(.astro-7aropxhg){gap:14px 18px;font-size:14px}.hero:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr);gap:40px;padding-top:32px;padding-bottom:64px}h1:where(.astro-7aropxhg){font-size:40px}html[lang=zh-CN] h1:where(.astro-7aropxhg){font-size:30px}h2:where(.astro-7aropxhg){font-size:28px}.cards3:where(.astro-7aropxhg),.cases:where(.astro-7aropxhg),.stats:where(.astro-7aropxhg),.notes:where(.astro-7aropxhg){grid-template-columns:minmax(0,1fr)}.card:where(.astro-7aropxhg),.case-body:where(.astro-7aropxhg){padding:24px}.loop:where(.astro-7aropxhg){flex-basis:100%;padding:24px}.chain:where(.astro-7aropxhg){flex-direction:column}.link:where(.astro-7aropxhg){flex-basis:24px;width:1.5px;height:24px;margin:0 0 0 27px}.bench:where(.astro-7aropxhg){flex-basis:100%;padding:24px}.big:where(.astro-7aropxhg){font-size:44px}.cta:where(.astro-7aropxhg){padding-top:72px;padding-bottom:72px}.cta-title:where(.astro-7aropxhg){font-size:34px}.fnav:where(.astro-7aropxhg){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.play:where(.astro-7aropxhg){bottom:12px;left:12px}}