:root{--bg:#f7f9f8;--surface:#fff;--surface-soft:#eff5f1;--ink:#101814;--soft:#536159;--muted:#7b8880;--line:#dce5df;--green:#07a957;--wechat:#07c160;--green-dark:#087342;--green-pale:#dff7e8;--terminal:#101915;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--shadow:0 24px 70px #1032201a}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--ink);background:var(--bg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.65}body:before{z-index:-1;content:"";background-image:linear-gradient(#07a95706 1px,#0000 1px),linear-gradient(90deg,#07a95706 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 62%)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{max-width:100%}::selection{color:#fff;background:var(--green)}:focus-visible{outline-offset:3px;outline:3px solid #07c1606b}[id]{scroll-margin-top:100px}.section{width:min(1180px,100% - 48px);margin-inline:auto}.section-space{padding-block:120px}.compact{width:min(1060px,100% - 48px)}.site-nav{z-index:50;backdrop-filter:blur(18px);background:#f7f9f8db;border-bottom:1px solid #10181412;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:12px max(24px,50vw - 590px);transition:box-shadow .25s,background .25s;display:grid;position:sticky;top:0}.site-nav.is-scrolled{background:#f7f9f8f5;box-shadow:0 12px 35px #14322012}.nav-brand{align-items:center;width:max-content;display:inline-flex}.nav-brand img{mix-blend-mode:multiply;width:168px;height:auto;display:block}.site-nav nav{color:var(--soft);gap:30px;font-size:14px;font-weight:600;display:flex}.site-nav nav a{padding-block:8px;transition:color .2s;position:relative}.site-nav nav a:after{background:var(--wechat);content:"";border-radius:2px;height:2px;transition:transform .2s;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.site-nav nav a:hover,.site-nav nav a.is-active{color:var(--ink)}.site-nav nav a:hover:after,.site-nav nav a.is-active:after{transform:scaleX(1)}.nav-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.lang-link,.nav-github{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600;transition:border-color .2s,transform .2s}.lang-link:hover,.nav-github:hover{border-color:#9cb3a5;transform:translateY(-1px)}.menu-toggle{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:40px;height:38px;padding:9px;display:none}.menu-toggle span{background:currentColor;border-radius:2px;height:2px;margin:5px 0;display:block}.hero-scroll{position:relative}.hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(42px,5vw,68px);min-height:calc(100vh - 72px);padding-block:42px 64px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-logo{mix-blend-mode:multiply;width:min(470px,94%);margin:0 0 34px;display:block}.eyebrow{color:var(--green-dark);font:600 13px/1.45 var(--sans);letter-spacing:.09em;text-transform:uppercase;margin:0 0 18px}.hero h1,.section-heading h2,.trust h2,.closing h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:700}.hero h1{font-size:clamp(3.25rem,4.15vw,3.75rem);line-height:1.07}.hero h1 em{color:var(--green);white-space:nowrap;font-style:normal}.hero-lede{max-width:640px;color:var(--soft);margin:28px 0 31px;font-size:clamp(17px,1.3vw,18px);line-height:1.75}.hero-actions{flex-wrap:wrap;gap:11px;display:flex}.button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;min-height:50px;padding:0 20px;font-size:15px;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:relative}.button:hover{transform:translateY(-2px)}.button.primary{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 12px 30px #07a95738}.button.primary:hover{box-shadow:0 17px 36px #07a9574d}.button.secondary:hover{border-color:#a4b7ab}[data-copy].copied:after,[data-copy-dynamic].copied:after{z-index:8;color:#fff;background:var(--green-dark);content:attr(data-feedback);white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:13px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.hero-facts{color:var(--soft);flex-wrap:wrap;gap:9px 22px;margin-top:23px;font-size:13px;font-weight:600;display:flex}.hero-facts span:first-letter{color:var(--wechat)}.bridge-stage{--mx:0;--my:0;min-height:570px;box-shadow:var(--shadow);isolation:isolate;perspective:1000px;background:linear-gradient(145deg,#fffffff2,#edf7f1e0);border:1px solid #07a95729;border-radius:28px;position:relative;overflow:hidden}.bridge-stage:before{content:"";transform:translate(calc(var(--mx) * -5px), calc(var(--my) * -5px));background-image:radial-gradient(circle,#07c16014,#0000 42%),linear-gradient(#07a9570a 1px,#0000 1px),linear-gradient(90deg,#07a9570a 1px,#0000 1px);background-size:auto,28px 28px,28px 28px;transition:transform .12s linear;position:absolute;inset:0}.stage-glow{top:calc(50% + var(--my) * 90px);left:calc(50% + var(--mx) * 120px);filter:blur(75px);background:#07c16021;border-radius:50%;width:320px;height:320px;transition:top .15s linear,left .15s linear;position:absolute;transform:translate(-50%,-50%)}.stage-status{z-index:6;backdrop-filter:blur(8px);opacity:0;background:#fffc;border:1px solid #07a9572e;border-radius:999px;align-items:center;min-width:215px;min-height:28px;padding:5px 10px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:17px;right:20px;transform:translateY(5px);box-shadow:0 8px 24px #14322012}.bridge-stage:not([data-story-phase="0"]) .stage-status{opacity:1;transform:none}.stage-status i{background:var(--wechat);border-radius:50%;width:7px;height:7px;margin-right:8px;box-shadow:0 0 0 4px #07c1601a}.stage-status span{color:var(--green-dark);font:600 12px/1.3 var(--sans);opacity:0;transition:opacity .15s,transform .15s;position:absolute;left:26px;transform:translateY(4px)}.bridge-stage[data-story-phase="1"] .stage-status [data-phase="1"],.bridge-stage[data-story-phase="2"] .stage-status [data-phase="2"],.bridge-stage[data-story-phase="3"] .stage-status [data-phase="3"],.bridge-stage[data-story-phase="4"] .stage-status [data-phase="4"]{opacity:1;transform:none}.stage-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-line{fill:none;stroke:#b9d1c2;stroke-width:1.5px;transition:stroke .25s,stroke-width .25s,opacity .25s}.story-pulse{fill:none;stroke:var(--wechat);stroke-width:5px;stroke-linecap:round;stroke-dasharray:.035 .965;opacity:0;filter:url(#glow)}.bridge-stage[data-active=channel] .channel-path,.bridge-stage[data-active=cli] .cli-path{stroke:var(--wechat)}.bridge-stage[data-active=channel] .channel-path.flow-line,.bridge-stage[data-active=cli] .cli-path.flow-line{stroke-width:2.5px}.bridge-stage[data-active=channel] .cli-path.flow-line,.bridge-stage[data-active=cli] .channel-path.flow-line{opacity:.2}.bridge-stage.story-execute .cli-node{border-color:var(--wechat);background:#f2fff7;box-shadow:0 0 0 4px #07c16014,0 14px 30px #07a95726}.stage-column{z-index:2;gap:15px;display:grid;position:absolute}.stage-column.channels{gap:44px;width:145px;top:187px;left:28px}.stage-column.cli-nodes{gap:14px;width:160px;top:112px;right:25px}.stage-column .column-label{width:100%;position:absolute}.stage-column.channels .column-label{top:-135px}.stage-column.cli-nodes .column-label{top:-60px}.column-label{color:var(--muted);font:600 13px/1.3 var(--sans);letter-spacing:.03em;text-align:center;margin-bottom:1px}.stage-node{cursor:pointer;text-align:left;background:#ffffffe8;border:1px solid #1018141c;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:38px 1fr;align-items:center;min-height:76px;padding:12px;transition:border-color .2s,box-shadow .2s,opacity .2s;display:grid;box-shadow:0 11px 25px #14322012}.stage-node:hover,.stage-node:focus-visible,.bridge-stage[data-active=channel] .channel-node,.bridge-stage[data-active=cli] .cli-node{border-color:#07c160b3;box-shadow:0 14px 30px #07a95721}.stage-node img,.wechat-mark,.wecom-mark{grid-row:1/3;width:29px;height:29px;margin-right:8px}.stage-node img{object-fit:contain;padding:3px}.wechat-mark,.wecom-mark{color:#fff;background:var(--wechat);font:700 14px/1 var(--sans);letter-spacing:-2px;border-radius:9px;place-items:center;display:grid}.wecom-mark{letter-spacing:0;background:#3974f6}.stage-node b{font-size:14px;font-weight:600;line-height:1.3}.stage-node small{color:var(--muted);font:400 12px/1.35 var(--mono)}.bridge-core{z-index:4;width:172px;min-height:176px;color:var(--ink);cursor:pointer;background:#fffffff0;border:1px solid #07c1608f;border-radius:28px;flex-direction:column;align-items:center;padding:20px 13px 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #07c1600d,0 23px 45px #0764372e}.bridge-core:hover,.bridge-core:focus-visible,.bridge-stage[data-active=bridge] .bridge-core{border-color:var(--wechat);box-shadow:0 0 0 11px #07c16014,0 25px 55px #07643738}.bridge-core img{object-fit:contain;mix-blend-mode:multiply;width:76px;height:40px;margin-bottom:9px}.bridge-core b{font-size:15px;font-weight:600}.bridge-core small{color:var(--soft);font:400 12px/1.45 var(--sans);white-space:nowrap;margin-top:9px}.core-ring{z-index:-1;border:1px solid #07c1602e;border-radius:35px;animation:3s ease-in-out infinite core-breathe;position:absolute;inset:-14px}@keyframes core-breathe{50%{opacity:.4;transform:scale(1.035)}}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:-18px;display:grid}.metrics div{border-right:1px solid var(--line);text-align:center;padding:27px 34px}.metrics div:last-child{border-right:0}.metrics strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(26px,3vw,40px);line-height:1.15;display:block}.metrics span{color:var(--muted);letter-spacing:.03em;font-size:13px;font-weight:600}.section-heading{max-width:760px;margin-bottom:54px}.section-heading h2,.trust h2,.closing h2{font-size:clamp(2.5rem,3.5vw,3rem);line-height:1.1}.section-heading>p:last-child,.split-heading>p,.trust-intro>p{color:var(--soft);margin:22px 0 0;font-size:17px;line-height:1.8}.split-heading{grid-template-columns:1.08fr .92fr;align-items:end;gap:70px;max-width:none;display:grid}.split-heading>p{margin-bottom:4px}.capabilities{border-bottom:1px solid var(--line)}.capability-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.capability-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:250px;padding:34px 70px 34px 28px;transition:background .25s,transform .25s;position:relative;overflow:hidden}.capability-card:nth-child(2n){border-right:0}.capability-card:hover{background:#ffffffb8;transform:translateY(-4px)}.capability-card>span{color:var(--green);font:600 13px/1 var(--sans)}.capability-card h3{letter-spacing:-.02em;margin:36px 0 10px;font-size:21px;font-weight:600}.capability-card p{max-width:43ch;color:var(--soft);margin:0}.capability-card i{color:#07a95721;font:400 58px/1 var(--mono);transition:color .2s,transform .2s;position:absolute;bottom:24px;right:25px}.capability-card:hover i{color:#07a95752;transform:translate(4px)}.architecture{border-bottom:1px solid var(--line)}.system-map{border:1px solid var(--line);background:#ffffffb3;border-radius:24px;grid-template-columns:1fr 140px 1.25fr 140px 1.25fr;align-items:stretch;padding:18px;display:grid;box-shadow:0 18px 55px #1432200f}.system-column{border:1px solid var(--line);background:var(--surface);border-radius:17px;flex-direction:column;gap:10px;min-height:300px;padding:23px;display:flex}.bridge-column{background:linear-gradient(145deg,#fff,#effaf3);border-color:#07c16052}.system-label{color:var(--green-dark);font:600 13px/1.4 var(--sans);letter-spacing:.03em;margin-bottom:15px}.system-item{color:#34443a;font:400 13px/1.45 var(--sans);background:#fafcfb;border:1px solid #e6ece8;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;display:flex}.status-dot{background:var(--wechat);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 4px #07c1601a}.system-transfer{color:var(--green);grid-template-rows:1fr auto 1fr auto;place-items:center;padding-block:35px;display:grid}.system-transfer span{font:300 32px/1 var(--mono);animation:2s ease-in-out infinite transfer-nudge}.system-transfer span:nth-of-type(2){animation-direction:reverse}.system-transfer small{max-width:120px;color:var(--muted);font:400 12px/1.4 var(--sans);text-align:center}@keyframes transfer-nudge{50%{transform:translate(7px)}}.text-link{color:var(--green-dark);border-bottom:1px solid;margin-top:28px;font-size:14px;font-weight:600;display:inline-block}.trust{border-bottom:1px solid var(--line);grid-template-columns:.82fr 1.18fr;align-items:start;gap:9vw;display:grid}.trust-intro{position:sticky;top:120px}.trust-list{border-top:1px solid var(--line)}.trust-list article{border-bottom:1px solid var(--line);grid-template-columns:52px 1fr;gap:15px;padding:28px 4px;display:grid}.trust-list article>span{color:#07a9578c;font:600 13px/1.5 var(--sans)}.trust-list h3{margin:0 0 7px;font-size:20px;font-weight:600}.trust-list p{color:var(--soft);margin:0}.quickstart{border-bottom:1px solid var(--line)}.terminal-setup{color:var(--ink);background:linear-gradient(145deg,#fff,#f1f7f3);border:1px solid #cadbd0;border-radius:19px;overflow:visible;box-shadow:0 24px 60px #14322017}.terminal-bar{border-bottom:1px solid var(--line);background:#eff5f1bf;align-items:center;gap:7px;min-height:48px;padding:0 18px;display:flex}.terminal-bar span{background:#9aaba0;border-radius:50%;width:9px;height:9px}.terminal-bar span:first-child{background:#ff7068}.terminal-bar span:nth-child(2){background:#f6c65b}.terminal-bar span:nth-child(3){background:#4bd27b}.terminal-bar b{color:var(--muted);font:600 13px/1 var(--sans);margin-left:8px}.setup-row{border-bottom:1px solid var(--line);grid-template-columns:45px 150px 1fr auto;align-items:center;gap:15px;min-height:75px;padding:10px 22px;display:grid;position:relative}.step-index{color:#07a957a6;font:600 13px/1 var(--sans)}.step-label{color:var(--soft);font-size:14px;font-weight:600}.setup-row code{color:#20362a;min-width:0;font:400 15px/1.8 var(--mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.setup-row code:first-letter{color:var(--wechat)}.setup-row button{color:var(--green-dark);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600;position:relative}.rotating-word{min-width:9ch;color:var(--green-dark);background:var(--green-pale);transform-origin:50%;transform-style:preserve-3d;backface-visibility:hidden;border:1px solid #07a9574d;border-radius:6px;padding:1px 7px;transition:opacity .2s,transform .2s cubic-bezier(.55,.05,.68,.53),border-color .2s,box-shadow .2s;display:inline-block;transform:perspective(240px)rotateX(0)scale(1);box-shadow:0 0 #07c16000}.rotating-word.flip-out{opacity:.08;border-color:var(--wechat);transform:perspective(240px)rotateX(96deg)translateY(-8px)scale(.92);box-shadow:0 8px 18px #07c16029}.rotating-word.flip-in{animation:.36s cubic-bezier(.18,.82,.28,1.18) command-flip-in}@keyframes command-flip-in{0%{opacity:.08;border-color:var(--wechat);transform:perspective(240px)rotateX(-96deg)translateY(8px)scale(.92);box-shadow:0 -8px 20px #07c16033}62%{opacity:1;border-color:var(--wechat);transform:perspective(240px)rotateX(7deg)scale(1.035);box-shadow:0 0 0 5px #07c1601f,0 8px 22px #07c1602e}to{opacity:1;border-color:#07a9574d;transform:perspective(240px)rotateX(0)scale(1);box-shadow:0 0 #07c16000}}.command-controls{border-bottom:1px solid var(--line);grid-template-columns:.6fr 1.4fr;gap:24px;padding:22px;display:grid}.command-controls>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.command-controls small{width:100%;color:var(--muted);font:600 12px/1.2 var(--sans);letter-spacing:.04em;margin-bottom:4px}.choice{color:var(--soft);cursor:pointer;font:400 13px/1.2 var(--sans);background:#ffffffbd;border:1px solid #cadbd0;border-radius:7px;padding:7px 11px;transition:color .2s,border-color .2s,background .2s}.choice:hover,.choice.active{border-color:var(--wechat);color:var(--green-dark);background:var(--green-pale)}.setup-note{color:var(--muted);white-space:pre-line;margin:0;padding:17px 22px;font-size:13px}.proof{border-bottom:1px solid var(--line);overflow:hidden}.proof-rail{margin-inline:calc(-50vw + min(1180px,100vw - 48px)/2);padding:10px 0 25px;overflow:hidden}.proof-track{gap:18px;width:max-content;animation:48s linear infinite proof-scroll;display:flex}.proof-rail:hover .proof-track,.proof-rail:focus-within .proof-track{animation-play-state:paused}.proof-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;width:clamp(280px,32vw,480px);display:block;overflow:hidden;box-shadow:0 14px 35px #14322014}.proof-card img{object-fit:cover;object-position:top;background:#e9eeeb;width:100%;height:270px;transition:transform .35s;display:block}.proof-card:hover img{transform:scale(1.015)}.proof-card span{color:var(--soft);padding:13px 16px;font-size:13px;font-weight:600;display:block}@keyframes proof-scroll{to{transform:translate(calc(-50% - 9px))}}.closing{text-align:center;flex-direction:column;align-items:center;padding-block:125px;display:flex}.closing>img{mix-blend-mode:multiply;width:min(500px,75vw);margin-bottom:48px}.closing h2{white-space:normal;max-width:900px}.closing .hero-actions{margin-top:38px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding-block:28px 36px;font-size:13px;display:flex}.footer span:first-child{color:var(--ink);font-weight:600}.footer a:hover{color:var(--green)}.scroll-motion [data-scroll-reveal]{opacity:calc(.22 + var(--reveal,1) * .78);transform:translateY(calc((1 - var(--reveal,1)) * 24px)) scale(calc(.985 + var(--reveal,1) * .015));transform-origin:50% 30%}@media (width<=1050px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:76px;padding-bottom:76px}.hero-copy{max-width:780px}.bridge-stage{min-height:570px}.system-map{grid-template-columns:1fr 70px 1.15fr 70px 1.2fr}.system-transfer small{display:none}}@media (width<=760px){.section{width:min(100% - 32px,620px)}.section-space{padding-block:84px}.site-nav{grid-template-columns:1fr auto;min-height:64px;padding-inline:16px}.site-nav nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffffa;border-radius:13px;flex-direction:column;gap:0;padding:8px;display:none;position:absolute;top:70px;left:16px;right:16px}.site-nav nav.is-open{display:flex}.site-nav nav a{border-bottom:1px solid var(--line);padding:12px}.site-nav nav a:last-child{border-bottom:0}.nav-github{display:none}.menu-toggle{display:block}.hero{width:min(100% - 24px,620px);padding-top:54px}.hero-logo{margin-bottom:29px}.hero h1{font-size:clamp(2.65rem,10.5vw,3.45rem)}.hero h1 em{white-space:normal}.bridge-stage{border-radius:21px;min-height:510px}.stage-status{min-width:190px;bottom:12px;right:12px}.stage-lines{height:100%;inset:0}.stage-column.channels{gap:8px;width:118px;top:179px;left:13px}.stage-column.cli-nodes{gap:10px;width:134px;top:96px;right:8px}.stage-column.channels .column-label{top:-154px}.stage-column.cli-nodes .column-label{top:-71px}.stage-node{grid-template-columns:29px 1fr;min-height:72px;padding:8px}.stage-node img,.wechat-mark,.wecom-mark{width:24px;height:24px}.stage-node b{font-size:13px}.stage-node small{font-size:12px}.bridge-core{width:122px;min-height:154px;padding-inline:8px}.bridge-core img{width:68px;height:36px}.bridge-core b{font-size:14px}.bridge-core small{white-space:normal;max-width:98px;font-size:12px;line-height:1.4}.metrics{grid-template-columns:1fr;margin-top:0}.metrics div{border-right:0;border-bottom:1px solid var(--line);padding:20px}.metrics div:last-child{border-bottom:0}.split-heading{grid-template-columns:1fr;gap:5px}.capability-grid{grid-template-columns:1fr}.capability-card{border-right:0;min-height:220px}.system-map{grid-template-columns:1fr;gap:12px;padding:12px}.system-column{min-height:0}.system-transfer{grid-template:auto auto/1fr 1fr;padding:5px 30px}.system-transfer span{transform:rotate(90deg)}.system-transfer small{max-width:none;display:block}.trust{grid-template-columns:1fr;gap:50px}.trust-intro{position:static}.setup-row{grid-template-columns:32px 1fr auto;gap:9px;padding:13px 14px}.step-label{grid-area:1/2/auto/4}.step-index{grid-row:1/3}.setup-row code{grid-area:2/2;font-size:13px}.setup-row button{grid-area:2/3}.command-controls{grid-template-columns:1fr}.proof-rail{margin-inline:-16px}.proof-card{width:285px}.proof-card img{height:205px}.footer{flex-direction:column}}@media (hover:none){.stage-hint{display:none}.bridge-stage{--mx:0!important;--my:0!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.proof-track{transform:none}.proof-rail{overflow-x:auto}}