danyang-match/miniapp/pages/relationship-status/relationship-status.wxss

/* 婚恋状态页 U25 — Design Tokens */
.page {
  min-height:100vh;
  background:var(--color-primary-lighter);
}

.body {
  padding:24rpx;
  box-sizing:border-box;
}

/* 状态卡片 */
.status-card {
  background:var(--color-bg-card);
  border-radius:20rpx;
  padding:32rpx;
  box-shadow:0 2rpx 12rpx rgba(0, 0, 0, 0.04);
  border-left:8rpx solid var(--color-primary);
  margin-bottom:24rpx;
}

.status-card--warning { border-left-color:var(--color-warning-strong); }
.status-card--info { border-left-color:var(--color-info-strong); }
.status-card--disabled { border-left-color:var(--color-border-strong); }

.status-card__head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16rpx;
}

.status-card__label {
  font-size:26rpx;
  color:var(--color-text-tertiary);
}

.status-card__desc {
  display:block;
  font-size:28rpx;
  color:var(--color-text-primary);
  line-height:1.6;
}

/* 正在了解对象卡片 */
.partner-card {
  background:var(--color-bg-card);
  border-radius:20rpx;
  padding:24rpx 32rpx;
  margin-bottom:24rpx;
  box-shadow:0 2rpx 12rpx rgba(0, 0, 0, 0.04);
}

.partner-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:16rpx;
  gap:16rpx;
}

.partner-info {
  flex:1;
  min-width:0;
}

.partner-name {
  display:block;
  font-size:30rpx;
  font-weight:bold;
  color:var(--color-text-strong);
  margin-bottom:6rpx;
}

.partner-hint {
  display:block;
  font-size:24rpx;
  color:var(--color-text-tertiary);
}

/* 操作区 */
.actions {
  background:var(--color-bg-card);
  border-radius:20rpx;
  padding:24rpx 32rpx 32rpx;
  margin-bottom:24rpx;
  box-shadow:0 2rpx 12rpx rgba(0, 0, 0, 0.04);
}

.actions button {
  margin-top:20rpx;
  width:100%;
  height:88rpx;
  line-height:88rpx;
  border-radius:44rpx;
  font-size:30rpx;
  border:none;
}

.actions button::after {
  border:none;
}

.btn-primary {
  background:var(--color-primary-solid);
  color:var(--color-text-inverse);
}

.btn-outline {
  background:var(--color-primary-light);
  color:var(--color-primary-strong);
  border:2rpx solid var(--color-primary);
}

.btn-danger-outline {
  flex-shrink:0;
  min-height:var(--tap-min);
  line-height:var(--tap-min);
  padding:0 28rpx;
  border-radius:32rpx;
  font-size:24rpx;
  background:var(--color-bg-card);
  color:var(--color-danger-strong);
  border:2rpx solid var(--color-danger-strong);
min-width:var(--tap-min);}

.btn-danger-outline::after {
  border:none;
}

.actions-tip {
  text-align:center;
  padding:40rpx 0;
  color:var(--color-text-disabled);
  font-size:26rpx;
}

/* 公益免费标识 */
.free-badge {
  text-align:center;
  padding:24rpx;
  margin-top:16rpx;
}

.free-badge text {
  display:inline-block;
  font-size:22rpx;
  color:var(--color-success-strong);
  background:var(--color-success-light);
  padding:8rpx 24rpx;
  border-radius:24rpx;
}