feat: 完善履约路由、订单服务与自动核销

apps/frontend/src/styles/admin.css

@@ -1694,6 +1694,12 @@
   overflow: auto;
 }
 
+.order-service-category-group {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
+}
+
 .order-service-category-item {
   display: grid;
   gap: 4px;
@@ -1724,9 +1730,25 @@
 
 .order-service-category-main {
   display: flex;
+  gap: 4px;
   align-items: flex-start;
 }
 
+.order-service-category-toggle {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  width: 16px;
+  height: 19px;
+  color: #7a8699;
+  font-size: 10px;
+}
+
+.order-service-category-toggle.is-empty {
+  visibility: hidden;
+}
+
 .order-service-category-name {
   min-width: 0;
   font-size: 13px;
@@ -1736,6 +1758,30 @@
   white-space: normal;
 }
 
+.order-service-category-count {
+  flex: none;
+  margin: 0 0 0 auto;
+  font-size: 10px;
+  line-height: 18px;
+}
+
+.order-service-subcategory-list {
+  display: grid;
+  gap: 2px;
+  padding-left: 12px;
+}
+
+.order-service-category-item.is-child {
+  padding: 8px 9px 8px 12px;
+  border-left: 2px solid #e5eaf2;
+  border-radius: 6px 9px 9px 6px;
+}
+
+.order-service-category-item.is-child:hover,
+.order-service-category-item.is-child.is-active {
+  border-left-color: #69b1ff;
+}
+
 .order-service-category-meta {
   display: flex;
   gap: 8px;
@@ -1774,6 +1820,12 @@
   border-color: #ffe58f;
 }
 
+.order-service-status-pill.is-inherited {
+  color: #0958d9;
+  background: #e6f4ff;
+  border-color: #91caff;
+}
+
 .order-service-status-pill.is-muted {
   color: #8c8c8c;
   background: #fafafa;