laundry-flow-detail.wxss
3.08 KB
.container.data-v-98fe2e3e{min-height:100vh;background:linear-gradient(135deg,#e8f5e9,#b2dfdb);padding:40rpx;box-sizing:border-box}.detail-card.data-v-98fe2e3e{background:#fff;border-radius:32rpx;box-shadow:0 8rpx 32rpx rgba(76,175,80,.1);overflow:hidden}.card-header.data-v-98fe2e3e{background:linear-gradient(120deg,#43e97b,#38f9d7);padding:32rpx 40rpx;color:#fff;font-size:36rpx;font-weight:600;letter-spacing:2rpx;text-align:center}.detail-content.data-v-98fe2e3e{padding:40rpx}.loading.data-v-98fe2e3e{text-align:center;padding:80rpx 40rpx;color:#6a9c6a;font-size:28rpx}.error-state.data-v-98fe2e3e{text-align:center;padding:80rpx 40rpx;color:#f56c6c;font-size:28rpx}.retry-btn.data-v-98fe2e3e{margin-top:32rpx}.info-sections.data-v-98fe2e3e{display:flex;flex-direction:column;gap:32rpx}.info-section.data-v-98fe2e3e{background:#f9fff9;border-radius:24rpx;padding:32rpx;border:2rpx solid #e8f5e9}.section-title.data-v-98fe2e3e{display:flex;align-items:center;gap:12rpx;font-size:32rpx;font-weight:600;color:#2e7d32;margin-bottom:24rpx;padding-bottom:16rpx;border-bottom:2rpx solid #c8e6c9}.section-icon.data-v-98fe2e3e{font-size:32rpx}.info-grid.data-v-98fe2e3e{display:grid;grid-template-columns:1fr 1fr;gap:24rpx}.info-item.data-v-98fe2e3e{display:flex;flex-direction:column;gap:8rpx}.info-item.full-width.data-v-98fe2e3e{grid-column:1/-1}.info-label.data-v-98fe2e3e{font-size:24rpx;color:#6a9c6a;font-weight:500}.info-value.data-v-98fe2e3e{font-size:28rpx;color:#2e7d32;font-weight:500;word-break:break-all}.info-value.amount.data-v-98fe2e3e{color:#f57c00;font-weight:600;font-size:32rpx}.info-value.amount.total.data-v-98fe2e3e{font-size:36rpx;color:#e65100}.flow-type-badge.data-v-98fe2e3e{display:flex;align-items:center;padding:8rpx 24rpx;border-radius:40rpx;font-size:24rpx;font-weight:500;width:-webkit-fit-content;width:fit-content}.flow-type-badge.send-type.data-v-98fe2e3e{background:#e3f2fd;color:#1976d2;border:2rpx solid #90caf9}.flow-type-badge.return-type.data-v-98fe2e3e{background:#e8f5e9;color:#388e3c;border:2rpx solid #a5d6a7}.flow-type-icon.data-v-98fe2e3e{margin-right:8rpx;font-size:28rpx}.flow-type-text.data-v-98fe2e3e{font-size:24rpx}.status-badge.data-v-98fe2e3e{display:inline-block;padding:8rpx 24rpx;border-radius:40rpx;font-size:24rpx;font-weight:500;text-align:center;width:-webkit-fit-content;width:fit-content}.status-badge.effective.data-v-98fe2e3e{background:#e8f5e9;color:#2e7d32;border:2rpx solid #c8e6c9}.status-badge.ineffective.data-v-98fe2e3e{background:#ffebee;color:#c62828;border:2rpx solid #ffcdd2}.action-buttons.data-v-98fe2e3e{padding:40rpx;display:flex;justify-content:center}.edit-btn.data-v-98fe2e3e{display:flex;align-items:center;justify-content:center;gap:12rpx;width:100%;height:96rpx;background:linear-gradient(135deg,#409eff,#66b1ff);border-radius:32rpx;color:#fff;font-size:32rpx;font-weight:600;border:none;box-shadow:0 8rpx 24rpx rgba(64,158,255,.3)}.edit-btn.data-v-98fe2e3e:active{-webkit-transform:scale(.98);transform:scale(.98);box-shadow:0 4rpx 12rpx rgba(64,158,255,.4)}.edit-icon.data-v-98fe2e3e{font-size:32rpx}.edit-text.data-v-98fe2e3e{font-size:32rpx;letter-spacing:2rpx}