LinHelp/miniapp/miniprogram/pages/profile/index.wxss

.profile-hero {
  display: flex;
  align-items: center;
  gap: 22rpx;
  padding: 30rpx;
  margin-bottom: 22rpx;
  color: #ffffff;
  background: #0f766e;
  border-radius: 16rpx;
  box-shadow: 0 14rpx 34rpx rgba(15, 118, 110, 0.2);
}

.avatar {
  width: 96rpx;
  height: 96rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0f766e;
  background: #ffffff;
  border-radius: 50%;
  font-size: 34rpx;
  font-weight: 900;
}

.profile-title {
  font-size: 40rpx;
  font-weight: 900;
  line-height: 1.2;
}

.profile-subtitle {
  margin-top: 8rpx;
  color: rgba(255, 255, 255, 0.82);
  font-size: 24rpx;
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 16rpx;
}

.menu-card {
  display: flex;
  align-items: center;
  gap: 18rpx;
  min-height: 104rpx;
  padding: 20rpx 22rpx;
  background: #ffffff;
  border: 1rpx solid #e4eaf0;
  border-radius: 16rpx;
  box-shadow: 0 8rpx 24rpx rgba(20, 36, 58, 0.05);
}

.menu-icon {
  width: 56rpx;
  height: 56rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 16rpx;
  font-size: 24rpx;
  font-weight: 900;
}

.menu-text {
  flex: 1;
  color: #111827;
  font-size: 29rpx;
  font-weight: 800;
}

.menu-arrow {
  color: #94a3b8;
  font-size: 42rpx;
  line-height: 1;
}

.icon-order {
  background: #be123c;
}

.icon-address {
  background: #33536f;
}

.icon-express {
  background: #2563eb;
}

.icon-product {
  background: #0f766e;
}

.icon-notice {
  background: #c2410c;
}