@robot-admin/naive-ui-components 0.9.1 → 0.9.3

package/dist/{C_Form-D_gwQ7hC.css.map → C_Form-mcd1nKvF.css.map}

@@ -1 +1 @@
-{"version":3,"file":"C_Form-D_gwQ7hC.css","names":[],"sources":["../src/components/C_Form/layouts/Default/index.vue?vue&type=style&index=0&scoped=a0e973bb&lang.css","../src/components/C_Form/layouts/Inline/index.vue?vue&type=style&index=0&scoped=f8d8544a&lang.scss","../src/components/C_Form/layouts/Grid/index.vue?vue&type=style&index=0&scoped=0f32651a&lang.scss","../src/components/C_Form/layouts/Card/index.vue?vue&type=style&index=0&scoped=6fd4b008&lang.scss","../src/components/C_Form/layouts/Tabs/index.vue?vue&type=style&index=0&scoped=e847fa5c&lang.scss","../src/components/C_Form/layouts/Steps/index.vue?vue&type=style&index=0&scoped=04fd4a74&lang.scss","../src/components/C_Form/layouts/Dynamic/index.vue?vue&type=style&index=0&scoped=dd1d4f2c&lang.scss","../src/components/C_Form/layouts/Custom/index.vue?vue&type=style&index=0&scoped=732076e2&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-form-default[data-v-a0e973bb] {\r\n  width: 100%;\n}\r\n","/* unplugin-vue-components disabled *//* Inline 布局样式 */\n.c-form-inline[data-v-f8d8544a] {\n  width: 100%;\n  min-height: 0;\n  transition: all 0.3s ease;\n}\n.c-form-inline-item[data-v-f8d8544a] {\n  min-width: 0;\n  transition: all 0.3s ease;\n}\n\n/* 确保内部所有表单组件都占满容器宽度 */\n.c-form-inline-item[data-v-f8d8544a] .n-form-item {\n  width: 100%;\n  margin-bottom: 0;\n}\n.c-form-inline-item[data-v-f8d8544a] .n-form-item-blank {\n  width: 100%;\n}\n.c-form-inline-item[data-v-f8d8544a] .n-input,\n.c-form-inline-item[data-v-f8d8544a] .n-select,\n.c-form-inline-item[data-v-f8d8544a] .n-date-picker,\n.c-form-inline-item[data-v-f8d8544a] .n-time-picker,\n.c-form-inline-item[data-v-f8d8544a] .n-input-number,\n.c-form-inline-item[data-v-f8d8544a] .n-cascader,\n.c-form-inline-item[data-v-f8d8544a] .n-color-picker,\n.c-form-inline-item[data-v-f8d8544a] .n-auto-complete,\n.c-form-inline-item[data-v-f8d8544a] .n-tree-select {\n  width: 100% !important;\n}\n\n/* 单选框和复选框组保持自然宽度 */\n.c-form-inline-item[data-v-f8d8544a] .n-radio-group,\n.c-form-inline-item[data-v-f8d8544a] .n-checkbox-group {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* 开关组件居左对齐 */\n.c-form-inline-item[data-v-f8d8544a] .n-switch {\n  width: auto;\n}\n\n/* ================= 对齐方式样式增强 ================= */\n/* 当容器使用 center 对齐时，确保表单项也居中 */\n.c-form-inline[style*=\"justify-content: center\"] .c-form-inline-item[data-v-f8d8544a] {\n  text-align: center;\n}\n\n/* 当容器使用 end 对齐时，确保表单项也右对齐 */\n.c-form-inline[style*=\"justify-content: flex-end\"] .c-form-inline-item[data-v-f8d8544a] {\n  text-align: right;\n}\n\n/* 当容器使用 start 对齐时，确保表单项左对齐 */\n.c-form-inline[style*=\"justify-content: flex-start\"] .c-form-inline-item[data-v-f8d8544a] {\n  text-align: left;\n}\n\n/* ================= 响应式设计 ================= */\n/* 移动设备 - 改为垂直布局 */\n@media (max-width: 768px) {\n.c-form-inline[data-v-f8d8544a] {\n    flex-direction: column !important;\n    gap: 12px !important;\n    justify-content: flex-start !important;\n}\n.c-form-inline-item[data-v-f8d8544a] {\n    width: 100% !important;\n    text-align: left !important;\n}\n}\n/* 小屏手机 */\n@media (max-width: 480px) {\n.c-form-inline[data-v-f8d8544a] {\n    gap: 8px !important;\n}\n}","/* unplugin-vue-components disabled *//* Grid 布局样式 */\n/* 变量定义 */\n.c-grid-layout[data-v-0f32651a] {\n  width: 100%;\n  /* 配置面板 */\n  /* 网格容器 */\n  /* 统计信息 */\n}\n.c-grid-layout .config-panel[data-v-0f32651a] {\n  margin-bottom: 1rem;\n}\n.c-grid-layout .config-panel .config-header[data-v-0f32651a] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.c-grid-layout .config-panel .config-controls[data-v-0f32651a] {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-0f32651a] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-0f32651a] {\n  font-size: 0.875rem;\n  white-space: nowrap;\n  min-width: 3rem;\n}\n.c-grid-layout .grid-container[data-v-0f32651a] {\n  width: 100%;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a] {\n  /* 进场动画 */\n  animation: fadeInUp-0f32651a 0.3s ease-out both;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(1) {\n  animation-delay: 0.05s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(2) {\n  animation-delay: 0.1s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(3) {\n  animation-delay: 0.15s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(4) {\n  animation-delay: 0.2s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(5) {\n  animation-delay: 0.25s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(6) {\n  animation-delay: 0.3s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(7) {\n  animation-delay: 0.35s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(8) {\n  animation-delay: 0.4s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(9) {\n  animation-delay: 0.45s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(10) {\n  animation-delay: 0.5s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(11) {\n  animation-delay: 0.55s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(12) {\n  animation-delay: 0.6s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(13) {\n  animation-delay: 0.65s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(14) {\n  animation-delay: 0.7s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(15) {\n  animation-delay: 0.75s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(16) {\n  animation-delay: 0.8s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(17) {\n  animation-delay: 0.85s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(18) {\n  animation-delay: 0.9s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(19) {\n  animation-delay: 0.95s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-0f32651a]:nth-child(20) {\n  animation-delay: 1s;\n}\n.c-grid-layout .grid-stats[data-v-0f32651a] {\n  margin-top: 1rem;\n  font-size: 0.875rem;\n  opacity: 0.8;\n}\n\n/* 动画定义 */\n@keyframes fadeInUp-0f32651a {\nfrom {\n    opacity: 0;\n    transform: translateY(10px) scale(0.95);\n}\nto {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n}\n/* 表单控件统一宽度 */\n[data-v-0f32651a] .n-form-item .n-form-item-blank {\n  /* 统一所有表单控件的宽度 */\n}\n[data-v-0f32651a] .n-form-item .n-form-item-blank .n-input,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-input-number,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-select,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-date-picker,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-time-picker,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-cascader,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-tree-select,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-0f32651a] .n-form-item .n-form-item-blank .n-dynamic-tags {\n  width: 100% !important;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.c-grid-layout .config-panel .config-controls[data-v-0f32651a] {\n    flex-direction: column;\n    gap: 0.75rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-0f32651a] {\n    justify-content: space-between;\n}\n.c-grid-layout .grid-container[data-v-0f32651a] .n-grid {\n    gap: 0.5rem !important;\n}\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-0f32651a] {\n    padding: 0.125rem;\n}\n.c-grid-layout .grid-stats[data-v-0f32651a] {\n    margin-top: 0.75rem;\n    font-size: 0.875rem;\n}\n}\n@media (max-width: 480px) {\n.c-grid-layout .config-panel[data-v-0f32651a] {\n    margin-bottom: 0.75rem;\n}\n}\n/* 主题适配 */\n[data-v-0f32651a] .n-card {\n  --n-border-radius: 8px;\n}\n[data-v-0f32651a] .n-input-number {\n  --n-width: 100%;\n}\n\n/* 暗色主题 */\n@media (prefers-color-scheme: dark) {\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-0f32651a]:hover {\n    background-color: rgba(255, 255, 255, 0.05);\n}\n}","/* unplugin-vue-components disabled *//* Card 布局样式 */\n.c-form-card[data-v-6fd4b008] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n/* ================= 配置面板 ================= */\n.layout-config-panel[data-v-6fd4b008] {\n  margin-bottom: 0;\n}\n.config-controls[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n@media (max-width: 768px) {\n.config-controls[data-v-6fd4b008] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.config-item[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n}\n@media (max-width: 768px) {\n.config-item[data-v-6fd4b008] {\n    justify-content: space-between;\n}\n}\n\n/* ================= 表单内容区域 ================= */\n.form-content[data-v-6fd4b008] {\n  display: flex;\n}\n.layout-single[data-v-6fd4b008],\n.layout-vertical[data-v-6fd4b008] {\n  flex-direction: column;\n}\n.layout-horizontal[data-v-6fd4b008] {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.layout-horizontal .group-card[data-v-6fd4b008] {\n  flex: 1;\n  min-width: 0;\n}\n@media (max-width: 1200px) {\n.layout-horizontal[data-v-6fd4b008] {\n    flex-direction: column;\n}\n}\n\n/* ================= 卡片样式 ================= */\n.single-card[data-v-6fd4b008],\n.group-card[data-v-6fd4b008] {\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  border-left-width: 4px;\n}\n.single-card[data-v-6fd4b008],\n.basic-card[data-v-6fd4b008] {\n  border-left-color: #3b82f6;\n}\n.contact-card[data-v-6fd4b008] {\n  border-left-color: #22c55e;\n}\n.preferences-card[data-v-6fd4b008] {\n  border-left-color: #a855f7;\n}\n.group-card.collapsed .card-content[data-v-6fd4b008] {\n  display: none;\n}\n\n/* ================= 卡片头部 ================= */\n.card-header[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.header-info[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.card-icon[data-v-6fd4b008] {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: 0.5rem;\n  border-radius: 0.5rem;\n  background: linear-gradient(to bottom right, #3b82f6, #9333ea);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.125rem;\n}\n.header-text h3[data-v-6fd4b008] {\n  font-size: 1.125rem;\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n.header-text p[data-v-6fd4b008] {\n  font-size: 0.875rem;\n  color: #6b7280;\n  margin: 0;\n}\n.header-actions[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.field-stats[data-v-6fd4b008] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n/* ================= 卡片内容 ================= */\n.card-content[data-v-6fd4b008] {\n  padding-top: 1rem;\n}\n.progress-section[data-v-6fd4b008] {\n  padding-bottom: 1rem;\n}\n\n/* ================= 操作面板 ================= */\n.action-content[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n}\n@media (max-width: 768px) {\n.action-content[data-v-6fd4b008] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.status-summary[data-v-6fd4b008] {\n  display: flex;\n  gap: 1.5rem;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.status-item[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.status-item .label[data-v-6fd4b008] {\n  font-size: 0.875rem;\n}\n.progress-display[data-v-6fd4b008] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  min-width: 8rem;\n}\n.action-buttons[data-v-6fd4b008] {\n  display: flex;\n  gap: 0.75rem;\n}","/* unplugin-vue-components disabled *//* Tabs 布局样式 */\n.c-form-tabs[data-v-e847fa5c] {\n  width: 100%;\n}\n.single-panel[data-v-e847fa5c] {\n  width: 100%;\n}\n.tabs-container[data-v-e847fa5c] {\n  width: 100%;\n}\n.form-tabs[data-v-e847fa5c] {\n  width: 100%;\n}\n.tab-icon[data-v-e847fa5c] {\n  font-size: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.tab-header[data-v-e847fa5c] {\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.tab-description[data-v-e847fa5c] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  opacity: 0.8;\n}\n.tab-form-items[data-v-e847fa5c] {\n  width: 100%;\n}\n.tab-empty[data-v-e847fa5c] {\n  padding: 40px 0;\n}\n.tabs-actions[data-v-e847fa5c] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-border-color);\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.tabs-actions[data-v-e847fa5c] {\n    margin-top: 12px;\n    padding-top: 8px;\n}\n.tabs-actions[data-v-e847fa5c] .n-space {\n    flex-wrap: wrap;\n}\n}","/* unplugin-vue-components disabled *//* Steps 布局样式 */\n.c-form-steps[data-v-04fd4a74] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.single-panel[data-v-04fd4a74] {\n  width: 100%;\n}\n.steps-container[data-v-04fd4a74] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.steps-indicator[data-v-04fd4a74] {\n  padding: 24px;\n  border-radius: 8px;\n}\n.steps-content[data-v-04fd4a74] {\n  min-height: 400px;\n}\n.step-panel[data-v-04fd4a74] {\n  animation: fadeIn-04fd4a74 0.3s ease-in-out;\n}\n.step-header[data-v-04fd4a74] {\n  margin-bottom: 24px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.step-title[data-v-04fd4a74] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n}\n.step-description[data-v-04fd4a74] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n}\n.step-form-items[data-v-04fd4a74] {\n  width: 100%;\n}\n.steps-actions[data-v-04fd4a74] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--n-border-color);\n}\n@keyframes fadeIn-04fd4a74 {\nfrom {\n    opacity: 0;\n    transform: translateY(8px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 垂直步骤样式 */\n.steps-container[data-v-04fd4a74]:has(.steps-indicator:deep(.n-steps--vertical)) {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-04fd4a74] {\n  flex-shrink: 0;\n  width: 250px;\n  margin-right: 24px;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-content[data-v-04fd4a74] {\n  flex: 1;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.steps-container[data-v-04fd4a74]:has(.steps-indicator:deep(.n-steps--vertical)) {\n    flex-direction: column !important;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-04fd4a74] {\n    width: 100% !important;\n    margin-right: 0 !important;\n    margin-bottom: 16px;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-panel[data-v-04fd4a74] {\n    animation: none !important;\n}\n}","/* unplugin-vue-components disabled *//* Dynamic 布局样式 */\n.c-form-dynamic[data-v-dd1d4f2c] {\n  width: 100%;\n}\n.dynamic-controls[data-v-dd1d4f2c],\n.dynamic-controls-fallback[data-v-dd1d4f2c] {\n  margin-bottom: 16px;\n}\n.dynamic-stats[data-v-dd1d4f2c] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-divider-color);\n}\n.dynamic-item-wrapper[data-v-dd1d4f2c] {\n  position: relative;\n  transition: all 0.3s ease;\n  animation: fadeInUp-dd1d4f2c 0.3s ease-out;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-dd1d4f2c] {\n  border: 1px dashed var(--n-color-primary);\n  border-radius: 6px;\n  padding: 8px;\n  background-color: var(--n-color-primary-suppl);\n}\n.max-fields-config[data-v-dd1d4f2c] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n.max-fields-config span[data-v-dd1d4f2c] {\n  font-weight: 500;\n  white-space: nowrap;\n  color: var(--n-text-color-2);\n}\n@keyframes fadeInUp-dd1d4f2c {\nfrom {\n    opacity: 0;\n    transform: translateY(10px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 响应式设计 */\n@media (max-width: 768px) {\n.dynamic-controls[data-v-dd1d4f2c],\n  .dynamic-controls-fallback[data-v-dd1d4f2c] {\n    margin-bottom: 12px;\n}\n.dynamic-stats[data-v-dd1d4f2c] {\n    margin-top: 12px;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-dd1d4f2c] {\n    padding: 6px;\n}\n.max-fields-config[data-v-dd1d4f2c] {\n    margin-top: 8px;\n}\n}\n/* 辅助功能 */\n@media (prefers-reduced-motion: reduce) {\n.dynamic-item-wrapper[data-v-dd1d4f2c] {\n    animation: none !important;\n    transition: none !important;\n}\n}\n@media (prefers-contrast: high) {\n.dynamic-item-wrapper.is-dynamic-field[data-v-dd1d4f2c] {\n    border-width: 2px;\n    border-color: currentColor;\n}\n}","/* unplugin-vue-components disabled *//* Custom 布局样式 */\n.custom-layout .toolbar-card[data-v-732076e2] {\n  margin-bottom: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content[data-v-732076e2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-732076e2],\n.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-732076e2],\n.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.custom-layout .toolbar-card .toolbar-content .section-label[data-v-732076e2] {\n  font-size: 14px;\n  font-weight: 500;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-732076e2] {\n  text-align: center;\n  min-width: 60px;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-732076e2] {\n  display: block;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--n-primary-color);\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-732076e2] {\n  font-size: 12px;\n  opacity: 0.7;\n  margin-top: 4px;\n}\n.custom-layout .design-panel[data-v-732076e2] {\n  margin-bottom: 16px;\n}\n.custom-layout .design-panel .design-tools[data-v-732076e2] {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.custom-layout .design-panel .design-tools .tool-group[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-732076e2] {\n  font-size: 14px;\n  font-weight: 500;\n  margin-right: 4px;\n}\n.custom-layout .layout-canvas[data-v-732076e2] {\n  min-height: 200px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-732076e2] {\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n  padding: 16px;\n  background: var(--n-body-color);\n}\n.custom-layout .layout-canvas .canvas-hint[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  text-align: center;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-732076e2] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-732076e2] {\n  margin: 0;\n  opacity: 0.7;\n  font-size: 14px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-732076e2] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .layout-canvas .custom-area[data-v-732076e2] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  background: var(--n-card-color);\n  padding: 16px;\n  min-height: 120px;\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .custom-area .area-header[data-v-732076e2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--n-divider-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-732076e2] {\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-732076e2]:hover {\n  background: var(--n-button-color-hover);\n  color: var(--n-primary-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-732076e2] {\n  min-width: 120px;\n  max-width: 200px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-732076e2] {\n  display: flex;\n  gap: 4px;\n}\n.custom-layout .layout-canvas .custom-area .area-fields[data-v-732076e2] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-height: 60px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 6px;\n  font-size: 14px;\n  opacity: 0.6;\n  transition: all 0.2s ease;\n  background: var(--n-body-color);\n  margin-top: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-732076e2]:hover {\n  border-color: var(--n-primary-color);\n  opacity: 1;\n}\n.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-732076e2] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-732076e2] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item[data-v-732076e2] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-body-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .field-item[data-v-732076e2]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-item .field-preview[data-v-732076e2] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-732076e2] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-732076e2] {\n  font-size: 11px;\n  opacity: 0.6;\n  background: var(--n-tag-color);\n  padding: 2px 6px;\n  border-radius: 4px;\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .field-pool[data-v-732076e2] {\n  margin-top: 16px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-732076e2] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-732076e2] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-card-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-732076e2]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-732076e2] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-732076e2] {\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: var(--n-tag-color);\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .empty-layout[data-v-732076e2] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  padding: 16px;\n}\n.custom-layout .layout-canvas .form-areas[data-v-732076e2] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: flex-start;\n}\n.custom-layout .layout-canvas .form-areas .form-area[data-v-732076e2] {\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-732076e2] {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  /* 统一表单项宽度 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank {\n  width: 100%;\n  /* 统一输入控件宽度 */\n  /* 特殊控件的额外处理 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-input,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-date-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-input-number,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-textarea,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-checkbox-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-cascader,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-tree-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-time-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-color-picker {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-732076e2] .n-form-item .n-form-item-blank .n-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-732076e2] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-732076e2] .n-form-item {\n  flex: 1;\n  min-width: 200px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-732076e2] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 16px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-732076e2] .n-form-item {\n  width: 100%;\n}\n\n/* 拖拽状态 */\n.area-ghost[data-v-732076e2],\n.field-ghost[data-v-732076e2] {\n  opacity: 0.5;\n  background: var(--n-primary-color-suppl);\n  border: 2px dashed var(--n-primary-color);\n  transform: rotate(2deg);\n}\n\n/* 响应式 */\n@media (max-width: 1024px) {\n.custom-layout .toolbar-content[data-v-732076e2] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-732076e2] {\n    flex-direction: column;\n}\n}\n@media (max-width: 768px) {\n.custom-layout .design-tools[data-v-732076e2] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-732076e2] {\n    padding: 12px;\n}\n.custom-layout .custom-area[data-v-732076e2] {\n    padding: 12px;\n    min-height: 100px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-732076e2] {\n    grid-template-columns: repeat(2, 1fr);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;ACnKA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"C_Form-mcd1nKvF.css","names":[],"sources":["../src/components/C_Form/layouts/Default/index.vue?vue&type=style&index=0&scoped=3422ba86&lang.css","../src/components/C_Form/layouts/Inline/index.vue?vue&type=style&index=0&scoped=067214c3&lang.scss","../src/components/C_Form/layouts/Grid/index.vue?vue&type=style&index=0&scoped=941b317b&lang.scss","../src/components/C_Form/layouts/Card/index.vue?vue&type=style&index=0&scoped=e4d182af&lang.scss","../src/components/C_Form/layouts/Tabs/index.vue?vue&type=style&index=0&scoped=330de51f&lang.scss","../src/components/C_Form/layouts/Steps/index.vue?vue&type=style&index=0&scoped=20345bf3&lang.scss","../src/components/C_Form/layouts/Dynamic/index.vue?vue&type=style&index=0&scoped=c2b155a1&lang.scss","../src/components/C_Form/layouts/Custom/index.vue?vue&type=style&index=0&scoped=fe093284&lang.scss"],"sourcesContent":["/* unplugin-vue-components disabled */\n.c-form-default[data-v-3422ba86] {\r\n  width: 100%;\n}\r\n","/* unplugin-vue-components disabled *//* Inline 布局样式 */\n.c-form-inline[data-v-067214c3] {\n  width: 100%;\n  min-height: 0;\n  transition: all 0.3s ease;\n}\n.c-form-inline-item[data-v-067214c3] {\n  min-width: 0;\n  transition: all 0.3s ease;\n}\n\n/* 确保内部所有表单组件都占满容器宽度 */\n.c-form-inline-item[data-v-067214c3] .n-form-item {\n  width: 100%;\n  margin-bottom: 0;\n}\n.c-form-inline-item[data-v-067214c3] .n-form-item-blank {\n  width: 100%;\n}\n.c-form-inline-item[data-v-067214c3] .n-input,\n.c-form-inline-item[data-v-067214c3] .n-select,\n.c-form-inline-item[data-v-067214c3] .n-date-picker,\n.c-form-inline-item[data-v-067214c3] .n-time-picker,\n.c-form-inline-item[data-v-067214c3] .n-input-number,\n.c-form-inline-item[data-v-067214c3] .n-cascader,\n.c-form-inline-item[data-v-067214c3] .n-color-picker,\n.c-form-inline-item[data-v-067214c3] .n-auto-complete,\n.c-form-inline-item[data-v-067214c3] .n-tree-select {\n  width: 100% !important;\n}\n\n/* 单选框和复选框组保持自然宽度 */\n.c-form-inline-item[data-v-067214c3] .n-radio-group,\n.c-form-inline-item[data-v-067214c3] .n-checkbox-group {\n  width: 100%;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n/* 开关组件居左对齐 */\n.c-form-inline-item[data-v-067214c3] .n-switch {\n  width: auto;\n}\n\n/* ================= 对齐方式样式增强 ================= */\n/* 当容器使用 center 对齐时，确保表单项也居中 */\n.c-form-inline[style*=\"justify-content: center\"] .c-form-inline-item[data-v-067214c3] {\n  text-align: center;\n}\n\n/* 当容器使用 end 对齐时，确保表单项也右对齐 */\n.c-form-inline[style*=\"justify-content: flex-end\"] .c-form-inline-item[data-v-067214c3] {\n  text-align: right;\n}\n\n/* 当容器使用 start 对齐时，确保表单项左对齐 */\n.c-form-inline[style*=\"justify-content: flex-start\"] .c-form-inline-item[data-v-067214c3] {\n  text-align: left;\n}\n\n/* ================= 响应式设计 ================= */\n/* 移动设备 - 改为垂直布局 */\n@media (max-width: 768px) {\n.c-form-inline[data-v-067214c3] {\n    flex-direction: column !important;\n    gap: 12px !important;\n    justify-content: flex-start !important;\n}\n.c-form-inline-item[data-v-067214c3] {\n    width: 100% !important;\n    text-align: left !important;\n}\n}\n/* 小屏手机 */\n@media (max-width: 480px) {\n.c-form-inline[data-v-067214c3] {\n    gap: 8px !important;\n}\n}","/* unplugin-vue-components disabled *//* Grid 布局样式 */\n/* 变量定义 */\n.c-grid-layout[data-v-941b317b] {\n  width: 100%;\n  /* 配置面板 */\n  /* 网格容器 */\n  /* 统计信息 */\n}\n.c-grid-layout .config-panel[data-v-941b317b] {\n  margin-bottom: 1rem;\n}\n.c-grid-layout .config-panel .config-header[data-v-941b317b] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.c-grid-layout .config-panel .config-controls[data-v-941b317b] {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-941b317b] {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item .config-label[data-v-941b317b] {\n  font-size: 0.875rem;\n  white-space: nowrap;\n  min-width: 3rem;\n}\n.c-grid-layout .grid-container[data-v-941b317b] {\n  width: 100%;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b] {\n  /* 进场动画 */\n  animation: fadeInUp-941b317b 0.3s ease-out both;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(1) {\n  animation-delay: 0.05s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(2) {\n  animation-delay: 0.1s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(3) {\n  animation-delay: 0.15s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(4) {\n  animation-delay: 0.2s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(5) {\n  animation-delay: 0.25s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(6) {\n  animation-delay: 0.3s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(7) {\n  animation-delay: 0.35s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(8) {\n  animation-delay: 0.4s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(9) {\n  animation-delay: 0.45s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(10) {\n  animation-delay: 0.5s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(11) {\n  animation-delay: 0.55s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(12) {\n  animation-delay: 0.6s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(13) {\n  animation-delay: 0.65s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(14) {\n  animation-delay: 0.7s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(15) {\n  animation-delay: 0.75s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(16) {\n  animation-delay: 0.8s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(17) {\n  animation-delay: 0.85s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(18) {\n  animation-delay: 0.9s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(19) {\n  animation-delay: 0.95s;\n}\n.c-grid-layout .grid-container .grid-item[data-v-941b317b]:nth-child(20) {\n  animation-delay: 1s;\n}\n.c-grid-layout .grid-stats[data-v-941b317b] {\n  margin-top: 1rem;\n  font-size: 0.875rem;\n  opacity: 0.8;\n}\n\n/* 动画定义 */\n@keyframes fadeInUp-941b317b {\nfrom {\n    opacity: 0;\n    transform: translateY(10px) scale(0.95);\n}\nto {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n}\n}\n/* 表单控件统一宽度 */\n[data-v-941b317b] .n-form-item .n-form-item-blank {\n  /* 统一所有表单控件的宽度 */\n}\n[data-v-941b317b] .n-form-item .n-form-item-blank .n-input,[data-v-941b317b] .n-form-item .n-form-item-blank .n-input-number,[data-v-941b317b] .n-form-item .n-form-item-blank .n-select,[data-v-941b317b] .n-form-item .n-form-item-blank .n-date-picker,[data-v-941b317b] .n-form-item .n-form-item-blank .n-time-picker,[data-v-941b317b] .n-form-item .n-form-item-blank .n-cascader,[data-v-941b317b] .n-form-item .n-form-item-blank .n-tree-select,[data-v-941b317b] .n-form-item .n-form-item-blank .n-auto-complete,[data-v-941b317b] .n-form-item .n-form-item-blank .n-dynamic-tags {\n  width: 100% !important;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.c-grid-layout .config-panel .config-controls[data-v-941b317b] {\n    flex-direction: column;\n    gap: 0.75rem;\n}\n.c-grid-layout .config-panel .config-controls .config-item[data-v-941b317b] {\n    justify-content: space-between;\n}\n.c-grid-layout .grid-container[data-v-941b317b] .n-grid {\n    gap: 0.5rem !important;\n}\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-941b317b] {\n    padding: 0.125rem;\n}\n.c-grid-layout .grid-stats[data-v-941b317b] {\n    margin-top: 0.75rem;\n    font-size: 0.875rem;\n}\n}\n@media (max-width: 480px) {\n.c-grid-layout .config-panel[data-v-941b317b] {\n    margin-bottom: 0.75rem;\n}\n}\n/* 主题适配 */\n[data-v-941b317b] .n-card {\n  --n-border-radius: 8px;\n}\n[data-v-941b317b] .n-input-number {\n  --n-width: 100%;\n}\n\n/* 暗色主题 */\n@media (prefers-color-scheme: dark) {\n.c-grid-layout .grid-container .grid-item .item-wrapper[data-v-941b317b]:hover {\n    background-color: rgba(255, 255, 255, 0.05);\n}\n}","/* unplugin-vue-components disabled *//* Card 布局样式 */\n.c-form-card[data-v-e4d182af] {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n/* ================= 配置面板 ================= */\n.layout-config-panel[data-v-e4d182af] {\n  margin-bottom: 0;\n}\n.config-controls[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 1.5rem;\n  flex-wrap: wrap;\n}\n@media (max-width: 768px) {\n.config-controls[data-v-e4d182af] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.config-item[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  font-size: 0.875rem;\n}\n@media (max-width: 768px) {\n.config-item[data-v-e4d182af] {\n    justify-content: space-between;\n}\n}\n\n/* ================= 表单内容区域 ================= */\n.form-content[data-v-e4d182af] {\n  display: flex;\n}\n.layout-single[data-v-e4d182af],\n.layout-vertical[data-v-e4d182af] {\n  flex-direction: column;\n}\n.layout-horizontal[data-v-e4d182af] {\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.layout-horizontal .group-card[data-v-e4d182af] {\n  flex: 1;\n  min-width: 0;\n}\n@media (max-width: 1200px) {\n.layout-horizontal[data-v-e4d182af] {\n    flex-direction: column;\n}\n}\n\n/* ================= 卡片样式 ================= */\n.single-card[data-v-e4d182af],\n.group-card[data-v-e4d182af] {\n  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  border-left-width: 4px;\n}\n.single-card[data-v-e4d182af],\n.basic-card[data-v-e4d182af] {\n  border-left-color: #3b82f6;\n}\n.contact-card[data-v-e4d182af] {\n  border-left-color: #22c55e;\n}\n.preferences-card[data-v-e4d182af] {\n  border-left-color: #a855f7;\n}\n.group-card.collapsed .card-content[data-v-e4d182af] {\n  display: none;\n}\n\n/* ================= 卡片头部 ================= */\n.card-header[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n.header-info[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n}\n.card-icon[data-v-e4d182af] {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: 0.5rem;\n  border-radius: 0.5rem;\n  background: linear-gradient(to bottom right, #3b82f6, #9333ea);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 1.125rem;\n}\n.header-text h3[data-v-e4d182af] {\n  font-size: 1.125rem;\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n.header-text p[data-v-e4d182af] {\n  font-size: 0.875rem;\n  color: #6b7280;\n  margin: 0;\n}\n.header-actions[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.field-stats[data-v-e4d182af] {\n  display: flex;\n  gap: 0.5rem;\n}\n\n/* ================= 卡片内容 ================= */\n.card-content[data-v-e4d182af] {\n  padding-top: 1rem;\n}\n.progress-section[data-v-e4d182af] {\n  padding-bottom: 1rem;\n}\n\n/* ================= 操作面板 ================= */\n.action-content[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 1.5rem;\n}\n@media (max-width: 768px) {\n.action-content[data-v-e4d182af] {\n    flex-direction: column;\n    align-items: stretch;\n    gap: 1rem;\n}\n}\n.status-summary[data-v-e4d182af] {\n  display: flex;\n  gap: 1.5rem;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.status-item[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n.status-item .label[data-v-e4d182af] {\n  font-size: 0.875rem;\n}\n.progress-display[data-v-e4d182af] {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  min-width: 8rem;\n}\n.action-buttons[data-v-e4d182af] {\n  display: flex;\n  gap: 0.75rem;\n}","/* unplugin-vue-components disabled *//* Tabs 布局样式 */\n.c-form-tabs[data-v-330de51f] {\n  width: 100%;\n}\n.single-panel[data-v-330de51f] {\n  width: 100%;\n}\n.tabs-container[data-v-330de51f] {\n  width: 100%;\n}\n.form-tabs[data-v-330de51f] {\n  width: 100%;\n}\n.tab-icon[data-v-330de51f] {\n  font-size: 16px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.tab-header[data-v-330de51f] {\n  margin-bottom: 16px;\n  padding-bottom: 12px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.tab-description[data-v-330de51f] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n  opacity: 0.8;\n}\n.tab-form-items[data-v-330de51f] {\n  width: 100%;\n}\n.tab-empty[data-v-330de51f] {\n  padding: 40px 0;\n}\n.tabs-actions[data-v-330de51f] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-border-color);\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.tabs-actions[data-v-330de51f] {\n    margin-top: 12px;\n    padding-top: 8px;\n}\n.tabs-actions[data-v-330de51f] .n-space {\n    flex-wrap: wrap;\n}\n}","/* unplugin-vue-components disabled *//* Steps 布局样式 */\n.c-form-steps[data-v-20345bf3] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.single-panel[data-v-20345bf3] {\n  width: 100%;\n}\n.steps-container[data-v-20345bf3] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n.steps-indicator[data-v-20345bf3] {\n  padding: 24px;\n  border-radius: 8px;\n}\n.steps-content[data-v-20345bf3] {\n  min-height: 400px;\n}\n.step-panel[data-v-20345bf3] {\n  animation: fadeIn-20345bf3 0.3s ease-in-out;\n}\n.step-header[data-v-20345bf3] {\n  margin-bottom: 24px;\n  padding-bottom: 16px;\n  border-bottom: 1px solid var(--n-border-color);\n}\n.step-title[data-v-20345bf3] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n  font-weight: 600;\n}\n.step-description[data-v-20345bf3] {\n  margin: 0;\n  font-size: 14px;\n  line-height: 1.5;\n}\n.step-form-items[data-v-20345bf3] {\n  width: 100%;\n}\n.steps-actions[data-v-20345bf3] {\n  margin-top: 24px;\n  padding-top: 16px;\n  border-top: 1px solid var(--n-border-color);\n}\n@keyframes fadeIn-20345bf3 {\nfrom {\n    opacity: 0;\n    transform: translateY(8px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 垂直步骤样式 */\n.steps-container[data-v-20345bf3]:has(.steps-indicator:deep(.n-steps--vertical)) {\n  flex-direction: row;\n  align-items: flex-start;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-20345bf3] {\n  flex-shrink: 0;\n  width: 250px;\n  margin-right: 24px;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-content[data-v-20345bf3] {\n  flex: 1;\n}\n\n/* 响应式设计 */\n@media (max-width: 768px) {\n.steps-container[data-v-20345bf3]:has(.steps-indicator:deep(.n-steps--vertical)) {\n    flex-direction: column !important;\n}\n.steps-container:has(.steps-indicator:deep(.n-steps--vertical)) .steps-indicator[data-v-20345bf3] {\n    width: 100% !important;\n    margin-right: 0 !important;\n    margin-bottom: 16px;\n}\n}\n@media (prefers-reduced-motion: reduce) {\n.step-panel[data-v-20345bf3] {\n    animation: none !important;\n}\n}","/* unplugin-vue-components disabled *//* Dynamic 布局样式 */\n.c-form-dynamic[data-v-c2b155a1] {\n  width: 100%;\n}\n.dynamic-controls[data-v-c2b155a1],\n.dynamic-controls-fallback[data-v-c2b155a1] {\n  margin-bottom: 16px;\n}\n.dynamic-stats[data-v-c2b155a1] {\n  margin-top: 16px;\n  padding-top: 12px;\n  border-top: 1px solid var(--n-divider-color);\n}\n.dynamic-item-wrapper[data-v-c2b155a1] {\n  position: relative;\n  transition: all 0.3s ease;\n  animation: fadeInUp-c2b155a1 0.3s ease-out;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-c2b155a1] {\n  border: 1px dashed var(--n-color-primary);\n  border-radius: 6px;\n  padding: 8px;\n  background-color: var(--n-color-primary-suppl);\n}\n.max-fields-config[data-v-c2b155a1] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 14px;\n}\n.max-fields-config span[data-v-c2b155a1] {\n  font-weight: 500;\n  white-space: nowrap;\n  color: var(--n-text-color-2);\n}\n@keyframes fadeInUp-c2b155a1 {\nfrom {\n    opacity: 0;\n    transform: translateY(10px);\n}\nto {\n    opacity: 1;\n    transform: translateY(0);\n}\n}\n/* 响应式设计 */\n@media (max-width: 768px) {\n.dynamic-controls[data-v-c2b155a1],\n  .dynamic-controls-fallback[data-v-c2b155a1] {\n    margin-bottom: 12px;\n}\n.dynamic-stats[data-v-c2b155a1] {\n    margin-top: 12px;\n}\n.dynamic-item-wrapper.is-dynamic-field[data-v-c2b155a1] {\n    padding: 6px;\n}\n.max-fields-config[data-v-c2b155a1] {\n    margin-top: 8px;\n}\n}\n/* 辅助功能 */\n@media (prefers-reduced-motion: reduce) {\n.dynamic-item-wrapper[data-v-c2b155a1] {\n    animation: none !important;\n    transition: none !important;\n}\n}\n@media (prefers-contrast: high) {\n.dynamic-item-wrapper.is-dynamic-field[data-v-c2b155a1] {\n    border-width: 2px;\n    border-color: currentColor;\n}\n}","/* unplugin-vue-components disabled *//* Custom 布局样式 */\n.custom-layout .toolbar-card[data-v-fe093284] {\n  margin-bottom: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content[data-v-fe093284] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .toolbar-card .toolbar-content .mode-section[data-v-fe093284],\n.custom-layout .toolbar-card .toolbar-content .stats-section[data-v-fe093284],\n.custom-layout .toolbar-card .toolbar-content .actions-section[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.custom-layout .toolbar-card .toolbar-content .section-label[data-v-fe093284] {\n  font-size: 14px;\n  font-weight: 500;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item[data-v-fe093284] {\n  text-align: center;\n  min-width: 60px;\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-value[data-v-fe093284] {\n  display: block;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--n-primary-color);\n}\n.custom-layout .toolbar-card .toolbar-content .stat-item .stat-label[data-v-fe093284] {\n  font-size: 12px;\n  opacity: 0.7;\n  margin-top: 4px;\n}\n.custom-layout .design-panel[data-v-fe093284] {\n  margin-bottom: 16px;\n}\n.custom-layout .design-panel .design-tools[data-v-fe093284] {\n  display: flex;\n  gap: 24px;\n  flex-wrap: wrap;\n}\n.custom-layout .design-panel .design-tools .tool-group[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .design-panel .design-tools .tool-group .group-label[data-v-fe093284] {\n  font-size: 14px;\n  font-weight: 500;\n  margin-right: 4px;\n}\n.custom-layout .layout-canvas[data-v-fe093284] {\n  min-height: 200px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-fe093284] {\n  border: 2px dashed var(--n-border-color);\n  border-radius: 8px;\n  padding: 16px;\n  background: var(--n-body-color);\n}\n.custom-layout .layout-canvas .canvas-hint[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  text-align: center;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content h3[data-v-fe093284] {\n  margin: 0 0 8px 0;\n  font-size: 18px;\n}\n.custom-layout .layout-canvas .canvas-hint .hint-content p[data-v-fe093284] {\n  margin: 0;\n  opacity: 0.7;\n  font-size: 14px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-fe093284] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n}\n.custom-layout .layout-canvas .custom-area[data-v-fe093284] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 8px;\n  background: var(--n-card-color);\n  padding: 16px;\n  min-height: 120px;\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .custom-area .area-header[data-v-fe093284] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 16px;\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--n-divider-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-fe093284] {\n  font-weight: 600;\n  font-size: 14px;\n  cursor: pointer;\n  padding: 2px 6px;\n  border-radius: 4px;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .area-title[data-v-fe093284]:hover {\n  background: var(--n-button-color-hover);\n  color: var(--n-primary-color);\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-info .title-input[data-v-fe093284] {\n  min-width: 120px;\n  max-width: 200px;\n}\n.custom-layout .layout-canvas .custom-area .area-header .area-controls[data-v-fe093284] {\n  display: flex;\n  gap: 4px;\n}\n.custom-layout .layout-canvas .custom-area .area-fields[data-v-fe093284] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  min-height: 60px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 60px;\n  border: 2px dashed var(--n-border-color);\n  border-radius: 6px;\n  font-size: 14px;\n  opacity: 0.6;\n  transition: all 0.2s ease;\n  background: var(--n-body-color);\n  margin-top: 8px;\n}\n.custom-layout .layout-canvas .custom-area .area-drop-zone[data-v-fe093284]:hover {\n  border-color: var(--n-primary-color);\n  opacity: 1;\n}\n.custom-layout .layout-canvas .custom-area.area-horizontal .area-fields[data-v-fe093284] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .custom-area.area-grid .area-fields[data-v-fe093284] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item[data-v-fe093284] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-body-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n}\n.custom-layout .layout-canvas .field-item[data-v-fe093284]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-item .field-preview[data-v-fe093284] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-label[data-v-fe093284] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-item .field-preview .field-type[data-v-fe093284] {\n  font-size: 11px;\n  opacity: 0.6;\n  background: var(--n-tag-color);\n  padding: 2px 6px;\n  border-radius: 4px;\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .field-pool[data-v-fe093284] {\n  margin-top: 16px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-fe093284] {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 12px;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-fe093284] {\n  border: 1px solid var(--n-border-color);\n  border-radius: 6px;\n  background: var(--n-card-color);\n  padding: 12px;\n  min-height: 40px;\n  cursor: move;\n  transition: all 0.2s ease;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.custom-layout .layout-canvas .field-pool .pool-field[data-v-fe093284]:hover {\n  border-color: var(--n-primary-color);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-name[data-v-fe093284] {\n  font-size: 13px;\n  font-weight: 500;\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.custom-layout .layout-canvas .field-pool .pool-field .field-type-tag[data-v-fe093284] {\n  font-size: 11px;\n  padding: 2px 8px;\n  border-radius: 4px;\n  background: var(--n-tag-color);\n  flex-shrink: 0;\n}\n.custom-layout .layout-canvas .empty-layout[data-v-fe093284] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 120px;\n  padding: 16px;\n}\n.custom-layout .layout-canvas .form-areas[data-v-fe093284] {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  align-items: flex-start;\n}\n.custom-layout .layout-canvas .form-areas .form-area[data-v-fe093284] {\n  flex: 1;\n  min-width: 250px;\n}\n.custom-layout .layout-canvas .form-areas .form-area.area-vertical[data-v-fe093284] {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  /* 统一表单项宽度 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item {\n  width: 100%;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank {\n  width: 100%;\n  /* 统一输入控件宽度 */\n  /* 特殊控件的额外处理 */\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-input,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-date-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-input-number,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-textarea,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-checkbox-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-cascader,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-tree-select,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-time-picker,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-color-picker {\n  width: 100% !important;\n  max-width: 100% !important;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-radio-group,\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items[data-v-fe093284] .n-form-item .n-form-item-blank .n-checkbox-group {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-fe093284] {\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 12px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-horizontal[data-v-fe093284] .n-form-item {\n  flex: 1;\n  min-width: 200px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-fe093284] {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 16px;\n}\n.custom-layout .layout-canvas .form-areas .form-area .area-form-items.layout-grid[data-v-fe093284] .n-form-item {\n  width: 100%;\n}\n\n/* 拖拽状态 */\n.area-ghost[data-v-fe093284],\n.field-ghost[data-v-fe093284] {\n  opacity: 0.5;\n  background: var(--n-primary-color-suppl);\n  border: 2px dashed var(--n-primary-color);\n  transform: rotate(2deg);\n}\n\n/* 响应式 */\n@media (max-width: 1024px) {\n.custom-layout .toolbar-content[data-v-fe093284] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas .areas-container[data-v-fe093284] {\n    flex-direction: column;\n}\n}\n@media (max-width: 768px) {\n.custom-layout .design-tools[data-v-fe093284] {\n    flex-direction: column;\n    gap: 12px;\n}\n.custom-layout .layout-canvas.design-mode[data-v-fe093284] {\n    padding: 12px;\n}\n.custom-layout .custom-area[data-v-fe093284] {\n    padding: 12px;\n    min-height: 100px;\n}\n.custom-layout .layout-canvas .field-pool .pool-fields-grid[data-v-fe093284] {\n    grid-template-columns: repeat(2, 1fr);\n}\n}"],"mappings":"AAAA;AACA;AACA;AACA;;ACHA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AC/EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;ACnKA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACxKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACnDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACtFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}