:root{--ink:#161c1b;--mint:#72b7a1;--coral:#e05b45;--soft:#edf4f1;--line:#d8e2de;--muted:#68736f;--shell:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.76}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:min(calc(100% - 56px),var(--shell));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:#fffffff7;border-bottom:1px solid var(--line)}.nav{height:74px;display:grid;grid-template-columns:250px 1fr 160px;gap:24px;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:900;letter-spacing:.13em}.brand img,.foot-brand img{height:28px;width:auto;background:var(--ink);padding:5px 9px}.site-nav{display:flex;justify-content:center;gap:24px;font-size:12px;font-weight:800;color:var(--muted)}.top-btn{background:var(--ink);color:#fff;padding:10px 14px;font-size:12px;font-weight:900}.menu-button{display:none}.kicker{font-size:10px;font-weight:900;letter-spacing:.15em;color:var(--mint)}h1{font-size:clamp(56px,7vw,100px);line-height:.93;letter-spacing:-.07em;margin:0}h2{font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.045em;margin:0}p{color:var(--muted)}.hero{background:var(--ink);color:#fff}.hero-shell{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:center;padding:75px 0}.hero p{color:#aeb9b5}.primary{display:inline-flex;margin-top:24px;background:var(--coral);color:#fff;padding:15px 20px;font-weight:900}.hero img{width:100%;max-height:500px;object-fit:contain;background:#0d1110}figcaption{font-size:10px;color:#77817e;margin-top:8px}.choose,.preview,.touch,.switch,.extra,.faq{padding:95px 0}.choose{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px}.no{font-size:75px;font-weight:950;color:#d9e7e2}.os{display:grid;grid-template-columns:1fr 1fr;gap:18px}.os article{padding:25px;border:1px solid var(--line);min-height:300px}.os .android{border-top:6px solid #54a96b}.os .iphone{border-top:6px solid #222}.os small{font-size:8px;font-weight:900}.os h3{margin:65px 0 7px;font-size:25px}.os p,.os a{font-size:11px}.os a{font-weight:900}.dark,.step-btn{display:inline-flex;margin-top:25px;background:var(--ink);color:#fff;padding:14px 18px;font-weight:900}.head{max-width:900px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr;gap:20px;margin-top:38px}.gallery .main{grid-row:1/3}.gallery img{width:100%;height:100%;object-fit:contain;background:var(--soft)}.steps{background:var(--soft)}.steps-shell{padding:95px 0}.steps-head{display:grid;grid-template-columns:90px 1fr;gap:25px}.steps-head>span{font-size:52px;font-weight:950;color:#c7dcd4}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:2px solid var(--ink);border-left:1px solid var(--line)}.step-grid article{padding:20px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.step-grid b{font-size:28px;color:var(--mint)}.step-grid h3{margin:42px 0 6px}.step-grid p{font-size:11px}.touch,.switch,.extra{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center}.switch{grid-template-columns:.85fr 1.15fr;border-top:1px solid var(--line)}.extra{border-top:1px solid var(--line)}.touch img,.switch img,.extra img{width:100%;max-height:470px;object-fit:contain;background:var(--soft)}.outline{display:inline-flex;margin-top:22px;border:1px solid var(--ink);padding:13px 17px;font-weight:900}.faq-list{margin-top:30px;border-top:2px solid var(--ink)}details{border-bottom:1px solid var(--line)}summary{position:relative;list-style:none;padding:20px 45px 20px 0;font-weight:850;cursor:pointer}summary span{position:absolute;right:0}.faq-list p{margin:-3px 0 20px}.footer53{background:var(--ink);color:#fff;padding:60px 0 25px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:50px}.footer53 p{font-size:10px;color:#8f9995}.foot-brand small{display:block;margin-top:10px}.platforms{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #3d4744;border-left:1px solid #3d4744}.platforms a{padding:22px;min-height:155px;border-right:1px solid #3d4744;border-bottom:1px solid #3d4744}.platforms small{display:block;font-size:8px}.platforms strong{display:block;margin:38px 0 5px}.platforms span{font-size:10px}.platforms .android{border-top:5px solid #54a96b}.platforms .iphone{border-top:5px solid #eee}.platforms .all{background:var(--coral);border-top:5px solid var(--coral)}.foot-base{display:flex;justify-content:space-between;padding-top:18px;color:#69736f;font-size:9px}.mobile-download-bar{display:none}
@media(max-width:850px){.nav{grid-template-columns:1fr auto}.site-nav,.top-btn{display:none}.menu-button{display:block}.site-nav.is-open{display:grid;position:absolute;top:70px;left:18px;right:18px;background:#fff;padding:12px;border:1px solid var(--line)}.hero-shell,.choose,.touch,.switch,.extra{grid-template-columns:1fr}.step-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){body{padding-bottom:60px}.shell{width:min(calc(100% - 28px),var(--shell))}.brand span{display:none}.hero-shell{padding:52px 0}.choose,.preview,.touch,.switch,.extra,.faq{padding:70px 0}.os,.gallery,.step-grid,.platforms{grid-template-columns:1fr;grid-template-rows:auto}.gallery .main{grid-row:auto}.steps-shell{padding:70px 0}.steps-head{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.foot-base{display:grid;gap:5px}.mobile-download-bar{position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 14px;z-index:90}.mobile-download-bar a{background:var(--coral);padding:9px 15px;font-weight:900}}