page {
  min-height: 100%;
  background: linear-gradient(180deg, #f8edd6 0%, #f9f0de 24%, #f6ead4 100%);
}

.profile-page {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 28rpx 20rpx 88rpx;
  background:
    radial-gradient(circle at top right, rgba(189, 144, 86, 0.16) 0%, rgba(189, 144, 86, 0) 24%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 248, 236, 0) 38%);
}

.section-card {
  margin-top: 18rpx;
  padding: 26rpx;
  background: rgba(255, 250, 242, 0.92);
}

.section-card:first-child {
  margin-top: 0;
}

.profile-header,
.vip-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.profile-header__main,
.vip-banner__body {
  display: flex;
  align-items: center;
}

.profile-header__avatar {
  width: 104rpx;
  height: 104rpx;
  border-radius: 999rpx;
  background: linear-gradient(135deg, #b47b40 0%, #8c5724 100%);
  color: #fff7ea;
  font-family: 'STSong', 'Songti SC', serif;
  font-size: 42rpx;
  font-weight: 700;
  line-height: 104rpx;
  text-align: center;
}

.profile-header__body {
  margin-left: 18rpx;
}

.profile-header__title {
  display: block;
  color: #2f1f12;
  font-family: 'STSong', 'Songti SC', serif;
  font-size: 36rpx;
  font-weight: 700;
  line-height: 1.3;
}

.profile-header__subtitle,
.vip-banner__subtitle,
.recent-panel__empty-desc {
  display: block;
  margin-top: 8rpx;
  color: #8f6a42;
  font-size: 26rpx;
  line-height: 1.7;
}

.profile-header__settings {
  width: 68rpx;
  height: 68rpx;
  border-radius: 20rpx;
  background: rgba(244, 233, 215, 0.92);
  color: #8a6339;
  font-size: 28rpx;
  line-height: 68rpx;
  text-align: center;
}

.vip-banner {
  background: linear-gradient(135deg, rgba(255, 249, 241, 0.98) 0%, rgba(244, 230, 206, 0.96) 100%);
}

.vip-banner__icon {
  width: 82rpx;
  height: 82rpx;
  border-radius: 24rpx;
  background: rgba(130, 77, 25, 0.1);
  color: #7d4a19;
  font-size: 24rpx;
  line-height: 82rpx;
  text-align: center;
}

.vip-banner__copy {
  margin-left: 18rpx;
}

.vip-banner__title,
.recent-panel__title,
.recent-panel__empty-title {
  display: block;
  color: #2f1f12;
  font-family: 'STSong', 'Songti SC', serif;
  font-size: 34rpx;
  font-weight: 700;
  line-height: 1.35;
}

.vip-banner__action,
.recent-panel__action {
  min-width: 156rpx;
  padding: 18rpx 24rpx;
  border-radius: 999rpx;
  background: linear-gradient(135deg, #9e652f 0%, #75441a 100%);
  color: #fff7eb;
  font-family: 'STSong', 'Songti SC', serif;
  font-size: 26rpx;
  line-height: 1;
  text-align: center;
}

.asset-grid {
  display: flex;
  flex-wrap: wrap;
  margin: -6rpx;
}

.asset-grid__item {
  box-sizing: border-box;
  width: 25%;
  padding: 6rpx;
}

.asset-grid__icon,
.asset-grid__title,
.asset-grid__count {
  display: block;
  text-align: center;
}

.asset-grid__icon {
  width: 72rpx;
  height: 72rpx;
  margin: 0 auto;
  border-radius: 22rpx;
  background: rgba(139, 96, 46, 0.1);
  color: #76461b;
  font-size: 30rpx;
  line-height: 72rpx;
}

.asset-grid__title {
  margin-top: 14rpx;
  color: #3d2a1b;
  font-size: 24rpx;
  line-height: 1.5;
}

.asset-grid__count {
  margin-top: 10rpx;
  color: #9c754d;
  font-size: 22rpx;
  line-height: 1;
}

.recent-panel__empty {
  margin-top: 18rpx;
  padding: 8rpx 2rpx 2rpx;
}

.recent-panel__action {
  margin-top: 22rpx;
}

.menu-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 22rpx 2rpx;
  border-bottom: 1rpx solid rgba(172, 137, 94, 0.12);
}

.menu-list__item:last-child {
  padding-bottom: 2rpx;
  border-bottom: 0;
}

.menu-list__label {
  color: #2f1f12;
  font-size: 28rpx;
  line-height: 1.5;
}

.menu-list__arrow {
  color: #9c7449;
  font-size: 28rpx;
  line-height: 1;
}