:root{--ink:#22212c;--muted:#716e80;--purple:#7150d6;--line:#e8e5ee;--pale:#f6f4fa;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ac8df7;outline-offset:5px}.container{width:min(1120px,calc(100% - 80px));margin:auto}.header{border-bottom:1px solid var(--line);background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;height:84px}.brand{display:flex;align-items:center;gap:11px;font-weight:650;font-size:18px;letter-spacing:.5px}.brand img{border-radius:10px}.nav nav{display:flex;gap:34px;font-size:14px;color:#625e70}.nav nav a:hover,.text-link:hover,.footer a:hover{color:var(--purple)}.nav-download{font-size:14px;font-weight:600;background:var(--pale);padding:11px 18px;border-radius:10px}.nav-download span{margin-left:16px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center;padding-top:86px;padding-bottom:80px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--purple);font-size:11px;letter-spacing:2px;font-weight:700}.status-dot{width:6px;height:6px;background:var(--purple);border-radius:50%}.version{margin-left:4px;letter-spacing:.4px;font-size:11px;padding:4px 8px;border:1px solid #e5ddf8;border-radius:6px}h1{font-size:clamp(44px,4.6vw,62px);letter-spacing:-2px;line-height:1.23;font-weight:650;margin:23px 0 24px}h1>span{color:var(--purple)}.intro{font-size:16px;line-height:1.9;color:var(--muted);margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:52px;padding:0 22px;border-radius:11px;font-size:15px;font-weight:600}.primary{background:var(--purple);color:white;box-shadow:0 5px 14px #7150d619}.primary:hover{background:#5c3bbb}.text-link{font-size:14px;font-weight:600}.text-link span{margin-left:8px}.requirement{font-size:11px;color:var(--muted);margin-top:22px;line-height:1.8}.demo-shell{background:#f3f0f9;padding:26px 26px 15px;border-radius:30px;border:1px solid #ebe5f6}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 0 18px}.demo-caption{font-size:13px;font-weight:600;color:#5b536d}.demo-label{font-size:10px;color:#756986;border:1px solid #ded5ec;border-radius:5px;padding:4px 7px}.demo{border-radius:19px;background:#fff;border:1px solid #e9e2f1;box-shadow:0 12px 35px #4a31670c;padding:23px 19px 0;min-height:372px}.demo-top{display:flex;align-items:center;gap:11px}.demo-top img{border-radius:12px}.demo-top strong{font-size:16px;display:block}.demo-top div>span{font-size:10px;color:var(--muted);display:block;margin-top:5px}.app-dot{margin-left:auto;color:#aaa2b8;font-weight:bold}.tabs{display:flex;background:#f5f3f8;border-radius:9px;padding:3px;margin:22px 0 8px}.tabs button{flex:1;border:0;background:transparent;color:#797384;font-size:12px;padding:9px 2px;border-radius:7px}.tabs button[aria-selected=true]{background:#fff;color:#5e3abd;box-shadow:0 1px 4px #0000000a;font-weight:600}.demo-panel{min-height:235px}.demo-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #f2eff6}.demo-row:last-child{border:0}.mini-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:19px}.lavender{color:#7853d1;background:#f1eafa}.coral{color:#c77860;background:#fff0e9}.mint{color:#518b71;background:#eaf5ef}.blue{color:#5d81bd;background:#edf1fb}.demo-row strong{display:block;font-size:12px;font-weight:600}.demo-row div>span{display:block;font-size:10px;color:#8a8397;margin-top:4px}.switch{width:35px;height:21px;border:0;border-radius:20px;margin-left:auto;flex-shrink:0;background:#e8e5ed;padding:3px;position:relative}.switch:before{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch[aria-checked=true]{background:#8660dc}.switch[aria-checked=true]:before{transform:translateX(14px)}.demo-footer{display:flex;justify-content:center;align-items:center;gap:8px;color:#8a8297;font-size:10px;border-top:1px solid #f0ecf6;padding:14px 0;margin-top:4px}.tiny-mask{color:#8c6ad0}.demo-hint{font-size:10px;text-align:center;color:#857990;line-height:1.7;margin:13px 0 0}.map-demo{height:142px;background:#eff2e8;position:relative;overflow:hidden;border-radius:10px;margin-top:16px}.map-road{background:white;position:absolute;height:15px;width:150%;transform:rotate(-20deg);left:-30px;top:45px}.r2{top:95px}.r3{width:100%;transform:rotate(65deg);top:70px}.map-river{position:absolute;height:190%;width:34px;right:35px;top:-40px;background:#c5e4ed;transform:rotate(20deg)}.pin{position:absolute;top:57px;left:46%;color:var(--purple);font-size:27px;text-shadow:0 0 0 white}.location-detail{display:flex;flex-direction:column;gap:5px;margin-top:12px}.location-detail span{font-size:10px;color:#8a8397}.location-detail strong{font-size:13px}.panel-note{font-size:10px;color:var(--muted);margin:12px 0;line-height:1.6}.device-row{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #f2eff6;font-size:12px}.device-row span{color:var(--muted)}.device-row strong{font-weight:500}.feature-strip{background:#faf9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.strip-inner{display:flex;justify-content:space-between;gap:18px;padding:24px 0;color:#77717f;font-size:12px}.strip-inner span:before{content:"✓";margin-right:10px;color:var(--purple)}.section{padding-top:88px;padding-bottom:88px}.section-heading h2{font-size:36px;font-weight:600;line-height:1.4;letter-spacing:-1px;margin:14px 0}.section-heading p{color:var(--muted);font-size:14px;line-height:1.8;margin:12px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.feature-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column}.feature-card.large{grid-row:span 2;background:#f8f6fc;border-color:#ece6f5}.feature-icon{color:var(--purple);font-size:29px;height:35px;line-height:1;font-weight:400}.feature-card h3{font-size:18px;font-weight:600;margin:22px 0 12px}.feature-card p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 22px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.chips span{font-size:11px;color:#716387;background:white;border:1px solid #e9e2f1;border-radius:7px;padding:8px 12px}.card-note{font-size:12px;line-height:1.9;color:#84778f;border-top:1px solid #e9e2f1;padding-top:20px;margin-top:auto}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #f0edf4;font-size:11px;color:#82768f;padding-top:16px;margin-top:auto}.guide-section{background:#faf9fc;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;padding:72px 0}.guide-layout .text-link{display:inline-block;margin-top:25px;color:var(--purple)}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.steps li:first-child{padding-top:0}.steps li:last-child{border:0;padding-bottom:0}.step-number{color:var(--purple);font-size:12px;padding-top:5px;letter-spacing:1px}.steps h3{font-size:16px;font-weight:600;margin:0 0 10px}.steps p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.download-box{border-radius:26px;background:#f4f0fc;padding:42px;border:1px solid #e8e0f6}.download-heading{display:flex;align-items:center;gap:23px}.download-heading img{border-radius:17px}.download-heading h2{font-size:29px;font-weight:600;letter-spacing:-.6px;margin:8px 0}.download-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:29px 0}.package{display:flex;align-items:center;justify-content:space-between;padding:25px;background:white;border:1px solid #e5dcef;border-radius:14px;transition:border-color .15s,box-shadow .15s}.package:hover{border-color:#9a7bd7;box-shadow:0 4px 16px #7150d611}.package strong{display:block;color:#6540be;font-size:17px;font-weight:600}.package div>span{display:block;color:var(--muted);font-size:11px;margin-top:9px}.download-arrow{color:var(--purple);font-size:24px}.repo-row{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#81738f;font-size:12px}.repo-row>div{display:flex;gap:20px;align-items:center}.repo-row a{color:#6540be;font-weight:600}.repo-row button{border:0;background:transparent;color:#6540be;padding:5px 0;font-size:12px}.copy-fallback{color:#7e7390;font-size:11px;line-height:1.6;margin:12px 0 0;overflow-wrap:anywhere}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;padding-bottom:85px}.faq-section h2{font-size:29px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:14px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:18px;color:#9384a5}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);font-size:13px;line-height:1.9;margin:0 0 22px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:30px;padding-bottom:30px}.footer .brand{font-size:14px}.footer .brand small{font-size:10px;color:#928a9c;font-weight:400;margin-left:8px}.footer>div{display:flex;gap:24px;font-size:11px;color:#817889}.copyright{color:#948c9b;font-size:10px}.skip{position:fixed;top:-60px;left:10px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1000px){.hero{gap:35px;padding-top:65px;padding-bottom:65px}.hero h1{font-size:48px}.demo-shell{padding:20px 18px 15px}.hero-actions{gap:18px}.feature-card{padding:23px}.guide-layout{gap:50px}.faq-section{gap:40px}}@media(max-width:760px){.container{width:calc(100% - 40px)}.nav{height:72px}.brand{font-size:16px}.nav nav{display:none}.nav-download{font-size:12px;padding:10px 12px}.nav-download span{margin-left:10px}.hero{grid-template-columns:1fr;gap:40px;padding-top:45px;padding-bottom:40px}.hero h1{font-size:48px;letter-spacing:-1.5px;margin-top:20px}.intro{font-size:14px}.hero-actions{margin-top:26px;gap:20px}.text-link{font-size:12px}.requirement{font-size:10px}.button{font-size:14px;padding:0 20px}.demo-shell{width:min(430px,100%);justify-self:center;padding:22px 19px 15px;border-radius:24px}.demo-heading{margin-bottom:16px}.demo{padding:20px 17px 0}.demo-row{padding:15px 0}.strip-inner{display:grid;grid-template-columns:1fr 1fr;row-gap:18px;padding:22px 0;font-size:10px}.strip-inner span:before{margin-right:6px}.section{padding-top:55px;padding-bottom:55px}.section-heading h2{font-size:29px}.section-heading p{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.feature-card.large{grid-row:auto}.feature-card{padding:25px}.feature-card h3{margin-top:15px}.feature-card p{margin-bottom:20px}.chips{margin-top:0;margin-bottom:25px}.guide-layout{grid-template-columns:1fr;gap:32px;padding:50px 0}.steps li{gap:18px;padding:22px 0}.download-box{padding:25px 20px;border-radius:20px}.download-heading{gap:14px;align-items:flex-start}.download-heading img{width:47px;height:47px;border-radius:12px}.download-heading .eyebrow{font-size:9px;letter-spacing:1px}.download-heading h2{font-size:22px;line-height:1.4;margin:6px 0}.download-heading p{font-size:10px}.download-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}.package{padding:21px}.package strong{font-size:16px}.repo-row{align-items:flex-start;flex-direction:column;font-size:11px;gap:10px}.repo-row>div{gap:20px}.faq-section{grid-template-columns:1fr;gap:15px;padding-bottom:50px}.faq-list summary{font-size:13px;line-height:1.7;padding:18px 0}.footer{flex-wrap:wrap;padding:25px 0}.footer>div{gap:17px}.copyright{width:100%}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important}}
