:root{--bg:#f4f5ef;--ink:#18231f;--soft:#58655e;--muted:#7f8b84;--line:#d5ddd5;--green:#087c52;--pale:#dceee3;--dark:#17221f;--sans:-apple-system,"Segoe UI","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--h1:clamp(2.6rem,4.2vw,4.25rem);--h2:clamp(2rem,3.5vw,3.25rem)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{min-width:320px;color:var(--ink);background:var(--bg);font-family:var(--sans);margin:0;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}code{font-family:var(--mono);font-size:.9em}::selection{color:#fff;background:var(--green)}.section-pad,.section{width:min(1180px,100% - 64px);margin:auto}.site-nav{z-index:10;backdrop-filter:blur(16px);background:#f4f5efe8;border-bottom:1px solid #18231f12;grid-template-columns:1fr auto 1fr;align-items:center;min-height:76px;padding:12px max(32px,50% - 590px);display:grid;position:sticky;top:0}.brand img{mix-blend-mode:multiply;width:150px;display:block}.site-nav nav{gap:30px;font-size:14px;font-weight:700;display:flex}.site-nav nav a:hover,.nav-actions a:hover,.footer a:hover{color:var(--green)}.nav-actions{justify-content:flex-end;gap:10px;display:flex}.nav-actions button,.nav-actions a{cursor:pointer;background:0 0;border:1px solid #aebbb2;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:700}.menu-toggle{width:40px;display:none!important}.menu-toggle span{background:currentColor;height:2px;margin:4px 0;display:block}.install-cmd{background:var(--dark);border-radius:12px;align-items:center;gap:14px;max-width:560px;margin:0 0 20px;padding:13px 15px;display:flex;box-shadow:0 14px 32px #0a3d2a26}.install-cmd code{color:#dff3e6;white-space:nowrap;scrollbar-width:none;flex:1;min-width:0;font-size:13px;overflow:auto}.install-cmd code b{color:#7fd6a8}.install-node{color:#9ccdb2;white-space:nowrap;border:1px solid #7fd6a84d;border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11px;font-weight:700}.install-actions{white-space:nowrap;align-items:center;gap:12px;display:flex}.install-actions button{color:#7fd6a8;cursor:pointer;background:0 0;border:0;font-weight:700}.install-actions a{color:#7fd6a8;font-size:13px;font-weight:700}.hero{grid-template-columns:.95fr 1.05fr;align-items:center;gap:7vw;padding-top:14px;padding-bottom:84px;display:grid}.kicker{color:var(--green);letter-spacing:.08em;margin:0 0 18px;font-size:19px;font-weight:700}.hero h1{font-size:var(--h1);letter-spacing:-.02em;text-wrap:balance;margin:0 0 28px;font-weight:700;line-height:1.12}.hero h1 em,h2 em{color:var(--green);font-style:normal}.hero-lede{max-width:520px;color:var(--soft);margin:0 0 30px;font-size:20px;line-height:1.75}.hero-actions,.closing-actions{flex-wrap:wrap;gap:12px;display:flex}.button{border:1px solid #aebbb2;border-radius:8px;align-items:center;min-height:50px;padding:0 19px;font-size:15px;font-weight:700;display:inline-flex}.button.primary{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 12px 25px #087c5224}.button.quiet{border-color:#0000}.button.quiet:hover{border-color:var(--line);background:#fff9}.hero-actions{margin-top:6px}.hero-art{min-height:570px;position:relative}.art-halo{border:1px solid #087c5220;border-radius:50%;position:absolute;inset:10% 4% 8%;transform:rotate(-12deg)}.art-label{color:var(--muted);letter-spacing:.12em;font-size:12px;font-weight:700;position:absolute;top:4%;left:8%}.art-phone{z-index:3;border:7px solid var(--dark);background:#fbfcf8;border-radius:31px;width:33%;min-width:220px;height:472px;padding:15px 13px;position:absolute;top:18%;right:5%;transform:rotate(7deg);box-shadow:14px 26px 45px #0a3d2a38}.wechat-head{justify-content:space-between;padding:2px 10px;font-size:12px;font-weight:700;display:flex}.wechat-title{border-bottom:1px solid var(--line);margin:25px 4px 18px;padding-bottom:13px;font-weight:700}.wechat-bubble{background:#eef3ee;border-radius:13px 13px 13px 3px;width:90%;margin:10px 3px;padding:10px 12px;font-size:13.5px;line-height:1.5}.wechat-bubble.me{color:#075b3d;background:var(--pale);border-radius:13px 13px 3px;margin-left:auto}.wechat-bubble.done{width:92%;color:var(--green)}.bubble-code{font:10.5px/1.6 var(--mono);color:#33684f;background:#fffc;border-radius:8px;margin-top:6px;padding:6px 8px;display:block}.bubble-code i{font-style:normal;display:block}.wechat-date{color:var(--muted);text-align:center;margin:10px 0 2px;font-size:10.5px}.wechat-date:before,.wechat-date:after{content:"—"}.wechat-input{color:var(--muted);border:1px solid #aebbb2;border-radius:12px;justify-content:space-between;padding:9px 11px;font-size:13px;display:flex;position:absolute;bottom:13px;left:11px;right:11px}.wechat-input b{color:#fff;background:#2dbb77;border-radius:7px;padding:0 7px}.art-terminal{z-index:2;color:#d8e9de;background:var(--dark);border-radius:12px;width:69%;padding:24px 25px;position:absolute;top:29%;left:0;transform:rotate(-4deg);box-shadow:18px 28px 48px #0a3d2a40}.terminal-head{color:#8fa398;align-items:center;gap:6px;margin-bottom:35px;font-size:12px;display:flex}.terminal-head i{background:#60776b;border-radius:50%;width:9px;height:9px}.terminal-head i:first-child{background:#d97757}.terminal-head i:nth-child(2){background:#d4a943}.terminal-head i:nth-child(3){background:#2dbb77}.terminal-head span{margin-left:auto}.art-terminal p{font:13.5px/1.6 var(--mono);margin:10px 0}.art-terminal .prompt{color:#7fd6a8}.art-terminal .kv{color:#7fa291;width:88px;display:inline-block}.art-terminal p b,.art-terminal .ok{color:#dff7e7}.art-terminal .dim{color:#91a79a}.art-line{z-index:1;background:var(--green);opacity:.65;width:53%;height:2px;position:absolute;top:56%;left:27%;transform:rotate(-24deg)}.metrics{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metrics div{border-right:1px solid var(--line);padding:30px 26px 28px}.metrics div:first-child{padding-left:0}.metrics div:last-child{border-right:0}.metrics strong{letter-spacing:-.03em;font-size:42px;line-height:1.05;display:block}.metrics span{color:var(--muted);font-size:13px}.how,.adapters,.proof{border-top:1px solid var(--line);padding-top:110px;padding-bottom:110px}.closing{padding:110px 0 96px}.how{grid-template-columns:.8fr 1.2fr;gap:8vw;display:grid}.section-intro h2{font-size:var(--h2);letter-spacing:-.02em;text-wrap:balance;margin:0 0 24px;font-weight:700;line-height:1.18}.section-intro>p:last-child{max-width:42ch;color:var(--soft);margin:0;font-size:17px}.steps{border-top:1px solid var(--line)}.steps article{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr;padding:25px 0;display:grid}.steps article>b{color:#087c5238;font:600 27px/1.1 var(--mono);letter-spacing:.02em}.steps h3{margin:0;font-size:21px}.steps p{color:var(--soft);grid-column:2;margin:5px 0 0;font-size:16px}.steps code{color:var(--green);background:#eef3ec;border-radius:6px;padding:2px 7px;font-size:14px}.adapter-commands{grid-template-columns:1fr}.adapter-list{grid-template-columns:1fr 1fr;gap:18px;display:grid}.adapter{border:1px solid var(--line);background:#fffdf6;border-radius:14px;flex-direction:column;gap:11px;padding:22px 22px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex}.adapter:hover{border-color:#9ccdb2;transform:translateY(-3px);box-shadow:0 12px 26px #0a3d2a17,0 2px 6px #0a3d2a0d}.adapter header{align-items:center;gap:12px;display:flex}.adapter-icon{background:#f2f7f1;border:1px solid #c8dccb;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.adapter-icon img{filter:invert(39%)sepia(49%)saturate(707%)hue-rotate(109deg);width:22px;height:22px}.adapter h3{margin:0;font-size:20px}.adapter header small{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:auto;padding:3px 9px;font-size:11.5px}.adapter p{color:var(--soft);margin:0;font-size:15px;line-height:1.7}.adapter-commands{grid-template-columns:1fr;gap:8px;margin-top:auto;display:grid}.adapter-cmd{cursor:pointer;min-width:0;font:inherit;text-align:left;border:1px solid;border-radius:10px;align-items:center;gap:8px;padding:9px 11px;transition:transform .2s;display:flex}.adapter-cmd:hover{transform:translateY(-1px)}.adapter-cmd.wechat{background:#edf6ef;border-color:#bfe0cd}.adapter-cmd.wechat i{color:#075b3d}.adapter-cmd.wecom{border-color:var(--line);background:#f6f7f3}.adapter-cmd.wecom i{color:var(--soft)}.adapter-cmd i{flex-shrink:0;font-size:11px;font-style:normal;font-weight:700}.adapter-cmd code{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.proof .section-intro,.adapters .section-intro{max-width:640px;margin-bottom:44px}.proof-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.proof-grid figure{border-radius:12px;margin:0;overflow:hidden}.proof-grid img{object-fit:cover;border:1px solid var(--line);background:var(--dark);width:100%;height:100%;transition:transform .55s cubic-bezier(.22,.61,.36,1);display:block;box-shadow:0 12px 28px #0a3d2a17}.proof-wide{grid-column:1/-1}.proof-animation img{aspect-ratio:1500/926}.proof-multi img{aspect-ratio:1200/850}.proof-wechat-a img,.proof-wechat-b img{aspect-ratio:4/3}.proof-wide img{aspect-ratio:2459/1039}.proof-grid figcaption{color:var(--muted);margin-top:9px;padding:0 3px;font-size:13px}.closing{text-align:center}.closing .kicker{margin-bottom:20px}.closing h2{letter-spacing:-.02em;text-wrap:balance;max-width:800px;margin:0 auto 30px;font-size:clamp(2.3rem,4.6vw,4.4rem);font-weight:700;line-height:1.12}.closing-actions{justify-content:center}.footer{border-top:1px solid var(--line);width:min(1180px,100% - 64px);color:var(--muted);justify-content:space-between;align-items:center;margin:auto;padding:28px 0 34px;font-size:14px;display:flex}.footer-brand{letter-spacing:-.01em;color:#eef5f0;font-size:17px;font-weight:700}.footer span{display:block}.nav-icon{vertical-align:-2px;filter:invert(39%)sepia(49%)saturate(707%)hue-rotate(109deg);width:15px;height:15px;margin-right:7px}.button.primary .nav-icon{filter:invert()}.section-intro>p.how-links{margin-top:16px;font-size:14px}.how-links a{color:var(--green);font-weight:700}.adapters-note{color:var(--muted);grid-column:1/-1;margin:2px 0 0;font-size:14px}.js.io .tl{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(6px)}.js.io .tl.on{opacity:1;transform:none}@media (width<=960px){.section-pad,.section,.footer{width:min(100% - 42px,760px)}.site-nav{padding-inline:21px}.hero{grid-template-columns:1fr;gap:30px;padding-top:70px}.hero-art{min-height:560px}.how,.adapters,.proof,.start{grid-template-columns:1fr;gap:52px}.proof-grid{max-width:760px}.install-cmd{flex-wrap:wrap}.install-cmd code{flex-basis:100%}.footer{flex-wrap:wrap;gap:20px}}@media (width<=640px){body{font-size:15px}.kicker{font-size:16px}.section-pad,.section,.footer{width:calc(100% - 32px)}.site-nav{grid-template-columns:1fr auto;min-height:64px;padding-inline:16px}.brand img{width:135px}.site-nav nav{border:1px solid var(--line);background:#f4f5effa;border-radius:12px;flex-direction:column;gap:0;padding:7px;display:none;position:absolute;top:72px;left:16px;right:16px;box-shadow:0 18px 40px #0a3d2a24}.site-nav nav.is-open{display:flex}.site-nav nav a{border-bottom:1px solid var(--line);padding:13px}.site-nav nav a:last-child{border:0}.nav-actions a{display:none}.menu-toggle{display:block!important}.install-cmd{gap:10px;padding:11px 12px}.install-cmd code{font-size:12px}.install-node{padding:2px 7px;font-size:10px}.qs-row{grid-template-columns:20px 1fr auto}.qs-row span{display:none}.qs-row code{font-size:12px}.hero{padding-top:54px;padding-bottom:70px}.hero h1{font-size:clamp(2.5rem,11vw,4.2rem)}.hero-lede{font-size:17px}.bubble-code{margin-top:5px;padding:4px 6px;font-size:9px}.hero-art{min-height:470px}.art-label{font-size:10px;top:1%;left:3%}.art-terminal{width:92%;padding:18px;top:15%}.terminal-head{margin-bottom:24px}.art-terminal p{font-size:11px}.art-terminal .kv{width:64px;font-size:10px}.art-phone{border-width:5px;width:66%;min-width:0;height:345px;padding:10px 8px;top:36%;right:0}.wechat-head{font-size:10px}.wechat-title{margin:18px 3px 12px;font-size:13px}.wechat-date{display:none}.wechat-title{margin:14px 3px 10px;padding-bottom:9px;font-size:12px}.wechat-bubble{margin:7px 3px;padding:7px 9px;font-size:10.5px}.wechat-input{font-size:10px}.metrics{grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2n){border-right:0}.metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.metrics div{padding:22px 16px 20px}.metrics strong{font-size:30px}.metrics span{font-size:12px}.how,.adapters,.proof,.start,.closing{padding-top:84px;padding-bottom:84px}.section-intro h2{font-size:clamp(2rem,8vw,3.2rem)}.section-intro>p:last-child{font-size:16px}.steps article{grid-template-columns:42px 1fr}.steps article>b{font:600 19px/1.1 var(--mono)}.steps h3{font-size:19px}.steps p{font-size:15px}.adapter-list{grid-template-columns:1fr;gap:14px}.adapter{gap:9px;padding:18px 16px}.adapter h3{font-size:19px}.adapter p{font-size:14.5px}.adapter-commands{gap:8px}.adapter-cmd{gap:6px;padding:8px 9px}.adapter-cmd i{font-size:10px}.adapter-cmd code{font-size:11.5px}.proof-grid{grid-template-columns:1fr;gap:24px}.command-body{padding-inline:12px}.command-row{grid-template-columns:25px 1fr;gap:8px;padding:10px 0}.command-row code{white-space:normal;word-break:break-word;font-size:12px}.command-row button{grid-column:2;justify-self:start}.command-note{padding:14px 12px;font-size:13px}.closing h2{font-size:clamp(2.1rem,8.8vw,4.2rem)}.footer{justify-content:start;gap:18px;display:grid}.footer span{font-size:13px}}:focus-visible{outline:2px solid var(--green);outline-offset:3px}[id]{scroll-margin-top:96px}body{-webkit-tap-highlight-color:transparent}.site-nav{transition:box-shadow .3s,background .3s}.site-nav.is-scrolled{background:#f4f5eff2;box-shadow:0 12px 32px #0a3d2a14}.site-nav nav a{position:relative}.site-nav nav a:after{content:"";background:var(--green);transform-origin:0;border-radius:2px;height:2px;transition:transform .25s;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.site-nav nav a:hover:after,.site-nav nav a.is-active:after{transform:scaleX(1)}.nav-actions a{transition:background .2s,border-color .2s}.nav-actions a:hover{background:#ffffff85}.kicker:before{content:"";vertical-align:7px;background:currentColor;width:34px;height:3px;margin-right:14px;display:inline-block}.button{transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button.primary:hover{transform:translateY(-2px);box-shadow:0 18px 34px #087c5238}.button:active{transform:translateY(0)scale(.98)}.install-actions button{transition:color .2s}.metrics strong{font-variant-numeric:tabular-nums}[data-copy]{position:relative}[data-copy].copied:after,[data-copy].copy-failed:after{z-index:5;color:#fff;white-space:nowrap;pointer-events:none;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:700;animation:.3s pop;position:absolute;top:calc(100% + 7px);left:50%;translate:-50%}[data-copy].copied:after{content:"已复制";background:var(--green)}[data-copy].copy-failed:after{content:"复制失败";background:#b3452f}.logo-anchor{justify-content:center;align-items:center;padding:clamp(14px,2.2vw,26px) 0 2px;display:flex}.logo-big{will-change:transform;mix-blend-mode:multiply;width:min(680px,100%);height:auto;display:block}.quickstart{border-top:1px solid var(--line);margin:0 0 18px}.qs-row{border-bottom:1px solid var(--line);grid-template-columns:24px max-content 1fr auto;align-items:center;gap:12px;padding:10px 0;display:grid}.qs-row b{color:#087c5238;font:600 13px/1 var(--mono)}.qs-row code{background:#eef3ec;border-radius:8px;padding:7px 10px;font-size:13.5px}.qs-row span{color:var(--soft);font-size:13px;line-height:1.5}.qs-row button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:700}.quickstart-note{color:var(--muted);margin:0 0 24px;font-size:12.5px;line-height:1.7}@keyframes fade-in{0%{opacity:0}}.js.io .art-halo{animation:.9s .5s both fade-in,14s ease-in-out 1.5s infinite alternate halo-drift}@keyframes halo-drift{0%{transform:rotate(-12deg)}to{transform:rotate(-8deg)scale(1.03)}}.js.io .art-phone{animation:7s ease-in-out 1.6s infinite float-phone}.js.io .art-terminal{animation:9s ease-in-out 2.3s infinite float-terminal}@keyframes float-phone{0%,to{transform:rotate(7deg)}50%{transform:rotate(7deg)translateY(-9px)}}@keyframes float-terminal{0%,to{transform:rotate(-4deg)}50%{transform:rotate(-4deg)translateY(7px)}}.js.io .art-line{animation:.9s cubic-bezier(.7,0,.25,1) 1.1s both draw-line}@keyframes draw-line{0%{transform:rotate(-24deg)scaleX(0)}}.art-terminal .ok-wait:after{content:"";vertical-align:-2px;background:#7fd6a8;border-radius:2px;width:9px;height:15px;margin-left:8px;animation:1.2s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.js.io .wechat-bubble{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(9px)scale(.97)}.js.io .wechat-bubble.pop{opacity:1;transform:none}.outro{background:var(--dark);color:#e9f2ee;position:relative;overflow:hidden}.outro:before{content:"";pointer-events:none;background:radial-gradient(58% 74% at 50% -12%,#0aa56c3d,#0000 68%);position:absolute;inset:0}.outro:after{content:"";pointer-events:none;background-image:radial-gradient(#7fd6a817 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0}.outro .closing,.outro .footer{z-index:1;position:relative}.outro .kicker{color:#7fd6a8}.outro h2{color:#f3f8f4}.outro h2 em{color:#7fd6a8}.outro .button.primary{box-shadow:0 16px 36px #00000052}.outro .button.quiet{color:#eef5f0;border-color:#ffffff2e}.outro .button.quiet:hover{background:#ffffff12;border-color:#ffffff52}.outro .footer{color:#93a89d;border-top-color:#ffffff1a}.outro .footer a:hover{color:#7fd6a8}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js.io .reveal,.js.io .stagger>*,.js.io .wechat-bubble,.js.io .tl{opacity:1;transition:none;transform:none}.art-halo,.art-phone,.art-terminal,.art-line,.art-terminal .ok-wait:after,[data-copy].copied:after,[data-copy].copy-failed:after{animation:none}.logo-big{opacity:1!important;position:static!important;transform:none!important}}