.download-app-page { width: 100%; min-height: 703px; padding: 72px 20px; background: radial-gradient(ellipse 50% 50% at 50% 50%, #210F2E 0%, #0A0A0A 100%); overflow: hidden; justify-content: center; align-items: center; display: flex; } .download-app-dialog { width: 760px; height: 500px; position: relative; background: linear-gradient(90deg, #2B1233 0%, #101F41 100%); box-shadow: 0 24px 50px rgba(0, 0, 0, 0.55); overflow: hidden; border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.14); } .download-app-title { left: 28px; top: 22px; position: absolute; color: white; font-size: 24px; font-family: PingFang SC; font-weight: 400; line-height: 30px; word-wrap: break-word; } .download-app-subtitle { left: 28px; top: 60px; position: absolute; color: #A49DB4; font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 20px; word-wrap: break-word; } .download-app-divider { width: 760px; height: 1px; left: 0; top: 92px; position: absolute; background: rgba(255, 255, 255, 0.12); } .download-app-close { width: 36px; height: 36px; left: 700px; top: 24px; position: absolute; background: rgba(255, 255, 255, 0.08); overflow: hidden; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.18); justify-content: center; align-items: center; display: flex; cursor: pointer; color: #BCB7C8; font-size: 20px; font-family: PingFang SC; font-weight: 400; line-height: 26px; padding: 0; } .download-app-feature { width: 440px; height: 102px; left: 28px; position: absolute; background: rgba(255, 255, 255, 0.05); overflow: hidden; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.12); } .download-app-feature--1 { top: 116px; } .download-app-feature--2 { top: 232px; } .download-app-feature--3 { top: 348px; } .download-app-feature-title { left: 18px; top: 15px; position: absolute; color: white; font-size: 18px; font-family: PingFang SC; font-weight: 400; line-height: 24px; word-wrap: break-word; } .download-app-feature-desc { left: 18px; top: 50px; right: 18px; position: absolute; color: #A6A0B5; font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 20px; word-wrap: break-word; } .download-app-qr-panel { width: 236px; height: 334px; left: 492px; top: 116px; position: absolute; background: rgba(255, 255, 255, 0.06); overflow: hidden; border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.14); } .download-app-platform-tabs { left: 18px; top: 16px; position: absolute; display: flex; gap: 8px; } .download-app-platform { height: 30px; padding: 0 16px; background: rgba(255, 255, 255, 0.07); overflow: hidden; border-radius: 15px; border: 1px solid rgba(255, 255, 255, 0.16); justify-content: center; align-items: center; display: flex; cursor: pointer; color: white; font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 18px; } .download-app-platform--active { background: #EC237F; border: none; } .download-app-qr-box { width: 184px; height: 184px; left: 26px; top: 58px; position: absolute; background: white; overflow: hidden; border-radius: 14px; } .download-app-qr-img { width: 164px; height: 164px; left: 10px; top: 10px; position: absolute; display: block; } .download-app-copy { width: 204px; height: 42px; left: 16px; top: 254px; position: absolute; background: #EC237F; overflow: hidden; border-radius: 21px; justify-content: center; align-items: center; display: flex; border: none; cursor: pointer; color: white; font-size: 14px; font-family: PingFang SC; font-weight: 400; line-height: 20px; } .download-app-qr-hint { left: 16px; right: 16px; top: 306px; position: absolute; color: #918A9E; font-size: 12px; font-family: PingFang SC; font-weight: 400; line-height: 18px; word-wrap: break-word; text-align: center; }