.mine { padding: 0 0 40rpx; }
.profile { background: linear-gradient(135deg, #4A90D9, #6fb0ec); padding: 60rpx 40rpx; display: flex; align-items: center; color: #fff; }
.avatar { width: 120rpx; height: 120rpx; border-radius: 50%; background: #fff; padding: 8rpx; }
.profile-info { margin-left: 24rpx; }
.nick { font-size: 36rpx; font-weight: bold; }
.role { display: inline-block; margin-top: 10rpx; font-size: 22rpx; background: rgba(255,255,255,.3); padding: 4rpx 16rpx; border-radius: 20rpx; }
.role.gray { background: rgba(255,255,255,.18); }

.menu { margin: 24rpx; background: #fff; border-radius: 16rpx; overflow: hidden; }
.menu-item { display: flex; align-items: center; padding: 32rpx 28rpx; border-bottom: 1rpx solid #f0f4f8; }
.menu-item:last-child { border-bottom: none; }
.mi-ico { font-size: 36rpx; width: 56rpx; }
.mi-text { flex: 1; font-size: 30rpx; color: #333; }
.mi-arrow { color: #ccc; font-size: 40rpx; }