.page {
  padding:32rpx;
  background:var(--color-primary-lighter);
  min-height:100vh;
}

.header {
  text-align:center;
  margin-bottom:32rpx;
}

.title {
  font-size:36rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  display:block;
}

.activity-name {
  font-size:24rpx;
  color:var(--color-text-tertiary);
  display:block;
  margin-top:8rpx;
}

.section {
  background:var(--color-bg-card);
  border-radius:20rpx;
  padding:32rpx;
  margin-bottom:24rpx;
}

.section-title {
  font-size:28rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  display:block;
  margin-bottom:20rpx;
}

.radio-group {
  display:flex;
  flex-direction:column;
  gap:16rpx;
}

.radio-item {
  padding:24rpx;
  background:var(--color-bg-subtle);
  border-radius:16rpx;
  font-size:28rpx;
  color:var(--color-text-primary);
  border:2rpx solid transparent;
  transition:all 0.2s;
}

.radio-item.active {
  background:var(--color-primary-light);
  border-color:var(--color-primary);
  color:var(--color-primary-strong);
}

.participant-list {
  margin-top:24rpx;
  padding-top:24rpx;
  border-top:1rpx solid var(--color-divider);
}

.list-hint {
  font-size:24rpx;
  color:var(--color-text-tertiary);
  display:block;
  margin-bottom:16rpx;
}

.participant-item {
  display:flex;
  align-items:center;
  padding:16rpx 0;
  border-bottom:1rpx solid var(--color-divider);
}

.participant-item:last-child {
  border-bottom:none;
}

.avatar {
  width:64rpx;
  height:64rpx;
  border-radius:32rpx;
  margin-right:16rpx;
  background:var(--color-bg-subtle);
}

.name {
  flex:1;
  font-size:28rpx;
  color:var(--color-text-primary);
}

.checkmark {
  color:var(--color-primary-strong);
  font-size:32rpx;
  font-weight:bold;
}

.btn-submit {
  width:100%;
  height:88rpx;
  line-height:88rpx;
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:44rpx;
  font-size:30rpx;
  margin-top:24rpx;
}

.btn-submit[disabled] {
  background:var(--color-bg-muted);
}

.btn-skip {
  width:100%;
  height:88rpx;
  line-height:88rpx;
  background:transparent;
  color:var(--color-text-tertiary);
  border-radius:44rpx;
  font-size:28rpx;
  border:1rpx solid var(--color-border-strong);
  margin-top:16rpx;
}

/* 已提交状态 */
.submitted {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:120rpx 32rpx;
}

.success-icon {
  font-size:80rpx;
  color:var(--color-primary-strong);
  margin-bottom:24rpx;
}

.success-title {
  font-size:36rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  margin-bottom:16rpx;
}

.success-hint {
  font-size:28rpx;
  color:var(--color-text-tertiary);
  margin-bottom:48rpx;
}

.btn-home {
  width:80%;
  height:88rpx;
  line-height:88rpx;
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:44rpx;
  font-size:30rpx;
}