.page { min-height: 100vh; padding-bottom: calc(180rpx + env(safe-area-inset-bottom)); } /* 用户卡 */ .user-row { display: flex; align-items: center; gap: 24rpx; padding: 32rpx; border-bottom: 1rpx solid var(--line); } .user-avatar { width: 100rpx; height: 100rpx; border-radius: 50%; background: var(--surface-2); display: flex; align-items: center; justify-content: center; font-size: 52rpx; } .user-meta { flex: 1; } .user-name { font-size: 30rpx; font-weight: 600; } .user-sub { margin-top: 6rpx; font-size: 22rpx; color: var(--ink-2); } .section-title { font-size: 24rpx; color: var(--ink-2); padding: 28rpx 32rpx 12rpx; } /* 狗狗卡 */ .dogs { padding: 0 32rpx; } .dog-card { display: flex; align-items: center; gap: 24rpx; padding: 24rpx; } .dog-avatar { width: 88rpx; height: 88rpx; border-radius: 50%; background: var(--surface-2); display: flex; align-items: center; justify-content: center; font-size: 44rpx; } .dog-meta { flex: 1; } .dog-name { font-size: 28rpx; font-weight: 600; } .dog-sub { margin-top: 6rpx; font-size: 22rpx; color: var(--ink-2); } .dog-sub .streak { color: var(--success); } .add-dog { margin-top: 20rpx; border: 1rpx dashed var(--line-2); border-radius: var(--radius); padding: 24rpx; text-align: center; font-size: 26rpx; color: var(--ink-2); } /* 功能入口 */ .list { margin-top: 24rpx; border-top: 1rpx solid var(--line); } .listrow { display: flex; align-items: center; padding: 28rpx 32rpx; border-bottom: 1rpx solid var(--line); } .listrow .lbl { flex: 1; font-size: 28rpx; } .chev { color: var(--ink-3); width: var(--icon-size); font-size: var(--icon-size); line-height: 1; text-align: center; }