feat(order): 结账备注与系统结算信息分开展示，系统结算信息改为逐行明细

- 结账内容写入分隔标记，展示端拆出「结账备注（不参与结算金额）」与「系统结算信息（参与结算金额）」
- 系统结算信息每件消耗品单独一行并给合计，哈夫币/押金各一行；兼容旧数据（同一行用「；」分隔自动拆行并补合计）
- 新增 CheckoutSystemDetail 明细组件，接入订单交接记录、结账明细（PC/移动端）与客服订单详情、聊天侧栏
- 结账提交表单与二次确认补充「备注不参与结算金额」提示

frontend/src/features/admin/views/AdminOrderDetailView.css

@@ -113,6 +113,12 @@
   overflow-wrap: anywhere;
 }
 
+/* 结账备注与系统结算信息为多行文本，保留换行 */
+.detail-list dd.detail-pre {
+  font-weight: 500;
+  white-space: pre-wrap;
+}
+
 .money-list {
   display: grid;
   gap: 8px;
@@ -192,6 +198,36 @@
   white-space: pre-wrap;
 }
 
+/* 交接记录里租客手填备注与系统结算信息分块展示 */
+.record-note {
+  display: grid;
+  gap: 4px;
+  padding: 10px 12px;
+  border: 1px solid #eef2f7;
+  border-radius: 6px;
+  background: #ffffff;
+}
+
+.record-note.remark {
+  border-color: #e5e9f2;
+  background: #f8fafc;
+}
+
+.record-note.system {
+  border-color: #dbeafe;
+  background: #f0f7ff;
+}
+
+.record-note-tag {
+  color: #8f9bba;
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.record-note.system .record-note-tag {
+  color: #2563eb;
+}
+
 .snapshot-detail-list {
   margin-bottom: 14px;
 }