/** * 资料确认页 U15 */ .pcfm-page { min-height: 100vh; background: var(--color-bg-page); padding-bottom: calc(160rpx + env(safe-area-inset-bottom)); } .pcfm-loading, .pcfm-empty { display: flex; align-items: center; justify-content: center; min-height: 60vh; } .pcfm-body { padding: var(--spacing-2) var(--spacing-page-x); } /* 卡片基类继承全局 .card-base(仅补充外边距) */ .pcfm-section, .pcfm-status { margin-bottom: var(--spacing-3); } /* ============ 审核状态条 ============ */ .pcfm-status__row { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-2); } .pcfm-status__label { font-size: var(--font-size-md); color: var(--color-text-primary); font-weight: var(--font-weight-medium); } .pcfm-status__comment { margin-top: var(--spacing-2); padding-top: var(--spacing-2); border-top: var(--border-width) solid var(--color-divider); } .pcfm-status__comment-title { font-size: var(--font-size-sm); color: var(--color-text-secondary); display: block; margin-bottom: var(--spacing-1); } .pcfm-status__comment-text { font-size: var(--font-size-sm); color: var(--color-text-primary); line-height: 1.6; display: block; } /* ============ 资料完整度 ============ */ .pcfm-progress { margin-top: var(--spacing-2); } .pcfm-progress__track { height: 12rpx; background: var(--color-bg-disabled); border-radius: var(--radius-full); overflow: hidden; } .pcfm-progress__fill { height: 100%; background: var(--color-primary); border-radius: var(--radius-full); transition: width 0.3s ease; } .pcfm-progress__hint { display: block; margin-top: var(--spacing-2); font-size: var(--font-size-sm); color: var(--color-text-tertiary); text-align: right; } /* ============ 资料概览 ============ */ .pcfm-summary { margin-top: var(--spacing-2); } .pcfm-info { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-3); padding: var(--spacing-3) 0; border-bottom: var(--border-width) solid var(--color-divider); min-height: 88rpx; } .pcfm-info:last-child { border-bottom: none; } .pcfm-info__label { font-size: var(--font-size-md); color: var(--color-text-secondary); flex-shrink: 0; } .pcfm-info__value { font-size: var(--font-size-md); color: var(--color-text-primary); text-align: right; word-break: break-all; flex: 1; } /* ============ 自我介绍 ============ */ .pcfm-intro { margin-top: var(--spacing-2); padding: var(--spacing-2) var(--spacing-3); background: var(--color-bg-page); border-radius: var(--radius-md); } .pcfm-intro__text { font-size: var(--font-size-sm); color: var(--color-text-primary); line-height: 1.7; display: block; } /* ============ 择偶条件摘要 ============ */ .pcfm-pref { margin-top: var(--spacing-2); } /* ============ 提交须知 ============ */ .pcfm-notice { background: var(--color-primary-light); border-radius: var(--radius-lg); padding: var(--spacing-3) var(--spacing-4); } .pcfm-notice__list { margin-top: var(--spacing-2); } .pcfm-notice__item { display: block; font-size: var(--font-size-sm); color: var(--color-text-secondary); line-height: 2; } /* ============ 底部按钮 ============ */ .pcfm-actions { position: fixed; bottom: 0; left: 0; right: 0; padding: var(--spacing-2) var(--spacing-page-x); padding-bottom: calc(var(--spacing-2) + env(safe-area-inset-bottom)); background: var(--color-bg-card); border-top: var(--border-width) solid var(--color-divider); z-index: var(--z-sticky); }