/* 婚恋状态页 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; }