feat(frontend): improve admin usability and light theme

frontend/platform_admin/src/views/shared/CrudListPage.vue

@@ -13,6 +13,15 @@
         </a-button>
       </a-space>
     </template>
+    <a-alert
+      v-if="definition.detailActions?.length"
+      class="workflow-alert"
+      type="warning"
+      show-icon
+      title="此资源包含受控业务状态"
+    >
+      请从详情中的专用操作推进流程。操作结果以服务端状态、设备回执或审核记录为准，并会保留审计记录。
+    </a-alert>
     <a-form :model="filters" layout="inline" class="filters" @submit="search">
       <a-form-item label="关键字">
         <a-input v-model="filters.keyword" allow-clear placeholder="服务端筛选" />
@@ -223,6 +232,9 @@
   </a-drawer>
 
   <a-modal :visible="actionVisible" :title="activeAction?.name" :ok-loading="actionSubmitting" :ok-button-props="{ status: activeAction?.danger ? 'danger' : 'normal' }" @cancel="actionVisible = false" @ok="submitDetailAction">
+    <a-alert v-if="activeAction?.danger" class="action-alert" type="error" show-icon>
+      这是高风险操作，可能改变业务状态且无法直接撤销。请确认目标记录和填写内容准确。
+    </a-alert>
     <a-form :model="actionForm" layout="vertical">
       <a-form-item v-for="field in activeAction?.fields ?? []" :key="field.key" :label="field.label" :required="field.required">
         <a-input-number v-if="field.type === 'number' || field.type === 'money'" v-model="actionForm[field.key]" :precision="field.type === 'money' ? 2 : 0" />
@@ -1122,6 +1134,10 @@ function optionLabel(option: Row) {
 .filters {
   margin-bottom: 16px;
 }
+.workflow-alert,
+.action-alert {
+  margin-bottom: 16px;
+}
 .pagination {
   display: flex;
   justify-content: flex-end;