* { margin:0; padding:0; box-sizing:border-box; -webkit-tap-highlight-color:transparent; }
html { background:#f6f3fc; }
body { color:#302840; font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; -webkit-text-size-adjust:100%; }
a { color:inherit; text-decoration:none; }
.download-shell { width:100%; max-width:488px; margin:0 auto; padding:0 18px 32px; }
.download-header { height:66px; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; }
.download-header > span { font-size:11px; color:#a39aaa; }
.back-link { display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; font-size:12px; color:#76658b; }
.back-link svg { width:18px; height:18px; margin-right:3px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.download-hero { position:relative; overflow:hidden; text-align:center; border-radius:24px; padding:32px 18px 28px; background:linear-gradient(145deg,#8164fa 0%,#9549f2 65%,#ad63ed 100%); color:#fff; box-shadow:0 14px 30px rgba(122,75,216,.16); }
.app-mark { position:relative; z-index:1; width:76px; height:76px; border:1px solid rgba(255,255,255,.7); border-radius:21px; background:#fff; box-shadow:0 8px 20px rgba(69,27,129,.16); margin:0 auto 20px; overflow:hidden; }
.app-mark > span { display:block; line-height:74px; color:#8654df; font-weight:700; font-size:25px; letter-spacing:-1px; }
.app-mark img { position:absolute; top:0; left:0; width:100%; height:100%; padding:7px; object-fit:contain; background:#fff; }
.hero-label { position:relative; font-size:11px; letter-spacing:3px; color:rgba(255,255,255,.7); }
.download-hero h1 { position:relative; font-size:27px; font-weight:650; letter-spacing:2px; line-height:1.5; margin:5px 0 11px; word-break:break-word; }
.hero-description { position:relative; font-size:13px; line-height:1.9; color:rgba(255,255,255,.85); }
.hero-features { position:relative; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; margin-top:23px; font-size:11px; color:rgba(255,255,255,.92); }
.hero-features > span + span { margin-left:18px; }
.hero-features i { display:inline-block; width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.65); margin-right:5px; vertical-align:middle; }
.hero-orbit { position:absolute; width:230px; height:230px; border:1px solid rgba(255,255,255,.12); border-radius:50%; pointer-events:none; }
.orbit-one { top:-150px; right:-80px; box-shadow:0 0 0 30px rgba(255,255,255,.025),0 0 0 60px rgba(255,255,255,.025); }
.orbit-two { bottom:-185px; left:-90px; width:310px; height:310px; border-width:30px; border-color:rgba(255,255,255,.04); }
.install-card,.guide-card,.desktop-card { background:#fff; border:1px solid #eee7f6; border-radius:19px; padding:22px; margin-top:18px; }
.install-heading,.guide-heading { display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:space-between; justify-content:space-between; }
.section-label { color:#a196ad; font-size:10px; letter-spacing:1px; }
.install-heading h2 { margin-top:5px; font-size:18px; font-weight:600; }
.platform-badge { font-size:11px; color:#8b59c9; border:1px solid #ebe0f7; background:#faf6ff; border-radius:8px; padding:6px 10px; white-space:nowrap; margin-left:12px; }
.install-description { margin:13px 0 20px; color:#9a90a5; font-size:12px; line-height:1.8; }
.download-button { width:100%; height:48px; border-radius:12px; color:#fff; background:linear-gradient(100deg,#8460f7,#a74df0); display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; font-size:14px; font-weight:500; box-shadow:0 6px 14px rgba(135,77,221,.15); }
.download-button svg { width:20px; height:20px; margin-right:8px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.download-button:active { opacity:.8; }
.download-caption { margin-top:12px; text-align:center; font-size:10px; color:#aaa1b3; line-height:1.8; }
.guide-heading h2 { font-size:14px; font-weight:600; }
.guide-heading > span { font-size:10px; color:#b1a7bb; }
.install-steps { margin-top:20px; list-style:none; }
.install-steps li { display:-webkit-flex; display:flex; -webkit-align-items:flex-start; align-items:flex-start; }
.install-steps li + li { margin-top:20px; }
.step-number { width:25px; height:25px; line-height:25px; text-align:center; border-radius:8px; color:#9866d2; background:#f5effd; -webkit-flex:0 0 25px; flex:0 0 25px; font-size:12px; font-weight:600; margin-right:12px; }
.install-steps li > div { min-width:0; -webkit-flex:1; flex:1; }
.install-steps h3 { font-size:12px; line-height:25px; font-weight:500; }
.install-steps p { font-size:11px; line-height:1.9; color:#a096aa; margin-top:3px; }
.guide-note { margin-top:20px; padding-top:14px; border-top:1px solid #f4f0f8; color:#b2a9bb; font-size:10px; line-height:1.8; }
.browser-notice { padding:12px; border:1px solid #eadbf9; background:#faf6ff; border-radius:10px; margin-bottom:16px; color:#9272ac; font-size:11px; line-height:1.8; }
.browser-notice strong { display:block; margin-bottom:3px; font-size:12px; font-weight:500; }
.desktop-card { text-align:center; padding:30px 20px; }
.phone-outline { width:29px; height:43px; border:2px solid #ae8bdb; border-radius:7px; margin:0 auto 16px; padding-top:31px; }
.phone-outline span { display:block; width:7px; height:2px; background:#ae8bdb; margin:auto; border-radius:2px; }
.desktop-card h2 { font-size:15px; font-weight:500; }
.desktop-card p { font-size:12px; color:#a197ab; line-height:1.9; margin-top:10px; }
.desktop-card a { display:inline-block; margin-top:20px; color:#9567cc; font-size:12px; }
.desktop-card a span { margin-left:8px; }
.download-footer { text-align:center; font-size:11px; color:#a79ab5; margin:27px 0 4px; }
.download-footer > span { display:block; font-size:10px; color:#c0b6ca; margin-top:7px; }
@media(max-width:350px) { .download-shell { padding-left:12px; padding-right:12px; } .install-card,.guide-card { padding:18px; } .download-header > span { font-size:10px; } .hero-features > span + span { margin-left:12px; } }
@media(min-width:489px) { .download-shell { padding-top:18px; padding-bottom:48px; } }