@k-table/table 0.1.0 → 1.0.1

package/dist/styles.css

@@ -24,10 +24,40 @@
   --kt-canvas-header: #f3f3f3;
   --kt-canvas-header-grid: #c4c4c4;
   --kt-canvas-header-text: #333333;
-  min-height: 100vh;
+  box-sizing: border-box;
+  height: 100%;
+  min-height: 0;
   font-size: var(--kt-font);
   color: var(--kt-forms-text, var(--kt-text));
   background: var(--kt-forms-page-bg, var(--kt-page-bg));
+  --ant-color-text: var(--kt-forms-text, var(--kt-text));
+  --ant-color-text-secondary: var(--kt-forms-text-secondary, var(--kt-text-secondary));
+  --ant-color-bg-container: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg));
+  --ant-color-bg-elevated: var(--kt-forms-chrome-tab, var(--kt-header-bg));
+  --ant-color-border: var(--kt-forms-border, var(--kt-border));
+  display: flex;
+  flex-direction: column;
+}
+
+html:has([data-kt-root]),
+html:has([data-kt-root]) body {
+  height: 100%;
+}
+
+[data-kt-root] .ant-app {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+[data-kt-root] .kt-fill-page,
+[data-kt-root] .kt-fill-layout,
+[data-kt-root] .kt-report-designer-page {
+  flex: 1 1 auto;
+  min-height: 0;
+  height: 100%;
 }
 
 [data-kt-root][data-kt-type="sm"] { --kt-font: 12px; }
@@ -37,6 +67,7 @@
 [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);
@@ -65,16 +96,27 @@
   margin-left: auto;
 }
 
-[data-kt-root] .kt-paper-island,
-[data-kt-root] [data-kt-paper] {
-  color-scheme: light;
-  background: var(--kt-forms-preview-host, #f2f3f5);
-  color: #1d2129;
+[data-kt-root] .kt-paper-island {
+  background: var(--kt-forms-canvas-pad, var(--kt-page-bg));
+  color: var(--kt-forms-text, var(--kt-text));
+}
+
+[data-kt-root] .kt-paper-island[data-tone="preview"],
+[data-kt-root] .kt-preview-stage {
+  background: var(--kt-forms-preview-host, var(--kt-page-bg));
 }
 
-[data-kt-root] .kt-report-page {
+[data-kt-root] [data-kt-paper],
+[data-kt-root] .kt-report-page,
+[data-kt-root] .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;
 }
 
 [data-kt-root] .kt-chrome {
@@ -228,6 +270,129 @@
   border-radius: 2px;
 }
 
+/* 铬层控件跟主题变量（含宿主插槽的另一份 antd）；纸面内再锁浅色。 */
+[data-kt-root] .ant-input,
+[data-kt-root] .ant-input-outlined,
+[data-kt-root] .ant-input-affix-wrapper,
+[data-kt-root] textarea.ant-input,
+[data-kt-root] .ant-picker,
+[data-kt-root] .ant-picker-outlined,
+[data-kt-root] .ant-select-selector,
+[data-kt-root] .ant-input-number,
+[data-kt-root] .ant-input-number-outlined,
+[data-kt-root] .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-root] .ant-select-auto-complete .ant-select-selector,
+[data-kt-root] .ant-select-selection-search-input,
+[data-kt-root] .ant-select-selection-search input,
+[data-kt-root] .ant-picker-input > input,
+[data-kt-root] .ant-picker-input input {
+  background: transparent !important;
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-root] .ant-select-auto-complete .ant-select-selector {
+  background: var(--kt-forms-chrome-tab, var(--kt-forms-header-bg)) !important;
+}
+
+[data-kt-root] .ant-input::placeholder,
+[data-kt-root] .ant-input-outlined::placeholder,
+[data-kt-root] .ant-select-selection-placeholder,
+[data-kt-root] .ant-select-selection-search-input::placeholder,
+[data-kt-root] .ant-picker-input > input::placeholder,
+[data-kt-root] .ant-picker-input input::placeholder {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
+}
+
+[data-kt-root] .ant-select-selection-item,
+[data-kt-root] .ant-select-arrow,
+[data-kt-root] .ant-select-clear,
+[data-kt-root] .ant-picker-suffix,
+[data-kt-root] .ant-picker-separator,
+[data-kt-root] .ant-picker-clear {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-root] .ant-typography,
+[data-kt-root] .ant-typography h1,
+[data-kt-root] .ant-typography h2,
+[data-kt-root] .ant-typography h3,
+[data-kt-root] .ant-typography h4,
+[data-kt-root] .ant-typography h5,
+[data-kt-root] .ant-form-item-label > label {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-root] .kt-chrome-meta,
+[data-kt-root] .ant-typography-secondary.kt-chrome-meta {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
+}
+
+[data-kt-root] .ant-typography-secondary,
+[data-kt-root] .ant-typography.ant-typography-secondary {
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary)) !important;
+}
+
+[data-kt-root] .ant-btn-text:not(.ant-btn-dangerous):not(.ant-btn-primary) {
+  color: var(--kt-forms-text, var(--kt-text)) !important;
+}
+
+[data-kt-root] .ant-btn-link:not(.ant-btn-dangerous) {
+  color: var(--kt-primary) !important;
+}
+
+[data-kt-root] [data-kt-paper] .ant-input,
+[data-kt-root] [data-kt-paper] .ant-input-outlined,
+[data-kt-root] [data-kt-paper] .ant-input-affix-wrapper,
+[data-kt-root] [data-kt-paper] textarea.ant-input,
+[data-kt-root] [data-kt-paper] .ant-picker,
+[data-kt-root] [data-kt-paper] .ant-select-selector,
+[data-kt-root] [data-kt-paper] .ant-input-number,
+[data-kt-root] [data-kt-paper] .ant-btn-default,
+[data-kt-root] .kt-report-page .ant-input,
+[data-kt-root] .kt-report-page .ant-select-selector,
+[data-kt-root] .klab-fill-sheet .ant-input,
+[data-kt-root] .klab-fill-sheet .ant-input-outlined,
+[data-kt-root] .klab-fill-sheet .ant-input-affix-wrapper,
+[data-kt-root] .klab-fill-sheet textarea.ant-input,
+[data-kt-root] .klab-fill-sheet .ant-select-selector,
+[data-kt-root] .klab-fill-sheet .ant-btn-default {
+  background: var(--kt-paper-bg, #fff) !important;
+  color: #1d2129 !important;
+  border-color: #d9d9d9 !important;
+}
+
+[data-kt-root] [data-kt-paper] .ant-select-selection-item,
+[data-kt-root] [data-kt-paper] .ant-select-arrow,
+[data-kt-root] [data-kt-paper] .ant-select-selection-search-input,
+[data-kt-root] [data-kt-paper] .ant-picker-input > input,
+[data-kt-root] .klab-fill-sheet .ant-select-selection-item,
+[data-kt-root] .klab-fill-sheet .ant-select-arrow,
+[data-kt-root] .klab-fill-sheet .ant-select-selection-search-input {
+  color: #1d2129 !important;
+}
+
+[data-kt-root] [data-kt-paper] .ant-typography,
+[data-kt-root] .kt-report-page .ant-typography,
+[data-kt-root] .klab-fill-sheet .ant-typography {
+  color: #1d2129 !important;
+}
+
+[data-kt-root] [data-kt-paper] .ant-typography-secondary,
+[data-kt-root] .klab-fill-sheet .ant-typography-secondary {
+  color: #4e5969 !important;
+}
+
+[data-kt-root] [data-kt-paper] .ant-input::placeholder,
+[data-kt-root] .klab-fill-sheet .ant-input::placeholder,
+[data-kt-root] .klab-fill-sheet .ant-select-selection-placeholder {
+  color: #8c8c8c !important;
+}
+
 [data-kt-root] .kt-preview-stage {
   box-sizing: border-box;
   display: flex;
@@ -238,6 +403,74 @@
   background: var(--kt-forms-preview-host, #f2f3f5);
 }
 
+/* antd 6 外壳是 .ant-modal-container（不再用 .ant-modal-content），两套都写以免回退。 */
+[data-kt-root] .kt-preview-modal .ant-modal-content,
+[data-kt-root] .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));
+  color: var(--kt-forms-text, var(--kt-text));
+  border: 1px solid var(--kt-forms-border, var(--kt-border));
+  box-sizing: border-box;
+}
+
+[data-kt-root] .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));
+  border-bottom: 1px solid var(--kt-forms-border, var(--kt-border));
+}
+
+[data-kt-root] .kt-preview-modal .ant-modal-title,
+[data-kt-root] .kt-preview-modal .ant-modal-close {
+  color: var(--kt-forms-text, var(--kt-text));
+}
+
+[data-kt-root] .kt-preview-modal .ant-modal-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  background: var(--kt-forms-preview-host, var(--kt-page-bg));
+  padding: 8px 16px 16px;
+  max-height: none;
+  overflow: auto;
+}
+
+[data-kt-root] .kt-preview-modal .kt-preview,
+[data-kt-root] .kt-preview-modal .kt-preview--modal {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  min-height: 0;
+}
+
+[data-kt-root] .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));
+}
+
+[data-kt-root] .kt-preview-modal .kt-report-preview-host {
+  padding: 8px 0 0;
+  background: transparent;
+}
+
+[data-kt-root] .kt-preview-print-bar .ant-btn,
+[data-kt-root] .kt-preview--modal .ant-btn {
+  height: 28px;
+  padding-inline: 10px;
+  font-size: 12px;
+}
+
+[data-kt-root] .kt-preview-print-bar .ant-select-selector {
+  min-height: 28px !important;
+}
+
 @media print {
   [data-kt-root] {
     --kt-text: #1d2129;
@@ -256,7 +489,9 @@
   }
 
   [data-kt-root] .kt-paper-island,
-  [data-kt-root] [data-kt-paper] {
+  [data-kt-root] [data-kt-paper],
+  [data-kt-root] .kt-report-page,
+  [data-kt-root] .klab-fill-sheet {
     color-scheme: light !important;
     background: #fff !important;
     color: #1d2129 !important;
@@ -268,6 +503,152 @@
     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);
+}
 
 
 /* designer chrome — 宿主只引 styles.css，须打进同一文件 */
@@ -854,3 +1235,453 @@ div.kt-designer-sheet-tab-bar .kt-designer-sheet-tab--active.kt-designer-sheet-t
   border-radius: 3px;
 }
 
+
+/* preview chrome / print bar */
+.kt-report-page,
+.kt-report-page table,
+.kt-report-page thead,
+.kt-report-page tbody,
+.kt-report-page tr,
+.kt-report-page td,
+.kt-report-page th,
+.kt-report-page div,
+.kt-report-page span,
+.kt-report-preview-host,
+.kt-report-preview-host table,
+.kt-report-preview-host div,
+.kt-report-preview-host span,
+.kt-report-print-host,
+.kt-report-print-host table,
+.kt-report-print-host thead,
+.kt-report-print-host tbody,
+.kt-report-print-host tr,
+.kt-report-print-host td,
+.kt-report-print-host th,
+.kt-report-print-host div,
+.kt-report-print-host span,
+.kt-report-print-root,
+.kt-report-print-root table,
+.kt-report-print-root div,
+.kt-report-print-root span,
+.kt-report-page-stack,
+.kt-report-page-stack div,
+.kt-report-page-stack span,
+.kt-report-wm-layer,
+.kt-report-wm-layer div,
+.kt-report-wm-layer span,
+.kt-report-wm-anchor {
+  font-family: inherit;
+}
+
+.kt-report-page,
+.kt-report-preview-host,
+.kt-report-print-host,
+.kt-report-print-root,
+.kt-report-page-stack {
+  font-family: SimSun, "Songti SC", "宋体", "Noto Serif CJK SC", serif;
+}
+
+.kt-report-page {
+  background: #fff;
+  color: #1d2129;
+}
+
+.kt-report-page table,
+.kt-report-preview-host table,
+table.kt-sheet-region-table {
+  table-layout: fixed !important;
+  max-width: none !important;
+  height: auto;
+  line-height: 1.15;
+}
+
+.kt-report-page td,
+.kt-report-page th,
+.kt-report-preview-host td,
+.kt-report-preview-host th,
+table.kt-sheet-region-table td {
+  box-sizing: border-box;
+  line-height: 1.15;
+  writing-mode: horizontal-tb;
+  white-space: pre;
+  word-break: normal;
+  overflow-wrap: normal;
+}
+
+.kt-report-print-root {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  min-width: 0;
+}
+
+.kt-report-preview-host {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  background: var(--kt-forms-preview-host, #f0f2f5);
+  padding: 16px;
+  overflow: auto;
+  box-sizing: border-box;
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.kt-report-preview-host[data-kt-page-margins] .kt-report-page > div:first-of-type,
+.kt-report-print-host[data-kt-page-margins] .kt-report-page > div:first-of-type,
+.kt-report-print-root[data-kt-page-margins] .kt-report-page > div:first-of-type {
+  padding-top: var(--kt-page-margin-top, 0mm) !important;
+  padding-right: var(--kt-page-margin-right, 0mm) !important;
+  padding-bottom: var(--kt-page-margin-bottom, 0mm) !important;
+  padding-left: var(--kt-page-margin-left, 0mm) !important;
+}
+
+.kt-report-page-stack {
+  position: relative;
+  display: inline-block;
+}
+
+.kt-report-wm-layer,
+.kt-report-wm-anchor {
+  pointer-events: none;
+  user-select: none;
+}
+
+.kt-report-wm-tiled {
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+
+.kt-report-print-host {
+  position: static;
+  display: block;
+  background: var(--kt-paper-bg, #fff);
+  overflow: visible;
+  box-sizing: border-box;
+}
+
+.kt-compose-preview-pane {
+  height: 100%;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--kt-forms-preview-host, #f7f8fa);
+  border-left-width: 1px;
+  border-left-style: solid;
+  border-left-color: var(--kt-forms-border, #e5e6eb);
+}
+
+.kt-compose-preview-pane-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 6px 8px;
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: var(--kt-forms-border, var(--kt-border, #e5e6eb));
+  background: var(--kt-forms-chrome-bar, var(--kt-header-bg, #fff));
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
+}
+
+.kt-compose-preview-pane-head__start {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+
+.kt-compose-preview-pane-body {
+  flex: 1;
+  min-height: 0;
+  min-width: 0;
+  overflow: auto;
+  padding: 8px;
+}
+
+.kt-preview-print-bar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  min-height: 40px;
+  margin-bottom: 8px;
+  box-sizing: border-box;
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
+}
+
+.kt-preview-print-bar-main,
+.kt-preview-print-bar-end,
+.kt-preview-zoom {
+  display: flex;
+  align-items: center;
+  min-height: 28px;
+}
+
+.kt-preview-print-bar-main {
+  min-width: 0;
+  flex: 1 1 auto;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+
+.kt-preview-print-bar-end {
+  flex: 0 0 auto;
+  margin-left: auto;
+  gap: 4px;
+}
+
+.kt-preview-zoom {
+  gap: 4px;
+}
+
+.kt-preview-print-bar-meta {
+  display: inline-flex;
+  align-items: center;
+  height: 28px;
+  line-height: 28px;
+  font-size: 12px;
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #8c8c8c));
+  white-space: nowrap;
+}
+
+.kt-preview-fill-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border-width: 0;
+  background: transparent;
+  color: var(--kt-forms-text-secondary, var(--kt-text-secondary, #4e5969));
+  cursor: pointer;
+  border-radius: 2px;
+  flex-shrink: 0;
+  font-size: 16px;
+}
+
+.kt-preview-fill-icon-btn:hover {
+  background: var(--kt-primary-soft, #e5e6eb);
+  color: var(--kt-forms-text, var(--kt-text, #1d2129));
+}
+
+.kt-preview-page-chrome {
+  box-sizing: border-box;
+  min-height: calc(100vh - 104px);
+  background: var(--kt-forms-preview-host, var(--kt-page-bg, #f2f3f5));
+  color: var(--kt-forms-text, var(--kt-text));
+  padding: 16px;
+}
+
+.kt-preview--modal {
+  min-width: 0;
+  min-height: 0;
+}
+
+.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));
+}
+
+.kt-preview--modal .kt-report-preview-host {
+  padding-top: 8px;
+}
+
+.kt-preview-page-chrome--fill {
+  min-height: 100vh;
+  padding: 8px;
+  display: flex;
+  flex-direction: column;
+}
+
+.kt-preview-page-chrome--fill .kt-report-preview-host {
+  flex: 1;
+  min-height: 0;
+}
+
+html.kt-report-printing,
+html.kt-report-printing body {
+  background: #fff !important;
+  height: auto !important;
+  min-height: 0 !important;
+  overflow: visible !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+
+html.kt-report-printing body > *:not(.kt-report-print-host) {
+  display: none !important;
+}
+
+html.kt-report-printing .kt-report-print-host,
+html.kt-report-printing .kt-report-print-host * {
+  visibility: visible !important;
+}
+
+html.kt-report-printing .kt-paper-island,
+html.kt-report-printing .kt-report-preview-host,
+html.kt-report-printing .kt-preview-page-chrome {
+  background: transparent !important;
+  padding: 0 !important;
+  margin: 0 !important;
+  gap: 0 !important;
+  box-shadow: none !important;
+  border-width: 0 !important;
+  overflow: visible !important;
+  min-height: 0 !important;
+}
+
+/* 屏幕准备打印仍居中；@media print 再靠左 */
+html.kt-report-printing .kt-report-print-root,
+body.kt-report-printing .kt-report-print-root {
+  align-items: center;
+}
+
+@media print {
+  html.kt-report-printing,
+  body.kt-report-printing {
+    background: #fff !important;
+    height: auto !important;
+    min-height: 0 !important;
+    overflow: visible !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  body.kt-report-printing > *:not(.kt-report-print-host) {
+    display: none !important;
+  }
+
+  body.kt-report-printing .kt-report-print-host,
+  body.kt-report-printing .kt-report-print-host * {
+    visibility: visible !important;
+  }
+
+  body.kt-report-printing .kt-report-print-host {
+    display: block !important;
+    visibility: visible !important;
+    position: static !important;
+    inset: auto !important;
+    left: auto !important;
+    top: auto !important;
+    z-index: auto !important;
+    max-width: none !important;
+    max-height: none !important;
+    overflow: visible !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    background: #fff !important;
+    transform: none !important;
+    zoom: 1 !important;
+    font-family: SimSun, "Songti SC", "宋体", "Noto Serif CJK SC", serif;
+  }
+
+  body.kt-report-printing .kt-report-print-root {
+    display: flex !important;
+    flex-direction: column !important;
+    align-items: flex-start !important;
+    visibility: visible !important;
+    position: static !important;
+    width: auto !important;
+    height: auto !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    gap: 0 !important;
+    background: #fff !important;
+    overflow: visible !important;
+    transform: none !important;
+    zoom: 1 !important;
+  }
+
+  body.kt-report-printing .kt-paper-island,
+  body.kt-report-printing .kt-report-preview-host,
+  body.kt-report-printing .kt-preview-page-chrome,
+  body.kt-report-printing .kt-compose-preview-pane {
+    background: transparent !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    gap: 0 !important;
+    box-shadow: none !important;
+    border-width: 0 !important;
+    overflow: visible !important;
+    min-height: 0 !important;
+  }
+
+  body.kt-report-printing .kt-report-print-root > * {
+    display: block !important;
+    visibility: visible !important;
+    break-inside: avoid;
+    page-break-inside: avoid;
+    break-after: page;
+    page-break-after: always;
+    background: #fff !important;
+    box-shadow: none !important;
+    zoom: 1 !important;
+  }
+
+  body.kt-report-printing .kt-report-print-root > *:last-child {
+    break-after: auto;
+    page-break-after: auto;
+  }
+
+  body.kt-report-printing .kt-report-print-sheet,
+  body.kt-report-printing .kt-report-page-stack {
+    display: block !important;
+    visibility: visible !important;
+    break-inside: avoid;
+    page-break-inside: avoid;
+    background: #fff !important;
+    box-shadow: none !important;
+    zoom: 1 !important;
+  }
+
+  body.kt-report-printing .kt-report-page {
+    box-shadow: none !important;
+    outline: none !important;
+    visibility: visible !important;
+    overflow: hidden !important;
+    box-sizing: border-box !important;
+    background: #fff !important;
+    zoom: 1 !important;
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+
+  body.kt-report-printing .kt-report-wm-tiled {
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+  }
+
+  body.kt-report-printing .kt-report-page > div:first-of-type {
+    padding-top: var(--kt-page-margin-top, 0mm) !important;
+    padding-right: var(--kt-page-margin-right, 0mm) !important;
+    padding-bottom: var(--kt-page-margin-bottom, 0mm) !important;
+    padding-left: var(--kt-page-margin-left, 0mm) !important;
+  }
+
+  body.kt-report-printing .kt-sheet-cell-clip {
+    display: flex !important;
+    flex-direction: column !important;
+    overflow: hidden !important;
+    box-sizing: border-box !important;
+  }
+
+  body.kt-report-printing .kt-sheet-cell-clip > * {
+    flex-shrink: 0 !important;
+    min-height: auto !important;
+  }
+
+  .kt-preview-print-bar,
+  .kt-preview-fill-icon-btn,
+  .kt-report-print-hide,
+  .kt-compose-preview-pane-head {
+    display: none !important;
+  }
+}
+