/* pages/unbind/unbind.wxss - 情侣解绑确认页 */ @import '../../styles/common.wxss'; page { background: linear-gradient(180deg, #F4E2E3 0%, #FAF5EE 55%, #FAF5EE 100%); height: 100vh; overflow: hidden; } .container { padding: 24rpx; } /* 加载状态 */ .loading-state { text-align: center; padding: 200rpx 40rpx; } .loading-icon { font-size: 64rpx; display: block; margin-bottom: 16rpx; } .loading-text { font-size: 28rpx; color: #999; } /* 空状态 */ .empty-state { text-align: center; padding: 200rpx 40rpx; } .empty-icon { font-size: 80rpx; display: block; margin-bottom: 16rpx; } .empty-title { font-size: 30rpx; color: #999; display: block; margin-bottom: 8rpx; } .empty-desc { font-size: 24rpx; color: #bbb; display: block; } /* 解绑卡片 */ .unbind-card { background: white; border-radius: 28rpx; padding: 48rpx 36rpx; box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.06); text-align: center; margin-top: 60rpx; } .unbind-icon { font-size: 80rpx; display: block; margin-bottom: 24rpx; } .unbind-title { font-size: 34rpx; font-weight: 700; color: #333; display: block; margin-bottom: 12rpx; } .unbind-desc { font-size: 26rpx; color: #888; display: block; line-height: 1.6; margin-bottom: 28rpx; } /* 倒计时 */ .unbind-timer { background: #FFF8E1; border-radius: 20rpx; padding: 20rpx; margin-bottom: 24rpx; } .timer-label { font-size: 24rpx; color: #FF9800; display: block; margin-bottom: 8rpx; } .timer-value { font-size: 48rpx; font-weight: 800; color: #FF5722; display: block; font-variant-numeric: tabular-nums; } /* 信息区 */ .unbind-info { background: #F9F9F9; border-radius: 16rpx; padding: 20rpx; text-align: left; } .unbind-info text { font-size: 24rpx; color: #888; display: block; margin-bottom: 6rpx; line-height: 1.5; } .unbind-info text:last-child { margin-bottom: 0; } /* 按钮区域 */ .unbind-actions { display: flex; flex-direction: column; gap: 12rpx; } @import '../../styles/design.wxss'; @import '../../styles/journal.wxss';