*{
margin:0;
padding:0;
box-sizing:border-box;
}

html,body{
height:100%;
overflow:hidden;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

body{
position:relative;
background:#0f5eff;
}

.page-bg{
position:fixed;
inset:0;
background-image:var(--bg-image);
background-position:center;
background-size:cover;
background-repeat:no-repeat;
}

.main-wrap{
position:relative;
z-index:2;
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
padding:28px;
transform:translateY(72px);
}


.top-logo-wrap{
margin-bottom:26px;
}

.top-logo-wrap img{
width:92px;
height:92px;
border-radius:24px;
box-shadow:0 10px 35px rgba(0,0,0,.18);
}

.qr-wrap{
background:rgba(255,255,255,.14);
padding:18px;
border-radius:30px;
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
box-shadow:0 10px 30px rgba(0,0,0,.12);
}

.qrcode-box{
background:#fff;
padding:10px;
border-radius:18px;
}

.info-wrap{
margin-top:24px;
text-align:center;
}

.app-name{
font-size:58px;
font-weight:700;
color:rgba(255,255,255,.95);
line-height:1;
margin-bottom:14px;
text-shadow:0 4px 10px rgba(0,0,0,.15);
}

.meta-line{
font-size:20px;
color:rgba(255,255,255,.9);
margin-bottom:16px;
}

.tips{
display:inline-block;
padding:14px 24px;
border-radius:999px;
background:rgba(255,255,255,.16);
backdrop-filter:blur(12px);
-webkit-backdrop-filter:blur(12px);
color:#fff;
font-size:17px;
font-weight:500;
}

.download-btn{
margin-top:30px;
min-width:320px;
max-width:88vw;
height:64px;
border:0;
border-radius:var(--button-radius,26px);
display:flex;
align-items:center;
justify-content:center;
gap:12px;
font-size:24px;
font-weight:700;
cursor:pointer;
background:var(--button-bg,#3DDC84);
color:var(--button-color,#1F2937);
box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.download-btn.outline{
background:transparent;
border:2px solid var(--button-bg,#3DDC84);
color:var(--button-bg,#3DDC84);
}

.device-icon{
font-size:25px;
line-height:1;
display:inline-flex;
align-items:center;
}

@media(max-width:768px){
.main-wrap{
transform:none;
padding:22px;
}
.download-btn{
position:fixed;
left:26px;
right:26px;
bottom:28px;
width:auto;
min-width:0;
max-width:none;
height:60px;
font-size:23px;
z-index:5;
}

.app-name{
font-size:44px;
}
.meta-line{
font-size:16px;
}
.tips{
font-size:14px;
padding:12px 18px;
}
}