.custom-navbar.data-v-c47feaaa { background: linear-gradient(to right, #FFCFDE, #FFA6C4); position: fixed; top: 0; left: 0; right: 0; z-index: 100; } .custom-navbar__content.data-v-c47feaaa { display: flex; align-items: center; padding: 0 24rpx; } .custom-navbar__back.data-v-c47feaaa { width: 44rpx; height: 44rpx; } .custom-navbar__title.data-v-c47feaaa { flex: 1; text-align: center; font-size: 34rpx; font-weight: bold; color: #333; } .custom-navbar__placeholder.data-v-c47feaaa { width: 44rpx; } .address-page.data-v-c47feaaa { min-height: 100vh; background: #f5f5f5; } .address-card.data-v-c47feaaa { background: #fff; margin-bottom: 16rpx; padding: 24rpx 32rpx; } .address-card__top.data-v-c47feaaa { display: flex; align-items: center; gap: 16rpx; margin-bottom: 8rpx; } .address-card__name.data-v-c47feaaa { font-size: 30rpx; color: #333; font-weight: bold; } .address-card__phone.data-v-c47feaaa { font-size: 26rpx; color: #666; } .address-card__default.data-v-c47feaaa { font-size: 22rpx; color: #e4393c; border: 1rpx solid #e4393c; border-radius: 4rpx; padding: 2rpx 8rpx; } .address-card__detail.data-v-c47feaaa { font-size: 26rpx; color: #666; line-height: 40rpx; } .address-card__actions.data-v-c47feaaa { display: flex; justify-content: flex-end; gap: 32rpx; margin-top: 16rpx; padding-top: 16rpx; border-top: 1rpx solid #f0f0f0; } .address-card__edit.data-v-c47feaaa { font-size: 26rpx; color: #1890ff; } .address-card__delete.data-v-c47feaaa { font-size: 26rpx; color: #e4393c; } .empty-tip.data-v-c47feaaa { text-align: center; padding: 80rpx 0; color: #999; font-size: 28rpx; } .add-btn.data-v-c47feaaa { margin: 32rpx; background: #e4393c; color: #fff; text-align: center; padding: 24rpx 0; border-radius: 44rpx; font-size: 30rpx; } .address-form.data-v-c47feaaa { background: #fff; padding: 24rpx 32rpx; } .form-item.data-v-c47feaaa { display: flex; align-items: center; padding: 20rpx 0; border-bottom: 1rpx solid #f0f0f0; } .form-item--switch.data-v-c47feaaa { justify-content: space-between; } .form-label.data-v-c47feaaa { font-size: 28rpx; color: #333; width: 160rpx; flex-shrink: 0; } .form-input.data-v-c47feaaa { flex: 1; font-size: 28rpx; color: #333; } .form-actions.data-v-c47feaaa { display: flex; gap: 24rpx; margin-top: 40rpx; padding-bottom: 20rpx; } .form-btn.data-v-c47feaaa { flex: 1; text-align: center; padding: 20rpx 0; border-radius: 44rpx; font-size: 28rpx; } .form-btn--cancel.data-v-c47feaaa { border: 1rpx solid #ddd; color: #666; } .form-btn--save.data-v-c47feaaa { background: #e4393c; color: #fff; }