:root{color-scheme:light;--ink:#162133;--muted:#687589;--blue:#0078ff;--surface:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{background:var(--surface)}
body{margin:0;color:var(--ink);font-size:1rem;line-height:1.5;background:radial-gradient(ellipse at 17% 39%,#e5f0ff 0,transparent 52%),var(--surface)}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
a:focus-visible{outline:3px solid #006de4;outline-offset:5px}
.page{max-width:1200px;min-height:100svh;padding:38px 52px 24px;margin:auto;display:flex;flex-direction:column}
.header,.brand,.footer,.panel-heading,.download-card{display:flex;align-items:center}
.header{justify-content:space-between;gap:20px}
.brand{gap:12px;font-size:1.25rem;font-weight:700;letter-spacing:.04em}
.brand-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:var(--blue);color:#fff;font-size:1.4rem;box-shadow:0 5px 12px #0078ff20}
.header-label{color:var(--muted);font-size:.875rem}
.main{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding:64px 0 86px}
.eyebrow{margin:0 0 25px;color:var(--blue);font-size:.875rem;font-weight:700;letter-spacing:.23em}
h1{margin:0;font-size:clamp(3.4rem,6vw,5.6rem);line-height:1.15;letter-spacing:-.04em;font-weight:750}
h1 span{display:block;font-size:clamp(1.9rem,3.15vw,3rem);font-weight:600;letter-spacing:-.045em;margin-top:18px}
.intro-text{margin:26px 0 24px;color:var(--muted);font-size:1.125rem}
.platforms{display:flex;gap:8px}
.platforms span{padding:5px 13px;border:1px solid #cfdbea;border-radius:20px;font-size:.875rem;color:#52647b;background:#ffffff50}
.download-panel{padding:32px;background:#ffffffd9;border:1px solid #fff;border-radius:32px;box-shadow:0 25px 80px #2f518010,0 2px 8px #2f518005}
.panel-heading{gap:16px;margin-bottom:30px}
.app-icon{width:60px;height:60px;border-radius:19px;display:grid;place-items:center;background:var(--blue);color:white;font-size:2.25rem;font-weight:650;box-shadow:0 9px 18px #0078ff25}
h2{margin:0 0 3px;font-size:1.5rem;font-weight:650;letter-spacing:-.035em}
.panel-heading p{margin:0;color:var(--muted);font-size:.875rem}
.download-list{display:grid;gap:13px}
.download-card{gap:14px;padding:20px 18px;border:1px solid #e7ecf3;border-radius:19px;background:#f7f9fc;transition:background .18s,color .18s,border-color .18s,transform .18s}
.os-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid #e7ecf3;font-size:1rem;font-weight:700;color:#263750}
.android .os-icon{font-size:1.4rem}
.download-copy{display:grid;gap:3px;flex:1;min-width:0}
.download-copy strong{font-size:1.0625rem;font-weight:650}
.download-copy>span{font-size:.875rem;color:var(--muted)}
.download-action{font-size:.875rem;font-weight:650;white-space:nowrap;color:var(--blue)}
.download-card:hover,.download-card.selected{background:var(--blue);border-color:var(--blue);color:#fff}
.download-card:hover .download-copy>span,.download-card.selected .download-copy>span{color:#ffffffd9}
.download-card:hover .download-action,.download-card.selected .download-action{color:#fff}
.download-card:active{transform:scale(.985)}
.install-note{font-size:.875rem;line-height:1.65;color:var(--muted);margin:22px 2px 0}
.footer{justify-content:space-between;color:#7c8797;font-size:.875rem;border-top:1px solid #dfe6f0;padding-top:18px;gap:20px}
.footer p{margin:0}
.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}
/* 手机端将下载入口放在首屏，短屏或大字号时允许自然滚动。 */
@media(max-width:760px){.page{padding:23px 22px max(20px,env(safe-area-inset-bottom))}.main{grid-template-columns:1fr;gap:32px;padding:44px 0 35px}.eyebrow{margin-bottom:16px;font-size:.875rem}h1{font-size:3.75rem}h1 span{font-size:2.125rem;margin-top:9px}.intro-text{font-size:1rem;margin:18px 0 16px}.download-panel{padding:24px;border-radius:27px}.panel-heading{margin-bottom:22px}.download-card{padding:17px 14px;gap:12px}.footer{margin-top:auto}.header-label{font-size:.875rem}}
@media(max-width:380px){.page{padding-left:17px;padding-right:17px}.main{padding-top:32px;gap:27px}.download-panel{padding:20px}.os-icon{width:38px;height:38px}.download-card{gap:10px;padding:16px 12px}.download-copy strong{font-size:1rem}.download-action{font-size:.875rem}h1{font-size:3.4rem}h1 span{font-size:1.875rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* 微信提示页不提供下载链接，仅引导切换系统浏览器。 */
.wechat-page{min-height:100svh;display:grid;place-items:center;padding:28px 22px}.wechat-card{max-width:440px;width:100%;padding:36px 28px;background:#fff;border-radius:30px;box-shadow:0 20px 65px #2f518012}.wechat-card .app-icon{margin-bottom:25px}.wechat-card h1{font-size:1.75rem;line-height:1.4;letter-spacing:-.02em}.wechat-card p{color:var(--muted);margin:17px 0 0}.wechat-card ol{margin:22px 0 0;padding-left:22px}.wechat-card li{padding:7px 0}.wechat-card strong{color:var(--ink)}