.data-v-6b23c96c ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; } .detail-page-container.data-v-6b23c96c { width: 100vw; height: 100vh; background: #f8fbfd; display: flex; flex-direction: column; overflow: hidden; position: relative; } .white-nav-section.data-v-6b23c96c { background: #fff; width: 100%; flex-shrink: 0; } .custom-nav-bar.data-v-6b23c96c { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx; } .back-icon.data-v-6b23c96c { width: 60rpx; height: 44px; display: flex; align-items: center; } .arrow-left.data-v-6b23c96c { width: 20rpx; height: 20rpx; border-left: 4rpx solid #333; border-bottom: 4rpx solid #333; transform: rotate(45deg); margin-left: 10rpx; } .nav-title.data-v-6b23c96c { font-size: 34rpx; font-weight: bold; color: #1a1a1a; } .placeholder-right.data-v-6b23c96c { width: 60rpx; } .status-banner-container.data-v-6b23c96c { color: #fff; flex-shrink: 0; } .status-banner-container.pending.data-v-6b23c96c { background: linear-gradient(135deg, #C1001C 0%, #FF4D4F 100%); } .status-banner-container.process.data-v-6b23c96c { background: linear-gradient(135deg, #FF6A00 0%, #EE0979 100%); } .status-banner-container.making.data-v-6b23c96c { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); } .status-banner-container.finish.data-v-6b23c96c { background: linear-gradient(135deg, #2af598 0%, #009efd 100%); } .status-banner-container.expired.data-v-6b23c96c { background: linear-gradient(135deg, #868f96 0%, #596164 100%); } /* 状态横幅内容 */ .status-banner-content.data-v-6b23c96c { padding: 40rpx; padding-bottom: 60rpx; display: flex; justify-content: space-between; align-items: center; } .header-main.data-v-6b23c96c { flex: 1; } .status-title.data-v-6b23c96c { font-size: 48rpx; font-weight: bold; display: block; margin-bottom: 12rpx; } .status-sub.data-v-6b23c96c { font-size: 26rpx; opacity: 0.9; } .status-visual-icon.data-v-6b23c96c { width: 60rpx; height: 60rpx; border: 4rpx solid rgba(255,255,255,0.3); border-radius: 50%; opacity: 0.6; } /* 修正:移除负边距,并明确滚动方向 */ .main-content-scroll.data-v-6b23c96c { width: 100%; flex: 1; } .detail-inner-box.data-v-6b23c96c { padding: 30rpx; padding-top: 10rpx; } .data-group-card.data-v-6b23c96c { background: #fff; border-radius: 30rpx; padding: 40rpx; margin-bottom: 30rpx; box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.02); } /* 第一张卡片增加顶部间隔(红框1优化点) */ .first-card.data-v-6b23c96c { margin-top: 20rpx; } .card-head.data-v-6b23c96c { font-size: 30rpx; font-weight: bold; color: #333; margin-bottom: 30rpx; border-left: 8rpx solid #C1001C; padding-left: 20rpx; } .line-split.data-v-6b23c96c { height: 1rpx; background: #f5f5f5; margin: 24rpx 0; } .data-item.data-v-6b23c96c { display: flex; justify-content: space-between; margin-bottom: 24rpx; font-size: 28rpx; align-items: center; } .l.data-v-6b23c96c { color: #999; } .v.data-v-6b23c96c { color: #333; font-weight: 500; } .v.bold.data-v-6b23c96c { font-weight: bold; font-size: 30rpx; } .v.erp-no.data-v-6b23c96c { color: #C1001C; font-weight: bold; } .v.highlight.data-v-6b23c96c { color: #ff3b30; font-weight: bold; font-size: 34rpx; } .list-bottom-placeholder.data-v-6b23c96c { height: 260rpx; } .detail-action-bar-fixed.data-v-6b23c96c { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; padding: 30rpx 40rpx; box-shadow: 0 -10rpx 40rpx rgba(0,0,0,0.04); z-index: 999; flex-shrink: 0; } .action-btn-wrap.data-v-6b23c96c { display: flex; gap: 24rpx; } .action-btn.data-v-6b23c96c { flex: 1; height: 96rpx; border-radius: 48rpx; display: flex; align-items: center; justify-content: center; font-size: 32rpx; font-weight: bold; } .action-btn.primary.data-v-6b23c96c { background: #C1001C; color: #fff; border: none; } .action-btn.cancel.data-v-6b23c96c { background: #fff1f0; color: #ff3b30; border: 1rpx solid #ffccc7; font-weight: normal; } .safe-area-bottom-support.data-v-6b23c96c { height: constant(safe-area-inset-bottom); height: env(safe-area-inset-bottom); }