You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
2.2 KiB

.about-page.data-v-8d3ca43a {
min-height: 100vh;
background: linear-gradient(180deg, #cbe6ff 0%, #f6faff 100%);
position: relative;
}
.wechat-browser.data-v-8d3ca43a {
padding-top: 0px;
}
.fixed-nav.data-v-8d3ca43a {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background: linear-gradient(180deg, #cbe6ff 0%, #f6faff 100%);
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
height: 90px;
}
.about-content.data-v-8d3ca43a {
padding-top: 120px;
padding-bottom: 60px;
display: flex;
flex-direction: column;
align-items: center;
}
.about-logo-box.data-v-8d3ca43a {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 32rpx;
}
.about-logo.data-v-8d3ca43a {
width: 160rpx;
height: 160rpx;
border-radius: 16rpx;
/* background: linear-gradient(180deg, #217aff 0%, #4fc3ff 100%); */
margin-bottom: 16rpx;
/* box-shadow: 0 4rpx 16rpx rgba(33,122,255,0.08); */
}
.about-app-name.data-v-8d3ca43a {
font-size: 32rpx;
color: #fff;
background: linear-gradient(180deg, #217aff 0%, #4fc3ff 100%);
border-radius: 8rpx;
padding: 8rpx 32rpx;
margin-bottom: 8rpx;
font-weight: 500;
box-shadow: 0 2rpx 8rpx rgba(33,122,255,0.08);
}
.about-version.data-v-8d3ca43a {
color: #888;
font-size: 26rpx;
margin-bottom: 16rpx;
}
.about-card.data-v-8d3ca43a {
width: 92vw;
max-width: 700rpx;
background: #fff;
border-radius: 24rpx;
box-shadow: 0 4rpx 16rpx rgba(59,124,255,0.08);
padding: 32rpx 28rpx 24rpx 28rpx;
margin-bottom: 32rpx;
}
.about-card-title.data-v-8d3ca43a {
font-size: 30rpx;
font-weight: bold;
margin-bottom: 18rpx;
color: #222;
}
.about-card-desc.data-v-8d3ca43a {
font-size: 28rpx;
color: #173766;
line-height: 1.7;
}
.about-info-row.data-v-8d3ca43a {
display: flex;
align-items: center;
font-size: 28rpx;
color: #222;
padding: 16rpx 0;
border-bottom: 1rpx solid #f2f4f8;
}
.about-info-row.data-v-8d3ca43a:last-child {
border-bottom: none;
}
.about-info-label.data-v-8d3ca43a {
min-width: 100rpx;
color: #3b4a6b;
}
.about-info-value.data-v-8d3ca43a {
flex: 1;
text-align: right;
color: #222;
}
.about-footer.data-v-8d3ca43a {
width: 100vw;
text-align: center;
color: #888;
font-size: 24rpx;
position: absolute;
left: 0;
bottom: 24rpx;
}