@robot-admin/naive-ui-components 0.13.9 → 0.14.1

package/dist/C_Cron.css

@@ -1,108 +1,337 @@
-/* unplugin-vue-components disabled */.cron-field-editor__grid[data-v-153f242b] {
-  display: grid;
-  grid-template-columns: repeat(var(--cols, 10), 1fr);
-  gap: 4px;
-}
-.cron-field-editor__cell[data-v-153f242b] {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  font: inherit;
-  display: flex;
+:root{--c-primary: var(--primary-color, #2080f0);--c-primary-hover: var(--primary-color-hover, #4098fc);--c-primary-pressed: var(--primary-color-pressed, #1060c9);--c-success: var(--success-color, #18a058);--c-warning: var(--warning-color, #f0a020);--c-error: var(--error-color, #d03050);--c-info: var(--info-color, #2080f0);--c-bg-body: var(--body-color, #ffffff);--c-bg-card: var(--card-color, #ffffff);--c-bg-surface: var(--popover-color, #ffffff);--c-text-1: var(--text-color-1, #262626);--c-text-2: var(--text-color-2, #525252);--c-text-3: var(--text-color-3, #a3a3a3);--c-text-4: var(--text-color-4, #c0c0c0);--c-border: var(--border-color, #e5e7eb);--c-radius-sm: var(--border-radius-small, 4px);--c-radius: var(--border-radius, 6px);--c-transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);--c-transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);--c-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--c-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);--c-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1)}
+
+/* unplugin-vue-components disabled */
+/* layer: default */
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
+
+/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-  height: 34px;
-  border-radius: 6px;
-  font-size: 13px;
-  font-variant-numeric: tabular-nums;
-  transition: all var(--c-transition, 0.2s ease);
+  position: relative;
+  flex-shrink: 0;
+  vertical-align: middle;
   user-select: none;
-  color: var(--c-text-2);
+  transition: all 0.2s ease-in-out;
 }
-.cron-field-editor__cell[data-v-153f242b]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 1px;
+.c-icon--clickable[data-v-075758a0] {
+  cursor: pointer;
 }
-.cron-field-editor__cell[data-v-153f242b] {
-  /* 非交互高亮（every / range / step 的视觉反馈） */
+.c-icon--clickable[data-v-075758a0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
 }
-.cron-field-editor__cell--on[data-v-153f242b]:not(.cron-field-editor__cell--pick) {
-  background: color-mix(in srgb, var(--c-primary) 12%, transparent);
-  color: var(--c-primary);
+.c-icon--clickable[data-v-075758a0]:active {
+  transform: scale(0.95);
 }
-.cron-field-editor__cell[data-v-153f242b] {
-  /* 可交互模式（specific） */
+.c-icon--clickable[data-v-075758a0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
 }
-.cron-field-editor__cell--pick[data-v-153f242b] {
-  cursor: pointer;
+.c-icon--loading[data-v-075758a0] {
+  opacity: 0.6;
+  cursor: wait;
 }
-.cron-field-editor__cell--pick[data-v-153f242b]:hover:not(.cron-field-editor__cell--on) {
-  background: var(--c-bg-card);
+.c-icon__loading[data-v-075758a0] {
+  position: absolute;
+  inset: 0;
+}
+.c-icon__spinner[data-v-075758a0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-075758a0 1s linear infinite;
+}
+.c-icon__error[data-v-075758a0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-075758a0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-075758a0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-075758a0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
 }
-.cron-field-editor__cell--pick.cron-field-editor__cell--on[data-v-153f242b] {
-  background: var(--c-primary);
-  color: #fff;
-  font-weight: 600;
 }
 /* unplugin-vue-components disabled */
 /* layer: default */
-.grid[data-v-153f242b]{display:grid;}
-.flex[data-v-153f242b]{display:flex;}
-.border[data-v-153f242b]{border-width:1px;}
-.tabular-nums[data-v-153f242b]{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
-.outline[data-v-153f242b]{outline-style:solid;}
-.transition[data-v-153f242b]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.ms[data-v-c6727905]{margin-inline-start:1rem;}
+.table[data-v-c6727905]{display:table;}
+.px[data-v-c6727905]{padding-left:1rem;padding-right:1rem;}
+.filter[data-v-c6727905]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 
-/* unplugin-vue-components disabled */.cron-preview__header[data-v-15b88794] {
+/* unplugin-vue-components disabled *//*
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2026-10-07
+ * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
+ * @Description: 数据光环与细光束动画，作用域隔离并支持减少动态效果
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
+ */
+.c-loading[data-v-c6727905] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+  line-height: 1;
+  pointer-events: none;
+}
+.c-loading--labeled[data-v-c6727905] {
+  position: relative;
+  gap: 10px;
+  max-width: 100%;
+  padding: 8px 16px 9px 10px;
+  box-sizing: border-box;
+  border: 1px solid var(--c-loading-border);
+  border-radius: 16px;
+  background: var(--c-loading-surface);
+  background-image: linear-gradient(135deg, color-mix(in srgb, currentColor 4%, var(--c-loading-surface)), var(--c-loading-surface));
+  box-shadow: inset 0 1px 0 color-mix(in srgb, currentColor 4%, transparent), 0 8px 28px rgba(0, 0, 0, 0.06);
+  overflow: hidden;
+}
+.c-loading--labeled[data-v-c6727905]::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 50%;
+  height: 2px;
+  background: linear-gradient(90deg, transparent, currentColor, transparent);
+  opacity: 0.5;
+  animation: c-loading-beam-c6727905 1.8s ease-in-out infinite;
+}
+.c-loading__glyph[data-v-c6727905] {
+  width: var(--c-loading-size, 48px);
+  height: var(--c-loading-size, 48px);
+  flex-shrink: 0;
+}
+.c-loading__orbit[data-v-c6727905] {
+  transform-box: view-box;
+  transform-origin: center;
+  animation: c-loading-orbit-c6727905 1.6s linear infinite;
+}
+.c-loading__orbit--inner[data-v-c6727905] {
+  animation-duration: 3.2s;
+  animation-direction: reverse;
+}
+.c-loading__row[data-v-c6727905] {
+  opacity: 0.75;
+  animation: c-loading-row-c6727905 1.6s ease-in-out infinite;
+}
+.c-loading__label[data-v-c6727905] {
+  min-width: 0;
+  color: var(--c-loading-text, currentColor);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.03em;
+  line-height: 1.6;
+  overflow-wrap: anywhere;
+}
+@media (prefers-reduced-motion: reduce) {
+.c-loading__orbit[data-v-c6727905], .c-loading__row[data-v-c6727905], .c-loading--labeled[data-v-c6727905]::after {
+    animation: none;
+}
+.c-loading--labeled[data-v-c6727905]::after {
+    display: none;
+}
+}
+@keyframes c-loading-orbit-c6727905 {
+to {
+    transform: rotate(360deg);
+}
+}
+@keyframes c-loading-row-c6727905 {
+0%, 100% {
+    opacity: 0.4;
+}
+40%, 60% {
+    opacity: 1;
+}
+}
+@keyframes c-loading-beam-c6727905 {
+from {
+    transform: translateX(-100%);
+}
+to {
+    transform: translateX(200%);
+}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.px[data-v-d5df827f]{padding-left:1rem;padding-right:1rem;}
+
+/* unplugin-vue-components disabled *//* Cron 工作区：组件容器宽度决定布局，兼容页面、抽屉与表单。 */
+.c-cron[data-v-d5df827f] {
+  container: cron-editor/inline-size;
+  overflow: auto;
+  border: 1px solid var(--c-border);
+  border-radius: 16px;
+  background: var(--c-bg-card);
+  color: var(--c-text-2);
+}
+.c-cron h2[data-v-d5df827f],
+.c-cron h3[data-v-d5df827f],
+.c-cron p[data-v-d5df827f] {
+  margin: 0;
+}
+.c-cron__header[data-v-d5df827f] {
+  padding: 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-cron__title-row[data-v-d5df827f] {
   display: flex;
+  flex-wrap: wrap;
   align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 13px;
-  margin-bottom: 6px;
+  justify-content: space-between;
+  gap: 16px;
+  margin-bottom: 20px;
+}
+.c-cron__title-row h2[data-v-d5df827f] {
+  margin-top: 8px;
+  font-size: 22px;
+  letter-spacing: -0.4px;
   color: var(--c-text-1);
 }
-.cron-preview__list[data-v-15b88794] {
-  display: flex;
-  flex-direction: column;
-  gap: 2px;
+.c-cron__title-row p[data-v-d5df827f] {
+  margin-top: 6px;
+  font-size: 13px;
+}
+.c-cron__eyebrow[data-v-d5df827f] {
+  color: var(--c-primary);
+  font: 600 10px ui-monospace, monospace;
+  letter-spacing: 2px;
+}
+.c-cron__workspace[data-v-d5df827f] {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(300px, 360px);
 }
-.cron-preview__item[data-v-15b88794] {
+.c-cron__workspace--compact[data-v-d5df827f] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.c-cron__editor[data-v-d5df827f] {
+  min-width: 0;
+  padding: 24px;
+}
+.c-cron__section-heading[data-v-d5df827f] {
   display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 3px 4px;
-  border-radius: 4px;
+  gap: 12px;
+}
+.c-cron__section-heading h3[data-v-d5df827f] {
+  font-size: 15px;
+  color: var(--c-text-1);
+}
+.c-cron__section-heading p[data-v-d5df827f] {
+  margin-top: 4px;
   font-size: 12px;
-  transition: background var(--c-transition, 0.2s ease);
 }
-.cron-preview__item[data-v-15b88794]:hover {
-  background: var(--c-bg-card);
+.c-cron__step[data-v-d5df827f] {
+  color: var(--c-primary);
+  font: 600 12px ui-monospace, monospace;
 }
-.cron-preview__idx[data-v-15b88794] {
-  width: 16px;
+.c-cron__segments[data-v-d5df827f] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(68px, 1fr));
+  gap: 8px;
+  margin: 24px 0 20px;
+}
+.c-cron__segment[data-v-d5df827f] {
+  appearance: none;
+  min-width: 0;
+  padding: 12px 8px;
   text-align: center;
-  color: var(--c-text-4);
-  flex-shrink: 0;
-  font-size: 11px;
+  background: transparent;
+  border: 1px solid var(--c-border);
+  border-radius: 10px;
+  cursor: pointer;
+  color: var(--c-text-2);
 }
-.cron-preview__date[data-v-15b88794] {
-  font-family: "Courier New", Courier, monospace;
-  flex: 1;
+.c-cron__segment code[data-v-d5df827f] {
+  display: block;
+  margin-top: 6px;
+  font: 600 17px ui-monospace, monospace;
+  overflow-wrap: anywhere;
+}
+.c-cron__segment[data-v-d5df827f]:hover {
+  border-color: var(--c-primary);
+}
+.c-cron__segment[data-v-d5df827f]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
+}
+.c-cron__segment--active[data-v-d5df827f] {
+  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
+  border-color: var(--c-primary);
+  color: var(--c-primary);
+}
+.c-cron__segment-label[data-v-d5df827f] {
   font-size: 12px;
 }
-.cron-preview__week[data-v-15b88794] {
-  color: var(--c-text-4);
+.c-cron__expression[data-v-d5df827f] {
+  margin-top: 24px;
+  padding-top: 20px;
+  border-top: 1px solid var(--c-border);
+}
+.c-cron__expression label[data-v-d5df827f] {
   font-size: 12px;
-  flex-shrink: 0;
+  font-weight: 600;
+  color: var(--c-text-1);
+}
+.c-cron__expr-row[data-v-d5df827f] {
+  display: flex;
+  gap: 8px;
+  margin-top: 10px;
+}
+.c-cron__expr-row[data-v-d5df827f] input {
+  font-family: ui-monospace, monospace;
+}
+.c-cron__feedback[data-v-d5df827f] {
+  margin-top: 10px !important;
+  min-height: 22px;
+  font-size: 12px;
+  line-height: 1.7;
+  color: var(--c-text-2);
+}
+.c-cron__feedback--error[data-v-d5df827f] {
+  color: var(--c-error);
+}
+@container cron-editor (max-width: 820px) {
+.c-cron__workspace[data-v-d5df827f] {
+    grid-template-columns: minmax(0, 1fr);
+}
+}
+@container cron-editor (max-width: 480px) {
+.c-cron__header[data-v-d5df827f],
+  .c-cron__editor[data-v-d5df827f] {
+    padding: 18px;
+}
+.c-cron__expr-row[data-v-d5df827f] {
+    flex-wrap: wrap;
+}
+.c-cron__expr-row[data-v-d5df827f] > :first-child {
+    flex-basis: 100%;
+}
 }
 /* unplugin-vue-components disabled */
 /* layer: default */
-.flex[data-v-15b88794]{display:flex;}
-.flex-shrink[data-v-15b88794]{flex-shrink:1;}
-.transition[data-v-15b88794]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
+.grid[data-v-d6c7e1be]{display:grid;}
+.flex[data-v-d6c7e1be]{display:flex;}
+.border[data-v-d6c7e1be]{border-width:1px;}
+.outline[data-v-d6c7e1be]{outline-style:solid;}
+.transition[data-v-d6c7e1be]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 
-/* unplugin-vue-components disabled */.cron-templates__header[data-v-1b50e9c2] {
+/* unplugin-vue-components disabled */.cron-templates__header[data-v-d6c7e1be] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -111,14 +340,16 @@
   margin-bottom: 10px;
   color: var(--c-text-1);
 }
-.cron-templates__cards[data-v-1b50e9c2] {
+.cron-templates__cards[data-v-d6c7e1be] {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(min(100%, 180px), 1fr));
   gap: 8px;
 }
-.cron-templates__card[data-v-1b50e9c2] {
+.cron-templates__card[data-v-d6c7e1be] {
   appearance: none;
   font: inherit;
+  color: var(--c-text-1);
+  background: transparent;
   text-align: left;
   padding: 10px 12px;
   border-radius: 8px;
@@ -126,258 +357,249 @@
   cursor: pointer;
   transition: all var(--c-transition, 0.2s ease);
 }
-.cron-templates__card[data-v-1b50e9c2]:focus-visible {
+.cron-templates__card[data-v-d6c7e1be]:focus-visible {
   outline: 2px solid var(--c-primary);
   outline-offset: 2px;
 }
-.cron-templates__card[data-v-1b50e9c2]:disabled {
+.cron-templates__card[data-v-d6c7e1be]:disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }
-.cron-templates__card[data-v-1b50e9c2]:hover {
+.cron-templates__card[data-v-d6c7e1be]:hover {
   border-color: var(--c-primary);
   background: color-mix(in srgb, var(--c-primary) 4%, transparent);
 }
-.cron-templates__card--active[data-v-1b50e9c2] {
+.cron-templates__card--active[data-v-d6c7e1be] {
   border-color: var(--c-primary);
   background: color-mix(in srgb, var(--c-primary) 8%, transparent);
 }
-.cron-templates__card-name[data-v-1b50e9c2] {
+.cron-templates__card-name[data-v-d6c7e1be] {
   font-size: 13px;
   font-weight: 500;
   line-height: 1.4;
 }
-.cron-templates__card-expr[data-v-1b50e9c2] {
+.cron-templates__card-description[data-v-d6c7e1be] {
+  margin-top: 4px;
+  font-size: 11px;
+  color: var(--c-text-2);
+}
+.cron-templates__card-expr[data-v-d6c7e1be] {
   font-family: "Courier New", Courier, monospace;
   font-size: 11px;
   color: var(--c-text-4);
   margin-top: 2px;
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.grid[data-v-1b50e9c2]{display:grid;}
-.flex[data-v-1b50e9c2]{display:flex;}
-.border[data-v-1b50e9c2]{border-width:1px;}
-.outline[data-v-1b50e9c2]{outline-style:solid;}
-.transition[data-v-1b50e9c2]{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
-
-/* unplugin-vue-components disabled *//* Cron 表达式编辑器 - 组件级全局样式 */
-.c-cron[data-v-f4b0a99d] {
-  padding: 20px;
-  border-radius: 10px;
-  border: 1px solid var(--c-border);
-  background: var(--c-bg-card);
-  /* ═══════ 顶部 ═══════ */
+/* unplugin-vue-components disabled *//* 执行时间预览：只在组件作用域内使用主题变量。 */
+.cron-preview[data-v-023ff119] {
+  min-width: 0;
+  padding: 24px;
+  background: color-mix(in srgb, var(--c-primary) 3%, var(--c-bg-card));
+  border-left: 1px solid var(--c-border);
 }
-.c-cron__header[data-v-f4b0a99d] {
+.cron-preview header[data-v-023ff119] {
   display: flex;
-  flex-direction: column;
+  align-items: center;
   gap: 12px;
-  padding-bottom: 16px;
-  border-bottom: 1px solid var(--c-border);
-  margin-bottom: 16px;
 }
-.c-cron__title-row[data-v-f4b0a99d] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+.cron-preview h3[data-v-023ff119],
+.cron-preview p[data-v-023ff119] {
+  margin: 0;
 }
-.c-cron__title[data-v-f4b0a99d] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
+.cron-preview h3[data-v-023ff119] {
   font-size: 15px;
+  color: var(--c-text-1);
 }
-.c-cron[data-v-f4b0a99d] {
-  /* ─── 分段式字段选择器 ──────────────────── */
+.cron-preview header p[data-v-023ff119] {
+  margin-top: 4px;
+  font-size: 12px;
+  color: var(--c-text-2);
 }
-.c-cron__segments[data-v-f4b0a99d] {
-  display: flex;
-  gap: 2px;
-  padding: 3px;
-  border-radius: 10px;
-  background: var(--c-bg);
+.cron-preview__step[data-v-023ff119] {
+  font: 600 12px ui-monospace, monospace;
+  color: var(--c-primary);
 }
-.c-cron__segment[data-v-f4b0a99d] {
-  appearance: none;
-  border: 0;
-  background: transparent;
-  color: inherit;
-  font: inherit;
-  flex: 1;
+.cron-preview__next[data-v-023ff119] {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  padding: 8px 6px 5px;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all var(--c-transition, 0.2s ease);
-  user-select: none;
-  min-width: 0;
-}
-.c-cron__segment[data-v-f4b0a99d]:focus-visible {
-  outline: 2px solid var(--c-primary);
-  outline-offset: 1px;
+  gap: 12px;
+  min-height: 128px;
+  margin: 24px 0;
+  padding: 20px;
+  border: 1px solid color-mix(in srgb, var(--c-primary) 20%, var(--c-border));
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--c-primary) 7%, var(--c-bg-card));
 }
-.c-cron__segment[data-v-f4b0a99d]:not(.c-cron__segment--active):hover {
-  background: color-mix(in srgb, var(--c-bg-card) 60%, transparent);
+.cron-preview__next strong[data-v-023ff119] {
+  font: 600 20px/1.5 ui-monospace, monospace;
+  overflow-wrap: anywhere;
+  color: var(--c-text-1);
 }
-.c-cron__segment--active[data-v-f4b0a99d] {
-  background: var(--c-bg-card);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
+.cron-preview__next p[data-v-023ff119] {
+  font-size: 13px;
+  color: var(--c-text-2);
 }
-.c-cron__segment--active .c-cron__segment-value[data-v-f4b0a99d] {
+.cron-preview__label[data-v-023ff119] {
+  font-size: 12px;
   color: var(--c-primary);
 }
-.c-cron__segment--wildcard:not(.c-cron__segment--active) .c-cron__segment-value[data-v-f4b0a99d] {
-  opacity: 0.35;
+.cron-preview__waiting[data-v-023ff119] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 12px;
 }
-.c-cron__segment-value[data-v-f4b0a99d] {
-  font-family: "Courier New", Courier, monospace;
-  font-size: 15px;
-  font-weight: 700;
-  line-height: 1.3;
-  max-width: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: center;
+.cron-preview__list-heading[data-v-023ff119] {
+  display: flex;
+  justify-content: space-between;
+  gap: 8px;
+  font-size: 12px;
+  font-weight: 600;
 }
-.c-cron__segment-label[data-v-f4b0a99d] {
-  font-size: 11px;
-  color: var(--c-text-4);
-  margin-top: 2px;
+.cron-preview__list-heading span[data-v-023ff119] {
+  font-weight: 400;
+  color: var(--c-text-3);
 }
-.c-cron[data-v-f4b0a99d] {
-  /* ─── 表达式行 ─────────────────────────── */
+.cron-preview ol[data-v-023ff119] {
+  list-style: none;
+  margin: 12px 0 20px;
+  padding: 0;
+  max-height: 300px;
+  overflow: auto;
 }
-.c-cron__expr-row[data-v-f4b0a99d] {
-  display: flex;
-  align-items: center;
+.cron-preview li[data-v-023ff119] {
+  display: grid;
+  grid-template-columns: 24px 1fr auto;
   gap: 8px;
+  align-items: center;
+  padding: 12px 0;
+  border-bottom: 1px solid var(--c-border);
+  font-size: 11px;
 }
-.c-cron__expr-input[data-v-f4b0a99d] {
-  width: 240px;
-  flex-shrink: 0;
+.cron-preview li time[data-v-023ff119] {
+  font-family: ui-monospace, monospace;
+  color: var(--c-text-1);
 }
-.c-cron__expr-desc[data-v-f4b0a99d] {
-  flex: 1;
-  font-size: 13px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.cron-preview li > span[data-v-023ff119]:last-child {
+  color: var(--c-text-3);
 }
-.c-cron__description[data-v-f4b0a99d] {
-  color: var(--c-text-2);
+.cron-preview__idx[data-v-023ff119] {
+  color: var(--c-primary);
+  font: 500 11px ui-monospace, monospace;
 }
-.c-cron__error[data-v-f4b0a99d] {
-  color: var(--error-color);
+.cron-preview footer[data-v-023ff119] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  font-size: 11px;
+  color: var(--c-text-3);
 }
-.c-cron[data-v-f4b0a99d] {
-  /* ═══════ 主内容 ═══════ */
+.cron-preview footer code[data-v-023ff119] {
+  overflow-wrap: anywhere;
 }
-.c-cron__body[data-v-f4b0a99d] {
-  display: flex;
-  gap: 24px;
+.cron-preview footer p[data-v-023ff119] {
+  width: 100%;
+  line-height: 1.6;
 }
-.c-cron__main[data-v-f4b0a99d] {
-  flex: 1;
-  min-width: 0;
+@container cron-editor (max-width: 820px) {
+.cron-preview[data-v-023ff119] {
+    border-left: 0;
+    border-top: 1px solid var(--c-border);
 }
-.c-cron[data-v-f4b0a99d] {
-  /* ─── 右侧控制面板 ────────────────────── */
 }
-.c-cron__panel[data-v-f4b0a99d] {
-  width: 260px;
-  flex-shrink: 0;
+/* unplugin-vue-components disabled *//* 字段规则控件：离散值可点选，模式与选择状态同步显示。 */
+.cron-field-editor[data-v-ddf38d10] {
+  padding: 18px;
+  border: 1px solid var(--c-border);
+  border-radius: 12px;
+}
+.cron-field-editor__heading[data-v-ddf38d10] {
   display: flex;
-  flex-direction: column;
+  justify-content: space-between;
   gap: 12px;
 }
-.c-cron__config[data-v-f4b0a99d] {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.cron-field-editor__heading strong[data-v-ddf38d10] {
+  font-size: 13px;
+  color: var(--c-text-1);
+}
+.cron-field-editor__heading span[data-v-ddf38d10] {
+  color: var(--c-text-3);
+  font-size: 11px;
 }
-.c-cron__config-row[data-v-f4b0a99d] {
+.cron-field-editor__modes[data-v-ddf38d10] {
   display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 13px;
-  color: var(--c-text-2);
   flex-wrap: wrap;
+  gap: 6px;
+  margin: 16px 0;
 }
-.c-cron__config-num[data-v-f4b0a99d] {
-  width: 68px;
+.cron-field-editor__modes button[data-v-ddf38d10] {
+  padding: 6px 12px;
+  border: 1px solid var(--c-border);
+  border-radius: 7px;
+  font-size: 12px;
 }
-.c-cron__quick[data-v-f4b0a99d] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 13px;
+.cron-field-editor__modes button[aria-pressed=true][data-v-ddf38d10] {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 8%, transparent);
+  color: var(--c-primary);
 }
-.c-cron__quick button[data-v-f4b0a99d] {
+.cron-field-editor button[data-v-ddf38d10] {
   appearance: none;
-  border: 0;
-  background: transparent;
-  padding: 0;
   font: inherit;
-  color: var(--c-primary);
+  color: var(--c-text-2);
+  background: transparent;
   cursor: pointer;
-  user-select: none;
 }
-.c-cron__quick button[data-v-f4b0a99d]:hover {
-  text-decoration: underline;
+.cron-field-editor button[data-v-ddf38d10]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 2px;
 }
-.c-cron__quick button[data-v-f4b0a99d]:disabled {
+.cron-field-editor button[data-v-ddf38d10]:disabled {
   cursor: not-allowed;
-  opacity: 0.6;
-}
-.c-cron__quick-sep[data-v-f4b0a99d] {
-  color: var(--c-text-4);
+  opacity: 0.45;
 }
-.c-cron__quick-count[data-v-f4b0a99d] {
-  margin-left: 4px;
+.cron-field-editor__parameters[data-v-ddf38d10] {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  min-height: 34px;
   font-size: 12px;
-  color: var(--c-text-4);
+  color: var(--c-text-2);
 }
-.c-cron__panel-line[data-v-f4b0a99d] {
-  height: 1px;
-  background: var(--c-border);
+.cron-field-editor__parameters[data-v-ddf38d10] .n-input-number {
+  width: 96px;
 }
-.c-cron[data-v-f4b0a99d] {
-  /* ═══════ 底部模板 ═══════ */
+.cron-field-editor__parameters button[data-v-ddf38d10] {
+  border: 0;
+  font-size: 12px;
+  color: var(--c-primary);
 }
-.c-cron__footer[data-v-f4b0a99d] {
+.cron-field-editor__grid[data-v-ddf38d10] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
+  gap: 6px;
   margin-top: 16px;
-  padding-top: 16px;
-  border-top: 1px solid var(--c-border);
-}
-
-/* ─── 响应式 ────────────────────────────────── */
-@media (max-width: 768px) {
-.c-cron__body[data-v-f4b0a99d] {
-    flex-direction: column;
-}
-.c-cron__panel[data-v-f4b0a99d] {
-    width: 100%;
-}
-.c-cron__segments[data-v-f4b0a99d] {
-    flex-wrap: wrap;
 }
-.c-cron__segment[data-v-f4b0a99d] {
-    min-width: calc(33% - 4px);
+.cron-field-editor__grid--week[data-v-ddf38d10] {
+  grid-template-columns: repeat(auto-fit, minmax(54px, 1fr));
 }
-.c-cron__expr-row[data-v-f4b0a99d] {
-    flex-wrap: wrap;
+.cron-field-editor__cell[data-v-ddf38d10] {
+  border: 1px solid var(--c-border);
+  border-radius: 6px;
+  padding: 7px 3px;
+  font: 12px ui-monospace, monospace !important;
 }
-.c-cron__expr-input[data-v-f4b0a99d] {
-    width: 100%;
+.cron-field-editor__cell[data-v-ddf38d10]:hover:enabled {
+  border-color: var(--c-primary);
 }
+.cron-field-editor__cell--on[data-v-ddf38d10] {
+  border-color: color-mix(in srgb, var(--c-primary) 25%, var(--c-border));
+  background: color-mix(in srgb, var(--c-primary) 7%, transparent);
+  color: var(--c-primary) !important;
 }
-/* unplugin-vue-components disabled */
-/* layer: default */
-.px[data-v-f4b0a99d]{padding-left:1rem;padding-right:1rem;}
-
+.cron-field-editor__hint[data-v-ddf38d10] {
+  font-size: 11px;
+  line-height: 1.7;
+  color: var(--c-text-3);
+  margin: 14px 0 0;
+}