*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#171717;background:#f5f6f8}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}a{text-decoration:none}.download-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 28px}.hero{min-height:680px;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:80px;align-items:center;padding:56px 72px;border-radius:36px;background:linear-gradient(145deg,#fff 0%,#fff 52%,color-mix(in srgb,var(--app-color) 9%,#fff) 100%);box-shadow:0 24px 70px rgba(20,28,40,.08)}.hero-copy{max-width:580px}.app-heading{display:flex;align-items:center;gap:22px}.app-icon{width:96px;height:96px;border-radius:24px;object-fit:cover;box-shadow:0 12px 30px rgba(0,0,0,.12)}.app-icon-placeholder{display:grid;place-items:center;background:var(--app-color);color:#fff;font-size:25px;font-weight:800}.app-heading h1{margin:0 0 7px;font-size:43px;line-height:1.15;letter-spacing:-1px}.slogan{margin:0;color:#777;font-size:19px}.description{margin:32px 0 30px;color:#555;font-size:18px;line-height:1.9}.download-actions{display:flex;gap:14px;flex-wrap:wrap}.download-button{min-width:210px;display:flex;align-items:center;gap:13px;padding:15px 21px;border-radius:15px;color:#fff;background:#161616;transition:transform .2s,box-shadow .2s}.download-button.android{background:var(--app-color)}.download-button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(0,0,0,.16)}.download-button span:last-child{display:flex;flex-direction:column}.download-button strong{font-size:17px}.download-button small{min-height:18px;margin-top:2px;color:rgba(255,255,255,.75)}.platform-icon{font-size:22px}.qr-card{display:flex;align-items:center;gap:18px;margin-top:30px}.qr-card canvas{width:116px;height:116px;padding:7px;border:1px solid #eee;border-radius:12px;background:#fff}.qr-card strong{font-size:17px}.qr-card p{max-width:215px;margin:7px 0 0;color:#999;line-height:1.55}.phone-stage{display:flex;justify-content:center}.phone{position:relative;width:326px;height:650px;padding:13px;border:7px solid #191919;border-radius:48px;background:#191919;box-shadow:0 32px 55px rgba(0,0,0,.23)}.phone:after{content:"";position:absolute;left:50%;bottom:8px;width:105px;height:4px;border-radius:5px;background:#222;transform:translateX(-50%)}.phone-speaker{position:absolute;z-index:5;top:10px;left:50%;width:102px;height:25px;border-radius:0 0 17px 17px;background:#191919;transform:translateX(-50%)}.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:32px;background:#eef0f3}.screenshot-track{display:flex;width:100%;height:100%;transition:transform .45s ease}.screenshot-track img{flex:0 0 100%;width:100%;height:100%;object-fit:cover}.screenshot-dots{position:absolute;z-index:4;left:50%;bottom:20px;display:flex;gap:7px;transform:translateX(-50%)}.screenshot-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(0,0,0,.25)}.screenshot-dots i.active{width:18px;border-radius:5px;background:#fff}.empty-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--app-color),#2f3544);color:#fff}.empty-screen img{width:92px;height:92px;margin-bottom:20px;border-radius:23px;object-fit:cover}.empty-screen strong{font-size:24px}.empty-screen span{margin-top:10px;color:rgba(255,255,255,.72)}.update-card{margin-top:24px;padding:30px 38px;border-radius:24px;background:#fff;box-shadow:0 12px 40px rgba(20,28,40,.05)}.update-card h2{margin:0 0 16px}.update-card div{color:#666;line-height:1.9}footer{text-align:center;padding:27px;color:#aaa}.wechat-mask{position:fixed;z-index:99999;inset:0;display:none;background:rgba(0,0,0,.82);color:#fff}.wechat-mask.show{display:block}.wechat-arrow{position:absolute;top:max(14px,env(safe-area-inset-top));right:23px;font-size:74px;font-weight:200;transform:rotate(-12deg)}.wechat-guide{position:absolute;top:125px;left:24px;right:24px;text-align:center}.wechat-guide strong{font-size:25px}.wechat-guide p{margin:16px auto 28px;max-width:430px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.8)}.wechat-guide button{padding:11px 32px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:transparent;color:#fff;font-size:16px}
@media(max-width:800px){.download-page{width:100%;padding:0}.hero{min-height:100vh;display:flex;flex-direction:column;gap:35px;padding:42px 22px 38px;border-radius:0;background:#fff}.hero-copy{width:100%;max-width:520px}.app-heading{gap:16px}.app-icon{width:76px;height:76px;border-radius:19px}.app-heading h1{font-size:31px}.slogan{font-size:16px}.description{margin:24px 0;font-size:16px;line-height:1.75}.download-actions{display:grid;grid-template-columns:1fr}.download-button{width:100%;min-width:0;justify-content:center}.qr-card{display:none}.phone{width:250px;height:500px;border-width:5px;border-radius:38px}.phone-screen{border-radius:26px}.phone-speaker{top:8px;width:78px;height:20px}.update-card{margin:14px;border-radius:18px;padding:24px}.phone-stage{order:-1}.hero-copy{order:2}}@media(max-width:420px){.phone-stage{display:none}.hero{justify-content:center}.app-heading h1{font-size:28px}}

/* 全屏 PC 下载页及真实手机边框 */
.download-page{width:100%;min-height:100vh;margin:0;padding:0}
.hero{min-height:100vh;border-radius:0;padding-left:clamp(48px,8vw,150px);padding-right:clamp(48px,8vw,150px)}
.phone{width:326px;height:681px;padding:0;border:0;border-radius:0;background:transparent url("phone-frame.png") center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 30px 38px rgba(0,0,0,.24))}
.phone:after{display:none}
.phone-speaker{display:none}
.phone-screen{position:absolute;left:3.2%;top:1.8%;width:93.6%;height:96.4%;border-radius:38px;background:#050505}
@media(max-width:800px){.hero{padding-left:22px;padding-right:22px}.phone{width:250px;height:522px}.phone-screen{border-radius:29px}}
.platform-icon{display:flex;flex:0 0 30px;align-items:center;justify-content:center;width:30px;height:30px;font-size:0}.platform-icon svg{display:block;width:28px;height:28px}
.download-button.is-coming{border:0;cursor:pointer;font-family:inherit;text-align:left;opacity:.72}.coming-toast{position:fixed;left:50%;top:50%;z-index:100001;max-width:calc(100vw - 48px);padding:14px 24px;border-radius:10px;background:rgba(20,20,20,.9);color:#fff;font-size:16px;line-height:1.5;transform:translate(-50%,-40%);opacity:0;visibility:hidden;transition:.2s;pointer-events:none;white-space:nowrap}.coming-toast.show{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
html,body,.download-page,.hero{background:#fff!important}
@media(max-width:420px){.hero{min-height:100svh;justify-content:flex-start;gap:30px;padding:42px 22px 36px}.hero-copy{order:1;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.phone-stage{display:flex;order:2;width:100%;background:#fff!important}.phone{width:calc(100vw - 20px);max-width:390px;height:auto;aspect-ratio:546/1139}.phone-screen{border-radius:clamp(30px,8vw,42px)}.description{margin:22px 0}.download-actions{gap:12px}}
.app-icon-wrap{position:relative;flex:0 0 96px;width:96px;height:96px;border-radius:24px;overflow:hidden;animation:appIconFloat 3.2s ease-in-out infinite}.app-icon-wrap:before{content:"";position:absolute;z-index:2;top:-35%;left:-75%;width:42%;height:170%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);transform:rotate(20deg);animation:appIconShine 3.8s ease-in-out infinite;pointer-events:none}.app-icon-wrap .app-icon{display:block;animation:appIconGlow 2.8s ease-in-out infinite}@keyframes appIconFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes appIconGlow{0%,100%{filter:drop-shadow(0 8px 14px rgba(0,0,0,.14))}50%{filter:drop-shadow(0 12px 22px color-mix(in srgb,var(--app-color) 38%,transparent))}}@keyframes appIconShine{0%,35%{left:-75%;opacity:0}48%{opacity:1}68%,100%{left:135%;opacity:0}}@media(max-width:800px){.app-icon-wrap{flex-basis:76px;width:76px;height:76px;border-radius:19px}}@media(prefers-reduced-motion:reduce){.app-icon-wrap,.app-icon-wrap .app-icon,.app-icon-wrap:before{animation:none}}
html{min-height:100%;background-color:#fff!important;color-scheme:light}body{position:relative;min-height:100vh;min-height:100dvh;background-color:#fff!important;overscroll-behavior-y:none}body:before{content:"";position:fixed;z-index:-1;inset:0;background:#fff}.download-page,.hero,.phone-stage{background-color:#fff!important;background-image:none!important}