205 lines
3.6 KiB
Plaintext
205 lines
3.6 KiB
Plaintext
page {
|
|
min-height: 100%;
|
|
background: linear-gradient(180deg, #f8edd6 0%, #f9f0de 24%, #f6ead4 100%);
|
|
}
|
|
|
|
.profile-page {
|
|
box-sizing: border-box;
|
|
min-height: 100vh;
|
|
padding: 28rpx 20rpx 88rpx;
|
|
background:
|
|
radial-gradient(circle at top right, rgba(189, 144, 86, 0.16) 0%, rgba(189, 144, 86, 0) 24%),
|
|
linear-gradient(135deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 248, 236, 0) 38%);
|
|
}
|
|
|
|
.section-card {
|
|
margin-top: 18rpx;
|
|
padding: 26rpx;
|
|
background: rgba(255, 250, 242, 0.92);
|
|
}
|
|
|
|
.section-card:first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
.profile-header,
|
|
.vip-banner {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.profile-header__main,
|
|
.vip-banner__body {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.profile-header__avatar {
|
|
width: 104rpx;
|
|
height: 104rpx;
|
|
border-radius: 999rpx;
|
|
background: linear-gradient(135deg, #b47b40 0%, #8c5724 100%);
|
|
color: #fff7ea;
|
|
font-family: 'STSong', 'Songti SC', serif;
|
|
font-size: 42rpx;
|
|
font-weight: 700;
|
|
line-height: 104rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.profile-header__body {
|
|
margin-left: 18rpx;
|
|
}
|
|
|
|
.profile-header__title {
|
|
display: block;
|
|
color: #2f1f12;
|
|
font-family: 'STSong', 'Songti SC', serif;
|
|
font-size: 36rpx;
|
|
font-weight: 700;
|
|
line-height: 1.3;
|
|
}
|
|
|
|
.profile-header__subtitle,
|
|
.vip-banner__subtitle,
|
|
.recent-panel__empty-desc {
|
|
display: block;
|
|
margin-top: 8rpx;
|
|
color: #8f6a42;
|
|
font-size: 26rpx;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
.profile-header__settings {
|
|
width: 68rpx;
|
|
height: 68rpx;
|
|
border-radius: 20rpx;
|
|
background: rgba(244, 233, 215, 0.92);
|
|
color: #8a6339;
|
|
font-size: 28rpx;
|
|
line-height: 68rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.vip-banner {
|
|
background: linear-gradient(135deg, rgba(255, 249, 241, 0.98) 0%, rgba(244, 230, 206, 0.96) 100%);
|
|
}
|
|
|
|
.vip-banner__icon {
|
|
width: 82rpx;
|
|
height: 82rpx;
|
|
border-radius: 24rpx;
|
|
background: rgba(130, 77, 25, 0.1);
|
|
color: #7d4a19;
|
|
font-size: 24rpx;
|
|
line-height: 82rpx;
|
|
text-align: center;
|
|
}
|
|
|
|
.vip-banner__copy {
|
|
margin-left: 18rpx;
|
|
}
|
|
|
|
.vip-banner__title,
|
|
.recent-panel__title,
|
|
.recent-panel__empty-title {
|
|
display: block;
|
|
color: #2f1f12;
|
|
font-family: 'STSong', 'Songti SC', serif;
|
|
font-size: 34rpx;
|
|
font-weight: 700;
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.vip-banner__action,
|
|
.recent-panel__action {
|
|
min-width: 156rpx;
|
|
padding: 18rpx 24rpx;
|
|
border-radius: 999rpx;
|
|
background: linear-gradient(135deg, #9e652f 0%, #75441a 100%);
|
|
color: #fff7eb;
|
|
font-family: 'STSong', 'Songti SC', serif;
|
|
font-size: 26rpx;
|
|
line-height: 1;
|
|
text-align: center;
|
|
}
|
|
|
|
.asset-grid {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin: -6rpx;
|
|
}
|
|
|
|
.asset-grid__item {
|
|
box-sizing: border-box;
|
|
width: 25%;
|
|
padding: 6rpx;
|
|
}
|
|
|
|
.asset-grid__icon,
|
|
.asset-grid__title,
|
|
.asset-grid__count {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
|
|
.asset-grid__icon {
|
|
width: 72rpx;
|
|
height: 72rpx;
|
|
margin: 0 auto;
|
|
border-radius: 22rpx;
|
|
background: rgba(139, 96, 46, 0.1);
|
|
color: #76461b;
|
|
font-size: 30rpx;
|
|
line-height: 72rpx;
|
|
}
|
|
|
|
.asset-grid__title {
|
|
margin-top: 14rpx;
|
|
color: #3d2a1b;
|
|
font-size: 24rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.asset-grid__count {
|
|
margin-top: 10rpx;
|
|
color: #9c754d;
|
|
font-size: 22rpx;
|
|
line-height: 1;
|
|
}
|
|
|
|
.recent-panel__empty {
|
|
margin-top: 18rpx;
|
|
padding: 8rpx 2rpx 2rpx;
|
|
}
|
|
|
|
.recent-panel__action {
|
|
margin-top: 22rpx;
|
|
}
|
|
|
|
.menu-list__item {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 22rpx 2rpx;
|
|
border-bottom: 1rpx solid rgba(172, 137, 94, 0.12);
|
|
}
|
|
|
|
.menu-list__item:last-child {
|
|
padding-bottom: 2rpx;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.menu-list__label {
|
|
color: #2f1f12;
|
|
font-size: 28rpx;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.menu-list__arrow {
|
|
color: #9c7449;
|
|
font-size: 28rpx;
|
|
line-height: 1;
|
|
}
|