.orders-wrap { max-width: var(--container-narrow); margin-inline: auto; padding: var(--space-section) var(--space-5); }
.orders-card { background: rgb(var(--color-surface)); padding: var(--space-6); box-shadow: var(--shadow-card); margin-top: var(--space-6); }
.orders-row { display: flex; gap: var(--space-4); }
.orders-row .ofield { flex: 1; }
.order-list { margin-top: var(--space-6); }
.order-item { border: 1px solid rgb(var(--color-border)); padding: var(--space-5); margin-bottom: var(--space-4); }
.order-item .oi-head { display: flex; justify-content: space-between; }
.order-item .oi-status { font-family: var(--font-zh); }

@media (max-width: 768px) {
	.orders-row { flex-direction: column; gap: var(--space-3); }
	.order-item { padding: var(--space-4); }
	.order-item .oi-head { flex-wrap: wrap; gap: var(--space-2); }
}