html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0}.bx{--ink:#111b24;--muted:#54636d;--line:#dce3e7;--ice:#eaf3f8;--mint:#a8efcf;color:var(--ink);background:#fbfcfd;font-family:Inter,Arial,'Microsoft YaHei',sans-serif;line-height:1.5}.bx *{box-sizing:border-box}.bx img{display:block;max-width:100%}.bx a{color:inherit;text-decoration:none}.bx button,.bx input,.bx select{font:inherit}.bx button{cursor:pointer}.bx button:focus-visible,.bx a:focus-visible,.bx input:focus-visible,.bx select:focus-visible{outline:3px solid #0097cf;outline-offset:5px}.bx h1,.bx h2,.bx h3,.bx p,.bx figure,.bx blockquote{margin:0}.bx h1{font-size:clamp(55px,5.4vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:700}.bx h2{font-size:clamp(36px,4vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:650}.bx h3{font-size:24px;letter-spacing:-.03em}.bx em{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em}.bx-wrap{width:min(1320px,90%);margin-inline:auto}.bx-section{padding-block:110px}.bx-lead{color:var(--muted);font-size:17px;line-height:1.8;max-width:530px;margin-top:26px!important}.bx-note{font-size:12px;line-height:1.75;color:var(--muted);margin-top:18px!important;max-width:580px}.bx-eyebrow,.bx-label{font-size:10px;letter-spacing:.13em;font-weight:700;text-transform:uppercase}.bx-eyebrow{margin-bottom:26px!important;display:flex;gap:16px;flex-wrap:wrap}.bx-eyebrow>span:first-child{color:#637989}.bx-label{color:var(--muted);margin-bottom:16px!important}.bx-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 22px;background:var(--ink);color:white!important;border:1px solid var(--ink);font-weight:600;font-size:13px;transition:background .2s,transform .2s;border-radius:5px}.bx-button:hover{background:#2b4758;transform:translateY(-2px)}.bx-text-link{font-size:13px;border-bottom:1px solid #7d8d97;padding-block:10px}.bx-outline{background:transparent;color:var(--ink)!important}.bx-outline:hover{background:#e2edf3}.bx-actions{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:32px}.bx-small{min-height:40px;padding:10px 18px;font-size:12px}.bx-nav{height:88px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;background:#fbfcfdef;backdrop-filter:blur(18px);z-index:20;border-bottom:1px solid var(--line)}.bx-logo{width:154px;height:51px;object-fit:contain}.bx-nav nav,.bx-nav>div{display:flex;align-items:center;gap:28px}.bx-nav nav a{font-size:12px;font-weight:600}.bx-current{border-bottom:2px solid #fe5300;padding-block:10px}.bx-lang{border:0;background:transparent;padding:10px;font-size:12px!important}.bx-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;min-height:700px;padding-block:60px;gap:0}.bx-hero-copy{position:relative;z-index:1}.bx-hero-copy .bx-lead{max-width:450px}.bx-hero-art{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.bx-hero-art>img{width:125%;max-width:none;margin-left:-7%;mix-blend-mode:multiply}.bx-hero-art figcaption{font-size:10px;color:#687986;text-align:right;margin-top:14px}.bx-float{position:absolute;right:0;bottom:18%;background:#ffffffdc;border:1px solid white;box-shadow:0 15px 40px #16233112;padding:12px 18px;display:flex;gap:10px;align-items:center;border-radius:30px;font-size:12px}.bx-dot{width:7px;height:7px;border-radius:50%;background:#70c6ab;display:inline-block;box-shadow:0 0 0 4px #a8efcf33}.bx-feature-nav{display:grid;grid-template-columns:repeat(5,1fr);padding-inline:5%;border-block:1px solid var(--line);background:#f0f5f8}.bx-feature-nav a{display:flex;align-items:center;gap:14px;padding:25px 20px;border-right:1px solid var(--line);font-size:12px;font-weight:600}.bx-feature-nav a:first-child{border-left:1px solid var(--line)}.bx-feature-nav small{font-size:10px;color:#78909e}.bx-feature-nav a>span:last-child{margin-left:auto}.bx-voice{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.bx-voice-options{border-block:1px solid var(--line);margin-top:30px;display:flex;flex-direction:column;gap:15px;padding-block:20px;font-size:13px}.bx-voice-stage{min-height:430px;border-radius:16px;background:radial-gradient(ellipse at top,#e2f1f8,#f0f4f8 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px}.bx-voice-portrait{height:94px;width:94px;object-fit:cover;border-radius:50%;border:5px solid white;object-position:center 35%}.bx-wave{display:flex;height:88px;align-items:center;justify-content:center;gap:4px;margin:24px 0;color:#527e9a}.bx-wave i{display:block;background:currentColor;width:4px;height:var(--h);border-radius:4px;animation:bx-wave 2s var(--d) ease-in-out infinite}.bx-voice-stage blockquote{font-size:23px;line-height:1.5;text-align:center;font-weight:500;letter-spacing:-.03em}.bx-voice-stage>p{margin-top:22px;font-size:12px;color:var(--muted)}@keyframes bx-wave{50%{transform:scaleY(.45);opacity:.5}}.bx-section-head{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:end;margin-bottom:54px}.bx-reminders{background:#edf3f7}.bx-reminder-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.bx-scenarios button{width:100%;display:flex;align-items:center;gap:20px;background:none;border:0;border-bottom:1px solid #d3dfe7;padding:22px 14px;text-align:left;font-size:15px;color:var(--ink)}.bx-scenarios button[aria-pressed=true]{background:white;border-radius:6px;border-bottom-color:transparent;box-shadow:0 8px 24px #24415308}.bx-scenarios small{font-size:10px;color:#71899a}.bx-scenarios button>span:last-child{margin-left:auto}.bx-conversation{background:white;padding:36px 40px;border:1px solid white;border-radius:14px;box-shadow:0 22px 60px #25445c0b;min-height:450px}.bx-demo-label{font-size:9px;letter-spacing:.09em;display:flex;gap:12px;align-items:center;color:#597284;margin-bottom:30px!important;font-weight:650}.bx-conversation blockquote{font-size:clamp(22px,2.2vw,31px);line-height:1.3;letter-spacing:-.03em;min-height:90px}.bx-reply{display:flex;gap:22px;background:#f3f7f9;padding:23px;border-radius:8px;margin-block:26px;min-height:115px}.bx-reply .bx-label{margin-bottom:8px!important}.bx-reply p:last-child{font-size:16px}.bx-mini-wave{color:#5b8f8b;white-space:nowrap;font-size:20px}.bx-preview{min-width:180px}.bx-passport{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:90px}.bx-passport-demo{--accent:#a8efcf;background:#eaf0f3;padding:35px 30px;border-radius:14px}.bx-passport-screen{background:#121b22;color:#f9fcff;padding:20px;border-radius:8px;box-shadow:0 24px 40px #0b1e3330;font-family:Inter,Arial,sans-serif}.bx-screen-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.08em;padding-bottom:13px;border-bottom:1px solid #ffffff30}.bx-passport-content{display:grid;grid-template-columns:.86fr 1fr;gap:22px;margin-block:18px;min-height:190px}.bx-passport-photo{height:100%;max-height:235px;width:100%;object-fit:cover;border-radius:4px}.bx-passport-content small{font-size:8px;letter-spacing:.08em;color:#9dabb7}.bx-passport-content h3{margin-block:12px;font-size:25px;overflow-wrap:anywhere}.bx-passport-content p:last-child{font-size:17px;overflow-wrap:anywhere;line-height:1.4}.bx-status{color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:12px 10px;margin-block:12px!important;font-size:15px}.bx-screen-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff30;padding-top:14px;font-size:9px;letter-spacing:.1em}.bx-palette{display:flex;justify-content:center;gap:14px;margin-top:28px}.bx-palette button{width:26px;height:26px;background:var(--swatch);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #adbcc7}.bx-palette button[aria-pressed=true]{box-shadow:0 0 0 2px #152b3b}.bx-passport-demo>.bx-note{text-align:center}.bx-profile{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.bx-profile label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:600}.bx-profile label:nth-child(2){grid-column:1/-1;grid-row:2}.bx input,.bx select{min-width:0;border:1px solid #cbd7df;border-radius:5px;background:white;color:var(--ink);padding:12px;font-size:14px;width:100%}.bx-code{background:#111b24;color:#f4f8fb}.bx-code .bx-lead,.bx-code .bx-note{color:#a6b9c7}.bx-code .bx-eyebrow>span:first-child,.bx-code .bx-label{color:#9bc6d6}.bx-code em{color:#b3def4}.bx-pill{display:inline-flex;border:1px solid #527382;border-radius:20px;padding:6px 12px;font-size:9px;letter-spacing:.09em;font-weight:600;margin-bottom:20px!important}.bx-coding-demo{display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;margin-top:56px;align-items:center}.bx-code-brief blockquote{font-size:30px;line-height:1.35;letter-spacing:-.03em;min-height:130px}.bx-tool-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.bx-tool-tabs button{background:transparent;color:#c8d8e3;border:1px solid #415360;padding:10px 15px;border-radius:5px;font-size:13px}.bx-tool-tabs button[aria-pressed=true]{background:#d8edf6;color:#12212e;border-color:#d8edf6}.bx-terminal{background:#0a1219;border:1px solid #3b4e5b;border-radius:12px;overflow:hidden;box-shadow:0 28px 90px #0004}.bx-terminal-top{display:flex;justify-content:space-between;gap:10px;padding:17px 22px;border-bottom:1px solid #283b48;font-size:9px;letter-spacing:.08em;color:#819bab}.bx-terminal-top>span:first-child{color:#40525f}.bx-code-steps{padding:26px;font-size:12px}.bx-code-steps p{display:flex;gap:14px;margin-block:16px}.bx-code-steps p>span:first-child{color:#6c8ea4;font-family:monospace}.bx-code-result{margin:0 24px 26px;background:#15272b;border:1px solid #304d4d;padding:22px;display:flex;gap:16px;border-radius:6px;font-size:16px;min-height:118px}.bx-code-result .bx-mini-wave{color:#a8efcf}.bx-code-foot{margin-top:54px;border-top:1px solid #33424e;padding-top:24px;display:flex;justify-content:space-between;gap:28px;font-size:14px}.bx-code-foot small{font-size:10px;color:#99aab8}.bx-arcade{display:grid;grid-template-columns:1fr 1fr;background:#edf3f6;border-radius:16px;overflow:hidden}.bx-playground{background:#e3edf2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;min-height:420px}.bx-playground .bx-demo-label{margin-bottom:16px!important}#bx-game-visual{font-size:125px;line-height:1.2;color:#243947;min-height:170px;display:flex;align-items:center;justify-content:center;text-align:center}#bx-game-message{min-height:44px;font-size:13px;text-align:center;margin-block:15px;max-width:300px}.bx-game-menu{padding:24px}.bx-game-menu button{display:flex;gap:20px;align-items:center;width:100%;padding:22px 20px;border:0;border-bottom:1px solid #d3dfe5;background:transparent;text-align:left;color:var(--ink)}.bx-game-menu button[aria-pressed=true]{background:white;border-radius:8px;border-color:transparent}.bx-game-menu small{font-size:10px;color:#7f939f}.bx-game-menu strong{display:block;font-size:18px;letter-spacing:-.03em}.bx-game-menu div>span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.bx-game-menu button>span:last-child{margin-left:auto}.bx-real-games{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:24px;align-items:center;margin-top:44px}.bx-real-games img{border-radius:5px;border:1px solid #cbd9e2}.bx-real-games h3{font-size:18px}.bx-real-games p:last-child{font-size:12px;color:var(--muted);margin-top:12px}.bx-community{background:#e8f0f5;text-align:center}.bx-community .bx-lead,.bx-community .bx-note{margin-inline:auto!important;max-width:700px}.bx-creator-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:40px;margin:55px 0 40px}.bx-creator-grid article{border-top:1px solid #b8cbd7;padding-top:24px}.bx-creator-grid article>span{color:#718996;font-size:12px}.bx-creator-grid h3{margin-block:20px 12px;font-size:22px}.bx-creator-grid p{font-size:14px;color:var(--muted);line-height:1.8}.bx-proof{display:grid;grid-template-columns:.85fr 1fr;gap:110px;align-items:center}.bx-proof figure{border-radius:10px;overflow:hidden;background:#111b24}.bx-proof figure img{height:460px;width:100%;object-fit:cover;object-position:50% 39%}.bx-proof figcaption{padding:16px 22px;font-size:10px;color:#e1edf5;letter-spacing:.1em}.bx-proof-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.bx-proof-tags span{border:1px solid #c9d5df;border-radius:20px;padding:7px 12px;font-size:11px}.bx-faq{padding-bottom:80px}.bx-faq h2{font-size:34px;margin-bottom:30px}.bx-faq details{border-top:1px solid var(--line);padding:22px 0}.bx-faq details:last-child{border-bottom:1px solid var(--line)}.bx-faq summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;font-size:16px;font-weight:600}.bx-faq summary::-webkit-details-marker{display:none}.bx-faq details[open] summary>span:last-child{transform:rotate(45deg)}.bx-faq details p{max-width:850px;font-size:14px;line-height:1.9;color:var(--muted);padding-top:20px}.bx-final{text-align:center;padding:70px 0 100px}.bx-final .bx-actions{justify-content:center}.bx-footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.bx-footer>span{font-size:12px}.bx-footer small{font-size:10px;color:var(--muted)}.bx-skip{position:fixed;left:10px;top:-90px;padding:14px;background:white;z-index:99}.bx-skip:focus{top:10px}.bx-tiles{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;width:230px;height:230px;font-size:23px!important}.bx-tile{background:#cfdee7;border-radius:5px;min-height:50px;display:flex;align-items:center;justify-content:center;font-weight:650}.bx-tile[data-value="2"]{background:#fff}.bx-tile[data-value="4"]{background:#d1efd9}.bx-tile[data-value="8"]{background:#a8dfc3}.bx-tile[data-value="16"]{background:#a9ddf5}.bx-move-controls{display:flex;gap:8px;margin-top:12px}.bx-move-controls button{border:1px solid #a5bdcc;background:white;padding:8px 14px;border-radius:4px}.bx[lang=zh-CN] h1{font-size:clamp(48px,5vw,78px);line-height:1.17;letter-spacing:-.045em}.bx[lang=zh-CN] em{font-family:inherit;font-style:normal;font-weight:400}.bx[lang=zh-CN] h2{line-height:1.25;letter-spacing:-.035em}.bx[lang=zh-CN] .bx-eyebrow{letter-spacing:.04em}
@media(min-width:1600px){.bx-hero{min-height:760px}.bx-hero-art>img{width:130%}}
@media(max-width:1000px){.bx-hero{min-height:600px}.bx-hero-art>img{width:120%;margin-left:-10%}.bx-feature-nav a{padding:20px 10px;gap:8px}.bx-feature-nav small{display:none}.bx-voice,.bx-passport,.bx-proof{gap:45px}.bx-section-head,.bx-reminder-layout,.bx-coding-demo{gap:36px}.bx-conversation{padding:28px}.bx-passport-content{gap:12px}.bx-real-games{grid-template-columns:repeat(3,1fr)}.bx-real-games>div{grid-column:1/-1}.bx-nav nav{gap:18px}.bx-nav>div{gap:8px}.bx-section{padding-block:80px}.bx-proof figure img{height:420px}}
@media(max-width:700px){html{scroll-padding-top:80px}.bx-wrap{width:89%}.bx-nav{height:72px;padding-inline:5%;gap:8px}.bx-logo{width:115px;height:38px}.bx-nav nav{display:none}.bx-small{font-size:10px;padding:10px;min-height:36px}.bx-lang{padding:8px;font-size:11px!important}.bx h1{font-size:56px}.bx h2{font-size:40px}.bx-hero{grid-template-columns:1fr;padding-block:45px 22px;gap:16px}.bx-hero .bx-eyebrow{font-size:8px;gap:8px;margin-bottom:20px!important}.bx-hero h1 br:nth-child(2){display:none}.bx-hero h1 em{display:block}.bx-hero-copy .bx-lead{font-size:15px;line-height:1.8}.bx-actions{gap:16px;margin-top:24px}.bx-button{font-size:12px;padding:12px 18px;min-height:48px}.bx-hero-art{min-height:340px}.bx-hero-art>img{width:115%;margin-left:-7.5%}.bx-hero-art figcaption{font-size:8px;margin-top:0}.bx-float{bottom:13%;font-size:9px;padding:9px 13px;right:0}.bx-feature-nav{grid-template-columns:repeat(5,minmax(116px,1fr));overflow-x:auto;padding-inline:0}.bx-feature-nav a{font-size:10px;white-space:nowrap;padding:19px 14px}.bx-section{padding-block:65px}.bx-voice,.bx-passport,.bx-proof,.bx-section-head,.bx-reminder-layout,.bx-coding-demo,.bx-arcade{grid-template-columns:1fr;gap:32px}.bx-section-head{margin-bottom:34px}.bx-lead{font-size:15px;line-height:1.85;margin-top:20px!important}.bx-section-head .bx-lead{margin-top:0!important}.bx-eyebrow{font-size:9px;gap:10px;margin-bottom:20px!important}.bx-voice-stage{min-height:360px;padding:26px}.bx-voice-stage blockquote{font-size:22px}.bx-voice-options{font-size:12px}.bx-scenarios{display:flex;overflow-x:auto;gap:8px;padding-bottom:8px}.bx-scenarios button{min-width:160px;padding:17px 12px;gap:9px;border:1px solid #d3dfe7;border-radius:6px;font-size:12px}.bx-scenarios button small{display:none}.bx-reminder-layout{gap:18px}.bx-conversation{padding:26px 22px;min-height:440px}.bx-conversation blockquote{font-size:24px;min-height:80px}.bx-reply{padding:18px;gap:15px;min-height:120px}.bx-passport>div:last-child{grid-row:1}.bx-passport-demo{padding:25px 18px}.bx-passport-screen{padding:15px}.bx-passport-content{min-height:170px}.bx-passport-content h3{font-size:22px}.bx-passport-content p:last-child{font-size:14px}.bx-status{padding:10px 7px;font-size:13px}.bx-screen-bottom{font-size:8px}.bx-code-brief blockquote{font-size:26px;min-height:100px}.bx-code-foot{flex-direction:column;gap:14px}.bx-terminal-top{padding:16px;font-size:8px}.bx-code-steps{padding:18px;font-size:11px}.bx-code-result{margin:0 18px 20px;padding:18px;font-size:14px}.bx-playground{min-height:390px}.bx-game-menu{padding:12px}.bx-game-menu button{padding:18px 16px}.bx-real-games{gap:10px}.bx-creator-grid{grid-template-columns:1fr;gap:30px;margin:35px 0}.bx-creator-grid h3{margin-block:12px 8px}.bx-community{text-align:left}.bx-community .bx-lead{margin-inline:0!important}.bx-community .bx-pill{font-size:8px}.bx-proof figure img{height:390px}.bx-faq h2{font-size:28px}.bx-faq summary{font-size:14px}.bx-faq details p{font-size:13px}.bx-final{padding:30px 0 65px}.bx-final h2{font-size:39px}.bx-footer{flex-wrap:wrap;gap:18px}.bx-footer>span{font-size:10px}.bx-footer small{flex-basis:100%}.bx[lang=zh-CN] h1{font-size:49px}.bx[lang=zh-CN] .bx-hero h1 br:nth-child(2){display:block}}
.bx-hero>*,.bx-voice>*,.bx-reminder-layout>*,.bx-section-head>*,.bx-passport>*,.bx-coding-demo>*,.bx-arcade>*,.bx-proof>*{min-width:0}.bx-hero-art{isolation:isolate}.bx-hero-art>img{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);border-radius:18px}.bx-reply>div{min-width:0}.bx-nav .bx-small{white-space:nowrap}.bx-lang{white-space:nowrap}.bx-hero{overflow:clip}
@media(max-width:700px){.bx-nav{gap:4px}.bx-nav .bx-logo{width:100px}.bx-nav .bx-small{padding:10px 9px;font-size:10px;min-height:36px}.bx-nav>div{gap:2px}.bx[lang=zh-CN] h1{font-size:clamp(36px,11.4vw,49px)}.bx h1{font-size:clamp(42px,13vw,56px)}.bx-playground{padding-inline:18px}.bx-tiles{width:220px;height:220px}.bx-game-menu button{gap:12px}.bx-demo-label{font-size:8px}.bx-passport-content{grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.bx-passport-content small{font-size:7px}.bx-passport-content h3{font-size:20px}.bx-screen-bottom{letter-spacing:0}.bx-reply{gap:12px}.bx-reply .bx-mini-wave{font-size:15px}.bx-reply p:last-child{font-size:14px}.bx-hero-art>img{mask-image:none;border-radius:10px}.bx-hero-art{min-height:0}.bx-hero-art>img{width:100%;margin:0}.bx-float{bottom:10%}.bx-section-head h2,.bx-faq h2{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bx-wave i{animation:none}.bx-button{transition:none}}