/** * 基础资料页 U06 */ .pb-page { min-height: 100vh; background: var(--color-bg-page); padding-bottom: calc(160rpx + env(safe-area-inset-bottom)); } .pb-body { padding: var(--spacing-2) var(--spacing-page-x); } .pb-section { margin-bottom: var(--spacing-3); } /* ============ 只读区 ============ */ .pb-readonly { margin-top: var(--spacing-2); } .pb-row { display: flex; justify-content: space-between; align-items: center; padding: var(--spacing-3) 0; border-bottom: var(--border-width) solid var(--color-divider); } .pb-row:last-child { border-bottom: none; } .pb-row__label { font-size: var(--font-size-md); color: var(--color-text-tertiary); } .pb-row__value { font-size: var(--font-size-md); color: var(--color-text-primary); font-weight: var(--font-weight-medium); } /* ============ 表单 ============ */ .pb-form { margin-top: var(--spacing-2); } .pb-field { display: flex; align-items: center; justify-content: space-between; padding: var(--spacing-3) 0; border-bottom: var(--border-width) solid var(--color-divider); min-height: 88rpx; } .pb-field:last-child { border-bottom: none; } .pb-field__label { font-size: var(--font-size-md); color: var(--color-text-primary); flex-shrink: 0; width: 180rpx; } .pb-field__value { flex: 1; text-align: right; font-size: var(--font-size-md); color: var(--color-text-primary); } .pb-field__value--placeholder { color: var(--color-text-placeholder); } .pb-field__input { flex: 1; text-align: right; font-size: var(--font-size-md); color: var(--color-text-primary); } /* ============ 底部 ============ */ .pb-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); }