feat(mobile): 接入订单支付交接结账与申诉操作

frontend/src/styles/global.css

@@ -2518,6 +2518,147 @@ a {
   text-align: center;
 }
 
+.mobile-order-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 14px;
+  border: 1px solid var(--line);
+  border-radius: 10px;
+  background: var(--paper-warm);
+}
+
+.mobile-order-actions__head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  color: var(--brand-ink);
+  font-size: 11px;
+  letter-spacing: 0.12em;
+}
+
+.mobile-order-actions__head em {
+  color: var(--brand-seal);
+  font-style: normal;
+  letter-spacing: 0;
+}
+
+.mobile-order-actions__row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+
+.mobile-order-detail__record {
+  padding: 4px 0;
+}
+
+.mobile-order-detail__record-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.mobile-order-detail__record-head strong {
+  color: var(--brand-ink);
+  font-size: 12px;
+}
+
+.mobile-order-detail__record-head span {
+  color: var(--ink-muted);
+  font-size: 10px;
+}
+
+.mobile-order-detail__record p {
+  margin: 6px 0;
+  color: var(--ink-secondary);
+  font-size: 12px;
+  line-height: 1.7;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.mobile-order-detail__record-tags {
+  display: flex;
+  gap: 6px;
+  flex-wrap: wrap;
+}
+
+.mobile-order-detail__danger {
+  color: var(--brand-seal);
+  font-family: 'Inter', monospace;
+}
+
+.mobile-order-sheet {
+  max-height: 88vh;
+  padding: 20px 16px calc(20px + env(safe-area-inset-bottom));
+  overflow-y: auto;
+  border-radius: 16px 16px 0 0;
+  background: var(--paper-warm);
+}
+
+.mobile-order-sheet__title {
+  margin-bottom: 6px;
+  color: var(--brand-ink);
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.mobile-order-sheet__hint {
+  margin: 0 0 14px;
+  color: var(--ink-muted);
+  font-size: 11px;
+  line-height: 1.6;
+}
+
+.mobile-order-sheet__field {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-bottom: 14px;
+  color: var(--ink-muted);
+  font-size: 11px;
+}
+
+.mobile-order-sheet__field .adm-text-area {
+  padding: 10px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #fff;
+}
+
+.mobile-order-sheet__grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px 12px;
+  margin-bottom: 14px;
+}
+
+.mobile-order-sheet__grid label {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  color: var(--ink-muted);
+  font-size: 11px;
+}
+
+.mobile-order-sheet__grid .adm-input {
+  padding: 9px 10px;
+  border: 1px solid var(--line);
+  border-radius: 8px;
+  background: #fff;
+  font-family: 'Inter', monospace;
+  font-size: 13px;
+}
+
+.mobile-order-sheet__actions {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+  margin-top: 18px;
+}
+
 .mobile-messages {
   padding: 20px 16px 32px;
 }