danyang-match/miniapp/pages/account-logout/account-logout.wxss

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

.warning-banner {
  background:var(--color-primary-light);
  border-radius:20rpx;
  padding:32rpx;
  text-align:center;
  margin-bottom:32rpx;
}

.warning-icon { font-size:56rpx; display:block; }
.warning-title { font-size:32rpx; font-weight:bold; color:var(--color-primary-strong); display:block; margin-top:12rpx; }

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

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

.info-list {
  display:flex;
  flex-direction:column;
  gap:12rpx;
}

.info-item {
  font-size:26rpx;
  color:var(--color-text-secondary);
  line-height:1.6;
}

.blocker-section {
  background:var(--color-warning-light);
  border-radius:20rpx;
  padding:28rpx;
  margin-bottom:24rpx;
}

.blocker-title {
  font-size:26rpx;
  font-weight:bold;
  color:var(--color-warning-strong);
  display:block;
  margin-bottom:12rpx;
}

.blocker-item {
  font-size:24rpx;
  color:var(--color-text-tertiary);
  display:block;
  margin-bottom:8rpx;
}

.reason-options {
  display:flex;
  flex-wrap:wrap;
  gap:16rpx;
  margin-bottom:16rpx;
}

.reason-chip {
  padding:12rpx 24rpx;
  background:var(--color-bg-subtle);
  border-radius:32rpx;
  font-size:24rpx;
  color:var(--color-text-secondary);
  border:2rpx solid transparent;
}

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

.other-reason {
  width:100%;
  min-height:120rpx;
  font-size:26rpx;
  background:var(--color-bg-subtle);
  border-radius:16rpx;
  padding:20rpx;
  box-sizing:border-box;
}

.btn-confirm {
  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:32rpx;
}

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

.hint {
  display:block;
  text-align:center;
  font-size:24rpx;
  color:var(--color-text-tertiary);
  margin-top:16rpx;
  line-height:1.5;
}

/* 成功状态 */
.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-secondary); text-align:center; line-height:1.6; margin-bottom:48rpx; }
.btn-back {
  width:60%;
  height:88rpx;
  line-height:88rpx;
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
  border-radius:44rpx;
  font-size:30rpx;
}