:root{font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;color:#0b3565;background:#eff9ff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;position:relative;min-height:100vh}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #004b9a;outline-offset:6px}.skip{position:absolute;left:20px;top:-90px;padding:12px;background:white;z-index:10}.skip:focus{top:12px}.scenery{position:absolute;inset:0 0 auto;height:760px;background:linear-gradient(180deg,#e6f7ff0a,#e5f6ff15),url('./assets/landscape.png') center center/cover no-repeat;z-index:-1}.header{max-width:1380px;margin:auto;height:110px;padding:22px 50px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:15px;align-items:center;font-weight:750;letter-spacing:1px;font-size:34px}.brand img{filter:drop-shadow(0 4px 4px #1670a619)}nav{display:flex;align-items:center;gap:50px;font-size:21px;font-weight:600}.nav-download{border:1.5px solid #0870c9;border-radius:30px;padding:9px 28px}.hero{max-width:1240px;min-height:620px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;padding:25px 32px 42px;gap:24px}.intro{padding-bottom:22px}.product-name{font-size:82px;line-height:1.1;font-weight:750;margin:0 0 14px;letter-spacing:-3px}h1{font-size:52px;font-weight:750;line-height:1.35;letter-spacing:1px;margin:0;white-space:nowrap}.subtitle{font-size:25px;letter-spacing:3px;margin:20px 0 44px;color:#23578b}.downloads{display:flex;gap:20px;scroll-margin-top:30px}.download{display:flex;align-items:center;justify-content:center;gap:14px;min-height:66px;border-radius:22px;padding:15px 29px;font-size:24px;letter-spacing:2px;font-weight:550;color:#fff;box-shadow:0 10px 20px #0e81bb22;transition:transform .2s,filter .2s;cursor:pointer}.android{background:linear-gradient(145deg,#37baff,#1098d9)}.ios{background:linear-gradient(145deg,#318bd4,#07549f)}.download:hover[href]{transform:translateY(-2px);filter:brightness(1.05)}.download[aria-disabled="true"]{cursor:default;filter:saturate(.65);opacity:.82}.download svg{width:30px;height:30px;flex-shrink:0}.android svg{fill:white;stroke:white;stroke-width:2.2;stroke-linecap:round}.android circle{fill:#21a8ed;stroke:none}.ios svg{fill:white}.download-feedback{display:flex;align-items:center;gap:16px;min-height:54px;font-size:16px;color:#285c8d;letter-spacing:1px}.download-feedback p{margin:16px 0}.download-feedback button{border:0;background:none;font:inherit;color:#075baf;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:8px 0}.phone-scene{position:relative;height:542px;display:flex;align-items:center;justify-content:center;perspective:1200px}.phone{position:relative;width:268px;height:526px;border-radius:47px;padding:7px;background:linear-gradient(110deg,#637587,#e7f7ff 12%,#4e6473 32%,#b0d8ee 94%,#e2f8ff);box-shadow:4px 7px 0 #75a1bb,10px 14px 15px #15567e30;transform:rotate(10deg) rotateY(-12deg);z-index:1}.phone-screen{height:100%;overflow:hidden;border:4px solid #273644;border-radius:40px;position:relative;background:linear-gradient(#e2f5ff36,#d7f4ff00),url('./assets/landscape.png') 48% 50%/auto 100%;text-align:center}.camera{position:absolute;top:12px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#1b2c3d;box-shadow:inset 0 0 0 3px #35485a}.phone-brand{padding-top:64px}.phone-brand img{display:block;margin:auto;filter:drop-shadow(0 6px 6px #3493be20)}.phone-brand strong{display:block;font-size:29px;margin:9px 0 18px;letter-spacing:-1px}.phone-brand p{font-size:16px;line-height:1.8;letter-spacing:3px;margin:0}.phone-tagline{position:absolute;bottom:54px;width:100%;font-size:20px;letter-spacing:4px;font-family:"KaiTi","STKaiti",serif;font-style:italic}.phone-tagline:after{content:"";display:block;height:5px;width:135px;border-top:1px solid #28a9ee;border-radius:50%;margin:7px auto}.home-indicator{position:absolute;bottom:8px;left:32%;width:36%;height:3px;background:#1f4b6459;border-radius:3px}.phone-shadow{position:absolute;bottom:-11px;width:280px;height:30px;background:#3d91b937;filter:blur(12px);border-radius:50%}.benefits{background:#f5fbffb5;min-height:216px;display:grid;grid-template-columns:repeat(3,1fr);padding:40px max(32px,calc((100vw - 1170px)/2));gap:0}.benefits article{display:flex;align-items:center;justify-content:center;gap:25px;padding:8px 30px;height:88px}.benefits article+article{border-left:1px solid #b7def7}.benefits svg{width:60px;height:60px;flex-shrink:0;fill:#c2ebff;stroke:#38aff5;stroke-width:3.5;stroke-linejoin:round;stroke-linecap:round}.benefits h2{font-size:27px;margin:0 0 5px;letter-spacing:1px;white-space:nowrap}.benefits p{font-size:19px;color:#416590;margin:0;letter-spacing:2px;white-space:nowrap}[hidden]{display:none!important}.noscript{font-size:15px;color:#234f78}
@media(min-width:1600px){.scenery{height:820px}.hero{min-height:690px}.header{max-width:1500px}.phone-scene{transform:scale(1.06)}}
@media(max-width:1100px){.header{padding:22px 32px}.hero{grid-template-columns:1.35fr 1fr;gap:8px}.product-name{font-size:68px}h1{font-size:42px}.subtitle{font-size:20px;letter-spacing:2px}.download{font-size:20px;padding:15px 22px;gap:10px}.downloads{gap:14px}.phone-scene{transform:scale(.9);margin:0 -10px}.benefits article{padding:8px 15px;gap:16px}.benefits h2{font-size:23px}.benefits p{font-size:16px}}
@media(max-width:760px){.scenery{height:1110px;background-position:50% 45%;background-size:auto 1110px}.header{height:85px;padding:20px 24px}.brand{font-size:25px;gap:10px}.brand img{width:37px;height:37px}nav{font-size:14px;gap:0}.home-link{display:none}.nav-download{padding:7px 17px}.hero{display:flex;flex-direction:column;padding:35px 26px 25px;gap:9px;min-height:0}.intro{width:100%;max-width:430px;text-align:center;padding-bottom:0}.product-name{display:none}h1{font-size:clamp(31px,7.8vw,46px);white-space:normal;letter-spacing:1px;line-height:1.4}.subtitle{font-size:15px;letter-spacing:1.5px;margin:18px -8px 31px}.downloads{flex-direction:column;gap:14px;padding:0 12px}.download{font-size:21px;min-height:59px;border-radius:18px;padding:13px 24px;gap:15px;letter-spacing:2px}.download svg{width:26px;height:26px}.download-feedback{justify-content:center;font-size:12px;gap:10px;letter-spacing:0;min-height:45px}.download-feedback p{margin:13px 0}.download-feedback button{font-size:12px}.phone-scene{height:420px;width:100%;transform:none;margin:0}.phone{width:213px;height:416px;border-radius:37px;padding:5px;transform:rotate(2deg) rotateY(-6deg);box-shadow:3px 5px 0 #75a1bb,7px 10px 13px #15567e30}.phone-screen{border-radius:32px;border-width:3px}.phone-brand{padding-top:43px}.phone-brand img{width:67px;height:67px}.phone-brand strong{font-size:24px;margin:8px 0 16px}.phone-brand p{font-size:13px;letter-spacing:2px}.phone-tagline{font-size:17px;bottom:43px;letter-spacing:3px}.phone-tagline:after{width:115px}.phone-shadow{width:225px;height:20px;bottom:-5px}.benefits{display:flex;flex-direction:column;padding:25px 26px 35px;gap:18px;align-items:center;background:linear-gradient(#f3fbffb5,#f3fbfff2)}.benefits article{justify-content:flex-start;width:260px;height:auto;padding:10px 12px;gap:27px}.benefits article+article{border:0}.benefits svg{width:48px;height:48px}.benefits h2{font-size:22px;margin-bottom:5px}.benefits p{font-size:15px;letter-spacing:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.download{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}