:root{--ink:#111827;--muted:#64748b;--paper:#f7faf9;--panel:#ffffffdb;--line:#0f172a1f;--night:#101820;--night-soft:#17232d;--cyan:#29d7ff;--mint:#35f2a3;--coral:#ff6b55;--gold:#f7c948;--blue:#246bfe;--shadow:0 24px 90px #1018202e;--radius:8px;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}#app{min-height:100svh}.site-shell{background:linear-gradient(#f7faf900 0%,#f7faf9 56%),radial-gradient(circle at 0 18%,#29d7ff3d,#0000 32%),radial-gradient(circle at 92% 12%,#ff6b5533,#0000 30%),linear-gradient(145deg,#ecfbf6 0%,#f8fbff 42%,#fff7f3 100%);min-height:100svh;position:relative}.nav{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 40px);min-height:72px;margin:0 auto;padding:12px 0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#35f2a3f5,#246bfeeb),#246bfe;place-items:center;width:42px;height:42px;font-size:22px;font-weight:900;display:grid;box-shadow:0 16px 35px #246bfe3d}.brand strong,.brand small{display:block}.brand strong{font-size:18px;line-height:1.1}.brand small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:11px}.nav-links{border-radius:var(--radius);background:#ffffffa3;border:1px solid #ffffffb8;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 12px 36px #0f172a0f}.nav-links a{color:#334155;border-radius:6px;padding:9px 14px;font-size:14px;text-decoration:none;transition:background .18s,color .18s}.nav-links a:hover{color:var(--ink);background:#246bfe14}.nav-action,.primary-button,.ghost-button,.wechat-button{border-radius:var(--radius);justify-content:center;align-items:center;gap:9px;min-height:44px;font-weight:800;line-height:1;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.nav-action{color:#fff;background:#111827;padding:0 17px;box-shadow:0 16px 40px #1118272e}.nav-action:hover,.primary-button:hover,.ghost-button:hover,.wechat-button:hover{transform:translateY(-2px)}.hero-section{grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);align-items:center;gap:34px;width:min(1180px,100% - 40px);min-height:calc(100svh - 72px);margin:0 auto;padding:36px 0 70px;display:grid;position:relative}.grid-lines{opacity:.72;pointer-events:none;width:min(720px,64vw);position:absolute;inset:0 -70px 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 72%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 72%,#0000)}.grid-lines:before{content:"";background-image:linear-gradient(#246bfe1f 1px,#0000 1px),linear-gradient(90deg,#29d7ff24 1px,#0000 1px);background-size:42px 42px;animation:12s linear infinite grid-drift;position:absolute;inset:-120px;transform:perspective(600px)rotateX(58deg)rotate(-8deg)}.hero-copy{z-index:2;max-width:610px;position:relative}.eyebrow,.kicker{color:#0f766e;align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.eyebrow{border-radius:var(--radius);background:#ffffffb8;border:1px solid #0f766e24;min-height:34px;padding:0 12px;box-shadow:0 14px 45px #0f172a14}h1,h2,h3,p{margin:0}h1{letter-spacing:0;margin-top:24px;font-size:76px;line-height:.95}h2{letter-spacing:0;font-size:42px;line-height:1.08}h3{letter-spacing:0;font-size:21px}.hero-lead{color:#334155;max-width:560px;margin-top:24px;font-size:20px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary-button,.ghost-button{min-width:144px;padding:0 20px}.primary-button{color:#fff;background:linear-gradient(135deg,#111827 0%,#155e75 100%);box-shadow:0 18px 46px #155e7540}.ghost-button{color:var(--ink);background:#ffffffad;border:1px solid #0f172a1f}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:min(480px,100%);margin-top:34px;display:grid}.stat-row div{border-radius:var(--radius);background:#ffffffad;border:1px solid #ffffffb3;min-height:92px;padding:18px;position:relative;overflow:hidden;box-shadow:0 16px 46px #0f172a12}.stat-row div:after{content:"";background:linear-gradient(90deg, var(--cyan), var(--mint), var(--coral));height:3px;position:absolute;inset:auto 0 0}.stat-row strong,.stat-row span{display:block}.stat-row strong{font-size:32px;line-height:1}.stat-row span{color:var(--muted);margin-top:9px;font-size:13px;font-weight:700}.hero-visual{z-index:1;perspective:1200px;border-radius:8px;min-height:610px;position:relative}.hero-visual img{z-index:2;object-fit:cover;border-radius:8px;width:min(700px,100%);animation:5.2s ease-in-out infinite float-phone;position:absolute;inset:42px 0 auto auto;transform:rotateY(-10deg)rotateX(4deg);box-shadow:0 45px 120px #10182047,0 0 0 1px #ffffff52}.orbit{z-index:1;transform-style:preserve-3d;border:1px solid #29d7ff61;border-radius:50%;position:absolute}.orbit:before{content:"";background:var(--gold);border-radius:50%;width:12px;height:12px;position:absolute;top:16%;left:13%;box-shadow:0 0 24px #f7c948cc}.orbit-one{width:450px;height:450px;animation:14s linear infinite orbit-spin;inset:18px 18px auto auto}.orbit-two{border-color:#35f2a357;width:360px;height:360px;animation:18s linear infinite reverse orbit-spin;inset:104px auto auto 18px}.scan-card{z-index:3;border-radius:var(--radius);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#101820b8;border:1px solid #ffffff6b;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:14px;font-weight:900;animation:3.8s ease-in-out infinite float-chip;display:flex;position:absolute;box-shadow:0 18px 50px #10182038}.card-a{top:114px;right:32px}.card-b{animation-delay:-1.2s;bottom:108px;right:168px}.ticker{background:#101820;border-block:1px solid #0f172a14;overflow:hidden}.ticker-track{width:max-content;animation:26s linear infinite ticker;display:flex}.ticker span{color:#fff;align-items:center;min-height:58px;padding:0 34px;font-size:15px;font-weight:900;display:inline-flex}.ticker span:nth-child(3n+1){color:var(--mint)}.ticker span:nth-child(3n+2){color:var(--cyan)}.ticker span:nth-child(3n){color:var(--gold)}.section{width:min(1180px,100% - 40px);margin:0 auto;padding:104px 0}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:34px;display:flex}.section-heading h2{max-width:640px}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.feature-card{border-radius:var(--radius);background:var(--panel);border:1px solid #0f172a14;min-height:288px;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 18px 55px #0f172a0f}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#29d7ff21,#0000 42%),linear-gradient(315deg,#ff6b551f,#0000 42%);transition:opacity .22s;position:absolute;inset:0}.feature-card:hover{box-shadow:var(--shadow);border-color:#246bfe38;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#155e75,#111827);place-items:center;width:48px;height:48px;display:grid;position:relative}.feature-card h3,.feature-card p{position:relative}.feature-card h3{margin-top:24px}.feature-card p{color:var(--muted);margin-top:14px;font-size:15px;line-height:1.8}.modes-section{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:18px;padding-top:20px;display:grid}.mode-panel,.dashboard,.launch-section{border-radius:var(--radius)}.mode-panel{color:#fff;background:linear-gradient(135deg,#35f2a329,#0000 42%),linear-gradient(315deg,#ff6b5524,#0000 34%),#101820;grid-template-columns:minmax(0,.95fr) minmax(240px,.8fr);gap:22px;min-height:430px;padding:34px;display:grid;box-shadow:0 28px 90px #10182038}.mode-copy{align-self:end}.mode-copy .kicker{color:var(--mint)}.mode-copy h2{color:#fff;max-width:490px;margin-top:18px}.mode-copy p{color:#ffffffb8;max-width:520px;margin-top:18px;font-size:17px;line-height:1.8}.mode-list{align-content:center;gap:12px;display:grid}.mode-item{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff24;grid-template-columns:46px 1fr;align-items:center;gap:6px 14px;min-height:96px;padding:18px;display:grid;position:relative;overflow:hidden}.mode-item:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:60%;animation:4.8s ease-in-out infinite sweep;position:absolute;inset:0 auto 0 -80%;transform:skew(-22deg)}.mode-item div{border-radius:var(--radius);color:#101820;background:var(--mint);grid-row:span 2;place-items:center;width:46px;height:46px;display:grid}.mode-item span{font-size:17px;font-weight:900}.mode-item small{color:#ffffffa8}.dashboard{background:linear-gradient(#fffffff0,#ebfff8d1),#fff;border:1px solid #0f172a17;min-height:430px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 74px #0f172a17}.dashboard:before{content:"";background:conic-gradient(from 90deg, var(--cyan), var(--mint), var(--coral), var(--cyan));opacity:.22;filter:blur(30px);height:70%;animation:7s linear infinite hue-turn;position:absolute;inset:-40% -20% auto}.radar{color:#155e75;background:repeating-radial-gradient(circle,#246bfe1a 0 1px,#0000 1px 32px),#ffffffa8;border:1px solid #246bfe1f;border-radius:50%;place-items:center;width:192px;height:192px;margin:26px auto 0;display:grid;position:relative}.radar span{background:conic-gradient(from 0deg, transparent 0 72%, #29d7ff9e 88%, transparent);border-radius:50%;animation:2.8s linear infinite radar-spin;position:absolute;inset:18px}.score{z-index:1;justify-content:space-between;align-items:end;margin-top:28px;display:flex;position:relative}.score span{color:var(--muted);font-weight:800}.score strong{font-size:56px;line-height:.9}.bars{z-index:1;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px;height:105px;margin-top:24px;display:grid;position:relative}.bars i{height:var(--h);background:linear-gradient(180deg, var(--blue), var(--cyan));border-radius:6px 6px 0 0;min-height:20px;animation:2.4s ease-in-out infinite bar-rise;display:block}.bars i:nth-child(2n){background:linear-gradient(180deg, var(--coral), var(--gold));animation-delay:-.8s}.pulse-list{z-index:1;gap:9px;margin-top:26px;display:grid;position:relative}.pulse-list span{border-radius:var(--radius);color:#0f172a;background:#ffffffb8;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:14px;font-weight:900;display:flex}.launch-section{color:#fff;background:linear-gradient(135deg,#246bfe47,#0000 35%),linear-gradient(315deg,#35f2a338,#0000 42%),#111827;grid-template-columns:minmax(0,.88fr) minmax(300px,1fr) auto;align-items:center;gap:24px;width:min(1180px,100% - 40px);margin:0 auto 70px;padding:34px;display:grid;box-shadow:0 32px 90px #1018203d}.launch-copy .kicker{color:var(--mint)}.launch-copy h2{color:#fff;margin-top:12px;font-size:32px}.launch-copy p{color:#ffffffb8;margin-top:12px;line-height:1.8}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.step{border-radius:var(--radius);background:#ffffff14;border:1px solid #ffffff21;min-height:96px;padding:15px}.step span,.step strong{display:block}.step span{color:var(--mint);font-size:13px;font-weight:900}.step strong{margin-top:18px;font-size:15px}.wechat-button{color:#102019;background:var(--mint);min-width:132px;padding:0 18px}@keyframes grid-drift{0%{transform:perspective(600px)rotateX(58deg)rotate(-8deg)translateY(0)}to{transform:perspective(600px)rotateX(58deg)rotate(-8deg)translateY(42px)}}@keyframes float-phone{0%,to{transform:rotateY(-10deg)rotateX(4deg)translateY(0)}50%{transform:rotateY(-6deg)rotateX(6deg)translateY(-16px)}}@keyframes orbit-spin{0%{transform:rotateX(68deg)rotate(0)}to{transform:rotateX(68deg)rotate(360deg)}}@keyframes float-chip{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes sweep{0%,42%{transform:translate(0)skew(-22deg)}72%,to{transform:translate(310%)skew(-22deg)}}@keyframes hue-turn{to{transform:rotate(360deg)}}@keyframes radar-spin{to{transform:rotate(360deg)}}@keyframes bar-rise{0%,to{transform-origin:bottom;transform:scaleY(.78)}50%{transform-origin:bottom;transform:scaleY(1)}}@media (width<=980px){.nav{width:min(100% - 28px,720px)}.nav-links{display:none}.hero-section{grid-template-columns:1fr;width:min(100% - 28px,720px);min-height:auto;padding-top:36px}.hero-copy{max-width:100%}h1{font-size:58px}h2{font-size:34px}.hero-visual{order:-1;min-height:500px}.hero-visual img{width:100%;inset:30px 0 auto}.orbit-one{width:330px;height:330px;right:6%}.orbit-two{width:270px;height:270px}.section,.launch-section{width:min(100% - 28px,720px)}.feature-grid,.modes-section,.mode-panel,.launch-section{grid-template-columns:1fr}.feature-grid,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.nav{min-height:64px}.brand small,.nav-action span{display:none}.nav-action{min-width:44px;padding:0}.hero-section{padding-bottom:48px}.hero-visual{min-height:350px}.scan-card{display:none}.orbit{opacity:.62}.orbit-one{width:260px;height:260px;top:24px;right:0}.orbit-two{width:210px;height:210px;top:72px;left:0}h1{font-size:48px}h2{font-size:30px}.hero-lead{font-size:17px}.hero-actions{grid-template-columns:1fr;display:grid}.stat-row,.feature-grid,.steps{grid-template-columns:1fr}.section{padding:72px 0}.section-heading{display:block}.feature-card{min-height:230px}.mode-panel,.dashboard,.launch-section{padding:22px}.mode-item{grid-template-columns:42px 1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}