@k-table/report 1.0.10 → 1.0.11

package/dist/styles.css

@@ -1,678 +1,724 @@
-[data-kt-root] {
-  --kt-font: 14px;
-  --kt-space: 8px;
-  --kt-primary: #165dff;
-  --kt-success: #00b42a;
-  --kt-warning: #ff7d00;
-  --kt-error: #f53f3f;
-  --kt-primary-soft: rgba(22, 93, 255, 0.12);
-  --kt-text: #1d3a5c;
-  --kt-text-secondary: #4e6a8a;
-  --kt-header-bg: #f3f7fd;
-  --kt-border: #c5d6ee;
-  --kt-page-bg: #e8f0fb;
-  --kt-forms-page-bg: #e8f0fb;
-  --kt-forms-header-bg: #f3f7fd;
-  --kt-forms-border: #c5d6ee;
-  --kt-forms-text: #1d3a5c;
-  --kt-forms-text-secondary: #4e6a8a;
-  --kt-forms-chrome-bar: #dce8f6;
-  --kt-forms-chrome-tab: #d0deef;
-  --kt-forms-canvas-pad: #d4e4f5;
-  --kt-forms-preview-host: #dce8f6;
-  --kt-paper-bg: #fff;
-  --kt-canvas-header: #f3f3f3;
-  --kt-canvas-header-grid: #c4c4c4;
-  --kt-canvas-header-text: #333333;
-  box-sizing: border-box;
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-/* 只有 kt 产品界面（surface）才接管文字/背景与 antd 观感；root 只发 --kt-* 变量。
-   否则 Provider 包住整个宿主应用时，--ant-* 覆盖与 .ant-* 规则会污染宿主自己的 antd 页面
-   （260915 lims 委托单输入框蓝底事故）。surface 可能 portal 到 body（宿主 Arco Modal），
-   故选择器不挂在 [data-kt-root] 下。 */
-[data-kt-surface] {
-  font-size: var(--kt-font);
-  color: var(--kt-forms-text, #1d3a5c);
-  background: var(--kt-forms-page-bg, #e8f0fb);
-  --ant-color-text: var(--kt-forms-text, #1d3a5c);
-  --ant-color-text-secondary: var(--kt-forms-text-secondary, #4e6a8a);
-  --ant-color-bg-container: var(--kt-forms-chrome-tab, #d0deef);
-  --ant-color-bg-elevated: var(--kt-forms-chrome-tab, #f3f7fd);
-  --ant-color-border: var(--kt-forms-border, #c5d6ee);
-}
-
-html:has([data-kt-root]),
-html:has([data-kt-root]) body {
-  height: 100%;
-}
-
-/* kt 的 antd 作用域（KtAntdScope）用 <App component={false}>，不产生 .ant-app DOM；
-   这里不再写任何 .ant-app 规则，避免影响宿主自己的 antd App 布局。 */
-
-/* kt 自有类（kt-* / data-kt-paper）不挂 [data-kt-root]：界面可能被宿主弹窗 portal 到 body，
-   变量由 surface 根节点内联带入（useKtSurfaceProps），选择器保持位置无关。 */
-.kt-fill-page,
-.kt-fill-layout,
-.kt-report-designer-page {
-  flex: 1 1 auto;
-  min-height: 0;
-  height: 100%;
-}
-
-[data-kt-root][data-kt-type="sm"] { --kt-font: 12px; }
-[data-kt-root][data-kt-type="md"] { --kt-font: 14px; }
-[data-kt-root][data-kt-type="lg"] { --kt-font: 16px; }
-[data-kt-root][data-kt-density="compact"] { --kt-space: 4px; }
-[data-kt-root][data-kt-density="comfortable"] { --kt-space: 8px; }
-[data-kt-root][data-kt-density="spacious"] { --kt-space: 12px; }
-[data-kt-root][data-kt-scheme="dark"] {
-  color-scheme: dark;
-  --kt-canvas-header: #1f1f1f;
-  --kt-canvas-header-grid: #424242;
-  --kt-canvas-header-text: rgba(255, 255, 255, 0.88);
-}
-
-[data-kt-root] .kt-brand {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px 12px;
-  box-sizing: border-box;
-  min-height: 40px;
-  padding: 6px 12px;
-  line-height: 1;
-  background: var(--kt-primary);
-  color: #fff;
-}
-
-[data-kt-root] .kt-brand > strong {
-  flex-shrink: 0;
-  font-size: 14px;
-  line-height: 28px;
-}
-
-[data-kt-root] .kt-brand .kt-theme-bar {
-  margin-left: auto;
-}
-
-.kt-paper-island {
-  background: var(--kt-forms-canvas-pad, var(--kt-page-bg, #d4e4f5));
-  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
-}
-
-.kt-paper-island[data-tone="preview"],
-.kt-preview-stage {
-  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
-}
-
-[data-kt-paper],
-.kt-report-page,
-.klab-fill-sheet {
-  color-scheme: light;
-  background: var(--kt-paper-bg, #fff);
-  color: #1d2129;
-  --ant-color-text: #1d2129;
-  --ant-color-text-secondary: #4e5969;
-  --ant-color-bg-container: #fff;
-  --ant-color-bg-elevated: #fff;
-  --ant-color-border: #d9d9d9;
-}
-
-.kt-chrome {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 8px;
-  box-sizing: border-box;
-  min-height: 40px;
-  padding: 6px 12px;
-  line-height: 1;
-  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
-  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #dce8f6));
-  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
-}
-
-/* 铬层不跟 density 的 32/36 控件高走；疏密只影响工作区。 */
-.kt-chrome .ant-btn {
-  height: 28px;
-  padding-inline: 10px;
-  font-size: 12px;
-}
-
-.kt-chrome .ant-btn.ant-btn-icon-only {
-  width: 28px;
-  padding-inline: 0;
-}
-
-.kt-chrome .ant-select {
-  font-size: 12px;
-}
-
-.kt-chrome .ant-select-selector {
-  min-height: 28px !important;
-}
-
-.kt-report-print-hide .ant-btn {
-  height: 28px;
-  padding-inline: 10px;
-  font-size: 12px;
-}
-
-.kt-chrome-sub {
-  background: var(--kt-forms-header-bg, var(--kt-header-bg, #f3f7fd));
-  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
-  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
-}
-
-.kt-chrome-tab {
-  background: var(--kt-forms-chrome-tab, #d0deef);
-  border: 1px solid var(--kt-forms-border, #c5d6ee);
-  color: var(--kt-forms-text-secondary, #4e6a8a);
-}
-
-.kt-workspace {
-  min-height: 480px;
-  background: var(--kt-forms-canvas-pad, var(--kt-page-bg, #d4e4f5));
-}
-
-[data-kt-root] .kt-theme-bar {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: center;
-  gap: 2px;
-}
-
-/* 深蓝品牌条上的两个图标按钮：白字、hover 微亮 */
-[data-kt-root] .kt-theme-bar--on-primary .ant-btn-text {
-  color: rgba(255, 255, 255, 0.92);
-}
-
-[data-kt-root] .kt-theme-bar--on-primary .ant-btn-text:hover {
-  color: #fff !important;
-  background: rgba(255, 255, 255, 0.16) !important;
-}
-
-/* 浮层常挂到 body，选择器不能只写在 [data-kt-root] 下。 */
-.kt-theme-palette {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-  width: 280px;
-}
-
-.kt-theme-palette__cap {
-  display: block;
-  font-size: 12px;
-  line-height: 1;
-}
-
-.kt-theme-palette__row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-}
-
-.kt-theme-palette__row .kt-theme-palette__cap {
-  flex-shrink: 0;
-}
-
-.kt-swatch-grid {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 8px 12px;
-}
-
-.kt-swatch {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  min-width: 0;
-}
-
-.kt-swatch-label {
-  font-size: 12px;
-  line-height: 1;
-  color: var(--kt-forms-text-secondary, #4e5969);
-  flex-shrink: 0;
-}
-
-.kt-swatch-chip {
-  position: relative;
-  display: block;
-  width: 36px;
-  height: 20px;
-  border-radius: 4px;
-  border: 1px solid var(--kt-forms-border, #d0d5dd);
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
-  overflow: hidden;
-  flex-shrink: 0;
-}
-
-.kt-swatch-chip input[type="color"] {
-  position: absolute;
-  inset: -8px;
-  width: calc(100% + 16px);
-  height: calc(100% + 16px);
-  padding: 0;
-  border: none;
-  opacity: 0;
-  cursor: pointer;
-}
-
-/* surface 根节点自带 data-kt-style（useKtSurfaceProps），portal 到 body 也能命中 */
-[data-kt-surface][data-kt-style="arco"] .ant-btn,
-[data-kt-surface][data-kt-style="arco"] .ant-input,
-[data-kt-surface][data-kt-style="arco"] .ant-input-affix-wrapper,
-[data-kt-surface][data-kt-style="arco"] .ant-select-selector,
-[data-kt-surface][data-kt-style="arco"] .ant-radio-button-wrapper {
-  border-radius: 2px;
-}
-
-/* 铬层控件跟主题变量（含宿主插槽的另一份 antd）；纸面内再锁浅色。
-   作用域限 kt 产品界面（data-kt-surface），不碰宿主自己的 antd 控件。 */
-[data-kt-surface] .ant-input,
-[data-kt-surface] .ant-input-outlined,
-[data-kt-surface] .ant-input-affix-wrapper,
-[data-kt-surface] textarea.ant-input,
-[data-kt-surface] .ant-picker,
-[data-kt-surface] .ant-picker-outlined,
-[data-kt-surface] .ant-select-selector,
-[data-kt-surface] .ant-input-number,
-[data-kt-surface] .ant-input-number-outlined,
-[data-kt-surface] .ant-btn-default {
-  background: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg)) !important;
-  color: var(--kt-forms-text, var(--kt-text)) !important;
-  border-color: var(--kt-forms-border, var(--kt-border)) !important;
-}
-
-[data-kt-surface] .ant-select-auto-complete .ant-select-selector,
-[data-kt-surface] .ant-select-selection-search-input,
-[data-kt-surface] .ant-select-selection-search input,
-[data-kt-surface] .ant-picker-input > input,
-[data-kt-surface] .ant-picker-input input {
-  background: transparent !important;
-  color: var(--kt-forms-text, var(--kt-text)) !important;
-}
-
-[data-kt-surface] .ant-select-auto-complete .ant-select-selector {
-  background: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg)) !important;
-}
-
-[data-kt-surface] .ant-input::placeholder,
-[data-kt-surface] .ant-input-outlined::placeholder,
-[data-kt-surface] .ant-select-selection-placeholder,
-[data-kt-surface] .ant-select-selection-search-input::placeholder,
-[data-kt-surface] .ant-picker-input > input::placeholder,
-[data-kt-surface] .ant-picker-input input::placeholder {
-  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
-}
-
-[data-kt-surface] .ant-select-selection-item,
-[data-kt-surface] .ant-select-arrow,
-[data-kt-surface] .ant-select-clear,
-[data-kt-surface] .ant-picker-suffix,
-[data-kt-surface] .ant-picker-separator,
-[data-kt-surface] .ant-picker-clear {
-  color: var(--kt-forms-text, var(--kt-text)) !important;
-}
-
-[data-kt-surface] .ant-typography,
-[data-kt-surface] .ant-typography h1,
-[data-kt-surface] .ant-typography h2,
-[data-kt-surface] .ant-typography h3,
-[data-kt-surface] .ant-typography h4,
-[data-kt-surface] .ant-typography h5,
-[data-kt-surface] .ant-form-item-label > label {
-  color: var(--kt-forms-text, var(--kt-text)) !important;
-}
-
-.kt-chrome-meta,
-[data-kt-surface] .ant-typography-secondary.kt-chrome-meta {
-  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #4e6a8a)) !important;
-}
-
-[data-kt-surface] .ant-typography-secondary,
-[data-kt-surface] .ant-typography.ant-typography-secondary {
-  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
-}
-
-[data-kt-surface] .ant-btn-text:not(.ant-btn-dangerous):not(.ant-btn-primary) {
-  color: var(--kt-forms-text, var(--kt-text)) !important;
-}
-
-[data-kt-surface] .ant-btn-link:not(.ant-btn-dangerous) {
-  color: var(--kt-primary) !important;
-}
-
-[data-kt-paper] .ant-input,
-[data-kt-paper] .ant-input-outlined,
-[data-kt-paper] .ant-input-affix-wrapper,
-[data-kt-paper] textarea.ant-input,
-[data-kt-paper] .ant-picker,
-[data-kt-paper] .ant-select-selector,
-[data-kt-paper] .ant-input-number,
-[data-kt-paper] .ant-btn-default,
-.kt-report-page .ant-input,
-.kt-report-page .ant-select-selector,
-.klab-fill-sheet .ant-input,
-.klab-fill-sheet .ant-input-outlined,
-.klab-fill-sheet .ant-input-affix-wrapper,
-.klab-fill-sheet textarea.ant-input,
-.klab-fill-sheet .ant-select-selector,
-.klab-fill-sheet .ant-btn-default {
-  background: var(--kt-paper-bg, #fff) !important;
-  color: #1d2129 !important;
-  border-color: #d9d9d9 !important;
-}
-
-[data-kt-paper] .ant-select-selection-item,
-[data-kt-paper] .ant-select-arrow,
-[data-kt-paper] .ant-select-selection-search-input,
-[data-kt-paper] .ant-picker-input > input,
-.klab-fill-sheet .ant-select-selection-item,
-.klab-fill-sheet .ant-select-arrow,
-.klab-fill-sheet .ant-select-selection-search-input {
-  color: #1d2129 !important;
-}
-
-[data-kt-paper] .ant-typography,
-.kt-report-page .ant-typography,
-.klab-fill-sheet .ant-typography {
-  color: #1d2129 !important;
-}
-
-[data-kt-paper] .ant-typography-secondary,
-.klab-fill-sheet .ant-typography-secondary {
-  color: #4e5969 !important;
-}
-
-[data-kt-paper] .ant-input::placeholder,
-.klab-fill-sheet .ant-input::placeholder,
-.klab-fill-sheet .ant-select-selection-placeholder {
-  color: #8c8c8c !important;
-}
-
-.kt-preview-stage {
-  box-sizing: border-box;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  min-height: calc(100vh - 88px);
-  padding: 24px 16px 48px;
-  background: var(--kt-forms-preview-host, #f2f3f5);
-}
-
-/* antd 6 外壳是 .ant-modal-container（不再用 .ant-modal-content），两套都写以免回退。 */
-.kt-preview-modal .ant-modal-content,
-.kt-preview-modal .ant-modal-container {
-  display: flex;
-  flex-direction: column;
-  max-height: calc(100vh - 72px);
-  padding: 0;
-  overflow: hidden;
-  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
-  color: var(--kt-forms-text, var(--kt-text));
-  border: 1px solid var(--kt-forms-border, var(--kt-border));
-  box-sizing: border-box;
-}
-
-.kt-preview-modal .ant-modal-header {
-  flex-shrink: 0;
-  margin-bottom: 0;
-  padding: 10px 16px;
-  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #dce8f6));
-  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
-}
-
-.kt-preview-modal .ant-modal-title,
-.kt-preview-modal .ant-modal-close {
-  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
-}
-
-.kt-preview-modal .ant-modal-body {
-  flex: 1 1 auto;
-  min-height: 0;
-  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
-  padding: 8px 16px 16px;
-  max-height: none;
-  overflow: auto;
-}
-
-.kt-preview-modal .kt-preview,
-.kt-preview-modal .kt-preview--modal {
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-  min-height: 0;
-}
-
-.kt-preview-modal .kt-preview-print-bar {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  margin-bottom: 8px;
-  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
-}
-
-.kt-preview-modal .kt-report-preview-host {
-  padding: 8px 0 0;
-  background: transparent;
-}
-
-.kt-preview-print-bar .ant-btn,
-.kt-preview--modal .ant-btn {
-  height: 28px;
-  padding-inline: 10px;
-  font-size: 12px;
-}
-
-.kt-preview-print-bar .ant-select-selector {
-  min-height: 28px !important;
-}
-
-@media print {
-  [data-kt-root] {
-    --kt-text: #1d2129;
-    --kt-text-secondary: #4e5969;
-    --kt-header-bg: #fff;
-    --kt-border: #e5e6eb;
-    --kt-page-bg: #fff;
-    --kt-forms-page-bg: #fff;
-    --kt-forms-header-bg: #fff;
-    --kt-forms-border: #e5e6eb;
-    --kt-forms-text: #1d2129;
-    --kt-forms-canvas-pad: #fff;
-    --kt-forms-preview-host: #fff;
-    color: #1d2129;
-    background: #fff;
-  }
-
-  /* surface 根节点内联了主题变量（useKtSurfaceProps），打印时用 !important 强制浅色，
-     对 portal 到 body 的界面同样生效 */
-  [data-kt-surface] {
-    --kt-text: #1d2129 !important;
-    --kt-text-secondary: #4e5969 !important;
-    --kt-header-bg: #fff !important;
-    --kt-border: #e5e6eb !important;
-    --kt-page-bg: #fff !important;
-    --kt-forms-page-bg: #fff !important;
-    --kt-forms-header-bg: #fff !important;
-    --kt-forms-border: #e5e6eb !important;
-    --kt-forms-text: #1d2129 !important;
-    --kt-forms-canvas-pad: #fff !important;
-    --kt-forms-preview-host: #fff !important;
-    color: #1d2129 !important;
-    background: #fff !important;
-  }
-
-  .kt-paper-island,
-  [data-kt-paper],
-  .kt-report-page,
-  .klab-fill-sheet {
-    color-scheme: light !important;
-    background: #fff !important;
-    color: #1d2129 !important;
-  }
-
-  .kt-brand,
-  .kt-chrome,
-  .kt-report-print-hide {
-    display: none !important;
-  }
-}
-
-/* —— Modal：Portal 在 body。KtProvider 给 root 挂 scheme 类 + chrome 变量。 —— */
-.kt-mimic-arco-modal .ant-modal-content {
-  border-radius: 4px;
-  padding: 0;
-  overflow: hidden;
-}
-
-.kt-mimic-arco-modal--light .ant-modal-content {
-  border: 1px solid var(--kt-forms-border, #e5e6eb);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  box-sizing: border-box;
-  background: var(--kt-forms-header-bg, #fff);
-}
-
-.kt-mimic-arco-modal--light .ant-modal-header {
-  margin: 0;
-  padding: 20px 20px 16px;
-  border-bottom: 1px solid var(--kt-forms-border, #e5e6eb);
-  background: var(--kt-forms-header-bg, #fff);
-}
-
-.kt-mimic-arco-modal--light .ant-modal-title {
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 1.5;
-  color: var(--kt-forms-text, #1d2129);
-}
-
-.kt-mimic-arco-modal--light .ant-modal-body {
-  padding: 20px;
-  color: var(--kt-forms-text, #1d2129);
-  font-size: 14px;
-  line-height: 1.5715;
-}
-
-.kt-mimic-arco-modal--light .ant-modal-footer {
-  margin: 0;
-  padding: 10px 20px 16px;
-  border-top: 1px solid var(--kt-forms-border, #e5e6eb);
-  background: var(--kt-forms-header-bg, #fff);
-}
-
-.kt-mimic-arco-modal--light .ant-modal-close {
-  top: 18px;
-  right: 16px;
-  color: var(--kt-forms-text-secondary, #86909c);
-}
-
-.kt-mimic-arco-modal--light .ant-modal-close:hover {
-  color: var(--kt-forms-text, #1d2129);
-  background: transparent;
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-content {
-  border: 1px solid var(--kt-forms-border, #424242);
-  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.48);
-  box-sizing: border-box;
-  background: var(--kt-forms-header-bg, #1f1f1f);
-  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-header {
-  margin: 0;
-  padding: 20px 20px 16px;
-  border-bottom: 1px solid var(--kt-forms-border, #424242);
-  background: var(--kt-forms-chrome-bar, var(--kt-forms-header-bg));
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-title,
-.kt-mimic-arco-modal--dark .ant-modal-close {
-  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-body {
-  padding: 20px;
-  font-size: 14px;
-  line-height: 1.5715;
-  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-footer {
-  margin: 0;
-  padding: 10px 20px 16px;
-  border-top: 1px solid var(--kt-forms-border, #424242);
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-close {
-  top: 18px;
-  right: 16px;
-}
-
-.kt-mimic-arco-modal--light.ant-modal-confirm .ant-modal-content,
-.kt-mimic-arco-modal--light .ant-modal-confirm .ant-modal-content {
-  border: 1px solid var(--kt-forms-border, #e5e6eb);
-  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
-  border-radius: 4px;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.kt-mimic-arco-modal--light.ant-modal-confirm .ant-modal-body,
-.kt-mimic-arco-modal--light .ant-modal-confirm .ant-modal-body {
-  padding: 20px 20px 8px;
-}
-
-.kt-mimic-arco-modal--light .ant-modal-confirm-title {
-  font-weight: 500;
-  font-size: 16px;
-  line-height: 1.5;
-  color: var(--kt-forms-text, #1d2129);
-  margin-bottom: 8px;
-}
-
-.kt-mimic-arco-modal--light .ant-modal-confirm-content {
-  color: var(--kt-forms-text-secondary, #4e5969);
-  font-size: 14px;
-  line-height: 1.5715;
-  margin-top: 0;
-}
-
-.kt-mimic-arco-modal--light .ant-modal-confirm-btns {
-  margin-top: 20px;
-  padding-top: 10px;
-  border-top: 1px solid var(--kt-forms-border, #e5e6eb);
-}
-
-.kt-mimic-arco-modal--dark.ant-modal-confirm .ant-modal-content,
-.kt-mimic-arco-modal--dark .ant-modal-confirm .ant-modal-content {
-  border: 1px solid var(--kt-forms-border, #424242);
-  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.48);
-  border-radius: 4px;
-  padding: 0;
-  box-sizing: border-box;
-}
-
-.kt-mimic-arco-modal--dark.ant-modal-confirm .ant-modal-body,
-.kt-mimic-arco-modal--dark .ant-modal-confirm .ant-modal-body {
-  padding: 20px 20px 8px;
-}
-
-.kt-mimic-arco-modal--dark .ant-modal-confirm-btns {
-  margin-top: 20px;
-  padding-top: 10px;
-  border-top: 1px solid var(--kt-forms-border, #424242);
-}
+[data-kt-root] {
+  --kt-font: 14px;
+  --kt-space: 8px;
+  --kt-primary: #165dff;
+  --kt-success: #00b42a;
+  --kt-warning: #ff7d00;
+  --kt-error: #f53f3f;
+  --kt-primary-soft: rgba(22, 93, 255, 0.12);
+  --kt-text: #1d3a5c;
+  --kt-text-secondary: #4e6a8a;
+  --kt-header-bg: #f3f7fd;
+  --kt-border: #c5d6ee;
+  --kt-page-bg: #e8f0fb;
+  --kt-forms-page-bg: #e8f0fb;
+  --kt-forms-header-bg: #f3f7fd;
+  --kt-forms-border: #c5d6ee;
+  --kt-forms-text: #1d3a5c;
+  --kt-forms-text-secondary: #4e6a8a;
+  --kt-forms-chrome-bar: #dce8f6;
+  --kt-forms-chrome-tab: #d0deef;
+  --kt-forms-canvas-pad: #d4e4f5;
+  --kt-forms-preview-host: #dce8f6;
+  --kt-paper-bg: #fff;
+  --kt-canvas-header: #f3f3f3;
+  --kt-canvas-header-grid: #c4c4c4;
+  --kt-canvas-header-text: #333333;
+  box-sizing: border-box;
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
+/* 只有 kt 产品界面（surface）才接管文字/背景与 antd 观感；root 只发 --kt-* 变量。
+   否则 Provider 包住整个宿主应用时，--ant-* 覆盖与 .ant-* 规则会污染宿主自己的 antd 页面
+   （260915 lims 委托单输入框蓝底事故）。surface 可能 portal 到 body（宿主 Arco Modal），
+   故选择器不挂在 [data-kt-root] 下。 */
+[data-kt-surface] {
+  font-size: var(--kt-font);
+  color: var(--kt-forms-text, #1d3a5c);
+  background: var(--kt-forms-page-bg, #e8f0fb);
+  --ant-color-text: var(--kt-forms-text, #1d3a5c);
+  --ant-color-text-secondary: var(--kt-forms-text-secondary, #4e6a8a);
+  --ant-color-bg-container: var(--kt-forms-chrome-tab, #d0deef);
+  --ant-color-bg-elevated: var(--kt-forms-chrome-tab, #f3f7fd);
+  --ant-color-border: var(--kt-forms-border, #c5d6ee);
+}
+
+html:has([data-kt-root]),
+html:has([data-kt-root]) body {
+  height: 100%;
+}
+
+/* kt 的 antd 作用域（KtAntdScope）用 <App component={false}>，不产生 .ant-app DOM；
+   这里不再写任何 .ant-app 规则，避免影响宿主自己的 antd App 布局。 */
+
+/* kt 自有类（kt-* / data-kt-paper）不挂 [data-kt-root]：界面可能被宿主弹窗 portal 到 body，
+   变量由 surface 根节点内联带入（useKtSurfaceProps），选择器保持位置无关。 */
+.kt-fill-page,
+.kt-fill-layout,
+.kt-report-designer-page {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+}
+
+[data-kt-root][data-kt-type="sm"] { --kt-font: 12px; }
+[data-kt-root][data-kt-type="md"] { --kt-font: 14px; }
+[data-kt-root][data-kt-type="lg"] { --kt-font: 16px; }
+[data-kt-root][data-kt-density="compact"] { --kt-space: 4px; }
+[data-kt-root][data-kt-density="comfortable"] { --kt-space: 8px; }
+[data-kt-root][data-kt-density="spacious"] { --kt-space: 12px; }
+[data-kt-root][data-kt-scheme="dark"] {
+  color-scheme: dark;
+  --kt-canvas-header: #1f1f1f;
+  --kt-canvas-header-grid: #424242;
+  --kt-canvas-header-text: rgba(255, 255, 255, 0.88);
+}
+
+[data-kt-root] .kt-brand {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px 12px;
+  box-sizing: border-box;
+  min-height: 40px;
+  padding: 6px 12px;
+  line-height: 1;
+  background: var(--kt-primary);
+  color: #fff;
+}
+
+[data-kt-root] .kt-brand > strong {
+  flex-shrink: 0;
+  font-size: 14px;
+  line-height: 28px;
+}
+
+[data-kt-root] .kt-brand .kt-theme-bar {
+  margin-left: auto;
+}
+
+.kt-paper-island {
+  background: var(--kt-forms-canvas-pad, var(--kt-page-bg, #d4e4f5));
+  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
+}
+
+.kt-paper-island[data-tone="preview"],
+.kt-preview-stage {
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
+}
+
+[data-kt-paper],
+.kt-report-page,
+.klab-fill-sheet {
+  color-scheme: light;
+  background: var(--kt-paper-bg, #fff);
+  color: #1d2129;
+  --ant-color-text: #1d2129;
+  --ant-color-text-secondary: #4e5969;
+  --ant-color-bg-container: #fff;
+  --ant-color-bg-elevated: #fff;
+  --ant-color-border: #d9d9d9;
+}
+
+.kt-chrome {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  box-sizing: border-box;
+  min-height: 40px;
+  padding: 6px 12px;
+  line-height: 1;
+  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
+  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #dce8f6));
+  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
+}
+
+/* 铬层不跟 density 的 32/36 控件高走；疏密只影响工作区。 */
+.kt-chrome .ant-btn {
+  height: 28px;
+  padding-inline: 10px;
+  font-size: 12px;
+}
+
+.kt-chrome .ant-btn.ant-btn-icon-only {
+  width: 28px;
+  padding-inline: 0;
+}
+
+.kt-chrome .ant-select {
+  font-size: 12px;
+}
+
+.kt-chrome .ant-select-selector {
+  min-height: 28px !important;
+}
+
+.kt-report-print-hide .ant-btn {
+  height: 28px;
+  padding-inline: 10px;
+  font-size: 12px;
+}
+
+.kt-chrome-sub {
+  background: var(--kt-forms-header-bg, var(--kt-header-bg, #f3f7fd));
+  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
+  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
+}
+
+.kt-chrome-tab {
+  background: var(--kt-forms-chrome-tab, #d0deef);
+  border: 1px solid var(--kt-forms-border, #c5d6ee);
+  color: var(--kt-forms-text-secondary, #4e6a8a);
+}
+
+.kt-workspace {
+  min-height: 480px;
+  background: var(--kt-forms-canvas-pad, var(--kt-page-bg, #d4e4f5));
+}
+
+[data-kt-root] .kt-theme-bar {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 2px;
+}
+
+/* 深蓝品牌条上的两个图标按钮：白字、hover 微亮 */
+[data-kt-root] .kt-theme-bar--on-primary .ant-btn-text {
+  color: rgba(255, 255, 255, 0.92);
+}
+
+[data-kt-root] .kt-theme-bar--on-primary .ant-btn-text:hover {
+  color: #fff !important;
+  background: rgba(255, 255, 255, 0.16) !important;
+}
+
+/* 浮层常挂到 body，选择器不能只写在 [data-kt-root] 下。 */
+.kt-theme-palette {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  width: 280px;
+}
+
+.kt-theme-palette__cap {
+  display: block;
+  font-size: 12px;
+  line-height: 1;
+}
+
+.kt-theme-palette__row {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+.kt-theme-palette__row .kt-theme-palette__cap {
+  flex-shrink: 0;
+}
+
+.kt-swatch-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px 12px;
+}
+
+.kt-swatch {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  min-width: 0;
+}
+
+.kt-swatch-label {
+  font-size: 12px;
+  line-height: 1;
+  color: var(--kt-forms-text-secondary, #4e5969);
+  flex-shrink: 0;
+}
+
+.kt-swatch-chip {
+  position: relative;
+  display: block;
+  width: 36px;
+  height: 20px;
+  border-radius: 4px;
+  border: 1px solid var(--kt-forms-border, #d0d5dd);
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
+  overflow: hidden;
+  flex-shrink: 0;
+}
+
+.kt-swatch-chip input[type="color"] {
+  position: absolute;
+  inset: -8px;
+  width: calc(100% + 16px);
+  height: calc(100% + 16px);
+  padding: 0;
+  border: none;
+  opacity: 0;
+  cursor: pointer;
+}
+
+/* surface 根节点自带 data-kt-style（useKtSurfaceProps），portal 到 body 也能命中 */
+[data-kt-surface][data-kt-style="arco"] .ant-btn,
+[data-kt-surface][data-kt-style="arco"] .ant-input,
+[data-kt-surface][data-kt-style="arco"] .ant-input-affix-wrapper,
+[data-kt-surface][data-kt-style="arco"] .ant-select-selector,
+[data-kt-surface][data-kt-style="arco"] .ant-radio-button-wrapper {
+  border-radius: 2px;
+}
+
+/* 铬层控件跟主题变量（含宿主插槽的另一份 antd）；纸面内再锁浅色。
+   作用域限 kt 产品界面（data-kt-surface），不碰宿主自己的 antd 控件。 */
+[data-kt-surface] .ant-input,
+[data-kt-surface] .ant-input-outlined,
+[data-kt-surface] .ant-input-affix-wrapper,
+[data-kt-surface] textarea.ant-input,
+[data-kt-surface] .ant-picker,
+[data-kt-surface] .ant-picker-outlined,
+[data-kt-surface] .ant-select-selector,
+[data-kt-surface] .ant-input-number,
+[data-kt-surface] .ant-input-number-outlined,
+[data-kt-surface] .ant-btn-default {
+  background: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg)) !important;
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+  border-color: var(--kt-forms-border, var(--kt-border)) !important;
+}
+
+[data-kt-surface] .ant-select-auto-complete .ant-select-selector,
+[data-kt-surface] .ant-select-selection-search-input,
+[data-kt-surface] .ant-select-selection-search input,
+[data-kt-surface] .ant-picker-input > input,
+[data-kt-surface] .ant-picker-input input {
+  background: transparent !important;
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-surface] .ant-select-auto-complete .ant-select-selector {
+  background: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg)) !important;
+}
+
+[data-kt-surface] .ant-input::placeholder,
+[data-kt-surface] .ant-input-outlined::placeholder,
+[data-kt-surface] .ant-select-selection-placeholder,
+[data-kt-surface] .ant-select-selection-search-input::placeholder,
+[data-kt-surface] .ant-picker-input > input::placeholder,
+[data-kt-surface] .ant-picker-input input::placeholder {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
+}
+
+[data-kt-surface] .ant-select-selection-item,
+[data-kt-surface] .ant-select-arrow,
+[data-kt-surface] .ant-select-clear,
+[data-kt-surface] .ant-picker-suffix,
+[data-kt-surface] .ant-picker-separator,
+[data-kt-surface] .ant-picker-clear {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-surface] .ant-typography,
+[data-kt-surface] .ant-typography h1,
+[data-kt-surface] .ant-typography h2,
+[data-kt-surface] .ant-typography h3,
+[data-kt-surface] .ant-typography h4,
+[data-kt-surface] .ant-typography h5,
+[data-kt-surface] .ant-form-item-label > label {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+.kt-chrome-meta,
+[data-kt-surface] .ant-typography-secondary.kt-chrome-meta {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #4e6a8a)) !important;
+}
+
+[data-kt-surface] .ant-typography-secondary,
+[data-kt-surface] .ant-typography.ant-typography-secondary {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
+}
+
+[data-kt-surface] .ant-btn-text:not(.ant-btn-dangerous):not(.ant-btn-primary) {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-surface] .ant-btn-link:not(.ant-btn-dangerous) {
+  color: var(--kt-primary) !important;
+}
+
+[data-kt-paper] .ant-input,
+[data-kt-paper] .ant-input-outlined,
+[data-kt-paper] .ant-input-affix-wrapper,
+[data-kt-paper] textarea.ant-input,
+[data-kt-paper] .ant-picker,
+[data-kt-paper] .ant-select-selector,
+[data-kt-paper] .ant-input-number,
+[data-kt-paper] .ant-btn-default,
+.kt-report-page .ant-input,
+.kt-report-page .ant-select-selector,
+.klab-fill-sheet .ant-input,
+.klab-fill-sheet .ant-input-outlined,
+.klab-fill-sheet .ant-input-affix-wrapper,
+.klab-fill-sheet textarea.ant-input,
+.klab-fill-sheet .ant-select-selector,
+.klab-fill-sheet .ant-btn-default {
+  background: var(--kt-paper-bg, #fff) !important;
+  color: #1d2129 !important;
+  border-color: #d9d9d9 !important;
+}
+
+[data-kt-paper] .ant-select-selection-item,
+[data-kt-paper] .ant-select-arrow,
+[data-kt-paper] .ant-select-selection-search-input,
+[data-kt-paper] .ant-picker-input > input,
+.klab-fill-sheet .ant-select-selection-item,
+.klab-fill-sheet .ant-select-arrow,
+.klab-fill-sheet .ant-select-selection-search-input {
+  color: #1d2129 !important;
+}
+
+[data-kt-paper] .ant-typography,
+.kt-report-page .ant-typography,
+.klab-fill-sheet .ant-typography {
+  color: #1d2129 !important;
+}
+
+[data-kt-paper] .ant-typography-secondary,
+.klab-fill-sheet .ant-typography-secondary {
+  color: #4e5969 !important;
+}
+
+[data-kt-paper] .ant-input::placeholder,
+.klab-fill-sheet .ant-input::placeholder,
+.klab-fill-sheet .ant-select-selection-placeholder {
+  color: #8c8c8c !important;
+}
+
+.kt-preview-stage {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  min-height: calc(100vh - 88px);
+  padding: 24px 16px 48px;
+  background: var(--kt-forms-preview-host, #f2f3f5);
+}
+
+/* antd 6 外壳是 .ant-modal-container（不再用 .ant-modal-content），两套都写以免回退。
+   选择器多带一层 .kt-mimic-arco-modal，压过通用弹窗外壳（标题栏/内边距）以免预览被拆成两截。 */
+.kt-preview-modal .ant-modal-content,
+.kt-preview-modal .ant-modal-container,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-content,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-container {
+  display: flex;
+  flex-direction: column;
+  max-height: calc(100vh - 72px);
+  padding: 0;
+  overflow: hidden;
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
+  color: var(--kt-forms-text, var(--kt-text));
+  border: 1px solid var(--kt-forms-border, var(--kt-border));
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+
+.kt-preview-modal .ant-modal-header,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-header {
+  flex-shrink: 0;
+  margin: 0;
+  padding: 10px 16px;
+  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #dce8f6));
+  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
+  border-radius: 0;
+}
+
+.kt-preview-modal .ant-modal-title,
+.kt-preview-modal .ant-modal-close,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-title,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-close {
+  color: var(--kt-forms-text, var(--kt-text, #1d3a5c));
+}
+
+.kt-preview-modal .ant-modal-close,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-close {
+  top: 8px;
+  right: 12px;
+  inset-inline-end: 12px;
+}
+
+.kt-preview-modal .ant-modal-body,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-body {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #dce8f6));
+  padding: 0;
+  max-height: none;
+  overflow: hidden;
+}
+
+.kt-preview-modal .kt-preview,
+.kt-preview-modal .kt-preview--modal {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+
+.kt-preview-modal .kt-preview-print-bar {
+  position: relative;
+  flex-shrink: 0;
+  z-index: auto;
+  height: auto;
+  min-height: 40px;
+  overflow: visible;
+  margin-bottom: 0;
+  background: var(--kt-forms-chrome-bar, var(--kt-forms-preview-host, #dce8f6));
+}
+
+.kt-preview-modal .kt-report-preview-host {
+  padding: 8px 0 0;
+  background: transparent;
+}
+
+.kt-preview-print-bar .ant-btn,
+.kt-preview--modal .ant-btn {
+  height: 28px;
+  padding-inline: 10px;
+  font-size: 12px;
+}
+
+.kt-preview-print-bar .ant-select-selector {
+  min-height: 28px !important;
+}
+
+/* 宿主弹窗外框适配：宿主 Modal（Arco/antd）内容区直接包 kt modal 表面时，
+   去掉内容区默认 padding，让表面底色铺满弹窗（白框消失、视觉一体）；
+   仅当内容区里存在 kt modal 表面才生效，不影响宿主其它弹窗。 */
+.arco-modal-content:has(> [data-kt-surface].kt-preview--modal),
+.arco-modal-content:has(> .kt-antd-scope > [data-kt-surface].kt-preview--modal),
+.ant-modal-body:has(> [data-kt-surface].kt-preview--modal),
+.ant-modal-body:has(> .kt-antd-scope > [data-kt-surface].kt-preview--modal) {
+  padding: 0 !important;
+}
+
+/* 表面铺满后裁齐弹窗圆角 */
+.arco-modal:has([data-kt-surface].kt-preview--modal),
+.ant-modal:has([data-kt-surface].kt-preview--modal) {
+  overflow: hidden;
+}
+
+@media print {
+  [data-kt-root] {
+    --kt-text: #1d2129;
+    --kt-text-secondary: #4e5969;
+    --kt-header-bg: #fff;
+    --kt-border: #e5e6eb;
+    --kt-page-bg: #fff;
+    --kt-forms-page-bg: #fff;
+    --kt-forms-header-bg: #fff;
+    --kt-forms-border: #e5e6eb;
+    --kt-forms-text: #1d2129;
+    --kt-forms-canvas-pad: #fff;
+    --kt-forms-preview-host: #fff;
+    color: #1d2129;
+    background: #fff;
+  }
+
+  /* surface 根节点内联了主题变量（useKtSurfaceProps），打印时用 !important 强制浅色，
+     对 portal 到 body 的界面同样生效 */
+  [data-kt-surface] {
+    --kt-text: #1d2129 !important;
+    --kt-text-secondary: #4e5969 !important;
+    --kt-header-bg: #fff !important;
+    --kt-border: #e5e6eb !important;
+    --kt-page-bg: #fff !important;
+    --kt-forms-page-bg: #fff !important;
+    --kt-forms-header-bg: #fff !important;
+    --kt-forms-border: #e5e6eb !important;
+    --kt-forms-text: #1d2129 !important;
+    --kt-forms-canvas-pad: #fff !important;
+    --kt-forms-preview-host: #fff !important;
+    color: #1d2129 !important;
+    background: #fff !important;
+  }
+
+  .kt-paper-island,
+  [data-kt-paper],
+  .kt-report-page,
+  .klab-fill-sheet {
+    color-scheme: light !important;
+    background: #fff !important;
+    color: #1d2129 !important;
+  }
+
+  .kt-brand,
+  .kt-chrome,
+  .kt-report-print-hide {
+    display: none !important;
+  }
+}
+
+/* —— Modal：Portal 在 body。KtProvider 给 root 挂 scheme 类 + chrome 变量。
+   antd 6 可视外壳是 .ant-modal-container（.ant-modal-content 已不再生成），两套都写。 —— */
+.kt-mimic-arco-modal .ant-modal-content,
+.kt-mimic-arco-modal .ant-modal-container {
+  border-radius: 4px;
+  padding: 0;
+  overflow: hidden;
+}
+
+.kt-mimic-arco-modal--light .ant-modal-content,
+.kt-mimic-arco-modal--light .ant-modal-container {
+  border: 1px solid var(--kt-forms-border, #e5e6eb);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  box-sizing: border-box;
+  background: var(--kt-forms-header-bg, #fff);
+}
+
+.kt-mimic-arco-modal--light .ant-modal-header {
+  margin: 0;
+  padding: 20px 20px 16px;
+  border-bottom: 1px solid var(--kt-forms-border, #e5e6eb);
+  background: var(--kt-forms-header-bg, #fff);
+}
+
+.kt-mimic-arco-modal--light .ant-modal-title {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--kt-forms-text, #1d2129);
+}
+
+.kt-mimic-arco-modal--light .ant-modal-body {
+  padding: 20px;
+  color: var(--kt-forms-text, #1d2129);
+  font-size: 14px;
+  line-height: 1.5715;
+}
+
+.kt-mimic-arco-modal--light .ant-modal-footer {
+  margin: 0;
+  padding: 10px 20px 16px;
+  border-top: 1px solid var(--kt-forms-border, #e5e6eb);
+  background: var(--kt-forms-header-bg, #fff);
+}
+
+.kt-mimic-arco-modal--light .ant-modal-close {
+  top: 18px;
+  right: 16px;
+  color: var(--kt-forms-text-secondary, #86909c);
+}
+
+.kt-mimic-arco-modal--light .ant-modal-close:hover {
+  color: var(--kt-forms-text, #1d2129);
+  background: transparent;
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-content,
+.kt-mimic-arco-modal--dark .ant-modal-container {
+  border: 1px solid var(--kt-forms-border, #424242);
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.48);
+  box-sizing: border-box;
+  background: var(--kt-forms-header-bg, #1f1f1f);
+  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-header {
+  margin: 0;
+  padding: 20px 20px 16px;
+  border-bottom: 1px solid var(--kt-forms-border, #424242);
+  background: var(--kt-forms-chrome-bar, var(--kt-forms-header-bg));
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-title,
+.kt-mimic-arco-modal--dark .ant-modal-close {
+  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-body {
+  padding: 20px;
+  font-size: 14px;
+  line-height: 1.5715;
+  color: var(--kt-forms-text, rgba(255, 255, 255, 0.85));
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-footer {
+  margin: 0;
+  padding: 10px 20px 16px;
+  border-top: 1px solid var(--kt-forms-border, #424242);
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-close {
+  top: 18px;
+  right: 16px;
+}
+
+.kt-mimic-arco-modal--light.ant-modal-confirm .ant-modal-content,
+.kt-mimic-arco-modal--light.ant-modal-confirm .ant-modal-container,
+.kt-mimic-arco-modal--light .ant-modal-confirm .ant-modal-content,
+.kt-mimic-arco-modal--light .ant-modal-confirm .ant-modal-container {
+  border: 1px solid var(--kt-forms-border, #e5e6eb);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.kt-mimic-arco-modal--light.ant-modal-confirm .ant-modal-body,
+.kt-mimic-arco-modal--light .ant-modal-confirm .ant-modal-body {
+  padding: 20px 20px 8px;
+}
+
+.kt-mimic-arco-modal--light .ant-modal-confirm-title {
+  font-weight: 500;
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--kt-forms-text, #1d2129);
+  margin-bottom: 8px;
+}
+
+.kt-mimic-arco-modal--light .ant-modal-confirm-content {
+  color: var(--kt-forms-text-secondary, #4e5969);
+  font-size: 14px;
+  line-height: 1.5715;
+  margin-top: 0;
+}
+
+.kt-mimic-arco-modal--light .ant-modal-confirm-btns {
+  margin-top: 20px;
+  padding-top: 10px;
+  border-top: 1px solid var(--kt-forms-border, #e5e6eb);
+}
+
+.kt-mimic-arco-modal--dark.ant-modal-confirm .ant-modal-content,
+.kt-mimic-arco-modal--dark.ant-modal-confirm .ant-modal-container,
+.kt-mimic-arco-modal--dark .ant-modal-confirm .ant-modal-content,
+.kt-mimic-arco-modal--dark .ant-modal-confirm .ant-modal-container {
+  border: 1px solid var(--kt-forms-border, #424242);
+  box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.48);
+  border-radius: 4px;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+.kt-mimic-arco-modal--dark.ant-modal-confirm .ant-modal-body,
+.kt-mimic-arco-modal--dark .ant-modal-confirm .ant-modal-body {
+  padding: 20px 20px 8px;
+}
+
+.kt-mimic-arco-modal--dark .ant-modal-confirm-btns {
+  margin-top: 20px;
+  padding-top: 10px;
+  border-top: 1px solid var(--kt-forms-border, #424242);
+}
 
 
 /* designer chrome — 宿主只引 styles.css，须打进同一文件 */
@@ -1562,14 +1608,36 @@ table.kt-sheet-region-table td {
 }
 
 .kt-preview--modal .kt-preview-print-bar {
-  position: sticky;
-  top: 0;
-  z-index: 2;
-  background: var(--kt-forms-preview-host, var(--kt-page-bg, #f2f3f5));
+  position: relative;
+  flex-shrink: 0;
+  z-index: auto;
+  height: auto;
+  min-height: 40px;
+  max-height: none;
+  overflow: visible;
+  margin-bottom: 0;
+  background: var(--kt-forms-chrome-bar, var(--kt-forms-preview-host, #dce8f6));
+  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border, #c5d6ee));
+  padding: 8px 16px;
+  box-sizing: border-box;
+}
+
+.kt-preview--modal .kt-chrome-meta {
+  display: block;
+  margin: 0 0 8px;
+  line-height: 16px;
+  position: relative;
+}
+
+/* modal 模式：工具条贴边，纸面区自己留 gutter（page 模式由 .kt-preview-page-chrome 的 padding 提供） */
+.kt-preview--modal .kt-preview-body {
+  box-sizing: border-box;
+  padding: 12px 16px 16px;
 }
 
 .kt-preview--modal .kt-report-preview-host {
-  padding-top: 8px;
+  padding: 8px 0 0;
+  background: transparent;
 }
 
 .kt-preview-page-chrome--fill {
@@ -1579,6 +1647,231 @@ table.kt-sheet-region-table td {
   flex-direction: column;
 }
 
+/* 铺满 = Fullscreen API。内联 width/top 与 antd 的 top:100px 必须压掉，否则全屏元素仍是小窗。
+   Arco 默认 position:relative + display:inline-block，不用 fixed/flex 压过去时，全屏盒仍按内容撑开再被裁切。 */
+.kt-preview-modal:fullscreen,
+.arco-modal:fullscreen,
+.kt-preview:fullscreen,
+.kt-preview--modal:fullscreen,
+.kt-preview-page-chrome:fullscreen {
+  position: fixed !important;
+  inset: 0 !important;
+  width: 100% !important;
+  height: 100% !important;
+  max-width: none !important;
+  max-height: 100% !important;
+  margin: 0 !important;
+  top: 0 !important;
+  left: 0 !important;
+  right: auto !important;
+  transform: none !important;
+  border-radius: 0 !important;
+  display: flex !important;
+  flex-direction: column !important;
+  box-sizing: border-box !important;
+  background: var(--kt-forms-preview-host, #dce8f6);
+}
+
+.kt-preview-modal:fullscreen,
+.arco-modal:fullscreen {
+  overflow: hidden !important;
+}
+
+/* 全屏元素高度被锁死，外壳若跟着内容撑开就会被裁掉且无法滚动。
+   标题栏固定，内容区单独滚动。 */
+.kt-preview-modal:fullscreen .ant-modal-container,
+.kt-mimic-arco-modal .kt-preview-modal:fullscreen .ant-modal-container {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 auto !important;
+  width: 100% !important;
+  height: 100% !important;
+  max-height: 100% !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  border-radius: 0;
+  box-sizing: border-box !important;
+}
+
+/* Arco 的 content 与标题栏并列。flex-basis 必须是 0，不能是 auto，否则高度跟纸张走，外层 overflow:hidden 只裁不滚。 */
+.arco-modal:fullscreen .arco-modal-content {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 0% !important;
+  width: 100% !important;
+  height: auto !important;
+  max-height: none !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  border-radius: 0;
+  box-sizing: border-box !important;
+  padding: 0 !important;
+}
+
+.kt-preview-modal:fullscreen .ant-modal-header,
+.arco-modal:fullscreen .arco-modal-header {
+  flex: 0 0 auto !important;
+}
+
+.kt-preview-modal:fullscreen .ant-modal-body,
+.arco-modal:fullscreen .arco-modal-body {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 auto !important;
+  height: auto !important;
+  max-height: none !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+/* 标题和打印工具条固定，只滚下面的纸张区。basis 用 0%，避免 height:auto 把滚动盒撑成纸张高度。 */
+.kt-preview-modal:fullscreen .kt-preview--modal,
+.arco-modal:fullscreen .kt-preview--modal,
+.kt-preview:fullscreen,
+.kt-preview--modal:fullscreen,
+.kt-preview-page-chrome:fullscreen {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 0% !important;
+  min-height: 0 !important;
+  height: auto !important;
+  overflow: hidden !important;
+}
+
+.kt-preview-modal:fullscreen .kt-preview-print-bar,
+.arco-modal:fullscreen .kt-preview-print-bar,
+.kt-preview-page-chrome:fullscreen .kt-preview-print-bar,
+.kt-preview--modal:fullscreen .kt-preview-print-bar {
+  flex: 0 0 auto !important;
+}
+
+.kt-preview-modal:fullscreen .kt-preview-body,
+.arco-modal:fullscreen .kt-preview-body,
+.kt-preview-page-chrome:fullscreen .kt-preview-body,
+.kt-preview--modal:fullscreen .kt-preview-body {
+  display: flex !important;
+  flex: 1 1 0% !important;
+  align-items: stretch !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  overflow: hidden !important;
+}
+
+.kt-preview-modal:fullscreen .kt-preview-main,
+.arco-modal:fullscreen .kt-preview-main,
+.kt-preview-page-chrome:fullscreen .kt-preview-main,
+.kt-preview--modal:fullscreen .kt-preview-main {
+  flex: 1 1 auto !important;
+  align-self: stretch !important;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  height: 100% !important;
+  max-height: 100% !important;
+  overflow: auto !important;
+}
+
+/* 宿主 Arco（lims 委托单等）默认 inline-block，弹窗跟纸张一起撑高，外层壳 overflow:hidden 时没有滚动条。
+   不依赖 :fullscreen，调用方不用改 Modal。遮罩层默认 overflow:auto，居中占位会多出一条外围滚动条。 */
+.arco-modal-wrapper:has(.kt-preview--modal) {
+  overflow: hidden !important;
+}
+
+.arco-modal:has(.kt-preview--modal) {
+  display: flex !important;
+  flex-direction: column !important;
+  max-height: calc(100vh - 24px) !important;
+  overflow: hidden !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .arco-modal-header {
+  flex: 0 0 auto !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .arco-modal-content {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 0% !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+  padding: 0 !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .kt-preview--modal {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 0% !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .kt-preview-print-bar {
+  flex: 0 0 auto !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .kt-preview-body {
+  display: flex !important;
+  flex: 1 1 0% !important;
+  align-items: stretch !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  overflow: hidden !important;
+}
+
+.arco-modal:has(.kt-preview--modal) .kt-preview-main {
+  flex: 1 1 auto !important;
+  align-self: stretch !important;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  /* 用视口扣掉标题和工具条，不跟父级 height:auto 走。父级被壳裁切时这里仍出滚动条。 */
+  max-height: calc(100vh - 132px) !important;
+  overflow: auto !important;
+}
+
+/* 设计器 antd 预览：内容区不要整块滚，否则打印工具条会跟着纸张走。只滚 .kt-preview-main。 */
+.kt-preview-modal .ant-modal-body,
+.kt-mimic-arco-modal .kt-preview-modal .ant-modal-body {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 auto !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+.kt-preview-modal .kt-preview--modal,
+.kt-mimic-arco-modal .kt-preview-modal .kt-preview--modal {
+  display: flex !important;
+  flex-direction: column !important;
+  flex: 1 1 0% !important;
+  min-height: 0 !important;
+  overflow: hidden !important;
+}
+
+.kt-preview-modal .kt-preview-print-bar,
+.kt-mimic-arco-modal .kt-preview-modal .kt-preview-print-bar {
+  flex: 0 0 auto !important;
+}
+
+.kt-preview-modal .kt-preview-body,
+.kt-mimic-arco-modal .kt-preview-modal .kt-preview-body {
+  display: flex !important;
+  flex: 1 1 0% !important;
+  align-items: stretch !important;
+  min-height: 0 !important;
+  min-width: 0 !important;
+  overflow: hidden !important;
+}
+
+.kt-preview-modal .kt-preview-main,
+.kt-mimic-arco-modal .kt-preview-modal .kt-preview-main {
+  flex: 1 1 auto !important;
+  align-self: stretch !important;
+  min-width: 0 !important;
+  min-height: 0 !important;
+  height: auto !important;
+  max-height: none !important;
+  overflow: auto !important;
+}
+
 .kt-preview-page-chrome--fill .kt-report-preview-host {
   flex: 1;
   min-height: 0;