31 lines
2.3 KiB
Plaintext
31 lines
2.3 KiB
Plaintext
/* ── 用户/宠物详情:Vital 风格 ── */
|
|
.detail-page { min-height: 100vh; background: #f1f2f6; }
|
|
.detail-nav { display: flex; align-items: center; padding: 16rpx 28rpx; gap: 16rpx; }
|
|
.nav-back { font-size: 60rpx; color: #1b1b20; font-weight: 300; padding: 0 10rpx; line-height: 1; }
|
|
.nav-title { flex: 1; font-size: 32rpx; font-weight: 700; color: #1b1b20; text-align: center; }
|
|
.nav-more { font-size: 36rpx; color: #b9bdc6; padding: 0 10rpx; }
|
|
.detail-scroll { min-height: 80vh; }
|
|
|
|
.user-card { margin: 0 28rpx 28rpx; background: #ffffff; border-radius: 48rpx; padding: 28rpx; box-shadow: 0 16rpx 48rpx rgba(27, 27, 32, 0.06); }
|
|
.card-top { display: flex; gap: 24rpx; margin-bottom: 24rpx; }
|
|
.card-avatar { width: 120rpx; height: 120rpx; border-radius: 36rpx; display: flex; align-items: center; justify-content: center; font-size: 52rpx; font-weight: 700; color: rgba(27, 27, 32, 0.65); flex-shrink: 0; }
|
|
.card-meta { flex: 1; }
|
|
.card-name { display: block; font-size: 34rpx; font-weight: 700; color: #1b1b20; margin-bottom: 8rpx; }
|
|
.card-location { display: block; font-size: 24rpx; color: #b9bdc6; margin-bottom: 10rpx; }
|
|
.card-bio { display: block; font-size: 26rpx; color: #6e7280; line-height: 1.5; }
|
|
|
|
.pets-row { display: flex; gap: 16rpx; flex-wrap: wrap; margin-bottom: 24rpx; }
|
|
.pet-chip { display: flex; align-items: center; gap: 12rpx; background: #f6f7fa; border-radius: 24rpx; padding: 16rpx 20rpx; }
|
|
.chip-emoji { font-size: 36rpx; }
|
|
.chip-name { display: block; font-size: 26rpx; font-weight: 600; color: #1b1b20; }
|
|
.chip-breed { display: block; font-size: 22rpx; color: #b9bdc6; }
|
|
|
|
.action-row { display: flex; gap: 16rpx; }
|
|
.follow-action { flex: 1; background: #2b2b30; color: #fff; border-radius: 999rpx; padding: 20rpx; text-align: center; font-size: 28rpx; font-weight: 600; box-shadow: 0 12rpx 28rpx rgba(43, 43, 48, 0.24); }
|
|
.follow-action.following { background: #f1f2f6; color: #6e7280; box-shadow: none; }
|
|
.msg-action { flex: 1; background: #f1f2f6; border-radius: 999rpx; padding: 20rpx; text-align: center; font-size: 28rpx; font-weight: 600; color: #1b1b20; }
|
|
|
|
.section-hd { padding: 20rpx 28rpx 10rpx; }
|
|
.section-title { font-size: 26rpx; font-weight: 600; color: #b9bdc6; }
|
|
.empty-posts { text-align: center; font-size: 26rpx; color: #b9bdc6; padding: 60rpx; }
|