修复表格刷新布局跳动并补齐多端回归验收

app/assets/styles/entry.Cs9kvuGi.css

@@ -1252,19 +1252,15 @@ video {
 .p-datatable-header-cell {
   white-space: nowrap;
 }
+.p-datatable-tbody > tr > td {
+  overflow-wrap: anywhere;
+}
 /* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
-  .p-datatable-table:not(:has(.p-datatable-empty-message)) {
+  /* 空表、加载与有数据共用断点布局，不能随接口结果切换表头和最小宽度。 */
+  .p-datatable-table {
     min-width: 680px;
   }
-  .p-datatable-table:has(.p-datatable-empty-message) {
-    table-layout: fixed;
-    width: 100%;
-    min-width: 0 !important;
-  }
-  .p-datatable-table:has(.p-datatable-empty-message) thead {
-    display: none;
-  }
 }
 /* 尊重减少动态效果偏好：保留状态信息，降低或取消非必要动画。 */
 @media (prefers-reduced-motion: reduce) {
@@ -1961,9 +1957,6 @@ video {
   max-width: 100%;
   overflow: hidden;
 }
-.list-table:has(.p-datatable-mask):has(.p-datatable-empty-message) {
-  min-height: 100dvh;
-}
 .list-table .p-datatable-header-cell {
   color: var(--p-text-color);
   white-space: nowrap;
@@ -2049,6 +2042,9 @@ video {
   position: absolute;
   overflow: hidden;
 }
+.p-datatable .row-actions {
+  flex-wrap: wrap;
+}
 .host-list-page .host-row-placeholder {
   flex-direction: column;
   justify-content: center;
@@ -2070,16 +2066,6 @@ video {
 }
 /* 视口条件 (width<=768px) 下的响应式覆盖；保留相对基础规则的层叠顺序。 */
 @media (width<=768px) {
-  .list-table:has(.p-datatable-mask)
-    .p-datatable-table:has(.p-datatable-empty-message) {
-    table-layout: auto;
-    min-width: 680px !important;
-  }
-  .list-table:has(.p-datatable-mask)
-    .p-datatable-table:has(.p-datatable-empty-message)
-    thead {
-    display: table-header-group;
-  }
   .list-head {
     gap: 10px;
   }