:root{--blue:#0878e7;--blue-dark:#074b98;--cyan:#14c9ef;--lime:#b8f137;--yellow:#ffd83d;--pink:#f645c8;--ink:#102848;--muted:#627692;--paper:#f5faff;--line:#dceaf7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{height:82px;max-width:1240px;margin:auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:900;line-height:1.15;white-space:nowrap}.brand small{display:block;color:#6c819e;font-size:9px;letter-spacing:1.8px;margin-top:5px}.brand-icon{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--lime),#77d919);display:grid;place-items:center;box-shadow:inset 0 -4px 0 #57b60b,0 5px 12px #0a6dcc22}.brand-icon i,.mini-screw{width:23px;height:23px;border-radius:50%;background:#fff;display:grid;place-items:center;position:relative;box-shadow:0 2px 0 #60ae18}.brand-icon i:before,.brand-icon i:after{content:"";position:absolute;background:#1682d8;border-radius:3px}.brand-icon i:before{width:12px;height:3px}.brand-icon i:after{height:12px;width:3px}.site-header nav{display:flex;gap:34px;font-size:14px;font-weight:700}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:3px;background:var(--lime);border-radius:3px;transition:.25s}.site-header nav a:hover:after{right:0}.header-cta{background:var(--ink);color:#fff;font-size:13px;font-weight:700;padding:11px 19px;border-radius:12px}.hero{min-height:720px;background:linear-gradient(135deg,#0878e7 0%,#0aa6e9 60%,#15d2ec 100%);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff0 49%,#ffffff0b 50%),linear-gradient(90deg,#fff0 49%,#ffffff0b 50%);background-size:116px 116px;transform:rotate(-7deg) scale(1.2)}.hero-inner{max-width:1240px;min-height:680px;margin:auto;padding:54px 54px 40px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;position:relative;z-index:2}.hero-copy{padding-bottom:30px}.badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff1c;border:1px solid #ffffff3d;border-radius:99px;padding:8px 15px;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0 0 26px}.badge span{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #b8f1372e}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(48px,5.1vw,72px);line-height:1.17;letter-spacing:-3px;margin:0 0 24px}.hero h1 em{font-style:normal;color:var(--lime);text-shadow:0 4px 0 #0966b2}.hero-text{max-width:590px;font-size:17px;color:#e8f8ff;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:52px;padding:0 23px;border-radius:14px;font-weight:800;font-size:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--lime);color:#113b62;box-shadow:0 6px 0 #62b923,0 15px 30px #075fa94d}.button-primary span{font-size:20px}.button-ghost{border:1px solid #ffffff66;background:#ffffff12;color:#fff}.play{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--blue);font-size:10px;padding-left:2px}.hero-points{display:flex;gap:28px;margin-top:42px;font-size:13px;color:#dff6ff}.hero-points span{display:flex;align-items:center;gap:9px}.hero-points b{font:700 10px monospace;color:var(--lime);border:1px solid #ffffff55;border-radius:5px;padding:3px 5px}.phone-stage{height:590px;display:grid;place-items:center;position:relative}.phone{width:292px;height:580px;border:10px solid #183c67;border-radius:43px;background:#183c67;box-shadow:0 28px 70px #074b7d66,0 0 0 2px #ffffff44;transform:rotate(4deg);position:relative;overflow:hidden;z-index:3}.phone-top{position:absolute;z-index:4;top:0;left:50%;transform:translateX(-50%);width:112px;height:24px;background:#183c67;border-radius:0 0 16px 16px;display:flex;justify-content:center;align-items:center;gap:10px}.phone-top span{width:42px;height:4px;border-radius:5px;background:#081e37}.phone-top i{width:6px;height:6px;border-radius:50%;background:#0a7aa9}.phone-screen{height:100%;border-radius:32px;overflow:hidden;background:#11bfe9}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.floating-card{position:absolute;z-index:5;background:#fff;color:var(--ink);border:1px solid #dceaf7;border-radius:16px;box-shadow:0 16px 38px #075f9b3d}.floating-card small{display:block;color:#7890ac;font-size:10px;letter-spacing:.5px}.floating-card strong{font-size:14px}.card-level{top:82px;left:1%;padding:13px 18px;transform:rotate(-6deg)}.card-screw{right:-2%;bottom:100px;padding:12px 15px;display:flex;align-items:center;gap:10px;transform:rotate(4deg)}.mini-screw{width:34px;height:34px;background:var(--pink);color:#fff;font-size:25px;line-height:32px;text-align:center;box-shadow:inset 0 -4px 0 #c41c9e}.orbit{position:absolute;display:grid;place-items:center;border-radius:50%;font-weight:900;color:#144c7d;box-shadow:inset 0 -4px 0 #0002,0 10px 22px #075f9b3d}.orbit-a{width:55px;height:55px;background:var(--yellow);right:8%;top:34px;font-size:36px;transform:rotate(12deg)}.orbit-b{width:40px;height:40px;background:var(--pink);left:5%;bottom:38px;font-size:26px}.orbit-c{width:28px;height:28px;background:var(--lime);right:18%;bottom:12px;font-size:19px}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px)}.glow-one{width:350px;height:350px;background:#70e8ff33;right:-70px;top:-80px}.glow-two{width:280px;height:280px;background:#b8f1371f;left:38%;bottom:-150px}.scroll-cue{position:absolute;z-index:4;bottom:20px;left:50%;transform:translateX(-50%);font:9px monospace;letter-spacing:2px;color:#d7f5ff;display:flex;gap:10px}.quick-strip{max-width:1120px;margin:-1px auto 0;min-height:108px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-bottom:1px solid var(--line)}.quick-strip div{padding:6px 24px;border-right:1px solid var(--line)}.quick-strip div:last-child{border:0}.quick-strip strong,.quick-strip span{display:block}.quick-strip strong{font-size:15px}.quick-strip span{font-size:12px;color:var(--muted);margin-top:4px}.section{max-width:1180px;margin:auto;padding:100px 30px}.section-title{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:45px}.section-title .kicker{grid-column:1/-1;margin-bottom:-20px}.section-title h2,.feature-copy h2,.screen-copy h2{font-size:clamp(34px,4vw,51px);line-height:1.25;letter-spacing:-2px;margin:0}.section-title>p:last-child,.lead,.screen-copy>p{color:var(--muted);font-size:15px;max-width:500px;margin:0 0 4px}.kicker{font:700 11px monospace;letter-spacing:1.7px;color:var(--blue);margin-bottom:17px}.kicker span{font-family:inherit;color:#93a6bb;letter-spacing:0;margin-left:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-card{min-height:420px;border-radius:26px;padding:25px;position:relative;overflow:hidden;border:1px solid #ffffff90;box-shadow:0 18px 45px #26628c12}.step-card:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff0 49%,#fff3 50%),linear-gradient(90deg,#fff0 49%,#fff3 50%);background-size:80px 80px;pointer-events:none}.step-blue{background:#dff5ff}.step-green{background:#e9facf}.step-yellow{background:#fff3b9}.step-number{font:700 12px monospace;color:#6685a1;position:relative;z-index:2}.step-art{height:220px;position:relative;z-index:2}.board{position:absolute;display:block;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);width:180px;height:120px;background:#70d9f4;border:6px solid #fff;border-radius:36% 48% 32% 44%;box-shadow:0 8px 0 #44a7d1}.board-two{background:#9ee574;transform:translate(-50%,-50%) rotate(8deg);clip-path:polygon(12% 2%,88% 8%,100% 40%,82% 96%,15% 90%,0 45%);border-radius:28%;box-shadow:0 8px 0 #5eb93f}.screw{position:absolute;width:38px;height:38px;border-radius:50%;background:var(--pink);color:#7e1268;font:bold 29px/36px sans-serif;text-align:center;font-style:normal;box-shadow:inset 0 -5px 0 #c026a5,0 4px 7px #0a6e9c33}.s1{left:23%;top:32%}.s2{right:22%;bottom:28%;background:var(--lime);color:#3f7a19;box-shadow:inset 0 -5px 0 #79be27,0 4px 7px #0a6e9c33}.s3{left:26%;bottom:28%;background:var(--yellow);color:#ad7c00;box-shadow:inset 0 -5px 0 #e0a800}.s4{right:23%;top:25%;background:#68dcff;color:#1677a0;box-shadow:inset 0 -5px 0 #28add9}.move-arrow{position:absolute;right:9%;top:10%;font-size:46px;color:var(--blue)}.finish-art{display:grid;place-items:center}.finish-art span{font-size:110px;color:var(--yellow);filter:drop-shadow(0 8px 0 #eba925)}.finish-art i{position:absolute;left:20%;top:40%;font-style:normal;font-size:44px;color:var(--pink)}.finish-art b{position:absolute;right:19%;bottom:29%;width:50px;height:50px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:28px;color:#3b7617}.step-card h3,.step-card p{position:relative;z-index:2}.step-card h3{font-size:22px;margin:5px 0 9px}.step-card p{font-size:14px;color:#526c87;margin:0}.feature-section{background:var(--paper);display:grid;grid-template-columns:1fr 1fr;min-height:720px}.feature-visual{background:linear-gradient(145deg,#0a8ee9,#14cde8);position:relative;display:grid;place-items:center;overflow:hidden;padding:70px}.feature-visual:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff4 2px,transparent 2px);background-size:32px 32px}.crop-card{width:min(340px,80%);height:500px;border:9px solid #fff;border-radius:32px;overflow:hidden;box-shadow:0 30px 70px #0767a855;transform:rotate(-5deg);position:relative;z-index:2;background:#18c6e7}.crop-card img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.crop-label{position:absolute;top:18px;left:18px;background:var(--ink);color:#fff;border-radius:99px;padding:7px 12px;font:9px monospace;letter-spacing:1px}.feature-bubble{position:absolute;z-index:3;right:10%;bottom:12%;background:#fff;border-radius:19px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 14px 35px #075f9b4a;transform:rotate(4deg)}.feature-bubble strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);font-size:28px;color:#448714}.feature-bubble span{font-size:12px;font-weight:800;line-height:1.45}.feature-copy{padding:90px clamp(35px,7vw,110px);align-self:center}.feature-copy .lead{margin:24px 0 30px;line-height:1.8}.feature-copy ul{list-style:none;padding:0;margin:0}.feature-copy li{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:18px 0;border-top:1px solid var(--line)}.feature-copy li>span{font:700 11px monospace;color:var(--blue);padding-top:5px}.feature-copy h3{font-size:17px;margin-bottom:5px}.feature-copy li p{font-size:13px;color:var(--muted);margin:0}.screen-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.screen-copy>p:not(.kicker){margin:24px 0}.tool-tags{display:flex;gap:8px;flex-wrap:wrap}.tool-tags span{background:#eef7ff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:12px;font-weight:700;color:#36719f}.screen-showcase{height:660px;position:relative}.full-shot{width:310px;height:630px;border:9px solid var(--ink);border-radius:36px;overflow:hidden;margin:auto;box-shadow:18px 20px 0 #e3f3ff;transform:rotate(2deg)}.full-shot img{width:100%;height:100%;object-fit:cover;object-position:top}.screen-note{position:absolute;right:0;bottom:45px;background:var(--lime);border-radius:22px;padding:22px 24px;box-shadow:0 9px 0 #66bd22;transform:rotate(-4deg)}.screen-note span{font:9px monospace;letter-spacing:1px;color:#498318}.screen-note strong{display:block;font-size:17px;line-height:1.45;margin-top:7px}.closing{min-height:430px;background:var(--ink);color:#fff;text-align:center;padding:82px 25px;position:relative;overflow:hidden}.closing:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 120%,#1189db77,transparent 50%)}.closing>p,.closing>h2,.closing>.button{position:relative;z-index:2}.closing>p{font:700 10px monospace;letter-spacing:2px;color:#82b7db}.closing h2{font-size:clamp(38px,5vw,62px);line-height:1.25;margin:18px 0 31px}.closing h2 span{color:var(--lime)}.button-light{background:#fff;color:var(--ink);box-shadow:0 6px 0 #aac1d0}.closing-bolt{position:absolute;border-radius:50%;display:grid;place-items:center;font-weight:900}.bolt-a{width:70px;height:70px;background:var(--pink);left:10%;top:20%;font-size:46px;color:#8a126d;transform:rotate(14deg)}.bolt-b{width:50px;height:50px;background:var(--yellow);right:12%;top:25%;font-size:33px;color:#a87800}.bolt-c{width:34px;height:34px;background:#2fc9ef;right:22%;bottom:18%;font-size:24px;color:#076b9d}footer{background:#0b1e36;color:#fff;padding:40px max(28px,calc((100% - 1120px)/2)) 18px}.footer-main,.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px}.brand-footer small{color:#7894b0}.footer-main>p{text-align:right;color:#8299b3;font-size:12px;margin:0}.footer-bottom{border-top:1px solid #213954;margin-top:28px;padding-top:18px;color:#7890aa;font-size:12px}.footer-bottom a:hover{color:#fff}.reveal{opacity:0;transform:translateY(24px);transition:opacity .55s ease,transform .55s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){.hero-inner{grid-template-columns:1fr 1fr;gap:20px;padding-inline:34px}.hero h1{font-size:48px}.phone{width:250px;height:500px}.phone-stage{height:520px}.card-level{left:-8%}.card-screw{right:-8%}.feature-visual{padding:40px}.feature-copy{padding:70px 40px}.screen-section{gap:35px}.screen-note{right:-10px}.quick-strip div{padding-inline:14px}}@media(max-width:700px){html{scroll-padding-top:70px}.site-header{height:72px;padding:0 20px}.site-header nav{display:none}.header-cta{padding:9px 13px}.brand{font-size:17px}.brand-icon{width:34px;height:34px}.hero{min-height:auto}.hero-inner{grid-template-columns:1fr;padding:44px 22px 58px;text-align:center}.hero-copy{padding:0}.hero h1{font-size:42px;letter-spacing:-2px}.hero-text{font-size:15px}.hero-actions,.hero-points{justify-content:center}.hero-points{gap:10px;flex-wrap:wrap;margin-top:32px}.phone-stage{height:530px;margin-top:10px}.phone{width:250px;height:500px}.card-level{left:0}.card-screw{right:0}.scroll-cue{display:none}.quick-strip{grid-template-columns:1fr 1fr;padding:15px 12px}.quick-strip div{border-bottom:1px solid var(--line)}.quick-strip div:nth-child(2){border-right:0}.quick-strip div:nth-child(3){border-bottom:0}.quick-strip div:nth-child(4){border-bottom:0}.section{padding:68px 22px}.section-title{grid-template-columns:1fr;gap:17px}.section-title .kicker{grid-column:auto;margin-bottom:0}.section-title h2,.feature-copy h2,.screen-copy h2{font-size:35px}.steps{grid-template-columns:1fr}.step-card{min-height:390px}.feature-section{grid-template-columns:1fr}.feature-visual{min-height:590px;padding:40px 20px}.crop-card{height:470px}.feature-copy{padding:65px 22px}.screen-section{grid-template-columns:1fr;gap:38px}.screen-showcase{height:610px}.full-shot{width:270px;height:560px}.screen-note{right:0;bottom:30px}.closing{min-height:390px;padding-top:70px}.closing h2{font-size:36px}.bolt-a{left:-15px}.bolt-b{right:-8px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-main>p{text-align:left}.footer-bottom{gap:8px}}@media(max-width:400px){.header-cta{display:none}.hero-actions{flex-direction:column}.button{width:100%;max-width:290px}.hero-points span{font-size:11px}.card-level{left:-8px}.card-screw{right:-10px}.screen-note{right:-10px}.quick-strip span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.site-header nav a:after{transition:none}}