
.data-v-456ecf67 ::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent;
}
.list-page-container.data-v-456ecf67 { width: 100vw; height: 100vh; background: #f8fafc; overflow: hidden; display: flex; flex-direction: column;
}
	
	/* 1. 自定义导航栏：解决蓝线红框1 */
.custom-nav-bar.data-v-456ecf67 { background: #ffffff; width: 100%; flex-shrink: 0;
}
.nav-content.data-v-456ecf67 { height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 30rpx;
}
.back-icon.data-v-456ecf67 { width: 60rpx; height: 44px; display: flex; align-items: center;
}
.arrow-left.data-v-456ecf67 { width: 20rpx; height: 20rpx; border-left: 4rpx solid #333; border-bottom: 4rpx solid #333; transform: rotate(45deg); margin-left: 10rpx;
}
.nav-title.data-v-456ecf67 { font-size: 34rpx; font-weight: bold; color: #1a1a1a;
}
.placeholder-right.data-v-456ecf67 { width: 60rpx;
}

	/* 2. 选项卡：解决残影红框2 */
.tabs-fixed.data-v-456ecf67 { background: #fff; width: 100%; flex-shrink: 0; border-bottom: 1rpx solid #f0f0f0;
}
.tabs-box.data-v-456ecf67 { height: 110rpx; position: relative; display: flex; width: 100%;
}
.tab-item.data-v-456ecf67 { flex: 1; display: flex; align-items: center; justify-content: center; z-index: 5;
}
.tab-txt.data-v-456ecf67 { font-size: 28rpx; color: #888; transition: all 0.2s;
}
.tab-item.active .tab-txt.data-v-456ecf67 { color: #C1001C; font-weight: bold; font-size: 32rpx;
}
	
	/* 指示器轨道：通过位移消除虚影 */
.indicator-track.data-v-456ecf67 { position: absolute; bottom: 10rpx; left: 0; width: 100%; height: 6rpx; display: flex;
}
.indicator-bar.data-v-456ecf67 { width: 20%; height: 100%; display: flex; align-items: center; justify-content: center; transition: transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.bar-inner.data-v-456ecf67 { width: 40rpx; height: 100%; background: #C1001C; border-radius: 6rpx;
}

	/* 3. 滚动区：解决不可滑动问题 */
.order-scroll-view.data-v-456ecf67 { width: 100%;
}
.order-list-inner.data-v-456ecf67 { padding: 30rpx; padding-bottom: 60rpx;
}
.order-card.data-v-456ecf67 { background: #fff; border-radius: 24rpx; padding: 36rpx; margin-bottom: 30rpx; box-shadow: 0 4rpx 20rpx rgba(0,0,0,0.02);
}
.card-head.data-v-456ecf67 { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30rpx;
}
.order-id.data-v-456ecf67 { font-size: 28rpx; color: #1a1a1a; font-weight: bold;
}
.status-badge.data-v-456ecf67 { font-size: 20rpx; padding: 4rpx 16rpx; border-radius: 8rpx;
}
.status-badge.pending.data-v-456ecf67 { background: #FFF1F2; color: #C1001C;
}
.status-badge.expired.data-v-456ecf67 { background: #f5f5f5; color: #999;
}
.status-badge.process.data-v-456ecf67 { background: #fff7e6; color: #ffa940;
}
.status-badge.making.data-v-456ecf67 { background: #e6fffb; color: #36cfc9;
}
	/* 已撤销样式 */
.status-badge.expired.data-v-456ecf67 { background: #f5f5f5; color: #999;
}
.status-badge.finish.data-v-456ecf67 { background: #f6ffed; color: #52c41a;
}
.card-body.data-v-456ecf67 { padding: 24rpx 0; border-top: 1rpx dashed #f0f0f0; margin-bottom: 24rpx;
}
.model-row.data-v-456ecf67 { display: flex; align-items: center; margin-bottom: 12rpx; font-size: 24rpx;
}
.m-type.data-v-456ecf67 { font-size: 28rpx; font-weight: bold; color: #333; width: 140rpx;
}
.m-spec.data-v-456ecf67 { color: #888; flex: 1; padding: 0 20rpx; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.m-count.data-v-456ecf67 { color: #555; width: 100rpx; text-align: right; font-weight: 500;
}
.more-hint.data-v-456ecf67 { padding: 10rpx 0; font-size: 24rpx; color: #999; text-align: center; background: #fafafa; border-radius: 8rpx; margin-bottom: 16rpx;
}
.total-summary.data-v-456ecf67 { 
		display: flex; align-items: center; justify-content: flex-end; 
		padding-top: 20rpx; border-top: 1rpx solid #fafafa;
}
.summary-label.data-v-456ecf67 { font-size: 24rpx; color: #999;
}
.summary-val.data-v-456ecf67 { font-size: 32rpx; font-weight: bold; color: #333; margin: 0 4rpx;
}
.summary-val.highlight.data-v-456ecf67 { color: #C1001C;
}
.summary-unit.data-v-456ecf67 { font-size: 22rpx; color: #999; margin-right: 12rpx;
}
.summary-split.data-v-456ecf67 { width: 1rpx; height: 20rpx; background: #eee; margin: 0 16rpx;
}
.card-foot.data-v-456ecf67 { display: flex; justify-content: space-between; align-items: center; padding-top: 10rpx;
}
.time.data-v-456ecf67 { font-size: 24rpx; color: #bbb;
}
.btns.data-v-456ecf67 { display: flex; gap: 16rpx;
}
.btn-cancel.data-v-456ecf67, .btn-view.data-v-456ecf67 { padding: 12rpx 30rpx; border-radius: 30rpx; font-size: 24rpx;
}
.btn-cancel.data-v-456ecf67 { border: 1rpx solid #ddd; color: #666;
}
.btn-view.primary.data-v-456ecf67 { background: #C1001C; color: #fff;
}
.list-status-info.data-v-456ecf67 { padding: 40rpx 0; display: flex; justify-content: center;
}
.nomore-wrap.data-v-456ecf67 { display: flex; align-items: center; color: #ccc; font-size: 24rpx;
}
.nomore-line.data-v-456ecf67 { width: 40rpx; height: 1rpx; background: #eee; margin: 0 20rpx;
}
.loading-wrap.data-v-456ecf67 { color: #999; font-size: 24rpx; display: flex; align-items: center;
}
.load-dot.data-v-456ecf67 { width: 10rpx; height: 10rpx; background: #C1001C; border-radius: 50%; margin-right: 10rpx; animation: flash-456ecf67 0.6s infinite alternate;
}
@keyframes flash-456ecf67 {
from { opacity: 0.3;
}
to { opacity: 1;
}
}
.empty-state.data-v-456ecf67 { display: flex; flex-direction: column; align-items: center; padding-top: 200rpx; color: #bbb; font-size: 28rpx;
}
.empty-state image.data-v-456ecf67 { width: 220rpx; height: 220rpx; margin-bottom: 30rpx; opacity: 0.6;
}
.safe-bottom.data-v-456ecf67 { height: 40rpx;
}
