@@ -0,0 +1,222 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user