:root{color:#eff2ed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--muted:#9aa6ac;--teal:#b1edda;--border:#dcf0ed1f;background:#0c1115;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:6px}::selection{color:#0c1115;background:#b1edda}h1,h2,h3,h4,p{margin:0}svg{flex-shrink:0}.container{width:min(1240px,100% - 112px);margin-inline:auto}.skip-link{z-index:100;background:var(--teal);color:#101917;padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:10;border-bottom:1px solid var(--border);background:#0c1115;height:96px;position:relative}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:.11em;white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:700;display:inline-flex}.brand small{letter-spacing:.22em;color:#97a7aa;margin-top:5px;font-size:8px;font-weight:500;display:block}.brand-symbol{color:var(--teal);font-size:47px;font-weight:400;line-height:1}.nav{color:#b5c0c2;align-items:center;gap:36px;font-size:13px;display:flex}.nav a{transition:color .2s}.nav a:hover{color:var(--teal)}.nav-contact{color:#e7efe8;border:1px solid #52615f;border-radius:4px;align-items:center;gap:28px;padding:12px 18px;display:flex}.menu-toggle{display:none}.hero{grid-template-columns:1.12fr 1fr;align-items:center;min-height:720px;padding-block:64px 110px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.eyebrow{letter-spacing:.14em;color:var(--teal);align-items:center;gap:10px;font-size:11px;font-weight:500;line-height:1.8;display:flex}.status-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 14px #9df7d96b}h1{letter-spacing:-.045em;white-space:nowrap;margin:28px 0 22px;font-size:clamp(38px,4.1vw,61px);font-weight:500;line-height:1.44}.accent-word{color:var(--teal)}.title-period{color:var(--teal);margin-left:3px}.hero-description{color:#a8b2b6;letter-spacing:.025em;font-size:15px;line-height:2.05}.hero-actions{align-items:center;gap:28px;margin-top:34px;display:flex}.button{border-radius:4px;justify-content:center;align-items:center;gap:35px;padding:16px 22px;font-size:13px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#d1ffef;transform:translateY(-3px)}.primary{background:var(--teal);color:#10281f}.text-link{border-bottom:1px solid #0000;align-items:center;gap:14px;padding-block:9px;font-size:13px;transition:border-color .2s,color .2s;display:inline-flex}.text-link:hover{border-color:var(--teal);color:var(--teal)}.hero-note{color:#7f9096;align-items:center;gap:9px;margin-top:39px;font-size:11px;display:flex}.tiny-cross{color:var(--teal);font-size:18px}.hero-bottom{color:#7e8c92;letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:absolute;bottom:33px;left:0;right:0}.hero-bottom a{align-items:center;gap:24px;font-size:11px;display:flex}.hero-bottom a span{color:var(--teal);font-size:19px}.hero-art{isolation:isolate;background:radial-gradient(at 52% 49%,#28454150,#0000 67%);min-width:0;height:510px;margin-left:-10px;position:relative}.art-grid{z-index:-1;background-image:radial-gradient(#a9cdc744 .8px,#0000 .8px);background-size:31px 31px;position:absolute;inset:9% -4%;-webkit-mask-image:radial-gradient(#000,#0000 71%);mask-image:radial-gradient(#000,#0000 71%)}.three-scene{pointer-events:none;position:absolute;inset:0}.art-coordinate{letter-spacing:.14em;color:#7b9b95;font-family:monospace;font-size:8px;position:absolute}.coordinate-top{top:22px;left:22px}.coordinate-bottom{align-items:center;gap:10px;display:flex;bottom:20px;right:0}.coordinate-bottom .status-dot{width:4px;height:4px}.orbital-fallback{aspect-ratio:1;opacity:.55;width:72%;position:absolute;top:16%;left:15%}.orbital-fallback i{border:1px solid #81c8b33d;border-radius:50%;position:absolute;inset:0;transform:rotate(-30deg)scaleY(.54)}.orbital-fallback i:nth-child(2){transform:rotate(55deg)scaleY(.6)}.orbital-fallback i:nth-child(3){transform:rotate(115deg)scaleY(.7)}.orb-core{background:radial-gradient(circle at 35% 30%,#c6fff722,#539e9210 45%,#0b111200 72%);border:1px solid #97d6c82b;border-radius:50%;position:absolute;inset:25%;box-shadow:inset 0 0 40px #92ecd412,0 0 70px #92ecd40b}.orbit-label{color:#bfcdc9;background:#10191de0;border:1px solid #b7d8cf29;border-radius:4px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;display:flex;position:absolute}.orbit-label i{background:#a6e8d5;border-radius:50%;width:5px;height:5px}.label-cocos{top:22%;right:0}.label-unity{top:57%;left:0}.label-tuanjie{bottom:17%;right:8%}.label-unity i{background:#c2b8e7}.engine-strip{border-block:1px solid var(--border);background:#ffffff02}.engine-strip-inner{justify-content:space-between;align-items:center;gap:20px;min-height:108px;display:flex}.strip-caption,.strip-end{color:#85959b;letter-spacing:.06em;font-size:10px}.engine-name{letter-spacing:-.06em;color:#b4c0c1;font-size:25px;font-weight:700}.engine-name.cocos{font-size:26px}.cocos span{letter-spacing:0;margin-left:6px;font-size:12px;font-weight:500}.engine-name.tuanjie{letter-spacing:.09em;font-size:21px}.section{padding-block:112px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.section-index{letter-spacing:.13em;margin-bottom:23px;font-family:monospace;font-size:10px}h2{letter-spacing:-.04em;font-size:clamp(30px,3.05vw,43px);font-weight:500;line-height:1.48}.muted-heading{color:#839591}.section-heading>p{color:var(--muted);padding-bottom:4px;font-size:13px;line-height:1.9}.product-layout{grid-template-columns:.82fr 1.18fr;align-items:center;gap:85px;display:grid}.product-icon{color:var(--teal);background:#b1edda09;border:1px solid #b1edda30;border-radius:12px;justify-content:center;align-items:center;width:57px;height:57px;margin-bottom:27px;font-size:39px;display:flex}.product-name{font-size:25px;font-weight:500}.product-name span{color:#708b88;letter-spacing:.15em;margin-top:7px;font-size:8px;display:block}.product-copy h3{margin-top:26px;margin-bottom:14px;font-size:18px;font-weight:500}.product-copy>p{color:var(--muted);max-width:360px;font-size:13px;line-height:2.1}.feature-list{margin:25px 0 22px;padding:0;list-style:none}.feature-list li{border-bottom:1px solid var(--border);color:#bcc6c7;padding:12px 0;font-size:12px}.feature-list li span{color:#65887e;margin-right:16px;font-family:monospace;font-size:10px}.teal-link{color:var(--teal)}.demo-window{background:#131c22;border:1px solid #b0d1c52b;border-radius:10px;overflow:hidden;box-shadow:0 30px 80px #0003}.window-bar{border-bottom:1px solid var(--border);color:#a2b1b6;background:#1a252b;align-items:center;gap:17px;height:46px;padding:0 20px;font-size:10px;display:flex}.window-dots{gap:5px;display:flex}.window-dots i{background:#5d6d70;border-radius:50%;width:5px;height:5px}.window-dots i:first-child{background:#b3c3bb}.demo-badge{letter-spacing:.1em;color:#87a59c;margin-left:auto;font-size:8px}.engine-tabs{border-bottom:1px solid var(--border);gap:6px;padding:16px 20px 0;display:flex}.engine-tabs button{color:#97a8ae;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 13px 14px;font-size:11px}.engine-tabs button[aria-selected=true]{color:var(--teal);border-color:var(--teal)}.engine-tabs button:hover{color:#e5f8f0}.demo-body{min-height:421px;padding:23px}.demo-question{align-items:flex-start;gap:11px;margin-bottom:22px;display:flex}.demo-question>span{color:#d1e6dc;background:#344340;border-radius:5px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.demo-question p{color:#d0d9d8;padding-top:1px;font-size:12px;line-height:1.9}.demo-answer{gap:11px;display:flex}.answer-mark{color:var(--teal);font-size:24px;line-height:1}.demo-answer h4{margin-bottom:7px;font-size:12px;font-weight:500;line-height:1.8}.demo-answer p{color:#9aadb2;font-size:11px;line-height:1.85}.code-block{background:#0c141a;border:1px solid #8acdb617;border-radius:5px;margin:18px 0 15px;overflow:hidden}.code-block>div{border-bottom:1px solid var(--border);color:#92aaa7;justify-content:space-between;padding:9px 13px;font-family:monospace;font-size:9px;display:flex}.code-block>div span{color:#798b91}.code-block pre{color:#b0ddc9;tab-size:2;min-height:167px;margin:0;padding:14px 16px;font-size:11px;line-height:1.85;overflow-x:auto}.demo-tags{flex-wrap:wrap;gap:8px;display:flex}.demo-tags span{color:#a5bcb1;background:#8bb8a509;border:1px solid #8bb8a526;border-radius:3px;padding:4px 8px;font-size:9px}.demo-disclaimer{color:#82979e;margin-top:17px;font-size:9px;line-height:1.7}.technology-section{border-block:1px solid var(--border);background:#10171b}.tech-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.tech-card{border:1px solid var(--border);background:#111b20;padding:27px 29px 23px;transition:transform .25s,border-color .25s}.tech-card:hover{border-color:#b1edda55;transform:translateY(-5px)}.tech-card-top{color:#758b90;justify-content:space-between;align-items:center;font-family:monospace;font-size:10px;display:flex}.tech-symbol{color:#c1e2d4;font-size:27px}.tech-card h3{margin-bottom:13px;font-size:19px;font-weight:500}.tech-card p{color:#94a6ac;min-height:74px;font-size:12px;line-height:2}.tech-footer{color:#738e8b;letter-spacing:.035em;border-top:1px solid var(--border);margin-top:26px;padding-top:22px;font-family:monospace;font-size:8px;display:block}.mini-network,.mini-retrieval,.mini-stack{height:108px;margin:18px 0 28px;position:relative}.mini-network{background:repeating-linear-gradient(22deg,#0000 0 29px,#95cdb019 30px,#0000 31px 48px);grid-template-columns:repeat(4,1fr);gap:15px;padding:18px 20px;display:grid}.mini-network i{background:#b1edda12;border:1px solid #9ddebf77;place-self:center;width:10px;height:10px;transform:rotate(45deg)}.mini-network i:nth-child(3n){background:#b1edda;box-shadow:0 0 18px #b1edda40}.mini-retrieval{padding:6px 40px 4px 0}.mini-retrieval i{background:linear-gradient(90deg,#b1edda16,#0000);border:1px solid #9ed2bd2e;border-radius:3px;width:75%;height:20px;margin:10px 0;display:block}.mini-retrieval i:nth-child(2){background:linear-gradient(90deg,#b1edda30,#0000);border-color:#b1edda80;width:90%}.mini-retrieval b{color:#9ddbca;font-size:40px;font-weight:400;position:absolute;top:35px;right:13px}.mini-stack{perspective:500px}.mini-stack i{background:#17312a80;border:1px solid #a0d7c96b;border-radius:5px;width:100px;height:65px;position:absolute;top:0;left:calc(50% - 50px);transform:rotateX(55deg)rotate(-35deg)}.mini-stack i:nth-child(2){top:20px}.mini-stack i:nth-child(3){top:40px}.about-section{grid-template-columns:1fr 1fr;gap:120px;display:grid}.about-copy{padding-top:44px}.about-kicker{letter-spacing:.04em;margin-bottom:23px;font-size:14px;display:block}.about-copy p{color:var(--muted);margin-bottom:17px;font-size:13px;line-height:2.1}.about-values{gap:22px;margin-top:31px;display:flex}.about-values span{color:#b9ccc3;border-left:1px solid #90b7a3;padding-left:12px;font-size:10px}.contact-section{background:#142520;border:1px solid #b1edda26;justify-content:space-between;align-items:center;gap:30px;padding:59px 60px;display:flex;position:relative;overflow:hidden}.contact-section>div:not(.contact-orbit),.contact-link{z-index:1;position:relative}.contact-section .eyebrow{margin-bottom:20px;font-family:monospace;font-size:9px}.contact-section h2{font-size:42px}.contact-section p{color:#a1b6ac;margin-top:20px;font-size:12px;line-height:1.9}.contact-link{align-items:center;gap:35px;font-size:18px;display:flex}.contact-link small{color:#b3cfc0;margin-top:12px;font-size:12px;display:block}.contact-arrow{background:var(--teal);color:#18382b;border-radius:50%;place-items:center;width:61px;height:61px;transition:transform .2s;display:grid}.contact-link:hover .contact-arrow{transform:rotate(45deg)}.contact-arrow svg{width:25px;height:25px}.contact-orbit{border:1px solid #adedd017;border-radius:50%;width:460px;height:460px;position:absolute;top:-160px;right:12%;box-shadow:0 0 0 60px #adedd006,0 0 0 120px #adedd004}.footer{justify-content:space-between;align-items:center;gap:25px;padding-block:45px;display:flex}.brand-footer{gap:9px;font-size:15px}.brand-footer .brand-symbol{font-size:33px}.brand-footer small{font-size:6px}.footer p,.back-top{color:#8c9c9e;font-size:10px}.back-top:hover{color:var(--teal)}@media (width>=1600px){.hero{min-height:780px}.hero-art{height:560px}}@media (width<=1100px){.container{width:calc(100% - 64px)}.nav{gap:22px}.hero{grid-template-columns:1.15fr 1fr;min-height:650px}.hero-art{height:420px}.hero-actions{gap:16px}.button{gap:22px}.product-layout{gap:44px}.strip-end{display:none}.about-section{gap:65px}.tech-card{padding-inline:22px}.contact-section{padding:45px 36px}.contact-link{gap:20px}.contact-link small{font-size:11px}}@media (width<=760px){html{scroll-padding-top:25px}.container{width:calc(100% - 40px)}.site-header{height:80px}.brand{font-size:18px}.brand-symbol{font-size:38px}.brand small{font-size:7px}.menu-toggle{color:#d3e9df;background:0 0;border:1px solid #67857b70;border-radius:4px;padding:10px 13px;font-size:12px;display:block}.nav{background:#10191e;border-bottom:1px solid #47685a;padding:18px 20px 24px;display:none;position:absolute;top:79px;left:0;right:0;box-shadow:0 20px 30px #0005}.nav.open{flex-direction:column;align-items:stretch;gap:0;display:flex}.nav>a{padding:15px 4px}.nav .nav-contact{justify-content:space-between;margin-top:12px;padding:14px}.hero{flex-direction:column;align-items:stretch;min-height:0;padding-block:48px 77px;display:flex}.hero h1{letter-spacing:-.055em;margin-block:24px 17px;font-size:clamp(30px,7.8vw,53px);line-height:1.48}.eyebrow{letter-spacing:.1em;font-size:9px}.hero-description{font-size:13px;line-height:2}.hero-actions{gap:20px;margin-top:27px}.button{gap:20px;padding:14px 16px;font-size:12px}.text-link{gap:8px;font-size:12px}.hero-note{margin-top:23px;font-size:10px}.hero-art{width:100%;max-width:420px;height:320px;margin:12px auto -13px}.orbital-fallback{opacity:1;width:68%;top:9%;left:16%}.orbital-fallback i{border-color:#91cfbb65}.orb-core{background:radial-gradient(circle at 30% 30%,#c6fff749,#25413c77 55%,#0b111200 80%);border-color:#97d6c85b;box-shadow:inset 0 0 40px #92ecd425,0 0 70px #92ecd415}.coordinate-top{font-size:7px;top:14px;left:0}.coordinate-bottom{font-size:6px;bottom:18px;right:7px}.orbit-label{padding:7px 10px;font-size:9px}.label-cocos{top:24%;right:0}.label-unity{top:54%;left:0}.label-tuanjie{bottom:24%;right:4%}.hero-bottom{letter-spacing:.04em;font-size:7px;bottom:25px}.hero-bottom a{gap:12px;font-size:10px}.engine-strip-inner{flex-wrap:wrap;justify-content:space-between;gap:0;min-height:114px;padding-block:20px}.strip-caption{flex-basis:100%;margin-bottom:19px;font-size:9px}.engine-name,.engine-name.cocos{font-size:21px}.cocos span{font-size:9px}.engine-name.tuanjie{font-size:17px}.section{padding-block:70px}.section-heading{margin-bottom:35px;display:block}.section-index{margin-bottom:18px;font-size:9px}h2{font-size:31px}.section-heading>p{margin-top:20px;font-size:12px}.desktop-break{display:none}.product-layout{grid-template-columns:1fr;gap:35px}.product-icon{width:48px;height:48px;margin-bottom:20px;font-size:34px}.product-copy>p{max-width:none}.product-name{font-size:24px}.feature-list{margin-top:20px}.demo-body{min-height:446px;padding:18px}.window-bar{padding-inline:15px}.engine-tabs{gap:0;padding-inline:10px}.engine-tabs button{padding-inline:11px;font-size:10px}.demo-answer h4,.demo-question p{font-size:11px}.code-block pre{padding:12px;font-size:10px}.demo-disclaimer{font-size:8px}.tech-grid{grid-template-columns:1fr;gap:15px}.tech-card{padding:25px}.tech-card p{min-height:0}.mini-network,.mini-retrieval,.mini-stack{max-width:230px;height:90px;margin:12px 0 24px}.tech-footer{margin-top:20px;padding-top:18px}.about-section{grid-template-columns:1fr;gap:26px}.about-copy{padding:0}.about-kicker{margin-bottom:15px}.about-values{gap:17px;margin-top:25px}.about-values span{padding-left:9px;font-size:9px}.contact-section{flex-direction:column;align-items:flex-start;gap:32px;padding:32px 25px}.contact-section h2{font-size:34px}.contact-section p{font-size:11px}.contact-link{justify-content:space-between;gap:10px;width:100%;font-size:17px}.contact-link small{font-size:10px}.contact-arrow{width:44px;height:44px}.footer{flex-wrap:wrap;gap:24px;padding-block:35px}.footer p{order:3;width:100%;font-size:9px}.back-top{font-size:9px}.brand-footer{font-size:14px}.brand-footer small{font-size:6px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.fallback-crystal{color:#b1eddaba;filter:drop-shadow(0 0 12px #8ae0c72a);width:56%;height:56%;position:absolute;inset:22%}.orbital-fallback{opacity:.9}.demo-answer p{font-size:12px}.demo-answer h4,.demo-question p,.tech-card p{font-size:13px}.section-heading>p{font-size:14px}.three-scene{z-index:1}.orbit-label,.art-coordinate{z-index:2}@media (width<=760px){.demo-answer h4,.demo-question p{font-size:12px}.demo-answer p{font-size:11px}.section-heading>p{font-size:12px}}.hero-art-shell{min-width:0;position:relative}.motion-toggle{color:#9ab6ab;z-index:3;background:0 0;border:0;align-items:center;gap:10px;padding:8px;font-size:10px;display:flex;position:absolute;top:16px;right:0}.motion-toggle:hover{color:#d5ffed}.hero-art:has(canvas) .fallback-crystal{opacity:0}@media (width<=760px){.motion-toggle{display:none}}