:root{--space:#050817;--deep:#0b1028;--panel:#121939;--blue:#5d8dff;--cyan:#70e4ff;--violet:#aa78ff;--rose:#ed83cf;--white:#f1f5ff;--muted:#929dbd;--line:rgba(148,173,255,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--space);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.72}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 46px));margin:auto}.skip{position:fixed;z-index:99;top:5px;left:5px;padding:8px 13px;color:var(--space);background:var(--cyan);transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;z-index:50;top:0;background:rgba(5,8,23,.8);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.logo{width:40px;height:40px;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--cyan),var(--blue) 45%,var(--violet));border-radius:50%;box-shadow:0 0 30px rgba(93,141,255,.35)}.links{margin-left:auto;display:flex;gap:24px;color:#8f99b7;font-size:11px}.links a:hover,.links a[aria-current=page]{color:var(--cyan)}.lang{color:#596481;font-size:10px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:9px 20px;color:#fff;background:linear-gradient(105deg,var(--blue),var(--violet));border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.btn:hover{box-shadow:0 0 25px rgba(112,228,255,.2)}.btn-ghost{color:var(--cyan);background:rgba(15,23,55,.65);border-color:rgba(112,228,255,.32)}.menu{display:none;margin-left:auto;width:42px;height:42px;color:var(--cyan);background:transparent;border:1px solid var(--line);border-radius:50%}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 74% 45%,rgba(82,95,212,.28),transparent 30%),radial-gradient(ellipse at 28% 90%,rgba(194,79,169,.16),transparent 34%),var(--space)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px) 0 0/94px 87px,radial-gradient(circle,#8ddfff 0 1px,transparent 1.5px) 35px 22px/143px 131px;opacity:.38}.hero-grid{position:relative;z-index:2;min-height:820px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:35px;padding:75px 0 115px}.eyebrow{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.22em}.hero h1,.page-hero h1{margin:20px 0;font-size:clamp(54px,7vw,90px);line-height:.98;letter-spacing:-.065em}.hero h1 span{display:block;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--rose));-webkit-background-clip:text;color:transparent}.lead{max-width:590px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}.system{position:relative;height:600px;display:grid;place-items:center}.ring{position:absolute;width:570px;height:330px;border:1px solid rgba(135,179,255,.35);border-radius:50%;transform:rotate(-13deg)}.ring:before,.ring:after{content:"";position:absolute;width:14px;height:14px;background:var(--cyan);border-radius:50%;box-shadow:0 0 24px var(--cyan)}.ring:before{top:10%;left:14%}.ring:after{right:5%;bottom:27%;background:var(--rose);box-shadow:0 0 24px var(--rose)}.device-main{position:relative;z-index:2;width:470px;height:315px;padding:12px;background:#090d1e;border:2px solid #59698f;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.55)}.device-main img{width:100%;height:100%;object-fit:contain;background:#111a38;border-radius:8px}.device{position:absolute;z-index:3;padding:15px;background:rgba(15,23,53,.82);border:1px solid var(--line);border-radius:13px;box-shadow:0 20px 50px rgba(0,0,0,.3);backdrop-filter:blur(14px)}.device b{display:block;color:var(--cyan);font-size:13px}.d1{top:10%;left:0}.d2{right:0;bottom:9%}.trust{position:relative;z-index:3;margin-top:-65px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);background:rgba(17,24,55,.85);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(18px)}.trust-row span{padding:24px;text-align:center;color:#8e99b8;font-size:10px}.trust-row span+span{border-left:1px solid var(--line)}.trust-row b{display:block;color:#e7edff;font-size:14px}
.section{padding:110px 0}.section-deep{background:var(--deep)}.section-light{color:#1c294b;background:#eef3ff}.head{max-width:820px;margin-bottom:55px}.head.center{margin-right:auto;margin-left:auto;text-align:center}.head h2{margin:12px 0 0;font-size:clamp(39px,5vw,58px);line-height:1.08;letter-spacing:-.045em}.head p{color:var(--muted)}.section-light .head p{color:#667494}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric{padding:31px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.metric strong{display:block;color:var(--cyan);font-size:34px}.metric span{color:#8490b0;font-size:10px}.fine{color:#626e90;font-size:9px;text-align:right}
.platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.platform{min-height:330px;padding:28px;display:flex;flex-direction:column;background:#fff;border:1px solid #d4dcf0;border-radius:15px}.platform:nth-child(2n){margin-top:38px}.os{width:55px;height:55px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--blue),var(--violet));border-radius:50%;font-weight:900}.platform h3{margin:auto 0 8px;font-size:24px}.platform p{color:#687594;font-size:11px}.platform a{color:#536bd4;font-size:10px;font-weight:900}
.features{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.feature-image{min-height:520px;padding:30px;display:flex;flex-direction:column;background:linear-gradient(145deg,#152755,#42245c);border:1px solid var(--line);border-radius:16px}.feature-image img{width:100%;height:320px;object-fit:contain}.feature-image h3{margin:auto 0 7px;font-size:29px}.feature-image p{color:#a4afcb}.feature-list{display:grid;gap:10px}.feature{padding:31px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.feature code{color:var(--cyan);font-size:9px}.feature h3{margin:48px 0 8px;font-size:24px}.feature p{color:#929dbb;font-size:11px}
.routes{display:grid;grid-template-columns:1fr 380px;gap:12px}.map{height:525px;padding:28px;background:#101735;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 70px rgba(93,141,255,.13)}.map img{width:100%;height:100%;object-fit:contain;opacity:.55;filter:hue-rotate(170deg)}.nodes{display:grid;gap:7px;align-self:center}.node{display:grid;grid-template-columns:1fr 78px;align-items:center;padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:9px}.node small{display:block;color:#75809e;font-size:9px}.node b{color:var(--cyan);text-align:right}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review{padding:28px;background:#fff;border:1px solid #d4dcf0;border-radius:14px}.review img{width:100%;height:140px;object-fit:cover;border-radius:8px;filter:saturate(.7) hue-rotate(165deg)}.stars{margin-top:20px;color:#667de5;letter-spacing:3px}.review blockquote{margin:13px 0;color:#4e5f82}.review footer{color:#8793ac;font-size:10px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan{min-height:430px;padding:32px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:14px}.plan.best{background:linear-gradient(145deg,#334ea2,#703e98);border-color:#7184dd}.plan small{color:var(--cyan)}.plan h3{font-size:25px}.price{font-size:42px;font-weight:900}.price span{font-size:10px}.plan ul{padding:0;list-style:none;color:#929db9;font-size:11px}.plan.best ul{color:#d6d9ef}.plan li{padding:6px}.plan li:before{content:"✦";margin-right:8px}.plan .btn{width:100%;margin-top:auto}
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.qa{padding:28px;background:#fff;border:1px solid #d4dcf0;border-radius:13px}.qa code{color:#687fe0;font-size:9px}.qa h3{margin:21px 0 8px}.qa p,.qa li{color:#687594;font-size:12px}
.page-hero{position:relative;overflow:hidden;padding:105px 0 80px;background:radial-gradient(circle at 75% 40%,rgba(93,141,255,.25),transparent 25%),var(--space)}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle,#fff 0 1px,transparent 1.5px) 0 0/110px 97px;opacity:.25}.page-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:80px}.page-hero h1{font-size:clamp(45px,6vw,72px)}.page-device{height:340px;padding:11px;background:#090d1e;border:2px solid #59698f;border-radius:16px;box-shadow:0 30px 65px rgba(0,0,0,.42)}.page-device img{width:100%;height:100%;object-fit:contain;background:#111a38;border-radius:8px}
.downloads{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.download{min-height:250px;padding:29px;display:flex;flex-direction:column;background:#fff;border:1px solid #d4dcf0;border-radius:14px}.download.primary{background:#e3eaff;border-color:#92a2e7}.download h3{margin:35px 0 3px}.download p{margin:0;color:#687594;font-size:10px}.download .btn{align-self:flex-start;margin-top:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.step{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.step b{color:var(--cyan);font-size:20px}.step h3{margin:50px 0 8px}.step p{color:#8f9ab8;font-size:11px}
.guide{display:grid;grid-template-columns:250px 1fr;gap:75px}.guide-nav{position:sticky;top:100px;height:max-content;padding:9px;background:#fff;border:1px solid #d4dcf0;border-radius:13px}.guide-nav a{display:block;padding:11px 13px;color:#6e7b99;border-radius:7px;font-size:10px}.guide-nav a:hover{color:#fff;background:#526bd3}.guide-body h2{margin:55px 0 14px;font-size:30px}.guide-body h2:first-child{margin-top:0}.guide-body p,.guide-body li{color:#687594}.notice{padding:21px;background:#e4eaff;border-left:4px solid #667de5}.cta{margin-top:70px;padding:39px 43px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(105deg,#244692,#683d8d);border-radius:14px}.cta h2{margin:0}.cta p{margin:4px 0;color:#d1d8ed}.footer{padding:58px 0 22px;background:#030510;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer p{max-width:340px;color:#68728e;font-size:10px}.footer h3{color:#bbc7e3;font-size:10px}.footer-links{display:grid;gap:8px;color:#74809e;font-size:10px}.copy{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #202741;color:#58627c;font-size:9px}
@media(max-width:920px){.links{position:absolute;top:76px;right:23px;left:23px;display:none;padding:18px;background:#10162f;border:1px solid var(--line);border-radius:14px;flex-direction:column}.links.open{display:flex}.menu{display:block}.lang,.nav>.btn{display:none}.hero-grid,.page-grid,.features,.routes{grid-template-columns:1fr}.system{max-width:600px;margin:auto}.platforms{grid-template-columns:1fr 1fr}.platform:nth-child(2n){margin-top:0}.guide{grid-template-columns:1fr}.guide-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.hero-grid{min-height:auto;padding:65px 0}.hero h1{font-size:48px}.system{height:430px}.ring{width:390px;height:230px}.device-main{width:340px;height:230px}.trust{margin-top:0}.trust-row,.metrics,.platforms,.plans,.faq,.downloads,.steps{grid-template-columns:1fr}.trust-row span+span{border-top:1px solid var(--line);border-left:0}.section{padding:76px 0}.reviews{grid-template-columns:1fr}.cta,.copy{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}