:root{color-scheme:dark;--ink:#060d18;--yellow:#f4de79;--blue:#6bc8f9;--text:#edf3fa;--muted:#8b9bb0;--line:rgba(139,174,209,.12)}
*{box-sizing:border-box}
html{min-width:320px;background:var(--ink);scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;color:var(--text);font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",sans-serif;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 50% 40%,#10233a 0%,#091421 40%,#060d18 76%)}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}::selection{background:#f4de7933;color:#fff}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;top:8px;left:16px;z-index:20;transform:translateY(-150%);padding:12px 20px;border-radius:8px;background:var(--yellow);color:var(--ink)}.skip-link:focus{transform:translateY(0)}
#particles,.grid,.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1}#particles{width:100%;height:100%;opacity:.55}.grid{background-image:linear-gradient(#81a7c706 1px,transparent 1px),linear-gradient(90deg,#81a7c706 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse at 50% 45%,#000,transparent 75%)}.ambient{inset:auto;border-radius:50%;filter:blur(100px);opacity:.1}.ambient-blue{width:32vw;height:400px;left:0;top:13%;background:#0879c3}.ambient-gold{width:24vw;height:280px;right:2%;top:38%;background:#958135;opacity:.045}
.header{width:min(1320px,calc(100% - 96px));height:88px;flex-shrink:0;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{display:flex;gap:12px;align-items:center;font-size:22px;letter-spacing:3px;font-weight:600}.wordmark img{border-radius:9px}.wordmark-english{margin-left:5px;padding-left:17px;border-left:1px solid #7f99af33;font-size:11px;font-weight:400;line-height:1.4;letter-spacing:1px;white-space:nowrap;color:#8396ad}.nav{display:flex;align-items:center;gap:32px;font-size:12px;letter-spacing:.06em;color:#a5b3c4}.nav a{display:flex;align-items:center;gap:6px;transition:color .2s}.nav a:hover{color:#fff}.nav svg{width:14px;height:14px}.nav .nav-download{padding:10px 15px;border:1px solid #6b8ba544;border-radius:6px;color:#e2eaf4}.nav-download:hover{background:#7dbbe310}
.hero{width:100%;max-width:1440px;flex:1;margin:0 auto;text-align:center;padding:42px 24px 30px}.hero-copy{position:relative;z-index:1;animation:enter .9s both}h1{margin:0;font-size:clamp(28px,3.2vw,40px);line-height:1.35;letter-spacing:3px;font-weight:600}h1>span{background:linear-gradient(110deg,#f4e8b2,#ebcc61);background-clip:text;-webkit-background-clip:text;color:transparent}.tagline{margin:16px 0 0;font-size:14px;letter-spacing:2px;color:#96a8bd}
.visual{position:relative;width:min(1120px,100%);height:440px;margin:20px auto 0;isolation:isolate;animation:enter 1.1s .1s both}.board-mark{position:absolute;top:19px;color:#536981;font:8px/1.5 Consolas,monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:13px}.board-mark-left{left:10px}.board-mark-left span{color:#8c9baf}.board-mark-right{right:10px}.board-mark i{width:4px;height:4px;background:#66b8d9;border-radius:50%;box-shadow:0 0 8px #66b8d977}
.field{position:absolute;left:50%;top:49%;width:370px;height:370px;transform:translate(-50%,-50%);z-index:-1;pointer-events:none}.field-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#1682b520,transparent 70%);filter:blur(8px)}.outer-ring{position:absolute;inset:4%;border:1px solid #5a93ba15;border-radius:50%}.outer-ring:before{content:"";position:absolute;inset:15px;border:1px dashed #709abc1a;border-radius:50%}.inner-ring{position:absolute;inset:19%;border:1px solid #77b7d818;border-radius:50%}.inner-ring:after{content:"";position:absolute;inset:-7px;border-radius:50%;background:repeating-conic-gradient(#6bacc943 0deg .5deg,transparent .5deg 9deg);mask-image:radial-gradient(circle,transparent 68%,#000 68.5% 70%,transparent 70.5%)}.orbit-dot{position:absolute;inset:4%;border-radius:50%;animation:rotate 48s linear infinite}.orbit-dot:after{content:"";position:absolute;top:0;left:50%;width:4px;height:4px;background:#97d5ed;border-radius:50%;box-shadow:0 0 10px #68cafa88}
.circuits{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke-width:1;pointer-events:none}.circuit{color:#4886a8;transition:color .3s,opacity .3s}.circuit-gold{color:#9c8a4c}.trace{stroke:currentColor;opacity:.38}.signal{stroke:currentColor;stroke-width:1.6;stroke-dasharray:18 420;animation:signal 7s linear infinite;filter:drop-shadow(0 0 4px currentColor);opacity:.8}.circuit:nth-of-type(2n) .signal{animation-delay:-3s}.circuit:nth-of-type(3n) .signal{animation-delay:-5s}.circuit circle{fill:var(--ink);stroke:currentColor;opacity:.65}.circuit.is-active{color:#9adeff}.circuit-gold.is-active{color:#ffe17e}.circuit.is-active .trace{opacity:1;stroke-width:1.5}.circuit.is-active .signal{stroke-width:2.5}.visual.has-active .circuit:not(.is-active){opacity:.3}.board-traces{stroke:#6388aa;opacity:.12}
.core{position:absolute;left:50%;top:49%;width:230px;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;z-index:2}.logo-float{position:relative;width:160px;height:160px;filter:drop-shadow(0 16px 22px #0008);transition:filter .4s}.visual.has-active .logo-float{filter:drop-shadow(0 0 26px #238dcc35)}.chip-base{position:absolute;inset:0;border-radius:16px;border:1px solid #68869f88;background:linear-gradient(145deg,#293d51,#0b1521 45%,#1a2a3b);box-shadow:0 0 0 5px #0a1421,0 0 0 6px #6a9bbd2e,inset 0 1px 3px #d2ebff33,inset 0 -4px 6px #0008;display:flex;align-items:center;justify-content:center}.logo-frame{position:relative;width:104px;height:104px;margin-top:-10px;border-radius:21px;overflow:hidden;background:#00a0e6;border:1px solid #73d4f58c;box-shadow:0 0 24px #039ff12b,inset 0 0 0 1px #a4e6ff55}.logo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,transparent 50%);border-radius:inherit}.hero-logo{display:block;width:100%;height:100%;object-fit:contain}.chip-inscription{position:absolute;bottom:11px;font:7px/1.4 Consolas,monospace;letter-spacing:2px;color:#7f9cb4}.chip-corner{position:absolute;width:4px;height:4px;border-radius:50%;background:#5f778a;box-shadow:inset 0 1px 1px #b3c6d566}.corner-tl{top:9px;left:9px}.corner-tr{top:9px;right:9px}.corner-bl{bottom:9px;left:9px}.corner-br{bottom:9px;right:9px}.chip-pins{position:absolute;inset:16px -15px;background:repeating-linear-gradient(180deg,transparent 0 7px,#426179 7px 11px,#91aec3 11px 12px,transparent 12px 17px);z-index:-1}.pins-vertical{inset:-15px 16px;background:repeating-linear-gradient(90deg,transparent 0 7px,#426179 7px 11px,#91aec3 11px 12px,transparent 12px 17px)}.core-caption{position:absolute;top:193px;width:250px;color:#adbdcc;font-size:11px;letter-spacing:2px;display:flex;align-items:center;justify-content:center;gap:8px}.core-status{display:block;width:4px;height:4px;border-radius:50%;background:#d9ca86;box-shadow:0 0 8px #ddc96266}
.feature-list{list-style:none;margin:0;padding:0}.feature-position{position:absolute;width:190px;transform:translate(-50%,-50%);z-index:3}.feature-nas{left:33%;top:14%}.feature-web{left:67%;top:14%}.feature-search{left:15%;top:37%}.feature-knowledge{left:85%;top:37%}.feature-secretary{left:15%;top:65%}.feature-script{left:85%;top:65%}.feature-voice{left:33%;top:86%}.feature-ledger{left:67%;top:86%}.feature-node{--accent:var(--blue);width:100%;position:relative;display:flex;align-items:center;flex-direction:column;background:linear-gradient(135deg,#102033b3,#0c1726b3);border:1px solid #709bbe1c;border-radius:12px;padding:13px 9px 11px;color:var(--text);cursor:pointer;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s;min-height:108px}.feature-node:before{content:"";position:absolute;width:30px;height:1px;top:-1px;left:calc(50% - 15px);background:var(--accent);opacity:.4}.feature-node:hover,.feature-node:focus-visible,.feature-node[aria-pressed="true"]{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 48%,transparent);background:linear-gradient(135deg,#192d40,#0c1a2b);box-shadow:0 8px 26px #0003,0 0 24px color-mix(in srgb,var(--accent) 7%,transparent)}.feature-gold{--accent:var(--yellow)}.feature-icon{color:var(--accent);display:grid;place-items:center;width:38px;height:34px;margin-bottom:8px;filter:drop-shadow(0 0 7px color-mix(in srgb,var(--accent) 15%,transparent))}.feature-icon svg{width:30px;height:30px;stroke-width:1.5}.feature-name{font-size:14px;font-weight:500;letter-spacing:1px;line-height:1.6}.feature-summary{font-size:10px;color:#8a9cb1;margin-top:4px;letter-spacing:.3px;line-height:1.6}.node-index{position:absolute;top:11px;left:12px;font:8px/1 Consolas,monospace;letter-spacing:1px;color:#627a93;opacity:.7}
.download-section{padding-top:22px}.download-button{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 25px;border-radius:9px;background:linear-gradient(110deg,#f9e8a3,#ebce70);border:1px solid #ffeab1;color:#20231f;font-size:15px;font-weight:600;letter-spacing:.8px;box-shadow:0 5px 25px #eccb6713,inset 0 1px 0 #fff7;transition:transform .2s,box-shadow .2s}.download-button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #eccb672b}.windows-icon{width:22px;height:22px}.download-arrow{width:18px;height:18px;margin-left:13px;stroke-width:1.7}.download-note{margin:13px 0 0;font-size:10px;letter-spacing:.7px;color:#8698ad;line-height:1.8}
.footer{width:min(1320px,calc(100% - 96px));margin:0 auto;min-height:94px;flex-shrink:0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#788ba2;font-size:10px;line-height:1.8}.footer-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 24px}.copyright{margin:0;letter-spacing:.35px}.copyright span{margin-left:5px}.legal-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.legal-links a{transition:color .2s}.legal-links a:hover{color:#d0dbe8}.legal-separator{color:#3e5168}#motion-toggle{display:flex;gap:8px;align-items:center;flex-shrink:0;background:#11203255;border:1px solid #6a88a526;color:#91a6bd;border-radius:6px;padding:9px 12px;font-size:10px;letter-spacing:.5px;cursor:pointer;min-height:36px;transition:background .2s}#motion-toggle:hover{background:#507dac16}.pause-icon{height:9px;width:7px;border-left:2px solid currentColor;border-right:2px solid currentColor}body.motion-paused .pause-icon{height:0;width:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid currentColor;border-right:0}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .hero-copy,body.motion-paused .visual{animation:none}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes signal{from{stroke-dashoffset:438}to{stroke-dashoffset:0}}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{padding-top:52px}.visual{margin-top:30px;height:470px}.circuits{top:15px;height:440px}.download-section{padding-top:25px}.hero-copy h1{font-size:44px}}
@media(max-width:1050px) and (min-width:761px){.header,.footer{width:calc(100% - 64px)}.feature-position{width:163px}.feature-summary{font-size:9px;letter-spacing:0}.feature-nas,.feature-voice{left:31%}.feature-web,.feature-ledger{left:69%}.feature-search,.feature-secretary{left:12%}.feature-knowledge,.feature-script{left:88%}.board-mark{font-size:7px;letter-spacing:.5px}.logo-float{width:144px;height:144px}.logo-frame{width:92px;height:92px}.core-caption{top:180px;font-size:10px}.field{width:310px;height:310px}}
@media(max-width:760px){.header{width:calc(100% - 40px);height:72px}.wordmark{font-size:20px;gap:9px}.wordmark img{width:30px;height:30px}.wordmark-english{font-size:8px;margin-left:0;padding-left:8px;letter-spacing:.3px}.nav{gap:16px;font-size:11px}.nav-feature,.nav .nav-feature{display:none}.nav .nav-download{padding:8px 10px}.nav-download svg{display:none}.hero{padding:34px 20px 30px}h1{font-size:clamp(23px,5vw,32px);letter-spacing:1px}.tagline{font-size:12px;letter-spacing:1px;margin-top:14px}.visual{height:auto;margin-top:8px;padding-top:255px;max-width:500px;animation:none}.board-mark{top:24px;font-size:7px;letter-spacing:.5px}.board-mark-right{display:none}.board-mark-left{left:0}.circuits{display:none}.field{top:125px;width:240px;height:240px}.core{top:122px}.logo-float{width:132px;height:132px}.logo-frame{width:85px;height:85px;border-radius:17px}.chip-base{border-radius:13px}.chip-inscription{font-size:6px;letter-spacing:1.6px;bottom:8px}.core-caption{top:160px;font-size:10px}.feature-list{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-list:before{content:"";position:absolute;left:50%;top:-33px;height:33px;width:1px;background:linear-gradient(#6dadd166,#6dadd122)}.feature-position{position:static;width:auto;transform:none}.feature-node{min-height:120px;padding:14px 6px 12px;background:linear-gradient(135deg,#142438b3,#0c1726b3)}.feature-icon{margin-bottom:7px}.feature-name{font-size:13px}.feature-summary{font-size:10px;letter-spacing:0}.feature-node:hover,.feature-node:focus-visible,.feature-node[aria-pressed="true"]{transform:translateY(-2px)}.download-section{padding-top:23px}.download-button{min-height:54px;font-size:14px;padding:0 22px}.download-note{font-size:9px;letter-spacing:.3px}.footer{width:calc(100% - 40px);padding:22px 0;flex-direction:column;gap:17px;text-align:center;font-size:9px;min-height:142px}.legal-links{justify-content:center;gap:4px 10px;margin-left:0}.copyright span{white-space:nowrap}.legal-separator{display:none}.legal-links a{white-space:nowrap}.footer-content{flex:initial;flex-direction:column;gap:8px;width:100%;max-width:440px}#motion-toggle{font-size:9px;padding:7px 10px;min-height:32px}}
@media(max-width:380px){.wordmark-english{display:none}.nav{gap:12px}.hero{padding-left:16px;padding-right:16px}.feature-list{gap:10px}.feature-summary{font-size:9px}.download-note{max-width:260px;margin-left:auto;margin-right:auto;text-wrap:balance}.copyright span{display:block;margin:0}.legal-links{display:grid}}
.skip-link{opacity:0;pointer-events:none}.skip-link:focus{opacity:1;pointer-events:auto}
#motion-toggle[hidden]{display:none}
.download-button{position:relative;isolation:isolate;overflow:hidden;animation:download-breathe 4.8s cubic-bezier(.45,0,.55,1) infinite}
.download-button>*{position:relative;z-index:1}
.download-button:before{content:"";position:absolute;inset:-45% auto -45% 0;width:65%;background:linear-gradient(90deg,transparent,#fff7 42%,#fffbdcbb 50%,#fff7 58%,transparent);transform:translateX(-160%) skewX(-22deg);opacity:0;pointer-events:none;animation:download-sheen 5.6s ease-in-out infinite}
.download-button:hover:before,.download-button:focus-visible:before{animation-duration:2.4s}
.feature-node:after{content:"";position:absolute;inset:-1px;border:1px solid var(--accent);border-radius:inherit;background:linear-gradient(115deg,color-mix(in srgb,var(--accent) 14%,transparent),transparent 45%,color-mix(in srgb,var(--accent) 8%,transparent));box-shadow:0 0 17px color-mix(in srgb,var(--accent) 36%,transparent),inset 0 0 16px color-mix(in srgb,var(--accent) 15%,transparent);opacity:0;pointer-events:none}
.feature-node.is-glitching{--fault-duration:.82s}
.feature-node.is-glitching:after{animation:card-fault var(--fault-duration) steps(1,end)}
.feature-node.is-glitching:before{animation:fault-indicator var(--fault-duration) steps(1,end)}
.feature-node.is-glitching .feature-icon{animation:fault-indicator var(--fault-duration) steps(1,end)}
body.motion-paused .download-button:before{display:none}
@keyframes download-sheen{0%,58%{transform:translateX(-160%) skewX(-22deg);opacity:0}61%{opacity:.8}84%{opacity:.8}88%,100%{transform:translateX(260%) skewX(-22deg);opacity:0}}
@keyframes download-breathe{0%,100%{scale:1;box-shadow:0 5px 22px #eccb6713,0 0 8px #f2d98800,inset 0 1px 0 #fff7}50%{scale:1.012;box-shadow:0 8px 32px #eccb672e,0 0 16px #f2d98815,inset 0 1px 0 #fff9}}
@keyframes card-fault{0%,20%,49%,100%{opacity:0}4%{opacity:.55}9%,35%{opacity:.06}13%{opacity:.3}31%{opacity:.62}41%{opacity:.4}67%{opacity:.26}72%{opacity:.04}84%{opacity:.12}}
@keyframes fault-indicator{0%,100%{opacity:1;filter:brightness(1)}4%,31%{opacity:1;filter:brightness(1.55) drop-shadow(0 0 6px var(--accent))}9%,35%,49%{opacity:.64;filter:brightness(.85)}13%,41%{opacity:.95;filter:brightness(1.3) drop-shadow(0 0 3px var(--accent))}20%,72%{opacity:.8;filter:brightness(.95)}67%{opacity:1;filter:brightness(1.2)}84%{opacity:.95;filter:brightness(1.05)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}}