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

package/dist/C_FormulaEditor.css

@@ -1,188 +1,470 @@
-/* unplugin-vue-components disabled *//* FormulaInput 组件样式 */
-.formula-input[data-v-154f1a9b] {
-  background: var(--c-bg-card);
-  transition: background var(--c-transition, 0.2s ease);
-  border-bottom: 1px solid var(--c-border);
+: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;
+  position: relative;
+  flex-shrink: 0;
+  vertical-align: middle;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-075758a0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-075758a0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
 }
-.formula-input--error[data-v-154f1a9b] {
-  background: color-mix(in srgb, var(--error-color) 3%, var(--c-bg-card));
+.c-icon--clickable[data-v-075758a0]:active {
+  transform: scale(0.95);
 }
-.formula-input--disabled[data-v-154f1a9b] {
+.c-icon--clickable[data-v-075758a0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-075758a0] {
   opacity: 0.6;
-  pointer-events: none;
+  cursor: wait;
 }
-.formula-input__header[data-v-154f1a9b] {
+.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);
+}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.px[data-v-fdb8dd69]{padding-left:1rem;padding-right:1rem;}
+
+/* unplugin-vue-components disabled *//* 公式工作区：变量、原生输入与试算结果共享一个模型。 */
+.c-formula[data-v-fdb8dd69] {
+  container: formula-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-formula h2[data-v-fdb8dd69],
+.c-formula p[data-v-fdb8dd69] {
+  margin: 0;
+}
+.c-formula__title-row[data-v-fdb8dd69] {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  padding: 10px 16px 0;
+  flex-wrap: wrap;
+  gap: 16px;
+  padding: 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-formula__title-row h2[data-v-fdb8dd69] {
+  margin-top: 8px;
+  color: var(--c-text-1);
+  font-size: 22px;
+  letter-spacing: -0.4px;
 }
-.formula-input__label[data-v-154f1a9b] {
+.c-formula__title-row p[data-v-fdb8dd69] {
+  margin-top: 6px;
   font-size: 13px;
-  font-weight: 600;
-  color: var(--c-text-2);
 }
-.formula-input__clear[data-v-154f1a9b] {
+.c-formula__eyebrow[data-v-fdb8dd69] {
+  color: var(--c-primary);
+  font: 600 10px ui-monospace, monospace;
+  letter-spacing: 2px;
+}
+.c-formula__actions[data-v-fdb8dd69] {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+.c-formula__templates[data-v-fdb8dd69] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
+  gap: 8px;
+  padding: 16px 24px;
+  border-bottom: 1px solid var(--c-border);
+}
+.c-formula__templates button[data-v-fdb8dd69] {
   appearance: none;
-  border: 0;
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+  gap: 4px;
+  border: 1px solid var(--c-border);
+  border-radius: 10px;
+  padding: 12px 16px;
   background: transparent;
-  padding: 0;
+  color: var(--c-text-2);
   font: inherit;
-  font-size: 12px;
-  color: var(--c-primary);
   cursor: pointer;
-  user-select: none;
 }
-.formula-input__clear[data-v-154f1a9b]:focus-visible {
+.c-formula__templates button strong[data-v-fdb8dd69] {
+  color: var(--c-text-1);
+  font-size: 12px;
+}
+.c-formula__templates button span[data-v-fdb8dd69] {
+  font-size: 11px;
+}
+.c-formula__templates button[aria-pressed=true][data-v-fdb8dd69], .c-formula__templates button[data-v-fdb8dd69]:hover:enabled {
+  border-color: var(--c-primary);
+  background: color-mix(in srgb, var(--c-primary) 6%, transparent);
+}
+.c-formula__templates button[data-v-fdb8dd69]:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+.c-formula__templates button[data-v-fdb8dd69]:focus-visible {
   outline: 2px solid var(--c-primary);
   outline-offset: 2px;
 }
-.formula-input__clear[data-v-154f1a9b]:hover {
-  opacity: 0.8;
+.c-formula__body[data-v-fdb8dd69] {
+  display: grid;
+  grid-template-columns: 210px minmax(0, 1fr) 300px;
+  align-items: stretch;
 }
-.formula-input__editor[data-v-154f1a9b] {
-  min-height: 72px;
-  max-height: 180px;
-  padding: 8px 16px 12px;
-  font-size: 14px;
-  line-height: 2;
+.c-formula__body--no-sidebar[data-v-fdb8dd69] {
+  grid-template-columns: minmax(0, 1fr) 300px;
+}
+.c-formula__body--no-preview[data-v-fdb8dd69] {
+  grid-template-columns: 210px minmax(0, 1fr);
+}
+.c-formula__body--no-sidebar.c-formula__body--no-preview[data-v-fdb8dd69] {
+  grid-template-columns: minmax(0, 1fr);
+}
+.c-formula__sidebar[data-v-fdb8dd69] {
+  min-width: 0;
+  border-right: 1px solid var(--c-border);
+}
+.c-formula__main[data-v-fdb8dd69] {
+  min-width: 0;
+  padding: 24px;
+}
+.c-formula__keyboard[data-v-fdb8dd69] {
+  margin-top: 20px;
+  border: 1px solid var(--c-border);
+  border-radius: 10px;
+}
+.c-formula__keyboard summary[data-v-fdb8dd69] {
+  padding: 12px 16px;
+  font-size: 12px;
+  cursor: pointer;
   color: var(--c-text-1);
-  outline: none;
-  overflow-y: auto;
-  word-break: break-all;
-  white-space: pre-wrap;
 }
-.formula-input__editor[data-v-154f1a9b]:empty::before {
-  content: attr(data-placeholder);
-  color: var(--c-text-4);
-  pointer-events: none;
+.c-formula__keyboard summary span[data-v-fdb8dd69] {
+  margin-left: 8px;
+  color: var(--c-text-3);
+  font-size: 11px;
 }
-.formula-input__editor[data-v-154f1a9b] {
-  /* 变量 chip */
+.c-formula__keyboard summary[data-v-fdb8dd69]:focus-visible {
+  outline: 2px solid var(--c-primary);
 }
-.formula-input__editor[data-v-154f1a9b] .formula-chip {
-  display: inline-flex;
-  align-items: center;
-  padding: 1px 8px;
-  margin: 0 2px;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--c-primary) 12%, transparent);
+.c-formula__keyboard[data-v-fdb8dd69] .virtual-keyboard {
+  padding: 0 16px 16px;
+}
+.c-formula__guide[data-v-fdb8dd69] {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin-top: 20px;
+  font-size: 11px;
+  color: var(--c-text-3);
+  line-height: 1.8;
+}
+.c-formula__guide[data-v-fdb8dd69] > :first-child {
+  flex-shrink: 0;
+  margin-top: 3px;
+}
+.c-formula__guide code[data-v-fdb8dd69] {
   color: var(--c-primary);
-  font-weight: 500;
-  font-size: 13px;
-  line-height: 22px;
-  vertical-align: baseline;
-  user-select: none;
-  cursor: default;
 }
-.formula-input__editor[data-v-154f1a9b] {
-  /* 函数名 */
+@container formula-editor (max-width: 980px) {
+.c-formula__body[data-v-fdb8dd69] {
+    grid-template-columns: 190px minmax(0, 1fr);
 }
-.formula-input__editor[data-v-154f1a9b] .formula-func {
-  color: color-mix(in srgb, var(--c-primary) 80%, #8b5cf6);
-  font-weight: 600;
+.c-formula__body--no-sidebar[data-v-fdb8dd69] {
+    grid-template-columns: minmax(0, 1fr);
 }
-.formula-input__editor[data-v-154f1a9b] {
-  /* 运算符 */
+.c-formula__body[data-v-fdb8dd69] >  .formula-preview {
+    grid-column: 1/-1;
+    border-left: 0;
+    border-top: 1px solid var(--c-border);
 }
-.formula-input__editor[data-v-154f1a9b] .formula-op {
-  color: var(--warning-color, #f0a020);
-  font-weight: 600;
 }
-.formula-input__editor[data-v-154f1a9b] {
-  /* 数字 */
+@container formula-editor (max-width: 580px) {
+.c-formula__body[data-v-fdb8dd69] {
+    grid-template-columns: minmax(0, 1fr);
 }
-.formula-input__editor[data-v-154f1a9b] .formula-num {
-  color: color-mix(in srgb, var(--success-color, #18a058) 90%, transparent);
+.c-formula__sidebar[data-v-fdb8dd69] {
+    border-right: 0;
+    border-bottom: 1px solid var(--c-border);
 }
-.formula-input__editor[data-v-154f1a9b] {
-  /* 括号 */
+.c-formula__title-row[data-v-fdb8dd69],
+  .c-formula__main[data-v-fdb8dd69] {
+    padding: 18px;
 }
-.formula-input__editor[data-v-154f1a9b] .formula-paren {
+}
+/* unplugin-vue-components disabled *//* 隔离试算值与明确结果，组件宽度变化时自然换行。 */
+.formula-preview[data-v-b2656900] {
+  min-width: 0;
+  padding: 24px;
+  border-left: 1px solid var(--c-border);
+  background: color-mix(in srgb, var(--c-primary) 3%, var(--c-bg-card));
+}
+.formula-preview header[data-v-b2656900] {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+}
+.formula-preview h3[data-v-b2656900],
+.formula-preview p[data-v-b2656900] {
+  margin: 0;
+}
+.formula-preview h3[data-v-b2656900] {
+  font-size: 15px;
+  color: var(--c-text-1);
+}
+.formula-preview header p[data-v-b2656900] {
+  margin-top: 4px;
+  font-size: 12px;
+  line-height: 1.7;
   color: var(--c-text-2);
+}
+.formula-preview__step[data-v-b2656900] {
+  font: 600 12px ui-monospace, monospace;
+  color: var(--c-primary);
+}
+.formula-preview__result[data-v-b2656900] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  margin: 24px 0;
+  padding: 20px;
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--c-primary) 7%, var(--c-bg-card));
+  border: 1px solid color-mix(in srgb, var(--c-primary) 20%, var(--c-border));
+  min-height: 120px;
+}
+.formula-preview__result--error[data-v-b2656900] {
+  border-color: color-mix(in srgb, var(--c-error) 30%, var(--c-border));
+  background: color-mix(in srgb, var(--c-error) 4%, var(--c-bg-card));
+}
+.formula-preview__result-label[data-v-b2656900] {
+  color: var(--c-primary);
+  font-size: 12px;
+}
+.formula-preview__result-value[data-v-b2656900] {
+  color: var(--c-text-1);
+  font: 600 32px/1.5 ui-monospace, monospace;
+  overflow-wrap: anywhere;
+}
+.formula-preview__result-empty[data-v-b2656900] {
+  color: var(--c-text-2);
+  font-size: 12px;
+  line-height: 1.7;
+}
+.formula-preview__vars-title[data-v-b2656900] {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
   font-weight: 600;
 }
-.formula-input__error[data-v-154f1a9b] {
+.formula-preview__vars-title span[data-v-b2656900] {
+  color: var(--c-text-3);
+  font-weight: 400;
+}
+.formula-preview__var-row[data-v-b2656900] {
+  padding-top: 16px;
+}
+.formula-preview__var-row p[data-v-b2656900] {
+  color: var(--c-text-3);
+  font-size: 11px;
+  margin-top: 5px;
+}
+.formula-preview__var-heading[data-v-b2656900] {
   display: flex;
-  align-items: center;
-  gap: 4px;
-  padding: 4px 16px 8px;
+  justify-content: space-between;
+  gap: 8px;
+  margin-bottom: 7px;
+}
+.formula-preview__var-heading label[data-v-b2656900] {
   font-size: 12px;
-  color: var(--error-color);
+  color: var(--c-text-1);
 }
-.formula-input[data-v-154f1a9b] {
-  /* ─── 校验信息区 ────────────── */
+.formula-preview__var-heading code[data-v-b2656900] {
+  color: var(--c-text-3);
+  font-size: 10px;
+  overflow-wrap: anywhere;
 }
-.formula-input__validation[data-v-154f1a9b] {
-  padding: 10px 16px 12px;
+.formula-preview__var-value[data-v-b2656900] {
+  font-family: ui-monospace, monospace;
+}
+.formula-preview__empty[data-v-b2656900], .formula-preview__note[data-v-b2656900] {
+  font-size: 11px;
+  color: var(--c-text-3);
+  line-height: 1.8;
+  margin-top: 16px !important;
+}
+.formula-preview__note[data-v-b2656900] {
+  margin-top: 24px !important;
+  padding-top: 16px;
   border-top: 1px solid var(--c-border);
-  min-height: 40px;
+}
+/* unplugin-vue-components disabled *//* 原生文本输入与转义后的结构预览，避免 contenteditable 光标和样式副作用。 */
+.formula-input__header[data-v-6bf933c2] {
   display: flex;
+  justify-content: space-between;
   align-items: center;
   gap: 12px;
+  margin-bottom: 16px;
 }
-.formula-input__validation-label[data-v-154f1a9b] {
+.formula-input__label[data-v-6bf933c2] {
+  color: var(--c-text-1);
   font-size: 13px;
   font-weight: 600;
-  color: var(--c-text-2);
-  flex-shrink: 0;
-  min-width: 28px;
 }
-.formula-input__validation-hint[data-v-154f1a9b] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
+.formula-input__clear[data-v-6bf933c2] {
+  appearance: none;
+  border: 0;
+  background: transparent;
+  color: var(--c-primary);
+  font: inherit;
   font-size: 12px;
-  color: var(--c-text-4);
+  cursor: pointer;
 }
-.formula-input__validation-success[data-v-154f1a9b] {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--success-color, #18a058);
+.formula-input__editor[data-v-6bf933c2] {
+  display: block;
+  width: 100%;
+  box-sizing: border-box;
+  min-height: 168px;
+  resize: vertical;
+  padding: 18px;
+  border: 1px solid var(--c-border);
+  border-radius: 12px;
+  background: color-mix(in srgb, var(--c-primary) 2%, var(--c-bg-card));
+  color: var(--c-text-1);
+  font: 15px/1.9 ui-monospace, "SFMono-Regular", Consolas, monospace;
+  outline: none;
+  overflow-wrap: anywhere;
 }
-.formula-input__validation-error[data-v-154f1a9b] {
-  display: inline-flex;
+.formula-input__editor[data-v-6bf933c2]:focus {
+  border-color: var(--c-primary);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--c-primary) 12%, transparent);
+}
+.formula-input__editor[data-v-6bf933c2]::placeholder {
+  font-size: 13px;
+  color: var(--c-text-3);
+}
+.formula-input__editor[data-v-6bf933c2]:read-only {
+  background: color-mix(in srgb, var(--c-border) 25%, var(--c-bg-card));
+}
+.formula-input--error .formula-input__editor[data-v-6bf933c2] {
+  border-color: var(--c-error);
+}
+.formula-input__tokens[data-v-6bf933c2] {
+  margin-top: 16px;
+  padding: 14px 16px;
+  border: 1px dashed var(--c-border);
+  border-radius: 10px;
+  font: 12px/2 ui-monospace, monospace;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+.formula-input__tokens > span[data-v-6bf933c2]:first-child {
+  display: block;
+  font: 11px/1.5 sans-serif;
+  margin-bottom: 8px;
+  color: var(--c-text-3);
+}
+.formula-input__validation[data-v-6bf933c2] {
+  display: flex;
   align-items: center;
-  gap: 4px;
+  justify-content: space-between;
+  gap: 10px;
+  margin-top: 12px;
   font-size: 12px;
-  color: var(--error-color);
+  color: var(--c-text-3);
+  line-height: 1.7;
 }
-/* unplugin-vue-components disabled */
-/* layer: shortcuts */
-.container[data-v-154f1a9b]{width:100%;}
-@media (min-width: 640px){
-.container[data-v-154f1a9b]{max-width:640px;}
+.formula-input__validation button[data-v-6bf933c2] {
+  appearance: none;
+  flex-shrink: 0;
+  border: 0;
+  padding: 2px 0;
+  color: var(--c-primary);
+  background: transparent;
+  cursor: pointer;
+  font: inherit;
 }
-@media (min-width: 768px){
-.container[data-v-154f1a9b]{max-width:768px;}
+.formula-input--error .formula-input__validation[data-v-6bf933c2] {
+  color: var(--c-error);
 }
-@media (min-width: 1024px){
-.container[data-v-154f1a9b]{max-width:1024px;}
+.formula-input button[data-v-6bf933c2]:focus-visible {
+  outline: 2px solid var(--c-primary);
+  outline-offset: 3px;
 }
-@media (min-width: 1280px){
-.container[data-v-154f1a9b]{max-width:1280px;}
+.formula-input .formula-token--variable[data-v-6bf933c2] {
+  color: var(--c-primary);
+  padding: 2px 5px;
+  border-radius: 4px;
+  background: color-mix(in srgb, var(--c-primary) 9%, transparent);
 }
-@media (min-width: 1536px){
-.container[data-v-154f1a9b]{max-width:1536px;}
+.formula-input .formula-token--function[data-v-6bf933c2] {
+  color: var(--c-success);
+  font-weight: 600;
+}
+.formula-input .formula-token--operator[data-v-6bf933c2] {
+  color: var(--c-primary);
+}
+.formula-input .formula-token--number[data-v-6bf933c2] {
+  color: var(--c-warning);
 }
-/* layer: default */
-.blur[data-v-154f1a9b]{--un-blur:blur(8px);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 *//* VariablePanel 组件样式 */
-.variable-panel[data-v-001647c9] {
+.variable-panel[data-v-2d73fec7] {
   display: flex;
   flex-direction: column;
   background: var(--c-bg-card);
   overflow: hidden;
   height: 100%;
 }
-.variable-panel__tabs[data-v-001647c9] {
+.variable-panel__tabs[data-v-2d73fec7] {
   display: flex;
   border-bottom: 1px solid var(--c-border);
 }
-.variable-panel__tab[data-v-001647c9] {
+.variable-panel__tab[data-v-2d73fec7] {
   appearance: none;
   border: 0;
   background: transparent;
@@ -197,23 +479,23 @@
   transition: all var(--c-transition, 0.2s ease);
   user-select: none;
 }
-.variable-panel__tab[data-v-001647c9]:hover {
+.variable-panel__tab[data-v-2d73fec7]:hover {
   color: var(--c-primary);
 }
-.variable-panel__tab--active[data-v-001647c9] {
+.variable-panel__tab--active[data-v-2d73fec7] {
   color: var(--c-primary);
   border-bottom: 2px solid var(--c-primary);
 }
-.variable-panel__search[data-v-001647c9] {
+.variable-panel__search[data-v-2d73fec7] {
   padding: 8px 10px;
   border-bottom: 1px solid var(--c-border);
 }
-.variable-panel__list[data-v-001647c9] {
+.variable-panel__list[data-v-2d73fec7] {
   flex: 1;
   max-height: 360px;
   padding: 4px 0;
 }
-.variable-panel__group-title[data-v-001647c9] {
+.variable-panel__group-title[data-v-2d73fec7] {
   appearance: none;
   width: 100%;
   border: 0;
@@ -230,13 +512,13 @@
   cursor: pointer;
   user-select: none;
 }
-.variable-panel__group-title[data-v-001647c9]:hover {
+.variable-panel__group-title[data-v-2d73fec7]:hover {
   color: var(--c-text-1);
 }
-.variable-panel__items[data-v-001647c9] {
+.variable-panel__items[data-v-2d73fec7] {
   padding: 0 4px;
 }
-.variable-panel__item[data-v-001647c9] {
+.variable-panel__item[data-v-2d73fec7] {
   appearance: none;
   width: 100%;
   border: 0;
@@ -253,15 +535,15 @@
   border-radius: 4px;
   transition: background 0.15s;
 }
-.variable-panel__item[data-v-001647c9]:hover {
+.variable-panel__item[data-v-2d73fec7]:hover {
   background: var(--hover-color);
 }
-.variable-panel__item-icon[data-v-001647c9] {
+.variable-panel__item-icon[data-v-2d73fec7] {
   font-size: 15px;
   color: var(--c-primary);
   flex-shrink: 0;
 }
-.variable-panel__func[data-v-001647c9] {
+.variable-panel__func[data-v-2d73fec7] {
   appearance: none;
   width: calc(100% - 8px);
   border: 0;
@@ -274,10 +556,10 @@
   margin: 2px 4px;
   transition: background 0.15s;
 }
-.variable-panel__func[data-v-001647c9]:hover {
+.variable-panel__func[data-v-2d73fec7]:hover {
   background: var(--hover-color);
 }
-.variable-panel__func-name[data-v-001647c9] {
+.variable-panel__func-name[data-v-2d73fec7] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -285,7 +567,7 @@
   font-weight: 500;
   color: var(--c-text-1);
 }
-.variable-panel__func-badge[data-v-001647c9] {
+.variable-panel__func-badge[data-v-2d73fec7] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -298,13 +580,13 @@
   font-weight: 700;
   font-style: italic;
 }
-.variable-panel__func-desc[data-v-001647c9] {
+.variable-panel__func-desc[data-v-2d73fec7] {
   padding-left: 24px;
   font-size: 12px;
   color: var(--c-text-4);
   margin-top: 2px;
 }
-.variable-panel__func-sig[data-v-001647c9] {
+.variable-panel__func-sig[data-v-2d73fec7] {
   padding-left: 24px;
   font-size: 11px;
   font-family: "Courier New", Courier, monospace;
@@ -312,14 +594,24 @@
   margin-top: 2px;
   opacity: 0.7;
 }
-.variable-panel button[data-v-001647c9]:focus-visible {
+.variable-panel button[data-v-2d73fec7]:focus-visible {
   outline: 2px solid var(--c-primary);
   outline-offset: -2px;
 }
-.variable-panel button[data-v-001647c9]:disabled {
+.variable-panel button[data-v-2d73fec7]:disabled {
   cursor: not-allowed;
   opacity: 0.6;
 }
+.variable-panel__item span[data-v-2d73fec7] {
+  text-align: left;
+  min-width: 0;
+}
+.variable-panel__item small[data-v-2d73fec7] {
+  display: block;
+  font-size: 10px;
+  color: var(--c-text-3);
+  margin-top: 3px;
+}
 /* unplugin-vue-components disabled *//* VirtualKeyboard 组件样式 */
 .vk[data-v-8c874c05] {
   /* ═══════ 标题行 ═══════ */
@@ -454,139 +746,4 @@
   color: var(--error-color);
   border-color: color-mix(in srgb, var(--error-color) 40%, transparent);
   border-bottom-color: color-mix(in srgb, var(--error-color) 55%, transparent);
-}
-/* unplugin-vue-components disabled *//* FormulaPreview 组件样式 */
-.formula-preview[data-v-228604d7] {
-  padding: 12px 16px 14px;
-  border-top: 1px solid var(--c-border);
-  background: color-mix(in srgb, var(--c-text-2) 2%, var(--c-bg-card));
-}
-.formula-preview__header[data-v-228604d7] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 600;
-  font-size: 13px;
-  margin-bottom: 8px;
-  color: var(--c-text-2);
-}
-.formula-preview__empty[data-v-228604d7] {
-  font-size: 12px;
-  color: var(--c-text-4);
-  padding: 8px 0;
-}
-.formula-preview__vars-title[data-v-228604d7] {
-  font-size: 11px;
-  color: var(--c-text-4);
-  margin-bottom: 4px;
-}
-.formula-preview__var-row[data-v-228604d7] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  padding: 2px 0;
-  font-size: 12px;
-}
-.formula-preview__var-name[data-v-228604d7] {
-  color: var(--c-primary);
-  font-weight: 500;
-}
-.formula-preview__var-eq[data-v-228604d7] {
-  color: var(--c-text-4);
-}
-.formula-preview__var-value[data-v-228604d7] {
-  font-family: "Courier New", Courier, monospace;
-  color: var(--c-text-1);
-  font-weight: 500;
-}
-.formula-preview__result[data-v-228604d7] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.formula-preview__result-label[data-v-228604d7] {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--c-text-2);
-}
-.formula-preview__result-value[data-v-228604d7] {
-  font-size: 18px;
-  font-weight: 700;
-  font-family: "Courier New", Courier, monospace;
-  color: var(--c-primary);
-}
-.formula-preview__result-error[data-v-228604d7] {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--error-color);
-}
-.formula-preview__result-empty[data-v-228604d7] {
-  font-size: 14px;
-  color: var(--c-text-4);
-}
-/* unplugin-vue-components disabled *//* C_FormulaEditor 主组件样式 */
-.c-formula[data-v-9cb24cfb] {
-  display: flex;
-  flex-direction: column;
-  border-radius: 12px;
-  border: 1px solid var(--c-border);
-  background: var(--c-bg-card);
-  overflow: hidden;
-  /* ═══════ 标题行 ═══════ */
-}
-.c-formula__title-row[data-v-9cb24cfb] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 14px 18px;
-  border-bottom: 1px solid var(--c-border);
-}
-.c-formula__title[data-v-9cb24cfb] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-weight: 600;
-  font-size: 15px;
-  color: var(--c-text-1);
-}
-.c-formula[data-v-9cb24cfb] {
-  /* ═══════ 主内容 ═══════ */
-}
-.c-formula__body[data-v-9cb24cfb] {
-  display: flex;
-  flex: 1;
-  min-height: 0;
-}
-.c-formula__sidebar[data-v-9cb24cfb] {
-  width: 210px;
-  flex-shrink: 0;
-  border-right: 1px solid var(--c-border);
-}
-.c-formula__main[data-v-9cb24cfb] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  min-width: 0;
-}
-.c-formula__keyboard[data-v-9cb24cfb] {
-  padding: 14px 18px;
-  border-top: 1px solid var(--c-border);
-}
-
-/* ═══════ 响应式 ═══════ */
-@media (max-width: 768px) {
-.c-formula__body[data-v-9cb24cfb] {
-    flex-direction: column;
-}
-.c-formula__sidebar[data-v-9cb24cfb] {
-    width: 100%;
-    border-right: none;
-    border-bottom: 1px solid var(--c-border);
-}
-}
-/* unplugin-vue-components disabled */
-/* layer: default */
-.px[data-v-9cb24cfb]{padding-left:1rem;padding-right:1rem;}
-
+}