@font-face{font-family:Potato;src:url('../assets/ff9ee3c79cefd0a9.ttf')}@font-face{font-family:Potato;src:url('../assets/dcfa85dd6c134442.ttf');font-weight:700}
:root{--ink:#1a2740;--muted:#71809a;--blue:#2875e8;--line:#e2eaf5;--paper:#f6f9ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Potato,"PingFang SC","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit}.notice{height:34px;display:flex;align-items:center;justify-content:center;background:#101a3b;color:#e3ebfa;font-size:12px}.nav{height:76px;display:flex;align-items:center;gap:35px;max-width:1200px;margin:auto;padding:0 28px}.brand img{width:178px;display:block}.nav-links{display:flex;gap:25px;flex:1}.nav-links a{text-decoration:none;color:#4c5871;font-size:14px}.nav-links a.active,.nav-links a:hover{color:var(--blue);font-weight:700}.nav-cta{padding:11px 20px;border-radius:24px;background:linear-gradient(110deg,#2875e8,#53c7f5);box-shadow:0 8px 18px #2976e83b;color:#fff;text-decoration:none;font-size:14px;font-weight:700}.hero{position:relative;overflow:hidden;min-height:575px;background:#f4f8ff url('../assets/bannerbg_web.png') center/cover no-repeat}.shell{position:relative;z-index:1;max-width:1144px;margin:auto;padding:28px 28px 74px}.crumb{color:#748199;font-size:13px}.crumb a{color:#5d759b;text-decoration:none}.hero-grid{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:45px;padding-top:48px}.tag{display:inline-block;border-radius:20px;background:#fff9;border:1px solid #cfdcf2;padding:7px 12px;color:#5081c9;font-size:13px}.hero h1{margin:18px 0 13px;font-size:47px;line-height:1.2;letter-spacing:-1.5px}.hero p{max-width:520px;margin:0;color:#748198;font-size:16px;line-height:1.85}.facts{display:grid;gap:11px;margin:26px 0}.fact{position:relative;padding-left:19px;color:#48566e;font-size:14px}.fact:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background:#4b96f2;box-shadow:0 0 0 4px #4b96f21a}.actions{display:flex;gap:12px;align-items:center}.download-btn{display:inline-flex;justify-content:center;align-items:center;min-width:158px;padding:14px 22px;border:1px solid #1f68dd;border-radius:10px;background:linear-gradient(110deg,#2875e8,#4bbdf3);box-shadow:0 10px 20px #2875e83d;color:white;text-decoration:none;font-weight:700;transition:.2s}.download-btn:hover{transform:translateY(-2px);box-shadow:0 14px 25px #2875e84d}.history{font-size:14px;color:#3678df;text-decoration:none;font-weight:700}.device-art{position:relative;min-height:340px}.device-art img{position:absolute;width:680px;max-width:130%;right:-110px;top:0;filter:drop-shadow(0 25px 26px #31537a40)}.platforms{position:absolute;bottom:0;left:50%;z-index:2;transform:translate(-50%,50%);display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:min(1040px,calc(100% - 42px));padding:9px 14px;border:1px solid #dfe9f6;border-radius:16px;background:#fff;box-shadow:0 15px 34px #1a4e8c16}.platforms a{display:flex;justify-content:center;align-items:center;min-height:42px;border-radius:10px;color:#53627b;text-decoration:none;font-size:14px;font-weight:700}.platforms a.active,.platforms a:hover{color:#2875e8;background:#edf5ff}.section{padding:104px 28px}.wrap{max-width:1144px;margin:auto}.heading{max-width:640px;margin:0 auto 42px;text-align:center}.heading span{font-size:13px;letter-spacing:1.5px;font-weight:700;color:#3678df}.heading h2{margin:13px 0;font-size:34px;letter-spacing:-1px}.heading p{margin:0;color:var(--muted);line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step{position:relative;padding:30px;border:1px solid var(--line);border-radius:18px;background:#fff}.step-no{display:grid;place-items:center;width:34px;height:34px;margin-bottom:22px;border-radius:50%;background:#eaf3ff;color:#2875e8;font-weight:700}.step h3{margin:0 0 9px;font-size:18px}.step p{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.version{background:var(--paper)}.version-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.version-card,.release-card{padding:32px;border:1px solid var(--line);border-radius:18px;background:#fff}.version-card h3,.release-card h3{margin:0 0 8px;font-size:20px}.version-card p,.release-card p{color:var(--muted);font-size:14px;line-height:1.8}.version-number{color:#2875e8;font-weight:700;font-size:18px}.release-card ul{padding-left:18px;margin:17px 0 0;color:#536078;font-size:14px;line-height:1.9}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.other{display:block;padding:23px;border:1px solid var(--line);border-radius:15px;text-decoration:none;transition:.2s}.other:hover{transform:translateY(-3px);border-color:#bcd3fa;box-shadow:0 13px 26px #286ac212}.other b{display:block;margin-bottom:8px;font-size:17px}.other span{color:var(--muted);font-size:13px}.faq{background:var(--paper)}.faq-list{max-width:780px;margin:auto;border-top:1px solid var(--line)}details{background:#fff;border:1px solid var(--line);border-top:0}summary{display:flex;justify-content:space-between;align-items:center;padding:20px 23px;cursor:pointer;list-style:none;font-weight:700;font-size:15px}summary::-webkit-details-marker{display:none}summary:after{content:"+";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf4ff;color:#2875e8;font-size:19px;font-weight:400}details[open] summary{color:#2875e8}details[open] summary:after{content:"−";background:#2875e8;color:white}.answer{padding:0 52px 20px 23px;color:var(--muted);font-size:14px;line-height:1.8}.footer{padding:55px 28px 25px;background:#0c1530;color:#a6b4cf}.footer-inner{display:flex;justify-content:space-between;gap:30px;max-width:1144px;margin:auto}.footer .brand img{width:168px}.footer p{max-width:370px;font-size:13px;line-height:1.8}.footer-links{display:flex;gap:34px}.footer-links a{display:block;margin:8px 0;text-decoration:none;font-size:13px}.copyright{max-width:1144px;margin:36px auto 0;padding-top:20px;border-top:1px solid #ffffff18;font-size:12px}
@media(max-width:780px){.notice{padding:0 16px;text-align:center;font-size:11px}.nav{height:66px;padding:0 20px}.brand img{width:154px}.nav-links{display:none}.nav-cta{margin-left:auto;padding:10px 15px}.hero{min-height:auto}.shell{padding:22px 22px 92px}.hero-grid{grid-template-columns:1fr;padding-top:38px;gap:12px}.hero h1{font-size:35px}.hero p{font-size:15px}.device-art{min-height:240px}.device-art img{width:480px;right:-75px}.platforms{grid-template-columns:repeat(4,max-content);justify-content:start;gap:8px;overflow:auto;padding:8px 10px}.platforms a{padding:0 13px;min-height:38px}.section{padding:75px 20px}.heading h2{font-size:29px}.steps,.version-grid,.other-grid{grid-template-columns:1fr}.footer-inner{display:block}.footer-links{margin-top:22px}.version-card,.release-card{padding:25px}.faq-list summary{padding:18px}.answer{padding:0 48px 18px 18px}}
.platforms{grid-template-columns:repeat(5,1fr)}@media(max-width:780px){.platforms{grid-template-columns:repeat(5,max-content)}}
/* Keep platform links inside the hero so the following section cannot cover them. */
.hero .shell{padding-bottom:132px}.platforms{bottom:8px;transform:translateX(-50%)}@media(max-width:780px){.hero .shell{padding-bottom:112px}.platforms{bottom:8px}}
/* QR companion for mobile download links. Hover on desktop; tap to expand on touch devices. */
.qr-link{position:relative;display:inline-block}.qr-link summary{display:inline-flex;align-items:center;min-height:46px;padding:0 15px;border:1px solid #c7d8f3;border-radius:10px;color:#3678df;background:#ffffffa8;cursor:pointer;font-size:14px;font-weight:700;list-style:none}.qr-link summary::-webkit-details-marker{display:none}.qr-link summary:after{display:none}.qr-popover{position:absolute;z-index:10;left:50%;bottom:calc(100% + 13px);width:170px;padding:12px;border:1px solid #dce7f6;border-radius:14px;background:#fff;box-shadow:0 16px 30px #183d7330;opacity:0;pointer-events:none;transform:translate(-50%,8px);transition:.2s}.qr-popover:after{content:"";position:absolute;left:50%;bottom:-7px;width:12px;height:12px;background:#fff;border-right:1px solid #dce7f6;border-bottom:1px solid #dce7f6;transform:translateX(-50%) rotate(45deg)}.qr-popover img{position:relative;z-index:1;display:block;width:144px;height:144px;background:#fff}.qr-popover span{position:relative;z-index:1;display:block;margin-top:7px;color:#6b7890;font-size:12px;text-align:center;white-space:nowrap}.qr-link:hover .qr-popover,.qr-link[open] .qr-popover,.qr-link:focus-within .qr-popover{opacity:1;pointer-events:auto;transform:translate(-50%,0)}@media(max-width:780px){.qr-link summary{min-height:44px}.qr-popover{position:absolute;left:0;bottom:calc(100% + 10px);transform:translate(0,8px)}.qr-link:hover .qr-popover,.qr-link[open] .qr-popover,.qr-link:focus-within .qr-popover{transform:translate(0,0)}.qr-popover:after{left:25px}}
.platforms{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0;padding:0 12px;border-color:#e4ebf5;border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 16px 34px #2451841c}.platforms a{position:relative;min-height:64px;border-radius:0;color:#718099;font-size:15px;font-weight:700;transition:color .2s ease,background .2s ease}.platforms a.active,.platforms a:hover{color:#2875e8;background:transparent}.platforms a.active:after{content:"";position:absolute;right:28%;bottom:0;left:28%;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#2875e8,#65cafa)}.nav{border-bottom:1px solid #edf1f7}.download-btn{border-radius:12px}.step,.other{box-shadow:0 8px 24px #285a8a08}.step{transition:transform .2s ease,box-shadow .2s ease}.step:hover{transform:translateY(-3px);box-shadow:0 14px 30px #285a8a14}
@media(max-width:780px){.platforms{display:flex;gap:0;padding:0 8px;overflow-x:auto;border-radius:14px}.platforms a{flex:0 0 auto;min-width:94px;min-height:54px;font-size:14px}.platforms a.active:after{right:24%;left:24%}}
.download-btn{position:relative;isolation:isolate;min-width:178px;padding:15px 24px;border:1px solid #ffffff73;border-radius:14px;background:linear-gradient(115deg,#1f65dc 0%,#287df1 48%,#53cef3 100%);box-shadow:0 12px 0 #1c58c3,0 20px 30px #236de049;overflow:hidden;letter-spacing:.2px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.download-btn:before{content:"";position:absolute;z-index:-1;inset:1px;border-radius:12px;background:linear-gradient(130deg,#ffffff25 0 23%,transparent 38% 100%)}.download-btn:hover{transform:translateY(-3px);filter:saturate(1.08);box-shadow:0 15px 0 #1c58c3,0 26px 36px #236de052}.download-btn:active{transform:translateY(3px);box-shadow:0 6px 0 #1c58c3,0 10px 20px #236de035}.qr-link summary{position:relative;min-height:50px;padding:0 18px;border:1px solid #c5d9f8;border-radius:14px;background:linear-gradient(145deg,#fff,#f2f8ff);box-shadow:0 7px 18px #2768bd12;color:#2e72de;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.qr-link summary:hover{transform:translateY(-2px);border-color:#8eb8f8;box-shadow:0 11px 22px #2768bd20}.qr-link[open] summary{border-color:#76a8f6;background:#eef6ff}.qr-popover{border-color:#c9dcf7;box-shadow:0 20px 38px #183d7340}@media(max-width:780px){.download-btn{min-width:0;padding:14px 18px;border-radius:12px}.qr-link summary{min-height:47px;padding:0 15px;border-radius:12px}}
.download-btn{border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,rgba(255,255,255,.68),rgba(181,222,255,.34));box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(51,126,222,.14),0 14px 28px rgba(42,105,186,.18);backdrop-filter:blur(18px) saturate(145%);color:#2367d4;text-shadow:0 1px 0 rgba(255,255,255,.75)}.download-btn:before{background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(255,255,255,0) 46%)}.download-btn:hover{transform:translateY(-3px);filter:none;border-color:rgba(255,255,255,.96);background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(179,223,255,.5));box-shadow:inset 0 1px 0 rgba(255,255,255,1),inset 0 -1px 0 rgba(51,126,222,.16),0 19px 33px rgba(42,105,186,.25)}.download-btn:active{transform:translateY(2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 8px 18px rgba(42,105,186,.18)}.qr-link summary{border:1px solid rgba(255,255,255,.78);background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(199,229,255,.28));box-shadow:inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(51,126,222,.1),0 10px 22px rgba(42,105,186,.12);backdrop-filter:blur(18px) saturate(145%);color:#2367d4}.qr-link summary:hover,.qr-link[open] summary{border-color:rgba(255,255,255,.96);background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(185,224,255,.42));box-shadow:inset 0 1px 0 #fff,0 15px 28px rgba(42,105,186,.18)}
/* Match the homepage's more generous hero proportion on download pages. */
@media(min-width:781px){.hero{min-height:780px}.hero .shell{padding-top:36px;padding-bottom:154px}.hero-grid{gap:64px;padding-top:68px}.hero h1{font-size:54px;line-height:1.17}.hero p{font-size:17px}.device-art{min-height:410px}.device-art img{width:735px;right:-128px;top:2px}.platforms{bottom:20px}}
@media(max-width:780px){.hero{min-height:760px}.hero .shell{padding-top:28px;padding-bottom:126px}.hero-grid{padding-top:48px;gap:20px}.device-art{min-height:275px}.device-art img{width:520px;right:-88px}.platforms{bottom:14px}}
.download-btn,.qr-link summary{min-height:46px;padding:0 20px;border:1px solid #c8d9f2;border-radius:10px;background:rgba(255,255,255,.62);box-shadow:0 6px 16px rgba(32,84,151,.1);backdrop-filter:blur(12px);color:#286bd6;text-shadow:none;letter-spacing:0}.download-btn:before{display:none}.download-btn:hover,.qr-link summary:hover,.qr-link[open] summary{transform:translateY(-1px);border-color:#9fbef0;background:rgba(255,255,255,.82);box-shadow:0 9px 20px rgba(32,84,151,.14);filter:none}.download-btn:active{transform:translateY(0);box-shadow:0 4px 11px rgba(32,84,151,.11)}@media(max-width:780px){.download-btn,.qr-link summary{min-height:44px;padding:0 16px;border-radius:9px}}
.version{background:transparent}
.version-grid{background:transparent}
.faq{padding:96px 28px}
@media(max-width:780px){.faq{padding:72px 20px}}