.container { padding:24rpx; min-height:100vh; background:var(--color-bg-subtle); } .loading { text-align:center; padding:80rpx; color:var(--color-text-tertiary); } .empty { text-align:center; padding:80rpx 0; } .empty-icon { font-size:80rpx; display:block; margin-bottom:20rpx; } .empty-text { font-size:32rpx; color:var(--color-text-secondary); display:block; } .empty-hint { font-size:26rpx; color:var(--color-text-tertiary); display:block; margin-top:12rpx; } .result-card { background:var(--color-bg-card); border-radius:16rpx; padding:24rpx; margin-bottom:20rpx; box-shadow:0 2rpx 8rpx rgba(0,0,0,0.05); } .card-header { display:flex; align-items:center; margin-bottom:16rpx; } .avatar { width:80rpx; height:80rpx; border-radius:50rpx; background:var(--color-bg-subtle); } .info { flex:1; margin-left:20rpx; } .name { font-size:30rpx; font-weight:bold; color:var(--color-text-primary); display:block; } .status-badge { font-size:22rpx; padding:4rpx 12rpx; border-radius:12rpx; margin-top:8rpx; display:inline-block; } .badge-confirmed { background:var(--color-success-light); color:var(--color-success-strong); } .badge-waiting { background:var(--color-warning-light); color:var(--color-warning-strong); } .card-body { margin-bottom:16rpx; } .activity-name { font-size:24rpx; color:var(--color-text-tertiary); } .card-actions { display:flex; justify-content:flex-end; } .btn-waiting { background:var(--color-bg-subtle); color:var(--color-text-tertiary); font-size:26rpx; padding:12rpx 32rpx; border-radius:24rpx; border:none; } .btn-chat { background:var(--gradient-brand-solid); color:var(--color-text-inverse); font-size:26rpx; padding:12rpx 32rpx; border-radius:24rpx; border:none; }