:root{--night:#061a38;--navy:#0a2d5b;--blue:#176fff;--sky:#5ab4ff;--ink:#102642;--muted:#687b92;--line:#dce7f2;--pale:#f3f7fc;--green:#19b887}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 44px));margin:auto}.topbar{height:34px;background:#04152e;color:#91a9c4;font-size:12px}.topbar .wrap,.siteHeader .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.siteHeader{height:76px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);box-shadow:0 4px 18px rgba(12,43,76,.08);backdrop-filter:blur(12px)}.logo img{width:145px}.nav{display:flex;gap:28px;align-items:center;color:#536a83;font-size:14px}.nav a:hover{color:var(--blue)}.nav .home{padding:11px 18px;background:var(--blue);color:#fff;border-radius:4px}
.hero{position:relative;min-height:690px;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 24%,rgba(55,133,221,.3),transparent 29%),linear-gradient(125deg,#061a38,#0a3267 60%,#164b80)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000)}.heroGrid{position:relative;z-index:1;min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.kicker{display:flex;align-items:center;gap:12px;color:#83caff;font:700 12px monospace;letter-spacing:.15em}.kicker:before{content:"";width:35px;height:2px;background:var(--sky)}.hero h1{margin:22px 0;font-size:clamp(48px,5.3vw,72px);line-height:1.08;letter-spacing:-.05em}.hero h1 span{color:#72bdff}.lead{max-width:620px;color:#d2e3f5;font-size:17px;line-height:1.9}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 34px}.chips span{padding:8px 13px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:4px;background:var(--blue);color:#fff;font-size:14px;font-weight:700}.btn.white{background:#fff;color:var(--blue)}.btn.ghost{border:1px solid rgba(255,255,255,.28);background:transparent}.deviceStage{position:relative;min-height:510px}.deviceHalo{position:absolute;width:490px;height:490px;right:-35px;top:0;border-radius:50%;border:1px solid rgba(111,189,255,.22);box-shadow:inset 0 0 90px rgba(35,121,216,.13)}.deviceHalo:after{content:"";position:absolute;inset:65px;border-radius:50%;border:1px dashed rgba(111,189,255,.18)}.deviceStage img{position:absolute;z-index:2;width:112%;max-width:none;right:-13%;top:73px;filter:drop-shadow(0 35px 25px rgba(0,12,31,.4));mix-blend-mode:screen}.deviceData{position:absolute;z-index:3;left:-15px;bottom:45px;display:grid;grid-template-columns:repeat(3,1fr);width:360px;padding:18px;background:rgba(5,27,58,.78);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}.deviceData div{padding:0 13px;border-right:1px solid rgba(255,255,255,.13)}.deviceData div:last-child{border:0}.deviceData b{display:block;color:#fff;font-size:16px}.deviceData span{color:#88a7c8;font-size:10px}
.section{padding:100px 0}.pale{background:var(--pale)}.dark{color:#fff;background:linear-gradient(135deg,#071d3d,#0c356a)}.sectionHead{max-width:780px}.sectionHead.center{text-align:center;margin:auto}.sectionHead>span{color:var(--blue);font:700 11px monospace;letter-spacing:.15em}.dark .sectionHead>span{color:#72bdff}.sectionHead h2{margin:16px 0;font-size:clamp(34px,4.2vw,54px);line-height:1.16;letter-spacing:-.04em}.sectionHead p{margin:0;color:var(--muted);font-size:15px;line-height:1.85}.dark .sectionHead p{color:#bed0e4}.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.valueCard{position:relative;min-height:225px;padding:32px;border:1px solid var(--line);background:#fff}.valueCard:before{content:attr(data-no);position:absolute;right:24px;top:18px;color:#e5eef9;font:700 50px monospace}.valueCard i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#eaf2ff;color:var(--blue);font-style:normal;font-weight:700}.valueCard h3{margin:22px 0 11px;font-size:20px}.valueCard p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.statement{margin-top:22px;padding:30px 36px;background:var(--navy);color:#fff;font-size:24px;font-weight:700}.statement small{display:block;margin-top:10px;color:#a9c2dd;font-size:13px;font-weight:400}
.assetGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:46px}.assetCard{padding:27px;background:#fff;border:1px solid var(--line)}.assetCard b{font-size:18px}.assetCard p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.assetCard span{display:block;margin-bottom:20px;color:var(--blue);font:700 13px monospace}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:50px}.step{position:relative;padding:33px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}.step+ .step{border-left:0}.step b{color:#6fc0ff;font:700 32px monospace}.step h3{margin:20px 0 10px}.step p{margin:0;color:#bcd0e4;font-size:13px;line-height:1.75}
.productShow{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:52px}.showCard{overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 22px 48px rgba(18,53,89,.1)}.showImage{height:410px;overflow:hidden;background:#eaf2fb}.showImage img{width:100%;height:100%;object-fit:cover;object-position:top}.showCopy{padding:30px}.showCopy>span{color:var(--blue);font:700 11px monospace;letter-spacing:.12em}.showCopy h3{font-size:26px;margin:14px 0 10px}.showCopy p{margin:0;color:var(--muted);font-size:14px;line-height:1.8}.showCopy ul{padding-left:18px;color:var(--muted);font-size:13px;line-height:1.9}
.platformGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:48px}.platform{position:relative;padding:38px;border:1px solid var(--line);background:#fff}.platform em{position:absolute;right:28px;top:20px;color:#e7eff9;font:700 52px monospace;font-style:normal}.platform>span{color:var(--blue);font:700 11px monospace;letter-spacing:.12em}.platform h3{margin:22px 0 12px;font-size:28px}.platform p,.platform li{color:var(--muted);font-size:14px;line-height:1.8}.platform ul{padding-left:18px}.platform a{display:inline-block;margin-top:10px;color:var(--blue);font-size:13px;font-weight:700}.flow4{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px}.flow4 article{padding:28px 23px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.045)}.flow4 article+article{border-left:0}.flow4 b{color:#65b7ff;font:700 28px monospace}.flow4 h3{font-size:18px}.flow4 p{color:#b8cce1;font-size:13px;line-height:1.7}
.guide{display:grid;grid-template-columns:300px 1fr;gap:45px;align-items:start;margin-top:66px;padding-top:66px;border-top:1px solid var(--line)}.guide.reverse{grid-template-columns:1fr 300px}.guide.reverse .guideText{order:2}.guide.reverse .guideShot{order:1}.guideText{position:sticky;top:120px}.guideText>span{display:inline-block;padding:7px 11px;background:var(--blue);color:#fff;font-size:12px;font-weight:700}.guideText h3{margin:20px 0 13px;font-size:30px}.guideText p{color:var(--muted);font-size:14px;line-height:1.85}.guideTags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.guideTags span{padding:7px 10px;border-radius:99px;background:#e7f1ff;color:#175aaf;font-size:12px}.guideShot{padding:12px;border:1px solid var(--line);background:#fff;box-shadow:0 20px 45px rgba(20,54,90,.11)}.guideShot img{display:block;width:100%;height:auto}.notice{margin-top:45px;padding:25px 30px;border-left:4px solid var(--blue);background:#e7f1ff}.notice p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.7}.cta{text-align:center}.cta .btn{margin-top:25px;background:#fff;color:var(--blue)}footer{padding:40px 0;background:#03132b;color:#91aac5;font-size:12px}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer img{width:138px;filter:brightness(0) invert(1)}
@media(max-width:900px){.nav a:not(.home){display:none}.heroGrid{grid-template-columns:1fr;padding:70px 0}.deviceStage{min-height:430px}.valueGrid,.assetGrid{grid-template-columns:repeat(2,1fr)}.productShow,.platformGrid,.guide,.guide.reverse{grid-template-columns:1fr}.guide.reverse .guideText,.guide.reverse .guideShot{order:initial}.guideText{position:static}.flow4{grid-template-columns:1fr 1fr}.flow4 article+article{border-left:1px solid rgba(255,255,255,.15)}.steps{grid-template-columns:1fr}.step+.step{border-left:1px solid rgba(255,255,255,.16);border-top:0}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)}.topbar .wrap span:last-child{display:none}.logo img{width:120px}.hero,.heroGrid{min-height:auto}.hero h1{font-size:42px}.deviceStage{min-height:340px}.deviceHalo{width:330px;height:330px;right:-30px}.deviceStage img{width:120%;right:-17%;top:50px}.deviceData{left:0;bottom:5px;width:100%;padding:13px}.deviceData b{font-size:13px}.section{padding:70px 0}.valueGrid,.assetGrid,.productShow,.platformGrid,.flow4{grid-template-columns:1fr}.statement{padding:26px 23px;font-size:20px}.showImage{height:300px}.guide{gap:25px;margin-top:42px;padding-top:42px}.guideText h3{font-size:25px}.guideShot{padding:6px}footer .wrap{flex-direction:column;text-align:center}}