.order-page.data-v-0ca91b30 { background: linear-gradient(180deg, #cbe6ff 0%, #f6faff 100%); min-height: 100vh; padding-bottom: 20px; font-family: 'SourceHanSansCN', 'PingFang SC', 'Microsoft YaHei', sans-serif; } .header-title.data-v-0ca91b30 { text-align: center; font-size: 36rpx; font-weight: bold; padding-top: 7vh; letter-spacing: 2rpx; } .header.data-v-0ca91b30 { display: flex; align-items: center; justify-content: space-between; padding: 20px 16px 10px 16px; background: linear-gradient(180deg, #cbe6ff 0%, #f6faff 100%); } .back-btn.data-v-0ca91b30, .more-btn.data-v-0ca91b30 { font-size: 24px; color: #333; } .title.data-v-0ca91b30 { font-size: 22px; font-weight: bold; color: #222; } .order-list.data-v-0ca91b30 { padding: 10px 0 0 0; margin-top: 44rpx; } .order-card.data-v-0ca91b30 { background: #fff; border-radius: 10px; margin: 0 16px 16px 16px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); padding: 18px 18px 12px 18px; height: 340rpx; } .order-card-header.data-v-0ca91b30 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .status.data-v-0ca91b30 { font-size: 12px; border-radius: 8rpx; padding: 2px 8px; color: #fff; font-weight: 500; display: inline-block; -webkit-transform: skewX(-20deg); transform: skewX(-20deg); border: none; } .status-text.data-v-0ca91b30 { display: inline-block; -webkit-transform: skewX(20deg); transform: skewX(20deg); } .status.purchased.data-v-0ca91b30 { background: #22c58b; } .status.pending.data-v-0ca91b30 { background: #ff9800; } .status.rejected.data-v-0ca91b30 { background: #ff4d4f; } .status.confirmed.data-v-0ca91b30 { background: #217aff; } .status.cancelled.data-v-0ca91b30 { background: #bdbdbd; } .status.canceled.data-v-0ca91b30 { background: #b0b8c6; color: #fff; } .date.data-v-0ca91b30 { color: #173766; font-size: 15px; } .order-info.data-v-0ca91b30 { margin-bottom: 24px; } .flight.data-v-0ca91b30 { font-size: 16px; font-weight: 500; margin-top: 12px; } .desc.data-v-0ca91b30 { color: #888; font-size: 14px; margin-top: 10px; } .order-actions.data-v-0ca91b30 { display: flex; gap: 12px; } button.data-v-0ca91b30 { flex: 1; border-radius: 4px; padding: 8px 0; font-size: 16px; margin: 0; } .detail-btn.data-v-0ca91b30 { background: #e4f3fe; color: #217aff; height: 69rpx; display: flex; align-items: center; justify-content: center; font-size: 14px; margin-left: auto; } .order-actions.single-btn.data-v-0ca91b30 { justify-content: flex-end; } .order-actions.single-btn .detail-btn.data-v-0ca91b30 { flex: 0 0 auto; width: 153px; } .buy-btn.data-v-0ca91b30, .rebook-btn.data-v-0ca91b30 { background: linear-gradient(90deg, #3b7cff 0%, #5bb6ff 100%); color: #fff; height: 69rpx; display: flex; align-items: center; justify-content: center; font-size: 14px; } .cancel-btn.data-v-0ca91b30 { background: #ededed; color: #bdbdbd; height: 69rpx; display: flex; align-items: center; justify-content: center; font-size: 14px; } .cancel-btn[disabled].data-v-0ca91b30 { opacity: 1; } .tabbar.data-v-0ca91b30 { position: fixed; left: 0; right: 0; bottom: 0; height: 60px; background: #fff; display: flex; border-top: 1px solid #eaeaea; z-index: 10; } .tab-item.data-v-0ca91b30 { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #888; font-size: 14px; } .tab-item.active.data-v-0ca91b30 { color: #217aff; } .icon.data-v-0ca91b30 { font-size: 22px; margin-bottom: 2px; } .detail-modal-mask.data-v-0ca91b30 { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; display: flex; align-items: center; justify-content: center; } .detail-modal.data-v-0ca91b30 { background: #fff; border-radius: 20px; padding: 64rpx 56rpx 48rpx 56rpx; width: 90vw; max-width: 500px; min-height: 420px; margin: 0 auto; position: relative; display: flex; flex-direction: column; } .detail-modal-content.data-v-0ca91b30 { flex: 1 1 auto; min-height: 0; overflow-y: auto; } .modal-close.data-v-0ca91b30 { position: absolute; right: 24rpx; top: 24rpx; font-size: 44rpx; color: #222; z-index: 2; cursor: pointer; } .modal-title.data-v-0ca91b30 { font-size: 38rpx; font-weight: bold; margin-bottom: 40rpx; text-align: left; } .modal-row.data-v-0ca91b30 { display: flex; justify-content: space-between; align-items: center; font-size: 34rpx; color: #222; margin-bottom: 36rpx; } .modal-label.data-v-0ca91b30 { color: #3b4a6b; min-width: 180rpx; font-size: 34rpx; } .modal-amount.data-v-0ca91b30 { color: #217aff; font-size: 32rpx; font-weight: bold; } .modal-confirm-btn.data-v-0ca91b30 { width: 160px !important; height: 44px !important; line-height: 44px !important; border-radius: 12px !important; background: linear-gradient(90deg, #3b7cff 0%, #5bb6ff 100%) !important; color: #fff !important; font-size: 18px !important; font-weight: 500 !important; margin: 40px auto 0 auto !important; border: none !important; outline: none !important; display: block !important; padding: 0 !important; box-sizing: border-box !important; text-align: center !important; align-self: center !important; flex-shrink: 0 !important; flex-grow: 0 !important; } .order-card.canceled.data-v-0ca91b30 { opacity: 0.7; } .empty-box.data-v-0ca91b30 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 120rpx; } .empty-img.data-v-0ca91b30 { width: 320rpx; height: 320rpx; margin-bottom: 32rpx; } .empty-text.data-v-0ca91b30 { color: #888; font-size: 28rpx; } .hide-in-wechat.data-v-0ca91b30 { display: none !important; } .wechat-browser.data-v-0ca91b30 { margin-top: -44rpx; }