:root{color-scheme:light;--blue:#1857a4;--blue-deep:#124681;--text:#182b43;--muted:#697b90;--line:#e3ebf4;--pale:#edf4fc;--white:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#eef5fd 0,#f8fafc 60%);color:var(--text);font-size:15px;line-height:1.6;min-height:100vh}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:var(--blue);text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #739ee3;outline-offset:4px}
.page{max-width:1080px;margin:auto;padding:0 34px}
.header{display:flex;justify-content:space-between;align-items:center;padding:28px 0 16px}
.brand{display:flex}
.brand img{width:127px;height:auto;display:block}
.home-link{font-size:14px;font-weight:600}
.home-link span{margin-left:5px}
.intro{text-align:center;padding:30px 0 40px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.5px;color:var(--blue)}
h1{margin:13px 0 12px;font-size:42px;line-height:1.25;letter-spacing:1px;font-weight:750}
.mobile-break{display:none}
.intro p{margin:0;font-size:20px;font-weight:600;color:#365574}
.platform-description{display:block;margin-top:8px;color:var(--muted);font-size:14px}
.downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.platform-card{padding:29px 28px 23px;background:white;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 32px #18385e07;min-width:0}
.android-card{border-color:#b9d1ec;box-shadow:0 10px 32px #1857a40b}
.card-heading{display:flex;align-items:center;gap:14px}
.platform-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:15px;flex-shrink:0}
.platform-icon svg{width:32px;height:32px}
.android-icon{color:var(--blue);background:#edf4fc}
.ios-icon{color:#536375;background:#f0f3f7}
.harmony-icon{color:#536375;background:#f0f3f7}
h2,p{margin:0}
.card-heading h2{font-size:23px;line-height:1.25;letter-spacing:.3px}
.card-heading p{font-size:12px;color:var(--muted);margin-top:4px}
.version-badge{font-size:11px;font-weight:600;color:var(--blue);background:var(--pale);padding:4px 9px;border-radius:6px;margin-left:auto;white-space:nowrap}
.version-badge.muted{color:#7e8998;background:#f2f4f7}
.version-info{display:flex;flex-direction:column;gap:5px;margin:27px 0 22px}
.version-info strong{font-size:24px;letter-spacing:.5px;line-height:1.4}
.ios-card .version-info strong,.harmony-card .version-info strong{font-size:22px;color:#718093}
.version-info span{color:var(--muted);font-size:12px}
.download-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;border:0;border-radius:10px;text-align:center;padding:11px 16px;transition:background .15s}
.download-button svg{width:20px;height:20px;flex-shrink:0}
.primary{color:white;background:var(--blue)}
.primary:hover{background:var(--blue-deep)}
.unavailable{color:#8b96a4;background:#eef1f5}
.card-note{font-size:11px;color:var(--muted);margin-top:14px;text-align:center}
.download-help{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:20px 23px;margin:26px 0 23px;background:#eaf2fc;border-radius:12px;color:#486582;font-size:12px}
.help-label{display:flex;align-items:center;gap:8px}
.help-label h2{font-size:13px;color:#294c72}
.info-icon{display:grid;place-items:center;border:1.5px solid var(--blue);color:var(--blue);font:600 10px Georgia,serif;border-radius:50%;width:15px;height:15px}
.download-help .text-button{margin-left:auto;font-size:12px}
.dots{font-weight:800;letter-spacing:2px;white-space:nowrap}
.text-button{border:0;background:none;color:var(--blue);padding:4px 0;font-size:13px;font-weight:600}
.text-button:hover{text-decoration:underline}
.share-row{display:flex;align-items:center;justify-content:center;gap:13px;font-size:12px;color:var(--muted)}
.status{font-size:12px;text-align:center;margin-top:8px;min-height:20px;color:var(--blue)}
.manual-copy{max-width:380px;margin:10px auto 0;text-align:center}
.manual-copy label{font-size:12px;display:block;color:var(--muted);margin-bottom:6px}
.manual-copy input{width:100%;text-align:center;padding:9px 10px;border:1px solid #c6d7ec;border-radius:8px;color:var(--blue);background:white;font-size:13px}
.noscript-note{font-size:13px;color:var(--muted);padding:14px 0;text-align:center}
footer{font-size:11px;color:#8c98a7;text-align:center;padding:25px 0 max(28px,env(safe-area-inset-bottom))}
footer span{padding:0 5px}
.wechat-open{overflow:hidden}
.wechat-guide{position:fixed;inset:0;z-index:100;overflow:auto;background:#f3f7fd;color:var(--text);padding:max(20px,env(safe-area-inset-top)) 24px max(26px,env(safe-area-inset-bottom));overscroll-behavior:contain}
.wechat-guide:focus{outline:none}
.guide-content{max-width:390px;margin:auto;padding-top:130px;position:relative}
.guide-direction{position:absolute;top:3px;right:0;display:flex;align-items:flex-end;color:var(--blue);gap:5px}
.guide-direction span{font-size:12px;padding-bottom:8px}
.guide-direction svg{width:95px;height:100px}
.guide-symbol{display:grid;place-items:center;width:66px;height:66px;background:#e3eefb;color:var(--blue);border-radius:18px;margin-bottom:25px}
.guide-symbol svg{width:34px;height:34px}
.guide-content h2{font-size:27px;font-weight:750;line-height:1.4;letter-spacing:.3px}
.guide-subtitle{font-size:13px;color:var(--muted);margin:10px 0 25px}
.guide-steps{list-style:none;padding:0;margin:0 0 31px;display:grid;gap:22px}
.guide-steps li{display:flex;align-items:flex-start;gap:13px;font-size:14px;line-height:1.7}
.step-number{flex-shrink:0;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--blue);background:#dfeafb;font-size:12px;font-weight:700}
.guide-steps strong{font-weight:650;color:#183f6c}
.guide-steps small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.guide-close{border:0;background:none;color:var(--muted);display:block;margin:8px auto 0;padding:9px;font-size:12px}
@media(min-width:650px){.guide-content{padding-top:95px}.guide-direction{position:fixed;top:25px;right:35px}.guide-symbol{margin-top:25px}}
@media(min-width:650px) and (max-width:949px){.downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:649px){.page{padding:0 22px}.header{padding:22px 0 8px}.brand{padding:5px 9px}.brand img{width:90px}.home-link{font-size:12px}.intro{padding:25px 0 28px}h1{font-size:33px;line-height:1.35;margin:10px 0 10px}.mobile-break{display:block}.intro p{font-size:17px}.platform-description{font-size:12px;margin-top:5px}.eyebrow{font-size:10px;letter-spacing:2px}.downloads{grid-template-columns:1fr;gap:16px}.platform-card{padding:22px;border-radius:16px}.card-heading{gap:12px}.card-heading h2{font-size:21px}.platform-icon{width:46px;height:46px;border-radius:12px}.platform-icon svg{width:28px;height:28px}.version-info{margin:19px 0 18px}.version-info strong{font-size:22px}.ios-card .version-info strong{font-size:20px}.download-button{min-height:48px}.card-note{margin-top:10px;font-size:11px}.download-help{margin:20px 0;padding:16px 18px;gap:8px}.download-help p{width:100%;line-height:1.8}.download-help .text-button{margin-left:0}.share-row{gap:10px;font-size:11px}.share-row .text-button{font-size:12px}footer{padding-top:20px;font-size:10px}.guide-content{padding-top:115px}.guide-content h2{font-size:25px}}
@media(max-width:350px){.page{padding:0 16px}.platform-card{padding:20px 18px}.card-heading p{font-size:11px}.version-badge{font-size:10px;padding:3px 7px}.wechat-guide{padding-left:20px;padding-right:20px}.guide-content h2{font-size:23px}.guide-subtitle{font-size:12px}.guide-steps li{font-size:13px}}
@media(prefers-reduced-motion:reduce){.download-button{transition:none}}