.reservation-page.data-v-c6ced70e { background: linear-gradient(180deg, #eaf3ff 0%, #f6faff 100%); min-height: 100vh; padding-bottom: 40rpx; } .fixed-nav.data-v-c6ced70e { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: linear-gradient(180deg, #cbe6ff 0%, #f6faff 100%); box-shadow: 0 2px 8px rgba(0,0,0,0.04); } .content-area.data-v-c6ced70e { padding: 220rpx 24rpx 20rpx 24rpx; } .invoice-card.data-v-c6ced70e, .invoice-header.data-v-c6ced70e, .status-tag.data-v-c6ced70e, .invoice-date.data-v-c6ced70e, .invoice-amount.data-v-c6ced70e, .invoice-batch.data-v-c6ced70e, .invoice-actions.data-v-c6ced70e, .invoice-detail-btn.data-v-c6ced70e, .invoice-detail-btn.issue.data-v-c6ced70e, .invoice-btn.data-v-c6ced70e { display: none !important; } .invoice-section.data-v-c6ced70e { background: #fff; border-radius: 16rpx; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04); padding: 32rpx 28rpx 8rpx 28rpx; margin-bottom: 32rpx; } .invoice-title.data-v-c6ced70e { font-size: 30rpx; font-weight: bold; margin-bottom: 24rpx; } .invoice-row.data-v-c6ced70e { display: flex; align-items: center; justify-content: space-between; font-size: 28rpx; color: #222; padding: 18rpx 0; border-bottom: 1rpx solid #f2f4f8; } .invoice-row.data-v-c6ced70e:last-child { border-bottom: none; } .invoice-label.data-v-c6ced70e { color: #3b4a6b; min-width: 180rpx; font-size: 28rpx; } .invoice-value.data-v-c6ced70e { flex: 1; text-align: right; color: #222; font-size: 28rpx; background: transparent; border: none; outline: none; } .pay-status.data-v-c6ced70e { background: #217aff; color: #fff; border-radius: 24rpx; padding: 4rpx 24rpx; font-size: 24rpx; margin-left: 12rpx; } .pay-total-num.data-v-c6ced70e { color: #217aff; font-size: 32rpx; font-weight: bold; } .pay-total.data-v-c6ced70e { font-weight: bold; }