wechat_wc/dist/pages/orders/index.wxss

.orders-page{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100vh;padding:0 32rpx calc(220rpx + env(safe-area-inset-bottom))}.orders-page .page-header{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0;padding-bottom:32rpx;padding-top:0}.orders-page .page-title{color:var(--text-primary);display:block;font-size:56rpx;font-weight:800;letter-spacing:0;line-height:1.15}.orders-page .status-tabs{margin:8rpx 0 32rpx}.orders-page .tabs-scroll{white-space:nowrap}.orders-page .tab-item{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--bg-card);border:1rpx solid var(--border);border-radius:999rpx;color:var(--text-secondary);display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;font-size:26rpx;font-weight:500;height:64rpx;-webkit-justify-content:center;justify-content:center;margin-right:16rpx;padding:0 32rpx}.orders-page .tab-item.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-page);font-weight:600}.orders-page .tab-label{color:inherit}.orders-page .tab-underline{display:none}.orders-page .orders-list{padding:0 0 8rpx}.orders-page .order-card{border-radius:24rpx;-webkit-box-shadow:var(--shadow-card);box-shadow:var(--shadow-card);margin-bottom:24rpx;padding:28rpx;-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.orders-page .order-card:active{-webkit-transform:scale(.98);-ms-transform:scale(.98);transform:scale(.98)}.orders-page .order-header{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-bottom:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:24rpx;padding-bottom:20rpx}.orders-page .order-date{color:var(--text-secondary);display:block;font-size:24rpx;min-width:0}.orders-page .order-card .badge{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;flex-shrink:0;font-size:22rpx;font-weight:600;height:40rpx;-webkit-justify-content:center;justify-content:center;line-height:1;padding:0 16rpx}.orders-page .order-body{-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:24rpx;margin-bottom:24rpx}.orders-page .order-icon-wrapper{-ms-flex-align:center;-ms-flex-pack:center;-ms-flex-negative:0;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0;height:96rpx;-webkit-justify-content:center;justify-content:center;width:96rpx}.orders-page .order-icon-img{height:56rpx;width:56rpx}.orders-page .order-info{-webkit-flex:1;-ms-flex:1;flex:1;min-width:0}.orders-page .order-product{color:var(--text-primary);display:block;font-size:30rpx;font-weight:700;line-height:1.3;margin-bottom:8rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page .order-sku{color:var(--text-secondary);display:block;font-size:24rpx;line-height:1.4;margin-bottom:6rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-page .order-meta{color:var(--text-muted);display:block;font-size:22rpx;font-variant-numeric:tabular-nums;line-height:1.4}.orders-page .order-countdown{color:var(--accent-primary);display:block;font-size:22rpx;font-variant-numeric:tabular-nums;line-height:1.4;margin-top:8rpx}.orders-page .order-footer{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-align-items:center;align-items:center;border-top:1rpx solid var(--border);display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16rpx;-webkit-justify-content:space-between;justify-content:space-between;padding-top:20rpx}.orders-page .order-price-bar{-ms-flex-align:baseline;-ms-flex-negative:0;-webkit-align-items:baseline;align-items:baseline;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;flex-shrink:0}.orders-page .price-label{color:var(--text-secondary);font-size:24rpx;margin-right:8rpx}.orders-page .price-value{color:var(--accent-primary);font-size:34rpx;font-variant-numeric:tabular-nums;font-weight:800;line-height:1.2}.orders-page .order-actions{-ms-flex-pack:end;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12rpx;-webkit-justify-content:flex-end;justify-content:flex-end}.orders-page .order-btn{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:26rpx;font-weight:600;height:64rpx;-webkit-justify-content:center;justify-content:center;line-height:1.2;padding:0 28rpx}.orders-page .empty-state{-ms-flex-align:center;-webkit-align-items:center;align-items:center;background:var(--bg-muted);border-radius:24rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:80rpx 32rpx;text-align:center}.orders-page .empty-icon-img{height:88rpx;margin-bottom:24rpx;width:88rpx}.orders-page .empty-text{color:var(--text-primary);display:block;font-size:32rpx;font-weight:700;margin-bottom:12rpx}.orders-page .empty-sub{color:var(--text-secondary);display:block;font-size:26rpx;margin-bottom:32rpx}.orders-page .empty-state .btn-primary{-ms-flex-align:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;border-radius:999rpx;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:30rpx;font-weight:600;height:88rpx;-webkit-justify-content:center;justify-content:center;min-width:280rpx;padding:0 48rpx}