166 lines
3.1 KiB
Plaintext
166 lines
3.1 KiB
Plaintext
.profile-page {
|
|
padding-top: 20rpx;
|
|
}
|
|
.profile-hero {
|
|
position: relative;
|
|
display: flex;
|
|
min-height: 170rpx;
|
|
padding: 32rpx;
|
|
align-items: center;
|
|
gap: 22rpx;
|
|
border-radius: 34rpx;
|
|
color: #fff;
|
|
background: linear-gradient(135deg, #39aa61, #24934d);
|
|
box-shadow: 0 14rpx 32rpx rgba(35, 139, 70, 0.18);
|
|
}
|
|
.avatar {
|
|
display: flex;
|
|
width: 92rpx;
|
|
height: 92rpx;
|
|
flex: 0 0 92rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 4rpx solid rgba(255, 255, 255, 0.75);
|
|
border-radius: 50%;
|
|
background: #fff3e8;
|
|
color: #e45424;
|
|
font-size: 39rpx;
|
|
font-weight: 700;
|
|
}
|
|
.profile-name,
|
|
.profile-id {
|
|
display: block;
|
|
}
|
|
.profile-name {
|
|
font-size: 36rpx;
|
|
font-weight: 700;
|
|
}
|
|
.profile-id {
|
|
margin-top: 7rpx;
|
|
font-size: 25rpx;
|
|
opacity: 0.88;
|
|
}
|
|
.profile-badge {
|
|
position: absolute;
|
|
right: 24rpx;
|
|
top: 24rpx;
|
|
padding: 7rpx 13rpx;
|
|
border-radius: 999rpx;
|
|
background: rgba(255, 255, 255, 0.2);
|
|
font-size: 22rpx;
|
|
}
|
|
.summary-card {
|
|
display: grid;
|
|
margin-top: 20rpx;
|
|
padding: 20rpx 8rpx;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
border: 2rpx solid var(--color-border);
|
|
border-radius: 28rpx;
|
|
background: #fff;
|
|
box-shadow: var(--shadow-card);
|
|
}
|
|
.summary-card button {
|
|
display: flex;
|
|
min-height: 110rpx;
|
|
margin: 0;
|
|
padding: 10rpx;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--color-text);
|
|
border-right: 2rpx solid #eeeae6;
|
|
background: transparent;
|
|
font-size: 25rpx;
|
|
}
|
|
.summary-card button:last-child {
|
|
border-right: 0;
|
|
}
|
|
.summary-card__icon {
|
|
display: flex;
|
|
width: 52rpx;
|
|
height: 52rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 17rpx;
|
|
color: #fff;
|
|
background: #f06b39;
|
|
font-size: 24rpx;
|
|
}
|
|
.summary-card__icon.green {
|
|
background: #37a85e;
|
|
}
|
|
.summary-card__icon.blue {
|
|
background: #3b89cf;
|
|
}
|
|
.summary-card__label {
|
|
margin-top: 8rpx;
|
|
font-weight: 600;
|
|
}
|
|
.menu-card {
|
|
padding: 0 26rpx;
|
|
border: 2rpx solid var(--color-border);
|
|
border-radius: 28rpx;
|
|
background: #fff;
|
|
box-shadow: var(--shadow-card);
|
|
}
|
|
.menu-card button {
|
|
display: grid;
|
|
width: 100%;
|
|
min-height: 118rpx;
|
|
margin: 0;
|
|
padding: 20rpx 0;
|
|
grid-template-columns: 58rpx 1fr auto;
|
|
align-items: center;
|
|
gap: 18rpx;
|
|
color: var(--color-text);
|
|
border-bottom: 2rpx solid #f0ece8;
|
|
background: transparent;
|
|
text-align: left;
|
|
}
|
|
.menu-card button:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.menu-icon {
|
|
display: flex;
|
|
width: 54rpx;
|
|
height: 54rpx;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border-radius: 17rpx;
|
|
color: #fff;
|
|
background: #ef7040;
|
|
font-size: 23rpx;
|
|
}
|
|
.menu-icon.green {
|
|
background: #37a85e;
|
|
}
|
|
.menu-icon.blue {
|
|
background: #3b89cf;
|
|
}
|
|
.menu-icon.purple {
|
|
background: #8065c4;
|
|
}
|
|
.menu-title,
|
|
.menu-copy {
|
|
display: block;
|
|
}
|
|
.menu-title {
|
|
font-weight: 700;
|
|
}
|
|
.menu-copy {
|
|
margin-top: 4rpx;
|
|
color: var(--color-text-secondary);
|
|
font-size: 24rpx;
|
|
}
|
|
.menu-arrow {
|
|
color: #aaa39d;
|
|
font-size: 34rpx;
|
|
}
|
|
.privacy-footnote {
|
|
margin: 28rpx 18rpx 0;
|
|
color: var(--color-text-tertiary);
|
|
font-size: 24rpx;
|
|
line-height: 1.6;
|
|
text-align: center;
|
|
}
|