.page { min-height: 100vh; background: var(--bg-grad); }
.intro { padding: 16rpx 0 28rpx; }
.intro__eyebrow { color: var(--gold); font-size: 22rpx; letter-spacing: 4rpx; }
.intro__title { font-size: 44rpx; font-weight: 700; margin-top: 12rpx; }
.intro__sub { font-size: 26rpx; color: var(--text-2); margin-top: 12rpx; }

.list { display: flex; flex-direction: column; gap: 20rpx; }
.col-card {
  display: flex; align-items: center; gap: 24rpx;
  background: var(--surface); border: 1rpx solid var(--line);
  border-radius: var(--radius); padding: 28rpx;
}
.col-card__emoji {
  width: 96rpx; height: 96rpx; border-radius: 24rpx;
  display: flex; align-items: center; justify-content: center;
  font-size: 52rpx; flex: 0 0 auto;
}
.col-card__main { flex: 1; min-width: 0; }
.col-card__name { font-size: 34rpx; font-weight: 700; color: var(--text); }
.col-card__desc { font-size: 24rpx; color: var(--text-2); margin-top: 8rpx; line-height: 1.4; }
.col-card__count { font-size: 24rpx; flex: 0 0 auto; }
.empty { color: var(--text-3); font-size: 26rpx; text-align: center; padding: 80rpx 0; }