.pc {
  background: var(--surface);
  border-radius: var(--radius);
  overflow: hidden;
  border: 1rpx solid var(--line);
  box-shadow: var(--shadow);
  width: 100%;
  transition: transform 0.12s var(--ease), border-color 0.12s var(--ease);
}
.pc--hover {
  transform: scale(0.985);
  border-color: var(--gold-line);
}
.pc__cover { position: relative; width: 100%; height: 220rpx; background: var(--surface-2); }
.pc__img { width: 100%; height: 100%; display: block; }
.pc__badge {
  position: absolute; left: 16rpx; top: 16rpx;
  width: 64rpx; height: 64rpx; border-radius: 18rpx;
  display: flex; align-items: center; justify-content: center;
}
.pc__top { padding: 28rpx; display: flex; }
.pc__emoji {
  width: 96rpx; height: 96rpx; border-radius: 24rpx;
  display: flex; align-items: center; justify-content: center;
}
.pc__body { padding: 18rpx 22rpx 8rpx; }
.pc__name { font-size: 30rpx; font-weight: 700; }
.pc__desc {
  margin-top: 10rpx;
  font-size: 24rpx; color: var(--text-2); line-height: 1.5;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;
}
.pc__foot {
  display: flex; align-items: center; justify-content: space-between;
  padding: 16rpx 22rpx 22rpx;
  border-top: 1rpx solid var(--line);
  margin-top: 8rpx;
}
.pc__count { font-size: 24rpx; color: var(--text-2); }
.pc__arrow { font-size: 36rpx; color: var(--gold); line-height: 1; }