.medal-icon { font-size: calc(48 * var(--rpx)); margin-right: calc(20 * var(--rpx)); }
.medal-item {
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: calc(24 * var(--rpx));
  padding: calc(24 * var(--rpx));
  margin-bottom: calc(16 * var(--rpx));
}
.medal-item.off {
  opacity: 0.42;
  filter: grayscale(1);
}
.medal-poster {
  background: linear-gradient(165deg, #0f172a 0%, #1e3a8a 55%, #334155 100%);
  color: #fff;
  border-radius: calc(28 * var(--rpx));
  padding: calc(36 * var(--rpx));
  margin-top: calc(12 * var(--rpx));
}
.medal-poster-user {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--rpx));
  margin-bottom: calc(28 * var(--rpx));
}
.medal-poster-avatar {
  width: calc(72 * var(--rpx));
  height: calc(72 * var(--rpx));
  border-radius: 50%;
  object-fit: cover;
  background: #e2e8f0;
}
.medal-poster-name {
  font-size: calc(34 * var(--rpx));
  font-weight: 700;
}
.medal-poster-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(16 * var(--rpx));
}
.medal-poster-cell {
  background: rgba(255, 255, 255, 0.12);
  border-radius: calc(16 * var(--rpx));
  padding: calc(16 * var(--rpx));
  text-align: center;
}
.medal-poster-cell.off {
  opacity: 0.38;
  filter: grayscale(1);
}
.medal-poster-icon { font-size: calc(40 * var(--rpx)); }
.medal-poster-title {
  margin-top: calc(8 * var(--rpx));
  font-size: calc(22 * var(--rpx));
  font-weight: 600;
}
.medal-poster-foot {
  margin-top: calc(28 * var(--rpx));
  text-align: center;
  font-size: calc(22 * var(--rpx));
  opacity: 0.85;
}