vg-print-vue2 1.0.607 → 1.0.608

package/dist/style.css

@@ -2418,6 +2418,10 @@ table.hiprint-printElement-tableTarget {
   z-index: 1050;
 }
 
+/* Confirmation stays above the dialog waiting for its result. */
+
+.vg-dialog-overlay.vg-confirm-overlay { z-index: 12100; }
+
 .vg-dialog-panel {
   background-color: var(--vg-surface-bg, #ffffff);
   border-radius: 4px;
@@ -3180,15 +3184,15 @@ to { transform: rotate(360deg);
   display: none !important;
 }
 
-.secondary-toolbar[data-v-9d5b80fb] {
+.secondary-toolbar[data-v-addcfc50] {
   padding: 2px 8px 0;
   background-color: var(--vg-toolbar-bg, #fbf9ff);
 }
-.secondary-toolbar .toolbar-content[data-v-9d5b80fb] {
+.secondary-toolbar .toolbar-content[data-v-addcfc50] {
   display: flex;
   align-items: center;
 }
-.secondary-toolbar .toolbar-scroll[data-v-9d5b80fb] {
+.secondary-toolbar .toolbar-scroll[data-v-addcfc50] {
   flex: 1 1 auto;
   display: flex;
   align-items: center;
@@ -3202,25 +3206,25 @@ to { transform: rotate(360deg);
   min-height: 24px;
   padding-bottom: 4px;
 }
-.toolbar-group[data-v-9d5b80fb] {
+.toolbar-group[data-v-addcfc50] {
   margin: 0 2px;
   flex: 0 0 auto;
   display: inline-flex;
   gap: 8px;
 }
-.toolbar-group + .toolbar-group[data-v-9d5b80fb] {
+.toolbar-group + .toolbar-group[data-v-addcfc50] {
   border-left: 1px solid #eceef5;
   margin-left: 8px;
   padding-left: 8px;
 }
-.secondary-toolbar .toolbar-right[data-v-9d5b80fb] {
+.secondary-toolbar .toolbar-right[data-v-addcfc50] {
   flex: 0 0 auto;
   display: flex;
   gap: 5px;
   margin-left: 10px;
   padding-bottom: 4px;
 }
-.secondary-toolbar .sec-right-btn[data-v-9d5b80fb] {
+.secondary-toolbar .sec-right-btn[data-v-addcfc50] {
   width: 26px;
   height: 24px;
   padding: 0;
@@ -3234,77 +3238,77 @@ to { transform: rotate(360deg);
   cursor: pointer;
   transition: background-color 0.12s ease, border-color 0.12s ease, color 0.12s ease;
 }
-.secondary-toolbar .sec-right-btn i[data-v-9d5b80fb] { font-size: 14px; line-height: 1;
+.secondary-toolbar .sec-right-btn i[data-v-addcfc50] { font-size: 14px; line-height: 1;
 }
-.secondary-toolbar .sec-right-btn[data-v-9d5b80fb]:hover {
+.secondary-toolbar .sec-right-btn[data-v-addcfc50]:hover {
   border-color: #c7ccda;
   color: #2f3440;
 }
-.secondary-toolbar .sec-right-btn.is-active[data-v-9d5b80fb] {
+.secondary-toolbar .sec-right-btn.is-active[data-v-addcfc50] {
   background: #eef2ff;
   border-color: #9aa7ff;
   color: #4f46e5;
 }
-.secondary-toolbar .sec-right-btn.is-active[data-v-9d5b80fb]:hover {
+.secondary-toolbar .sec-right-btn.is-active[data-v-addcfc50]:hover {
   background: #e6ebff;
   border-color: #8e9dff;
   color: #4338ca;
 }
-.secondary-toolbar .sec-right-btn[data-v-9d5b80fb]:disabled {
+.secondary-toolbar .sec-right-btn[data-v-addcfc50]:disabled {
   opacity: 1;
   border-color: #eceff5;
   background: #f7f8fb;
   color: #b2b8c5;
   cursor: not-allowed;
 }
-.secondary-toolbar .sec-right-btn[data-v-9d5b80fb]:disabled:hover {
+.secondary-toolbar .sec-right-btn[data-v-addcfc50]:disabled:hover {
   border-color: #eceff5;
   background: #f7f8fb;
   color: #b2b8c5;
 }
-.zoom-reset-btn[data-v-9d5b80fb] {
+.zoom-reset-btn[data-v-addcfc50] {
   width: auto !important;
   min-width: 56px;
   padding: 0 6px !important;
   gap: 2px;
 }
-.zoom-text[data-v-9d5b80fb] { margin-left: 2px; font-size: 12px;
+.zoom-text[data-v-addcfc50] { margin-left: 2px; font-size: 12px;
 }
-.secondary-toolbar .toolbar-scroll[data-v-9d5b80fb]::-webkit-scrollbar { height: 0 !important; width: 0 !important; display: none !important; background: transparent;
+.secondary-toolbar .toolbar-scroll[data-v-addcfc50]::-webkit-scrollbar { height: 0 !important; width: 0 !important; display: none !important; background: transparent;
 }
-.secondary-toolbar .scrollbar-track[data-v-9d5b80fb] {
+.secondary-toolbar .scrollbar-track[data-v-addcfc50] {
   position: absolute;
   left: 0; right: 0; bottom: 0;
   height: 4px;
   background: var(--vg-accent-soft, rgba(88, 13, 248, 0.12));
   border-radius: 2px;
 }
-.secondary-toolbar .scrollbar-thumb[data-v-9d5b80fb] {
+.secondary-toolbar .scrollbar-thumb[data-v-addcfc50] {
   height: 100%;
   background-color: var(--vg-accent, #580df8);
   border-radius: 2px;
   will-change: transform;
   transition: transform 0.06s linear;
 }
-.theme-menu[data-v-9d5b80fb] {
+.theme-menu[data-v-addcfc50] {
   max-height: 340px;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 6px 4px;
   box-sizing: border-box;
 }
-.theme-menu[data-v-9d5b80fb]::-webkit-scrollbar { width: 8px;
+.theme-menu[data-v-addcfc50]::-webkit-scrollbar { width: 8px;
 }
-.theme-menu[data-v-9d5b80fb]::-webkit-scrollbar-track { background: transparent;
+.theme-menu[data-v-addcfc50]::-webkit-scrollbar-track { background: transparent;
 }
-.theme-menu[data-v-9d5b80fb]::-webkit-scrollbar-thumb {
+.theme-menu[data-v-addcfc50]::-webkit-scrollbar-thumb {
   background: var(--vg-border, rgba(0,0,0,0.18));
   border-radius: 8px;
 }
-.theme-menu[data-v-9d5b80fb]::-webkit-scrollbar-thumb:hover {
+.theme-menu[data-v-addcfc50]::-webkit-scrollbar-thumb:hover {
   background: var(--vg-muted-text, rgba(0,0,0,0.38));
 }
-.theme-menu-popup[data-v-9d5b80fb] {
+.theme-menu-popup[data-v-addcfc50] {
   position: absolute;
   right: 0;
   margin-top: 4px;
@@ -3314,10 +3318,10 @@ to { transform: rotate(360deg);
   border: 1px solid var(--vg-border, rgba(0,0,0,0.08));
   z-index: 3000;
 }
-.theme-menu-item[data-v-9d5b80fb] {
+.theme-menu-item[data-v-addcfc50] {
   padding: 4px 6px;
 }
-.theme-card[data-v-9d5b80fb] {
+.theme-card[data-v-addcfc50] {
   width: 200px;
   display: flex;
   align-items: center;
@@ -3331,22 +3335,22 @@ to { transform: rotate(360deg);
   color: var(--theme-item-text, var(--vg-text, #303133));
   transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
 }
-.theme-label[data-v-9d5b80fb] { flex: 0 0 auto; font-size: 14px; font-weight: 700; letter-spacing: 0.2px;
+.theme-label[data-v-addcfc50] { flex: 0 0 auto; font-size: 14px; font-weight: 700; letter-spacing: 0.2px;
 }
-.theme-swatches[data-v-9d5b80fb] { display: inline-flex; gap: 8px; align-items: center;
+.theme-swatches[data-v-addcfc50] { display: inline-flex; gap: 8px; align-items: center;
 }
-.swatch[data-v-9d5b80fb] {
+.swatch[data-v-addcfc50] {
   width: 10px;
   height: 16px;
   border-radius: 7px;
   border: 1px solid var(--theme-item-border, var(--vg-border, rgba(0,0,0,0.08)));
 }
-.theme-menu-item:not(.is-active):hover .theme-card[data-v-9d5b80fb] {
+.theme-menu-item:not(.is-active):hover .theme-card[data-v-addcfc50] {
   border-color: var(--theme-item-border, var(--vg-border, rgba(0,0,0,0.08)));
   box-shadow: 0 8px 18px rgba(0,0,0,0.06);
   transform: translateY(-1px);
 }
-.theme-menu-item.is-active .theme-card[data-v-9d5b80fb] {
+.theme-menu-item.is-active .theme-card[data-v-addcfc50] {
   border-color: var(--theme-item-accent, var(--vg-accent, #580df8));
   box-shadow: 0 0 0 1px var(--theme-item-accent, var(--vg-accent, #580df8));
 }
@@ -3589,59 +3593,59 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
 }
 }
 
-.primary-toolbar[data-v-16ffa310] {
+.primary-toolbar[data-v-f934ab86] {
   border-bottom: 1px solid var(--vg-border, #dcdfe6);
   padding: 5px 10px;
   background-color: var(--vg-header-bg, #580df8);
 }
-.toolbar-content[data-v-16ffa310] {
+.toolbar-content[data-v-f934ab86] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: nowrap;
   white-space: nowrap;
 }
-.header-left[data-v-16ffa310], .header-center[data-v-16ffa310], .header-right[data-v-16ffa310] {
+.header-left[data-v-f934ab86], .header-center[data-v-f934ab86], .header-right[data-v-f934ab86] {
   display: flex;
   align-items: center;
 }
-.header-left[data-v-16ffa310] {
+.header-left[data-v-f934ab86] {
   flex: 0 0 auto;
 }
-.header-center[data-v-16ffa310] {
+.header-center[data-v-f934ab86] {
   flex: 1 1 auto;
   overflow: hidden;
   justify-content: flex-end;
 }
-.btn-new-template[data-v-16ffa310] { flex: 0 0 auto;
+.btn-new-template[data-v-f934ab86] { flex: 0 0 auto;
 }
-.header-right[data-v-16ffa310] {
+.header-right[data-v-f934ab86] {
   margin-left: auto;
   display: flex;
   align-items: center;
   flex: 0 0 auto;
 }
-.toolbar-logo[data-v-16ffa310] {
+.toolbar-logo[data-v-f934ab86] {
   font-size: 16px;
   color: var(--vg-header-text, #fff);
   display: flex;
   align-items: center;
 }
-.toolbar-logo img[data-v-16ffa310] {
+.toolbar-logo img[data-v-f934ab86] {
   margin-right: 8px;
   filter: var(--vg-logo-filter, none);
 }
-.toolbar-logo-custom[data-v-16ffa310] {
+.toolbar-logo-custom[data-v-f934ab86] {
   display: flex;
   align-items: center;
 }
-.toolbar-title[data-v-16ffa310] {
+.toolbar-title[data-v-f934ab86] {
   margin-left: 8px;
   font-size: 18px;
   font-weight: bold;
 }
-.primary-toolbar .vg-btn[data-v-16ffa310],
-.primary-toolbar .vg-btn-ghost[data-v-16ffa310] {
+.primary-toolbar .vg-btn[data-v-f934ab86],
+.primary-toolbar .vg-btn-ghost[data-v-f934ab86] {
   height: 26px;
   padding: 0 8px;
   border-radius: 3px;
@@ -3650,50 +3654,50 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   color: #ffffff;
   font-size: 12px;
 }
-.primary-toolbar .vg-btn .iconfont[data-v-16ffa310],
-.primary-toolbar .vg-btn-ghost .iconfont[data-v-16ffa310],
-.btn-save-menu-item .iconfont[data-v-16ffa310] {
+.primary-toolbar .vg-btn .iconfont[data-v-f934ab86],
+.primary-toolbar .vg-btn-ghost .iconfont[data-v-f934ab86],
+.btn-save-menu-item .iconfont[data-v-f934ab86] {
   font-size: 12px;
   line-height: 1;
 }
-.primary-toolbar .vg-btn[data-v-16ffa310]:hover,
-.primary-toolbar .vg-btn-ghost[data-v-16ffa310]:hover {
+.primary-toolbar .vg-btn[data-v-f934ab86]:hover,
+.primary-toolbar .vg-btn-ghost[data-v-f934ab86]:hover {
   background-color: rgba(255,255,255,0.12);
 }
-.primary-toolbar .vg-select[data-v-16ffa310],
-.primary-toolbar .vg-input[data-v-16ffa310] {
+.primary-toolbar .vg-select[data-v-f934ab86],
+.primary-toolbar .vg-input[data-v-f934ab86] {
   height: 26px;
   padding: 2px 24px 2px 8px;
   font-size: 12px;
   border-radius: 3px;
   border: none;
 }
-.primary-toolbar .vg-input-number[data-v-16ffa310] {
+.primary-toolbar .vg-input-number[data-v-f934ab86] {
   width: 64px;
   appearance: textfield;
   -moz-appearance: textfield;
   text-align: center;
   padding-right: 8px;
 }
-.primary-toolbar .vg-input-number[data-v-16ffa310]::-webkit-outer-spin-button,
-.primary-toolbar .vg-input-number[data-v-16ffa310]::-webkit-inner-spin-button {
+.primary-toolbar .vg-input-number[data-v-f934ab86]::-webkit-outer-spin-button,
+.primary-toolbar .vg-input-number[data-v-f934ab86]::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-.btn-save[data-v-16ffa310] {
+.btn-save[data-v-f934ab86] {
   display: inline-flex;
   align-items: center;
 }
-.btn-save .vg-btn[data-v-16ffa310] {
+.btn-save .vg-btn[data-v-f934ab86] {
   border-radius: 4px 0 0 4px;
 }
-.btn-save .btn-save-toggle[data-v-16ffa310] {
+.btn-save .btn-save-toggle[data-v-f934ab86] {
   border-radius: 0 4px 4px 0;
   border-left: 1px solid rgba(255,255,255,0.6);
   padding-left: 6px;
   padding-right: 6px;
 }
-.btn-save-menu[data-v-16ffa310] {
+.btn-save-menu[data-v-f934ab86] {
   position: absolute;
   right: 0;
   top: 100%;
@@ -3707,7 +3711,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   padding: 8px 0;
   z-index: 2000;
 }
-.btn-save-menu-item[data-v-16ffa310] {
+.btn-save-menu-item[data-v-f934ab86] {
   width: 100%;
   display: flex;
   align-items: center;
@@ -3719,547 +3723,752 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   border: none;
   cursor: pointer;
 }
-.btn-save-menu-item .label i[data-v-16ffa310] {
+.btn-save-menu-item .label i[data-v-f934ab86] {
   margin-right: 6px;
 }
-.btn-save-menu-item .hotkey[data-v-16ffa310] {
+.btn-save-menu-item .hotkey[data-v-f934ab86] {
   opacity: 0.8;
   font-size: 11px;
 }
-.btn-save-menu-item[data-v-16ffa310]:hover {
+.btn-save-menu-item[data-v-f934ab86]:hover {
   background: var(--vg-menu-hover-bg, rgba(255,255,255,0.1));
   color: var(--vg-text, #303133);
 }
-.btn-save-menu-item:hover .hotkey[data-v-16ffa310] {
+.btn-save-menu-item:hover .hotkey[data-v-f934ab86] {
   color: var(--vg-muted-text, #606266);
   opacity: 1;
 }
-.btn-lang .vg-select[data-v-16ffa310] {
+.btn-lang .vg-select[data-v-f934ab86] {
   width: 96px;
   padding-right: 20px;
 }
 @media (max-width: 1180px) {
 }
 @media (max-width: 1000px) {
-.btn-preview[data-v-16ffa310],
-  .btn-print-view[data-v-16ffa310] {
+.btn-preview[data-v-f934ab86],
+  .btn-print-view[data-v-f934ab86] {
     display: none;
 }
 }
 @media (max-width: 920px) {
-.btn-to-pdf[data-v-16ffa310],
-  .btn-to-image[data-v-16ffa310],
-  .btn-lang[data-v-16ffa310] { display: none;
+.btn-to-pdf[data-v-f934ab86],
+  .btn-to-image[data-v-f934ab86],
+  .btn-lang[data-v-f934ab86] { display: none;
 }
 }
 @media (max-width: 820px) {
-.btn-clear[data-v-16ffa310] { display: none;
+.btn-clear[data-v-f934ab86] { display: none;
 }
 }
 @media (max-width: 768px) {
-.toolbar-title[data-v-16ffa310] { display: none;
-}
-}
-
-.ds-list-panel[data-v-e00c4801] {
-  width: 80vw;
-  max-width: 1180px;
-  min-width: 940px;
+.toolbar-title[data-v-f934ab86] { display: none;
 }
-.ds-editor-panel[data-v-e00c4801] {
-  width: 940px;
-  max-width: 92vw;
-}
-.ds-dialog-body[data-v-e00c4801] {
-  max-height: 72vh;
-  overflow: auto;
+.toolbar-content[data-v-f934ab86] { flex-wrap: nowrap; gap: 6px;
 }
-.ds-list-toolbar[data-v-e00c4801] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
+.header-left[data-v-f934ab86] { flex: 0 0 auto;
 }
-.ds-list-tip[data-v-e00c4801] {
-  font-size: 12px;
-  color: var(--vg-muted-text, #94a3b8);
+.header-center[data-v-f934ab86] { display: none;
 }
-.ds-muted[data-v-e00c4801] {
-  color: var(--vg-muted-text, #909399);
+.header-right[data-v-f934ab86] { width: auto; margin-left: auto; flex: 0 0 auto;
 }
-.ds-empty-state[data-v-e00c4801] {
-  padding: 24px 8px;
-  text-align: center;
-  color: var(--vg-muted-text, #909399);
-  font-size: 13px;
+.toolbar-right > div[data-v-f934ab86] { display: flex; align-items: center; flex-wrap: nowrap; gap: 4px;
 }
-.ds-tab-pane[data-v-e00c4801] {
-  padding-top: 10px;
+.btn-client-generate[data-v-f934ab86],
+  .btn-feedback[data-v-f934ab86] { display: none;
 }
-.ds-form[data-v-e00c4801] {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.toolbar-logo[data-v-f934ab86] { font-size: 14px;
 }
-.ds-form-row[data-v-e00c4801] {
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  padding: 6px 0;
+.toolbar-logo img[data-v-f934ab86] { height: 20px; margin-right: 5px;
 }
-.ds-label[data-v-e00c4801] {
-  flex: 0 0 72px;
-  padding-top: 6px;
-  font-size: 12px;
-  color: var(--vg-text, #475569);
-  font-weight: 600;
+.primary-toolbar .vg-btn[data-v-f934ab86], .primary-toolbar .vg-btn-ghost[data-v-f934ab86] { height: 30px; min-height: 30px; padding: 0 6px;
 }
-.ds-form-row .vg-input[data-v-e00c4801],
-.ds-form-row .vg-select[data-v-e00c4801] {
-  min-height: 30px;
-  border-color: var(--vg-border, #dbe3ef);
 }
-.ds-form-row > .vg-input[data-v-e00c4801],
-.ds-form-row > .ds-param-area[data-v-e00c4801],
-.ds-form-row > .ds-empty-add[data-v-e00c4801],
-.ds-form-row > textarea.vg-input[data-v-e00c4801],
-.ds-form-row > .ds-method-group[data-v-e00c4801] {
-  flex: 1 1 auto;
+@media (max-width: 420px) {
+.toolbar-content[data-v-f934ab86] { gap: 4px;
 }
-.ds-method-group[data-v-e00c4801] {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  min-height: 30px;
-  padding: 2px 0;
+.toolbar-right > div[data-v-f934ab86] { gap: 3px;
 }
-.ds-method-group label[data-v-e00c4801] {
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  font-size: 12px;
-  color: var(--vg-text, #334155);
+.toolbar-logo[data-v-f934ab86] { font-size: 12px;
 }
-.ds-method-group input[type='radio'][data-v-e00c4801] {
-  margin: 0;
+.toolbar-logo img[data-v-f934ab86] { height: 18px; margin-right: 4px;
 }
-.ds-preview[data-v-e00c4801] {
-  display: flex;
-  gap: 12px;
+.primary-toolbar .vg-btn[data-v-f934ab86], .primary-toolbar .vg-btn-ghost[data-v-f934ab86] { height: 28px; min-height: 28px; padding: 0 5px; font-size: 11px;
 }
-.ds-card[data-v-e00c4801] {
-  flex: 1 1 0%;
-  border: 1px solid var(--vg-border, #e6ebf3);
-  border-radius: 4px;
-  background: var(--vg-surface-bg, #ffffff);
-  padding: 10px;
+.primary-toolbar .vg-btn .iconfont[data-v-f934ab86], .primary-toolbar .vg-btn-ghost .iconfont[data-v-f934ab86] { font-size: 11px; margin-right: 3px;
 }
-.ds-card-title[data-v-e00c4801] {
-  margin-bottom: 8px;
-  font-size: 12px;
-  color: var(--vg-muted-text, #64748b);
-  font-weight: 600;
+.btn-save .btn-save-toggle[data-v-f934ab86] { padding-left: 5px; padding-right: 5px;
 }
-.ds-pre[data-v-e00c4801] {
-  max-height: 280px;
-  overflow: auto;
-  white-space: pre-wrap;
-  word-break: break-all;
-  margin: 0;
-  font-size: 12px;
-  line-height: 1.4;
-  color: var(--vg-text, #0f172a);
 }
-.ds-param-area[data-v-e00c4801] {
-  display: flex;
-  align-items: stretch;
-  gap: 10px;
-  width: 100%;
-  padding: 6px 8px;
-  border: 1px solid var(--vg-border, #e9edf5);
-  border-radius: 4px;
-  background: var(--vg-panel-bg, #fcfdff);
+@media (max-width: 360px) {
+.toolbar-logo[data-v-f934ab86] { font-size: 0;
 }
-.ds-empty-add[data-v-e00c4801] {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  min-height: 30px;
-  padding: 4px 6px;
-  border: 1px dashed var(--vg-border, #dbe3ef);
-  border-radius: 4px;
-  background: var(--vg-panel-bg, #fcfdff);
+.toolbar-logo img[data-v-f934ab86] { margin-right: 0;
 }
-.ds-param-list[data-v-e00c4801] {
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  flex: 1 1 auto;
 }
-.ds-param-row[data-v-e00c4801] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-height: 30px;
+
+.ds-floating-panel[data-v-27a78986] { position: fixed; z-index: 123; display: flex; flex-direction: column; background: var(--vg-surface-bg,#fff); color: var(--vg-text,#303133); border: 1px solid var(--vg-border,#dcdfe6); border-radius: 4px; box-shadow: 0 8px 16px #0000001f; font: 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif; outline: none; box-sizing: border-box;
 }
-.ds-add-side[data-v-e00c4801] {
-  flex: 0 0 130px;
-  min-height: 30px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
+.ds-floating-panel *[data-v-27a78986], .ds-panel-menu *[data-v-27a78986] { box-sizing: border-box;
 }
-.ds-param-name[data-v-e00c4801] { flex: 0 0 140px;
+.ds-panel-header[data-v-27a78986] { display: flex; flex: none; align-items: center; justify-content: space-between; gap: 6px; min-height: 27px; padding: 2px 5px 2px 7px; border-radius: 5px 5px 0 0; background: var(--vg-header-bg,#580df8); color: var(--vg-header-text,#fff); cursor: move; touch-action: none; user-select: none;
 }
-.ds-param-type[data-v-e00c4801] { flex: 0 0 110px;
+.is-pinned .ds-panel-header[data-v-27a78986] { cursor: default;
 }
-.ds-param-value[data-v-e00c4801] { flex: 1 1 auto;
+.is-collapsed .ds-panel-header[data-v-27a78986] { border-radius: 5px;
 }
-.ds-preview > .ds-card + .ds-card[data-v-e00c4801] {
-  margin-left: 2px;
+.ds-panel-title[data-v-27a78986] { display: flex; align-items: center; gap: 4px; white-space: nowrap; font-size: 12px;
 }
-.ds-code-tip[data-v-e00c4801] {
-  margin-bottom: 8px;
-  font-size: 12px;
-  color: var(--vg-muted-text, #8792a6);
+.ds-panel-title .iconfont[data-v-27a78986] { font-size: 12px;
 }
-.ds-error-box[data-v-e00c4801] {
-  margin-top: 8px;
-  font-size: 12px;
-  color: #f56c6c;
-  border: 1px solid rgba(245, 108, 108, 0.35);
-  border-radius: 4px;
-  padding: 6px 8px;
-  background: rgba(245, 108, 108, 0.08);
+.ds-panel-actions[data-v-27a78986] { display: flex; align-items: center; gap: 2px;
 }
-.ds-picker-overlay[data-v-e00c4801] {
-  z-index: 120;
+.ds-panel-actions button[data-v-27a78986] { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; padding: 0; border: 0; border-radius: 3px; color: inherit; background: transparent; font-size: 16px; cursor: pointer;
 }
-.ds-field-picker-panel[data-v-e00c4801] {
-  width: 420px;
-  max-width: min(88vw, 420px);
-  max-height: 70vh;
+.ds-panel-actions .iconfont[data-v-27a78986] { font-size: 12px;
 }
-.ds-field-picker-body[data-v-e00c4801] {
-  padding: 10px;
-  background: var(--vg-surface-bg, #fff);
-  font-size: 12px;
+.ds-panel-actions button[data-v-27a78986]:hover:not(:disabled),.ds-panel-actions button[aria-pressed='true'][data-v-27a78986] { background: #ffffff26;
 }
-.ds-field-search[data-v-e00c4801] {
-  width: 100%;
-  min-height: 30px;
-  margin-bottom: 8px;
+.ds-panel-actions button[data-v-27a78986]:disabled { opacity: .4; cursor: default;
 }
-.ds-field-tree[data-v-e00c4801] {
-  max-height: 52vh;
-  overflow: auto;
-  border: 1px solid var(--vg-border, #e8edf5);
-  border-radius: 4px;
+.ds-panel-content[data-v-27a78986] { display: flex; flex: 1; flex-direction: column; min-height: 0; padding: 8px 6px 8px;
 }
-.ds-tree-row[data-v-e00c4801],
-.ds-field-item[data-v-e00c4801] {
-  width: 100%;
-  border: 0;
-  background: transparent;
-  color: var(--vg-text, #1f2937);
-  font: inherit;
-  text-align: left;
-  cursor: pointer;
+.ds-panel-search[data-v-27a78986] { display: flex; align-items: center; gap: 6px; flex: none; height: 29px; margin: 0 2px 7px; padding: 0 7px; border: 1px solid var(--vg-border,#dcdfe6); border-radius: 4px; background: var(--vg-surface-bg,#fff); color: var(--vg-muted-text,#909399);
 }
-.ds-tree-row[data-v-e00c4801] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  min-height: 28px;
-  padding: 3px 8px;
+.ds-panel-search[data-v-27a78986]:focus-within { border-color: var(--vg-accent,#580df8);
 }
-.ds-tree-row[data-v-e00c4801]:hover,
-.ds-field-item[data-v-e00c4801]:hover {
-  background: var(--vg-accent-soft, #f0fdf4);
+.ds-panel-search .iconfont[data-v-27a78986] { font-size: 12px;
 }
-.ds-group-row[data-v-e00c4801] {
-  font-size: 13px;
-  font-weight: 700;
-  border-bottom: 1px solid var(--vg-border, #edf0f6);
+.ds-panel-search input[data-v-27a78986] { min-width: 0; flex: 1; width: 0; padding: 0; border: 0; outline: none; background: transparent; color: var(--vg-text,#303133); font: inherit; font-size: 11px;
 }
-.ds-dataset-row[data-v-e00c4801] {
-  padding-left: 24px;
-  font-size: 12px;
-  font-weight: 600;
+.ds-panel-search input[data-v-27a78986]::-webkit-search-cancel-button { -webkit-appearance: none;
 }
-.ds-tree-arrow[data-v-e00c4801] {
-  width: 12px;
-  color: var(--vg-accent, #10b981);
-  font-size: 15px;
-  line-height: 1;
+.ds-panel-search button[data-v-27a78986] { border: 0; background: transparent; color: inherit; cursor: pointer;
 }
-.ds-tree-name[data-v-e00c4801] {
-  flex: 1 1 auto;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.ds-panel-tree[data-v-27a78986] { min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--vg-border,#dcdfe6) transparent;
 }
-.ds-tree-count[data-v-e00c4801],
-.ds-tree-type[data-v-e00c4801] {
-  flex: 0 0 auto;
-  color: var(--vg-muted-text, #94a3b8);
-  font-size: 10px;
-  font-weight: 400;
+.ds-panel-row[data-v-27a78986] { display: flex; align-items: center; gap: 0; min-height: 28px; border-radius: 4px; padding-left: calc(2px + var(--depth) * 13px);
 }
-.ds-field-group-children[data-v-e00c4801] {
-  border-bottom: 1px solid var(--vg-border, #edf0f6);
+.ds-panel-row[data-v-27a78986]:hover,.ds-panel-row.is-active[data-v-27a78986]:focus-within { background: var(--vg-accent-soft,#f0eaff);
 }
-.ds-field-list[data-v-e00c4801] {
-  padding: 1px 0 4px 43px;
+.ds-panel-node[data-v-27a78986] { min-width: 0; display: flex; align-items: center; gap: 4px; flex: 1; min-height: 28px; padding: 3px 2px; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; cursor: pointer;
 }
-.ds-field-item[data-v-e00c4801] {
-  display: flex;
-  align-items: baseline;
-  gap: 6px;
-  padding: 4px 8px;
-  font-size: 12px;
+.ds-panel-name[data-v-27a78986] { flex: 0 1 auto; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
 }
-.ds-field-label[data-v-e00c4801] {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.has-field-key .ds-panel-name[data-v-27a78986] { max-width: 58%;
 }
-.ds-field-value[data-v-e00c4801] {
-  color: var(--vg-muted-text, #94a3b8);
-  font-size: 10px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.is-source .ds-panel-name[data-v-27a78986] { max-width: none; font-weight: 500;
 }
-.ds-field-empty[data-v-e00c4801] {
-  padding: 42px 12px;
-  color: var(--vg-muted-text, #94a3b8);
-  text-align: center;
-  border: 1px dashed var(--vg-border, #dbe3ef);
-  border-radius: 4px;
+.ds-panel-field[data-v-27a78986] { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 11px; color: var(--vg-muted-text,#909399);
 }
-[data-v-e00c4801] .vg-table th {
-  font-size: 12px;
-  color: var(--vg-muted-text, #64748b);
-  text-transform: none;
-  letter-spacing: 0;
-  background: var(--vg-panel-bg, #f9fbff);
-  border-bottom-color: var(--vg-border, #e8edf5);
+.ds-panel-count[data-v-27a78986] { flex: none; font-size: 10px; font-variant-numeric: tabular-nums; color: var(--vg-muted-text,#909399);
 }
-[data-v-e00c4801] .vg-table td {
-  font-size: 13px;
-  color: var(--vg-text, #334155);
-  vertical-align: middle;
-  border-bottom-color: var(--vg-border, #f1f4f9);
+.ds-panel-arrow[data-v-27a78986] { flex: 0 0 12px; color: var(--vg-accent,#580df8); text-align: center;
 }
-[data-v-e00c4801] .vg-table td .vg-btn-ghost,[data-v-e00c4801] .vg-table td .vg-btn-danger {
-  padding: 2px 8px;
-  min-height: 24px;
+.ds-panel-more[data-v-27a78986] { flex: 0 0 24px; align-self: stretch; padding: 0; background: transparent; border: 0; color: var(--vg-muted-text,#909399); font-size: 16px; cursor: pointer;
 }
-[data-v-e00c4801] .vg-tabs-nav {
-  background: var(--vg-panel-bg, #f9fbff);
-  border-bottom-color: var(--vg-border, #e8edf5);
-  padding: 0 6px;
+.ds-panel-more[data-v-27a78986]:hover { color: var(--vg-accent,#580df8);
 }
-[data-v-e00c4801] .vg-tab-item {
-  font-size: 13px;
-  margin-right: 6px;
-  padding: 7px 10px 6px;
-  color: var(--vg-muted-text, #64748b);
+.ds-panel-error-dot[data-v-27a78986] { display: inline-flex; align-items: center; justify-content: center; height: 13px; width: 13px; border-radius: 50%; color: #d24b4b; border: 1px solid currentColor; font-size: 10px;
 }
-[data-v-e00c4801] .vg-tab-item-active {
-  color: var(--vg-accent, #2563eb);
-  border-bottom-color: var(--vg-accent, #2563eb);
-  background: var(--vg-surface-bg, #ffffff);
+.ds-panel-empty[data-v-27a78986] { padding: 26px 8px; text-align: center; color: var(--vg-muted-text,#909399); font-size: 11px;
 }
-
-/* 数据源配置总览：左侧数据树 + 右侧接口维护 */
-.ds-config-overlay[data-v-e00c4801],
-.ds-secondary-overlay[data-v-e00c4801] {
-  z-index: 3000;
+.ds-panel-empty>span[data-v-27a78986] { font-size: 25px; opacity: .6;
 }
-.ds-editor-overlay[data-v-e00c4801] {
-  z-index: 3100;
+.ds-panel-empty button[data-v-27a78986] { padding: 4px 8px; border: 1px solid var(--vg-border,#dcdfe6); border-radius: 4px; background: transparent; color: var(--vg-accent,#580df8); font: inherit; cursor: pointer;
 }
-.ds-list-panel[data-v-e00c4801] {
-  width: 92vw;
-  max-width: 1320px;
-  min-width: 0;
+.ds-panel-resize[data-v-27a78986] { position: absolute; touch-action: none;
 }
-.ds-config-panel[data-v-e00c4801] {
-  max-height: 92vh;
+.ds-panel-resize-left[data-v-27a78986] { top: 28px; left: -2px; bottom: 6px; width: 5px; cursor: ew-resize;
 }
-.ds-dialog-subtitle[data-v-e00c4801] {
-  margin-top: 2px;
-  color: var(--vg-muted-text, #64748b);
-  font-size: 12px;
-  line-height: 1.4;
+.ds-panel-resize-right[data-v-27a78986] { top: 28px; right: -2px; bottom: 12px; width: 5px; cursor: ew-resize;
 }
-.ds-config-body[data-v-e00c4801] {
-  display: flex;
-  min-height: 600px;
-  padding: 0;
-  overflow: hidden;
+.ds-panel-resize-bottom[data-v-27a78986] { bottom: -2px; left: 4px; right: 12px; height: 5px; cursor: ns-resize;
 }
-.ds-content-sidebar[data-v-e00c4801] {
-  flex: 0 0 330px;
-  min-width: 0;
-  padding: 18px 16px 14px;
-  border-right: 1px solid var(--vg-border, #e8edf5);
-  background: var(--vg-panel-bg, #fbfcff);
-  overflow: hidden;
+.ds-panel-resize-corner[data-v-27a78986] { position: absolute; bottom: 0; right: 1px; width: 13px; height: 13px; padding: 0; border: 0; color: var(--vg-muted-text,#909399); background: transparent; font-size: 12px; line-height: 1; cursor: nwse-resize; touch-action: none;
 }
-.ds-pane-title[data-v-e00c4801] {
-  color: var(--vg-text, #1f2937);
-  font-size: 15px;
-  font-weight: 700;
+.ds-floating-panel button[data-v-27a78986]:focus-visible,.ds-panel-menu button[data-v-27a78986]:focus-visible { outline: 2px solid var(--vg-accent,#580df8); outline-offset: -2px;
 }
-.ds-scope-tabs[data-v-e00c4801] {
-  display: flex;
-  margin-top: 14px;
-  border: 1px solid var(--vg-border, #dbe3ef);
-  border-radius: 5px;
-  overflow: hidden;
-  background: var(--vg-surface-bg, #fff);
+.ds-panel-actions button[data-v-27a78986]:focus-visible { outline-color: var(--vg-header-text,#fff);
 }
-.ds-scope-tabs button[data-v-e00c4801] {
-  flex: 1 1 0;
-  min-width: 0;
-  min-height: 32px;
-  padding: 0 5px;
-  border: 0;
-  border-right: 1px solid var(--vg-border, #e7ecf4);
-  background: transparent;
-  color: var(--vg-muted-text, #64748b);
-  font-size: 12px;
-  cursor: pointer;
+.ds-panel-menu[data-v-27a78986] { position: fixed; max-height: calc(100dvh - 16px); overflow-y: auto; z-index: 3300; width: min(190px,calc(100vw - 16px)); padding: 4px; border: 1px solid var(--vg-border,#dcdfe6); border-radius: 6px; background: var(--vg-surface-bg,#fff); color: var(--vg-text,#303133); box-shadow: 0 5px 20px #0002; font: 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
 }
-.ds-scope-tabs button[data-v-e00c4801]:last-child { border-right: 0;
+.ds-panel-menu button[data-v-27a78986] { width: 100%; display: flex; gap: 8px; align-items: center; padding: 6px 8px; min-height: 28px; border: 0; border-radius: 3px; background: transparent; color: inherit; text-align: left; font: inherit; cursor: pointer;
 }
-.ds-scope-tabs button.is-active[data-v-e00c4801] {
-  box-shadow: inset 0 -2px 0 var(--vg-accent, #580df8);
-  color: var(--vg-accent, #580df8);
-  font-weight: 600;
+.ds-panel-menu button[data-v-27a78986]:hover:not(:disabled) { background: var(--vg-accent-soft,#f0eaff); color: var(--vg-accent,#580df8);
 }
-.ds-scope-tabs span[data-v-e00c4801] { margin-left: 3px;
+.ds-panel-menu button[data-v-27a78986]:disabled { opacity: .4; cursor: default;
 }
-.ds-data-search[data-v-e00c4801] {
-  width: 100%;
-  min-height: 32px;
-  margin-top: 12px;
-  box-sizing: border-box;
+.ds-panel-menu button.is-danger[data-v-27a78986] { color: #d24b4b;
 }
-.ds-data-tree[data-v-e00c4801] {
-  height: calc(100% - 120px);
-  min-height: 350px;
-  margin-top: 12px;
-  overflow: auto;
-  border: 1px solid var(--vg-border, #e8edf5);
-  border-radius: 5px;
-  background: var(--vg-surface-bg, #fff);
+.ds-panel-menu-caption[data-v-27a78986],.ds-panel-menu-note[data-v-27a78986] { margin: 0; padding: 5px 8px; font-size: 11px; overflow-wrap: anywhere;
 }
-.ds-data-tree-row[data-v-e00c4801] {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  min-height: 30px;
-  box-sizing: border-box;
-  padding-top: 3px;
-  padding-right: 8px;
-  padding-bottom: 3px;
-  border: 0;
-  background: transparent;
-  color: var(--vg-text, #334155);
-  font-size: 12px;
-  text-align: left;
-  cursor: pointer;
+.ds-panel-menu-caption[data-v-27a78986] { font-weight: 500;
 }
-.ds-data-tree-row[data-v-e00c4801]:hover { background: var(--vg-accent-soft, #f5f3ff);
+.ds-panel-menu-note[data-v-27a78986] { color: var(--vg-muted-text,#909399);
 }
-.ds-data-tree-row.is-root[data-v-e00c4801] { min-height: 34px; border-bottom: 1px solid var(--vg-border, #edf0f6); font-weight: 700;
+.spinning[data-v-27a78986] { animation: ds-panel-spin-27a78986 1s linear infinite;
 }
-.ds-data-tree-row.is-field[data-v-e00c4801] { color: var(--vg-text, #475569);
+@keyframes ds-panel-spin-27a78986 {
+to { transform: rotate(360deg);
 }
-.ds-data-tree-row .ds-tree-arrow[data-v-e00c4801] { flex: 0 0 14px;
 }
-.ds-tree-arrow-placeholder[data-v-e00c4801] { visibility: hidden;
+@media(prefers-reduced-motion:reduce) {
+.spinning[data-v-27a78986] { animation: none;
 }
-.ds-data-tree-name[data-v-e00c4801] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
 }
-.ds-data-tree-row .ds-field-value[data-v-e00c4801] { flex: 0 1 auto; margin-left: 8px; color: var(--vg-muted-text, #94a3b8); font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+
+.ds-dialog *[data-v-301a542c] {
+  box-sizing: border-box;
 }
-.ds-maintenance-content[data-v-e00c4801] { flex: 1 1 auto; min-width: 0; padding: 18px 22px 16px; overflow: auto;
+.ds-dialog button[data-v-301a542c],.ds-dialog input[data-v-301a542c],.ds-dialog select[data-v-301a542c],.ds-dialog textarea[data-v-301a542c] {
+  font: inherit;
 }
-.ds-maintenance-toolbar[data-v-e00c4801] { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 14px;
+.ds-dialog button[data-v-301a542c] {
+  cursor: pointer;
 }
-.ds-maintenance-toolbar .ds-list-tip[data-v-e00c4801] { max-width: 480px; margin-top: 6px;
+.ds-dialog button[data-v-301a542c]:disabled {
+  opacity: .45;
+  cursor: default;
 }
-.ds-maintenance-heading[data-v-e00c4801] { display: flex; align-items: center; gap: 10px;
+.ds-dialog button[data-v-301a542c]:focus-visible,.ds-dialog summary[data-v-301a542c]:focus-visible {
+  outline: 2px solid var(--vg-accent,#580df8);
+  outline-offset: 2px;
 }
-.ds-maintenance-actions[data-v-e00c4801] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px;
+.ds-dialog .vg-dialog-header[data-v-301a542c] {
+  flex: none;
+  padding: 14px 18px;
+  gap: 14px;
 }
-.ds-action-btn[data-v-e00c4801] { white-space: nowrap;
+.ds-dialog .vg-dialog-title[data-v-301a542c] {
+  margin: 0;
+  font-size: 15px;
+  font-weight: 600;
 }
-.ds-maintenance-table-wrap[data-v-e00c4801] { overflow-x: auto;
+.ds-dialog-subtitle[data-v-301a542c] {
+  margin: 3px 0 0;
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
 }
-.ds-maintenance-empty[data-v-e00c4801] { border: 1px dashed var(--vg-border, #dbe3ef); border-radius: 5px;
+.ds-dialog .vg-dialog-header .ds-close[data-v-301a542c] {
+  width: 28px;
+  height: 28px;
+  flex: none;
+  font-size: 20px;
+  border-radius: 5px;
 }
-.ds-url-cell[data-v-e00c4801] { max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+.ds-dialog h3[data-v-301a542c] {
+  margin: 0;
+  font-size: 13px;
+  font-weight: 600;
 }
-.ds-action-cell[data-v-e00c4801] { white-space: nowrap;
+.ds-dialog .vg-btn[data-v-301a542c],.ds-dialog .vg-btn-ghost[data-v-301a542c] {
+  min-height: 28px;
+  border-radius: 5px;
+  padding: 4px 9px;
+  font-size: 11px;
+  white-space: nowrap;
 }
-.ds-runtime-card[data-v-e00c4801] { display: flex; align-items: center; gap: 14px; min-height: 58px; margin-top: 14px; padding: 10px 14px; border: 1px solid var(--vg-border, #dbe3ef); border-radius: 5px; background: var(--vg-surface-bg, #fff);
+.ds-editor-scroll[data-v-301a542c] {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  overscroll-behavior: contain;
+  padding: 2px 2px 16px;
 }
-.ds-runtime-card-leading[data-v-e00c4801] { display: flex; align-items: center; gap: 10px; min-width: 165px;
+.ds-editor-scroll[data-v-301a542c] {
+  scrollbar-width: thin;
+  scrollbar-color: var(--vg-border,#dcdfe6) transparent;
 }
-.ds-runtime-icon[data-v-e00c4801] { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; background: #e9f7e8; color: #57ad50; font-size: 18px;
+.ds-merge-rule[data-v-301a542c] {
+  margin-top: 12px;
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
 }
-.ds-runtime-title[data-v-e00c4801] { color: var(--vg-text, #334155); font-size: 13px; font-weight: 700;
+.ds-merge-rule summary[data-v-301a542c],.ds-advanced summary[data-v-301a542c] {
+  cursor: pointer;
+  padding: 6px 0;
 }
-.ds-runtime-subtitle[data-v-e00c4801] { margin-top: 2px; color: var(--vg-muted-text, #94a3b8); font-size: 11px;
+.ds-merge-rule p[data-v-301a542c] {
+  margin: 4px 0 0;
+  line-height: 1.7;
 }
-.ds-source-badge[data-v-e00c4801] { display: inline-flex; align-items: center; min-height: 22px; padding: 0 8px; border-radius: 5px; font-size: 11px; white-space: nowrap;
+.ds-editor-tabs[data-v-301a542c] {
+  display: flex;
+  flex: none;
+  border-bottom: 1px solid var(--vg-border,#e4e7ed);
+  margin-bottom: 12px;
+  gap: 14px;
 }
-.ds-source-badge.is-green[data-v-e00c4801] { background: #edf8eb; color: #4d9d48;
+.ds-editor-tabs button[data-v-301a542c] {
+  padding: 5px 0 8px;
+  background: transparent;
+  border: 0;
+  border-bottom: 2px solid transparent;
+  color: var(--vg-muted-text,#909399);
+}
+.ds-editor-tabs button.is-active[data-v-301a542c] {
+  color: var(--vg-accent,#580df8);
+  border-bottom-color: var(--vg-accent,#580df8);
+}
+.ds-form-grid[data-v-301a542c] {
+  display: grid;
+  grid-template-columns: repeat(2,minmax(0,1fr));
+  gap: 12px;
+  margin-bottom: 12px;
+}
+.ds-form-grid label[data-v-301a542c],.ds-form-field[data-v-301a542c] {
+  display: block;
+  min-width: 0;
+  font-size: 12px;
+}
+.ds-form-grid input[data-v-301a542c],.ds-form-field>.vg-input[data-v-301a542c] {
+  display: block;
+  width: 100%;
+  margin-top: 5px;
+}
+.ds-dialog .vg-input[data-v-301a542c],.ds-dialog .vg-select[data-v-301a542c] {
+  min-width: 0;
+  min-height: 30px;
+  padding: 5px 8px;
+  border-radius: 5px;
+  border-color: var(--vg-border,#e4e7ed);
+  background: var(--vg-surface-bg,#fff);
+  color: inherit;
+}
+.ds-form-field[data-v-301a542c] {
+  margin-bottom: 12px;
+}
+.ds-required[data-v-301a542c] {
+  color: #d24b4b;
+}
+.ds-url-input[data-v-301a542c] {
+  display: flex;
+  margin-top: 5px;
+}
+.ds-url-input .vg-select[data-v-301a542c] {
+  width: 85px;
+  flex: none;
+  border-radius: 5px 0 0 5px;
+}
+.ds-url-input .vg-input[data-v-301a542c] {
+  flex: 1;
+  width: 0;
+  border-radius: 0 5px 5px 0;
+  border-left: 0;
+  font-family: ui-monospace,SFMono-Regular,Consolas,monospace;
+}
+.ds-field-hint[data-v-301a542c],.ds-list-tip[data-v-301a542c] {
+  display: block;
+  margin: 5px 0 10px;
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
+}
+.ds-mapping-link[data-v-301a542c] {
+  margin-bottom: 12px;
+}
+.ds-advanced[data-v-301a542c] {
+  border-top: 1px solid var(--vg-border,#e4e7ed);
+}
+.ds-advanced summary[data-v-301a542c] {
+  font-size: 11px;
+  color: var(--vg-accent,#580df8);
+}
+.ds-advanced-tabs[data-v-301a542c] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  margin: 6px 0 10px;
+}
+.ds-advanced-tabs button[data-v-301a542c] {
+  min-height: 26px;
+  padding: 3px 7px;
+  border: 1px solid var(--vg-border,#e4e7ed);
+  border-radius: 4px;
+  background: transparent;
+  color: var(--vg-muted-text,#909399);
+  font-size: 11px;
+}
+.ds-advanced-tabs button.is-active[data-v-301a542c] {
+  background: var(--vg-accent-soft,#f0eaff);
+  color: var(--vg-accent,#580df8);
+  border-color: var(--vg-accent,#580df8);
+}
+.ds-advanced-tabs button span[data-v-301a542c] {
+  margin-left: 4px;
+  opacity: .7;
+  font-size: 10px;
+}
+.ds-param-row[data-v-301a542c] {
+  display: grid;
+  grid-template-columns: minmax(75px,1fr) 85px minmax(90px,1.4fr) 25px;
+  gap: 6px;
+  margin-bottom: 7px;
+  align-items: center;
+}
+.ds-param-row .vg-input[data-v-301a542c],.ds-param-row .vg-select[data-v-301a542c] {
+  width: 100%;
+}
+.ds-dialog .ds-param-remove[data-v-301a542c] {
+  padding: 0;
+}
+.ds-dialog .ds-add-param[data-v-301a542c] {
+  border: 1px dashed var(--vg-border,#e4e7ed);
+  width: 100%;
+}
+.ds-mapping-row[data-v-301a542c] {
+  display: grid;
+  grid-template-columns: minmax(0,1fr) minmax(0,1.4fr) 25px;
+  gap: 8px;
+  align-items: end;
+  margin-bottom: 10px;
+}
+.ds-mapping-row label[data-v-301a542c] {
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
+}
+.ds-mapping-row .vg-input[data-v-301a542c] {
+  margin-top: 4px;
+  width: 100%;
+}
+.ds-script-editor[data-v-301a542c] {
+  height: 210px;
+  border: 1px solid var(--vg-border,#e4e7ed);
+}
+.ds-script-editor[data-v-301a542c] .cm-editor,.ds-test-data-editor[data-v-301a542c] .cm-editor {
+  font-size: 12px;
+}
+.ds-code-tip[data-v-301a542c] {
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
+  overflow-wrap: anywhere;
+  margin: 0 0 8px;
+}
+.ds-code-tip code[data-v-301a542c] {
+  margin-left: 5px;
+}
+.ds-inline-footer[data-v-301a542c] {
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: 7px;
+  padding: 11px 0;
+  border-top: 1px solid var(--vg-border,#e4e7ed);
+}
+.ds-test-button[data-v-301a542c] {
+  margin-right: auto;
+}
+.ds-test-data-body[data-v-301a542c] {
+  display: flex;
+  flex-direction: column;
+}
+.ds-test-data-editor[data-v-301a542c] {
+  flex: 1;
+  min-height: 140px;
+  border: 1px solid var(--vg-border,#e4e7ed);
+}
+.ds-test-data-status[data-v-301a542c] {
+  padding: 8px 0 0;
+  font-size: 11px;
+  color: #38845d;
+  overflow-wrap: anywhere;
+}
+.ds-test-data-status.is-error[data-v-301a542c] {
+  color: #d24b4b;
+}
+.ds-test-data-tools[data-v-301a542c] {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2px;
+  margin-right: auto;
+}
+.ds-preview[data-v-301a542c] {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.ds-card[data-v-301a542c] {
+  min-width: 0;
+  border: 1px solid var(--vg-border,#e4e7ed);
+  border-radius: 5px;
+  overflow: hidden;
+}
+.ds-card h4[data-v-301a542c] {
+  margin: 0;
+  padding: 7px 10px;
+  background: var(--vg-panel-bg,#f8f9fc);
+  font-size: 11px;
+  font-weight: 500;
+}
+.ds-pre[data-v-301a542c] {
+  margin: 0;
+  max-height: 240px;
+  padding: 10px;
+  overflow: auto;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+  font: 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;
+}
+.ds-error-box[data-v-301a542c] {
+  margin: 0 0 12px;
+  padding: 8px 10px;
+  border: 1px solid #d24b4b44;
+  border-radius: 5px;
+  background: #d24b4b0a;
+  color: #d24b4b;
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+.ds-preview-summary[data-v-301a542c] {
+  margin: 0;
+  font-size: 11px;
+  color: var(--vg-muted-text,#909399);
+}
+@media (max-height: 540px) {
+.ds-dialog-subtitle[data-v-301a542c] {
+    display: none;
+}
+.ds-dialog .vg-dialog-header[data-v-301a542c] {
+    padding: 8px 14px;
+}
+}
+.ds-dialog[data-v-301a542c] {
+  font: 12px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;
+  color: var(--vg-text,#303133);
+}
+.ds-secondary-overlay[data-v-301a542c] {
+  z-index: 3100;
+  padding: 24px;
+  box-sizing: border-box;
+  overscroll-behavior: contain;
+}
+.ds-editor-panel[data-v-301a542c],.ds-test-data-panel[data-v-301a542c] {
+  width: min(760px,100%);
+  max-height: min(760px,calc(100dvh - 48px));
+  display: flex;
+  flex-direction: column;
+  border-radius: 12px;
+  outline: none;
+  container: data-source-editor / inline-size;
+  box-shadow: 0 20px 70px #0003;
+}
+.ds-editor-panel .vg-dialog-header[data-v-301a542c],.ds-test-data-panel .vg-dialog-header[data-v-301a542c] {
+  padding: 20px 22px 14px;
+  border-bottom: 0;
+}
+.ds-editor-panel .vg-dialog-title[data-v-301a542c],.ds-test-data-panel .vg-dialog-title[data-v-301a542c] {
+  font-size: 16px;
+}
+.ds-editor-content[data-v-301a542c] {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+  padding: 0 22px;
+  overflow: hidden;
+}
+.ds-editor-panel .ds-editor-tabs[data-v-301a542c] {
+  gap: 22px;
+  margin-bottom: 16px;
+}
+.ds-modal-footer[data-v-301a542c] {
+  padding: 13px 22px;
+}
+.ds-dialog .ds-modal-footer>.vg-btn[data-v-301a542c],.ds-dialog .ds-modal-footer>.vg-btn-ghost[data-v-301a542c] {
+  min-width: 64px;
+  min-height: 30px;
+}
+.ds-test-data-panel[data-v-301a542c] {
+  width: min(680px,100%);
+  height: min(540px,calc(100dvh - 48px));
+}
+.ds-test-data-panel .ds-test-data-body[data-v-301a542c] {
+  padding: 0 22px 14px;
+}
+@container data-source-editor (max-width: 600px) {
+.ds-param-row[data-v-301a542c] {
+    grid-template-columns: minmax(60px,1fr) 85px 25px;
+}
+.ds-param-value[data-v-301a542c] {
+    grid-column: 1 / 3;
+    grid-row: 2;
+}
+.ds-param-remove[data-v-301a542c] {
+    grid-column: 3;
+    grid-row: 1 / 3;
+}
+}
+@container data-source-editor (max-width: 400px) {
+.ds-form-grid[data-v-301a542c],.ds-mapping-row[data-v-301a542c] {
+    grid-template-columns: minmax(0,1fr);
+}
+.ds-mapping-row[data-v-301a542c] {
+    position: relative;
+    padding-right: 28px;
+}
+.ds-mapping-row>.vg-btn-ghost[data-v-301a542c] {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+}
+.ds-editor-tabs[data-v-301a542c] {
+    gap: 12px!important;
+}
+.ds-editor-tabs button[data-v-301a542c] {
+    font-size: 11px;
+}
+.ds-test-data-tools[data-v-301a542c] {
+    flex-basis: 100%;
+}
+.ds-modal-footer[data-v-301a542c] {
+    flex-wrap: wrap;
+}
+}
+@media (max-width: 640px) {
+.ds-secondary-overlay[data-v-301a542c] {
+    padding: 12px;
+}
+.ds-editor-panel[data-v-301a542c],.ds-test-data-panel[data-v-301a542c] {
+    max-height: calc(100dvh - 24px);
+    border-radius: 10px;
+}
+.ds-editor-panel .vg-dialog-header[data-v-301a542c],.ds-test-data-panel .vg-dialog-header[data-v-301a542c] {
+    padding: 16px 16px 12px;
+}
+.ds-editor-content[data-v-301a542c] {
+    padding: 0 16px;
+}
+.ds-test-data-panel .ds-test-data-body[data-v-301a542c] {
+    padding: 0 16px 12px;
+}
+.ds-modal-footer[data-v-301a542c] {
+    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
+}
+}
+@media (max-height: 540px) {
+.ds-secondary-overlay[data-v-301a542c] {
+    padding: 8px;
+}
+.ds-editor-panel[data-v-301a542c],.ds-test-data-panel[data-v-301a542c] {
+    max-height: calc(100dvh - 16px);
+}
+.ds-editor-panel .vg-dialog-header[data-v-301a542c],.ds-test-data-panel .vg-dialog-header[data-v-301a542c] {
+    padding: 10px 16px;
+}
+}
+.ds-picker-overlay[data-v-301a542c] {
+  z-index: 3200;
+}
+.ds-field-picker-panel[data-v-301a542c] {
+  width: 420px;
+  max-width: min(88vw, 420px);
+  max-height: 70vh;
+}
+.ds-field-picker-body[data-v-301a542c] {
+  padding: 10px;
+  background: var(--vg-surface-bg, #fff);
+  font-size: 12px;
 }
-.ds-runtime-actions[data-v-e00c4801] { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; white-space: nowrap;
+.ds-field-search[data-v-301a542c] {
+  width: 100%;
+  min-height: 30px;
+  margin-bottom: 8px;
 }
-.ds-merge-rule[data-v-e00c4801] { display: flex; align-items: flex-start; gap: 10px; margin-top: 18px; padding: 13px 14px; border: 1px solid #cbdcff; border-radius: 5px; background: #f4f8ff; color: var(--vg-text, #475569); font-size: 12px; line-height: 1.55;
+.ds-field-tree[data-v-301a542c] {
+  max-height: 52vh;
+  overflow: auto;
+  border: 1px solid var(--vg-border, #e8edf5);
+  border-radius: 4px;
 }
-.ds-merge-rule-icon[data-v-e00c4801] { display: inline-flex; flex: 0 0 20px; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: #3b82f6; color: #fff; font-size: 13px; font-weight: 700;
+.ds-tree-row[data-v-301a542c],
+.ds-field-item[data-v-301a542c] {
+  width: 100%;
+  border: 0;
+  background: transparent;
+  color: var(--vg-text, #1f2937);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
 }
-.ds-merge-rule-title[data-v-e00c4801] { margin-bottom: 2px; color: var(--vg-text, #1f2937); font-weight: 700;
+.ds-tree-row[data-v-301a542c] {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  padding: 3px 8px;
 }
-.ds-test-data-panel[data-v-e00c4801] { width: 650px; max-width: 92vw;
+.ds-tree-row[data-v-301a542c]:hover,
+.ds-field-item[data-v-301a542c]:hover {
+  background: var(--vg-accent-soft, #f0fdf4);
 }
-.ds-test-data-body[data-v-e00c4801] { padding: 14px 16px 8px;
+.ds-group-row[data-v-301a542c] {
+  font-size: 13px;
+  font-weight: 700;
+  border-bottom: 1px solid var(--vg-border, #edf0f6);
 }
-.ds-test-data-editor[data-v-e00c4801] { height: 320px; min-height: 220px; border: 1px solid var(--vg-border, #dbe3ef); border-radius: 5px;
+.ds-dataset-row[data-v-301a542c] {
+  padding-left: 24px;
+  font-size: 12px;
+  font-weight: 600;
 }
-.ds-test-data-status[data-v-e00c4801] { min-height: 22px; padding-top: 8px; color: #4d9d48; font-size: 12px;
+.ds-tree-arrow[data-v-301a542c] {
+  width: 12px;
+  color: var(--vg-accent, #10b981);
+  font-size: 15px;
+  line-height: 1;
 }
-.ds-test-data-status.is-error[data-v-e00c4801] { color: #e45656;
+.ds-tree-name[data-v-301a542c] {
+  flex: 1 1 auto;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.ds-test-data-footer[data-v-e00c4801] { align-items: center;
+.ds-tree-count[data-v-301a542c],
+.ds-tree-type[data-v-301a542c] {
+  flex: 0 0 auto;
+  color: var(--vg-muted-text, #94a3b8);
+  font-size: 10px;
+  font-weight: 400;
 }
-.ds-test-data-tools[data-v-e00c4801] { display: flex; gap: 8px; margin-right: auto;
+.ds-field-group-children[data-v-301a542c] {
+  border-bottom: 1px solid var(--vg-border, #edf0f6);
 }
-@media (max-width: 900px) {
-.ds-config-body[data-v-e00c4801] { display: block; overflow: auto;
+.ds-field-list[data-v-301a542c] {
+  padding: 1px 0 4px 43px;
 }
-.ds-content-sidebar[data-v-e00c4801] { border-right: 0; border-bottom: 1px solid var(--vg-border, #e8edf5);
+.ds-field-item[data-v-301a542c] {
+  display: flex;
+  align-items: baseline;
+  gap: 6px;
+  padding: 4px 8px;
+  font-size: 12px;
 }
-.ds-data-tree[data-v-e00c4801] { min-height: 220px; max-height: 300px;
+.ds-field-label[data-v-301a542c] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.ds-maintenance-content[data-v-e00c4801] { padding: 16px;
+.ds-field-value[data-v-301a542c] {
+  color: var(--vg-muted-text, #94a3b8);
+  font-size: 10px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.ds-maintenance-toolbar[data-v-e00c4801] { display: block;
+.ds-field-empty[data-v-301a542c] {
+  padding: 42px 12px;
+  color: var(--vg-muted-text, #94a3b8);
+  text-align: center;
+  border: 1px dashed var(--vg-border, #dbe3ef);
+  border-radius: 4px;
 }
-.ds-maintenance-actions[data-v-e00c4801] { justify-content: flex-start; margin-top: 12px;
+.ds-editor-scroll[data-v-301a542c] { flex: 1; min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 2px 2px 16px; scrollbar-width: thin; scrollbar-color: var(--vg-border,#dcdfe6) transparent;
 }
+.ds-dialog-data-rules[data-v-301a542c] { margin: 0 0 12px; font-size: 11px; color: var(--vg-muted-text,#909399);
 }
 
+
+
 .vg-settings-panel[data-v-b67880ae]{
   width: 980px;
   max-width: calc(100vw - 80px);
@@ -4761,16 +4970,16 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
 }
 }
 
-.vg-library[data-v-d94497df] {
+.vg-library[data-v-53ec6d77] {
   position: relative;
 }
-.library-preview-overlay[data-v-d94497df] {
+.library-preview-overlay[data-v-53ec6d77] {
   position: fixed;
   inset: 0;
   z-index: 3;
   background: #0009;
 }
-.library-image-preview[data-v-d94497df] {
+.library-image-preview[data-v-53ec6d77] {
   --preview-width: 88vw;
   --preview-height: 84dvh;
   position: absolute;
@@ -4781,7 +4990,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   outline: none;
   color: #fff;
 }
-.library-preview-close[data-v-d94497df] {
+.library-preview-close[data-v-53ec6d77] {
   position: absolute;
   top: calc(20px + env(safe-area-inset-top));
   right: calc(20px + env(safe-area-inset-right));
@@ -4795,7 +5004,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   line-height: 1;
   z-index: 1;
 }
-.library-image-preview img[data-v-d94497df] {
+.library-image-preview img[data-v-53ec6d77] {
   display: block;
   width: min(var(--preview-width),calc(var(--preview-height) * var(--preview-aspect,1)));
   height: auto;
@@ -4803,7 +5012,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   max-height: var(--preview-height);
   object-fit: contain;
 }
-.library-confirm-overlay[data-v-d94497df] {
+.library-confirm-overlay[data-v-53ec6d77] {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -4813,7 +5022,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   justify-content: center;
   padding: 20px;
 }
-.library-confirm[data-v-d94497df] {
+.library-confirm[data-v-53ec6d77] {
   width: min(420px,100%);
   padding: 22px;
   background: var(--vg-surface-bg,#fff);
@@ -4822,26 +5031,27 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   box-shadow: 0 16px 50px #0003;
   outline: none;
 }
-.library-confirm h3[data-v-d94497df] {
-  font-size: 17px;
-  margin: 0 0 14px;
+.library-confirm h3[data-v-53ec6d77] {
+  font-size: 14px;
+  margin: 0 0 12px;
 }
-.library-confirm p[data-v-d94497df] {
-  line-height: 1.8;
+.library-confirm p[data-v-53ec6d77] {
+  font-size: 12px;
+  line-height: 1.7;
   overflow-wrap: anywhere;
   margin: 0 0 20px;
 }
-.library-confirm>div[data-v-d94497df] {
+.library-confirm>div[data-v-53ec6d77] {
   display: flex;
   justify-content: flex-end;
   gap: 10px;
 }
-.library-controls[data-v-d94497df] {
+.library-controls[data-v-53ec6d77] {
   max-height: 32dvh;
   overflow: auto;
   flex-shrink: 0;
 }
-.vg-library-overlay[data-v-d94497df] {
+.vg-library-overlay[data-v-53ec6d77] {
   position: fixed;
   inset: 0;
   z-index: 6000;
@@ -4854,9 +5064,9 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   overscroll-behavior: contain;
   color: var(--vg-text,#303133);
 }
-.vg-library[data-v-d94497df] {
-  width: min(960px,100%);
-  max-height: min(680px,calc(100dvh - 48px));
+.vg-library[data-v-53ec6d77] {
+  width: min(1120px,100%);
+  max-height: min(780px,calc(100dvh - 48px));
   box-sizing: border-box;
   background: var(--vg-surface-bg,#fff);
   border: 1px solid var(--vg-border,#e4e7ed);
@@ -4867,170 +5077,196 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   min-height: 0;
   outline: none;
   overflow: hidden;
-  font-size: 12px;
+  font-size: 11px;
+  line-height: 1.5;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
 }
-.vg-library *[data-v-d94497df] {
+.vg-library *[data-v-53ec6d77] {
   box-sizing: border-box;
 }
-.vg-library button[data-v-d94497df],.vg-library input[data-v-d94497df] {
+.vg-library button[data-v-53ec6d77],.vg-library input[data-v-53ec6d77] {
   font: inherit;
 }
-.vg-library button[data-v-d94497df] {
+.vg-library button[data-v-53ec6d77] {
+  transition: background-color .15s, border-color .15s, color .15s, box-shadow .15s;
+}
+.library-body[data-v-53ec6d77],.library-controls[data-v-53ec6d77],.filter-options[data-v-53ec6d77] {
+  scrollbar-width: thin;
+  scrollbar-color: var(--vg-border,#dcdfe6) transparent;
+}
+.vg-library button[data-v-53ec6d77] {
   cursor: pointer;
 }
-.vg-library button[data-v-d94497df]:disabled {
+.vg-library button[data-v-53ec6d77]:disabled {
   opacity: .48;
   cursor: default;
 }
-.vg-library button[data-v-d94497df]:focus-visible {
+.vg-library button[data-v-53ec6d77]:focus-visible {
   outline: 2px solid var(--vg-accent,#580df8);
   outline-offset: 2px;
 }
-.vg-library-header[data-v-d94497df] {
+.vg-library-header[data-v-53ec6d77] {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   justify-content: space-between;
-  padding: 16px 18px 12px;
-  gap: 10px;
+  padding: 16px 20px;
+  border-bottom: 1px solid var(--vg-border,#e4e7ed);
+  gap: 14px;
   flex-shrink: 0;
 }
-.library-heading[data-v-d94497df] {
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  gap: 4px 10px;
-  min-width: 0;
-}
-.vg-library h2[data-v-d94497df] {
+.vg-library h2[data-v-53ec6d77] {
   margin: 0;
-  font-size: 18px;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.5;
   letter-spacing: .02em;
   white-space: nowrap;
   flex-shrink: 0;
 }
-.vg-library-header p[data-v-d94497df] {
-  margin: 4px 0 0;
+.library-heading[data-v-53ec6d77] {
+  display: flex;
+  flex-direction: column;
+  gap: 3px;
+  min-width: 0;
+  margin-right: auto;
+}
+.vg-library-header p[data-v-53ec6d77] {
+  margin: 0;
   color: var(--vg-muted-text,#909399);
-  font-size: 12px;
+  font-size: 11px;
 }
-.library-close[data-v-d94497df] {
+.library-close[data-v-53ec6d77] {
   border: 0;
   background: var(--vg-menu-hover-bg,#f5f7fa);
   color: inherit;
   border-radius: 6px;
   width: 30px;
   height: 30px;
-  font-size: 21px!important;
+  font-size: 20px!important;
+  line-height: 1;
   flex-shrink: 0;
 }
-.library-controls[data-v-d94497df] {
-  padding: 0 18px 10px;
-  border-bottom: 1px solid var(--vg-border,#e4e7ed);
+.library-close[data-v-53ec6d77]:hover {
+  background: var(--vg-accent-soft,#f0eaff);
+  color: var(--vg-accent,#580df8);
 }
-.library-search-row[data-v-d94497df] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
+.library-controls[data-v-53ec6d77] {
+  padding: 6px 20px 12px;
+  border-bottom: 1px solid var(--vg-border,#e4e7ed);
 }
-.library-search[data-v-d94497df] {
+.library-search[data-v-53ec6d77] {
   display: flex;
   align-items: center;
-  gap: 6px;
-  flex: 1;
-  max-width: 360px;
+  gap: 7px;
+  flex: 0 1 250px;
+  min-width: 140px;
   border: 1px solid var(--vg-border,#e4e7ed);
   border-radius: 6px;
   padding: 0 10px;
   background: var(--vg-panel-bg,#f8f9fc);
 }
-.library-search span[data-v-d94497df] {
-  font-size: 21px;
-  color: var(--vg-muted-text,#909399);
+.library-search svg[data-v-53ec6d77] {
+  width: 14px;
+  height: 14px;
+  flex-shrink: 0;
+  stroke: var(--vg-muted-text,#909399);
+  stroke-width: 1.5;
+  stroke-linecap: round;
 }
-.library-search input[data-v-d94497df] {
+.library-search input[data-v-53ec6d77] {
   width: 100%;
   min-width: 0;
-  height: 30px;
+  height: 28px;
   border: 0;
   background: transparent;
   color: inherit;
   outline: none;
 }
-.library-search[data-v-d94497df]:focus-within {
+.library-search[data-v-53ec6d77]:focus-within {
   border-color: var(--vg-accent,#580df8);
 }
-.library-filter[data-v-d94497df] {
+.library-filter[data-v-53ec6d77] {
   display: flex;
   align-items: flex-start;
-  gap: 10px;
-  margin-top: 8px;
+  gap: 12px;
+  margin-top: 9px;
 }
-.filter-label[data-v-d94497df] {
-  flex: 0 0 30px;
-  padding-top: 5px;
+.filter-label[data-v-53ec6d77] {
+  flex: 0 0 auto;
+  min-width: 26px;
+  padding-top: 4px;
+  line-height: 18px;
   color: var(--vg-muted-text,#909399);
 }
-.filter-options[data-v-d94497df] {
+.filter-options[data-v-53ec6d77] {
   display: flex;
   gap: 6px;
   flex-wrap: wrap;
   min-width: 0;
 }
-.filter-options button[data-v-d94497df] {
+.filter-options button[data-v-53ec6d77] {
   border: 1px solid var(--vg-border,#e4e7ed);
   background: transparent;
   color: inherit;
-  border-radius: 20px;
-  padding: 3px 10px;
+  border-radius: 14px;
+  padding: 2px 10px;
   white-space: nowrap;
-  min-height: 26px;
+  min-height: 24px;
+  line-height: 18px;
 }
-.filter-options button.selected[data-v-d94497df] {
+.filter-options button[data-v-53ec6d77]:hover:not(.selected) {
+  color: var(--vg-accent,#580df8);
+  border-color: var(--vg-accent,#580df8);
+  background: var(--vg-accent-soft,#f0eaff);
+}
+.filter-options button.selected[data-v-53ec6d77] {
   background: var(--vg-accent,#580df8);
   border-color: var(--vg-accent,#580df8);
   color: #fff;
 }
-.filter-options small[data-v-d94497df] {
-  opacity: .65;
-  margin-left: 3px;
+.filter-options small[data-v-53ec6d77] {
+  opacity: .7;
+  font-size: 10px;
+  font-variant-numeric: tabular-nums;
+  margin-left: 4px;
 }
-.library-actions[data-v-d94497df] {
+.library-actions[data-v-53ec6d77] {
   display: flex;
-  gap: 8px;
-  padding: 10px 18px;
+  gap: 6px;
+  padding: 9px 20px;
   align-items: center;
   flex-wrap: wrap;
   flex-shrink: 0;
 }
-.library-button[data-v-d94497df] {
-  min-height: 28px;
-  padding: 4px 10px;
+.library-button[data-v-53ec6d77] {
+  min-height: 26px;
+  padding: 3px 10px;
+  line-height: 18px;
   border: 1px solid var(--vg-border,#dcdfe6);
   border-radius: 5px;
   background: var(--vg-surface-bg,#fff);
   color: inherit;
   white-space: nowrap;
 }
-.library-button[data-v-d94497df]:hover:not(:disabled) {
+.library-button[data-v-53ec6d77]:hover:not(:disabled) {
   border-color: var(--vg-accent,#580df8);
   color: var(--vg-accent,#580df8);
 }
-.library-button.primary[data-v-d94497df] {
+.library-button.primary[data-v-53ec6d77] {
   background: var(--vg-accent,#580df8);
   border-color: var(--vg-accent,#580df8);
   color: #fff;
 }
-.library-button.primary[data-v-d94497df]:hover:not(:disabled) {
+.library-button.primary[data-v-53ec6d77]:hover:not(:disabled) {
   filter: brightness(1.1);
   color: #fff;
 }
-.client-status[data-v-d94497df] {
+.client-status[data-v-53ec6d77] {
   margin-left: auto;
-  font-size: 11px;
+  font-size: 10px;
   color: var(--vg-muted-text,#909399);
 }
-.client-status[data-v-d94497df]:before {
+.client-status[data-v-53ec6d77]:before {
   content: '';
   display: inline-block;
   width: 6px;
@@ -5039,12 +5275,11 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   border-radius: 50%;
   background: #aaa;
 }
-.client-status.connected[data-v-d94497df]:before {
+.client-status.connected[data-v-53ec6d77]:before {
   background: #36b37e;
 }
-.library-error[data-v-d94497df] {
-  flex-shrink: 0;
-  margin: 0 18px 10px;
+.library-error[data-v-53ec6d77] {
+  margin: 0 20px 10px;
   padding: 8px 10px;
   border: 1px solid #f56c6c44;
   background: #f56c6c0c;
@@ -5054,50 +5289,53 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   max-height: 80px;
   overflow: auto;
 }
-.library-body[data-v-d94497df] {
+.library-body[data-v-53ec6d77] {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
   overscroll-behavior: contain;
-  padding: 12px 18px;
-  background: var(--vg-panel-bg,#f8f9fc);
+  padding: 4px 20px 20px;
+  background: var(--vg-surface-bg,#fff);
 }
-.library-grid[data-v-d94497df] {
+.library-grid[data-v-53ec6d77] {
   display: grid;
-  grid-template-columns: repeat(auto-fill,minmax(170px,1fr));
+  grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
   gap: 12px;
 }
-.library-card[data-v-d94497df] {
+.library-card[data-v-53ec6d77] {
   border: 1px solid var(--vg-border,#e4e7ed);
-  border-radius: 8px;
+  border-radius: 7px;
+  min-width: 0;
   overflow: hidden;
   background: var(--vg-surface-bg,#fff);
   display: flex;
   flex-direction: column;
   transition: border-color .15s,box-shadow .15s;
 }
-.library-card[data-v-d94497df]:hover {
+.library-card[data-v-53ec6d77]:hover {
   border-color: var(--vg-accent,#580df8);
-  box-shadow: 0 5px 18px #0000000c;
+  box-shadow: 0 3px 12px #0000000c;
 }
-.library-card.active[data-v-d94497df] {
+.library-card.active[data-v-53ec6d77] {
   border-color: var(--vg-accent,#580df8);
 }
-.library-cover[data-v-d94497df] {
-  height: 120px;
+.library-cover[data-v-53ec6d77] {
+  height: 158px;
   position: relative;
   background: var(--vg-menu-hover-bg,#f1f2f6);
-  padding: 10px;
+  border-bottom: 1px solid var(--vg-border,#e4e7ed);
+  padding: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.library-cover img[data-v-d94497df] {
+.library-cover img[data-v-53ec6d77] {
+  display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.library-cover-button[data-v-d94497df] {
+.library-cover-button[data-v-53ec6d77] {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -5105,69 +5343,93 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   background: transparent;
   cursor: zoom-in!important;
 }
-.library-placeholder[data-v-d94497df] {
+.cover-preview-hint[data-v-53ec6d77] {
+  position: absolute;
+  right: 8px;
+  bottom: 8px;
+  padding: 3px 7px;
+  border-radius: 4px;
+  background: #252935b8;
+  color: #fff;
+  font-size: 10px;
+  opacity: 0;
+  transform: translateY(3px);
+  transition: opacity .15s, transform .15s;
+}
+.library-cover-button:hover .cover-preview-hint[data-v-53ec6d77],
+.library-cover-button:focus-visible .cover-preview-hint[data-v-53ec6d77] {
+  opacity: 1;
+  transform: translateY(0);
+}
+.library-placeholder[data-v-53ec6d77] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   color: var(--vg-muted-text,#909399);
-  font-size: 12px;
+  font-size: 11px;
 }
-.library-placeholder>span[data-v-d94497df]:first-child {
+.library-placeholder>span[data-v-53ec6d77]:first-child {
   font-size: 32px;
   opacity: .45;
 }
-.current-badge[data-v-d94497df] {
+.current-badge[data-v-53ec6d77] {
   position: absolute;
   top: 6px;
   right: 6px;
   background: var(--vg-accent,#580df8);
   color: white;
   border-radius: 4px;
-  padding: 3px 6px;
-  font-size: 11px;
+  padding: 2px 6px;
+  font-size: 10px;
 }
-.library-card-info[data-v-d94497df] {
-  padding: 10px;
+.library-card-info[data-v-53ec6d77] {
+  padding: 10px 11px;
   display: flex;
   flex-direction: column;
   flex: 1;
   min-width: 0;
 }
-.card-source[data-v-d94497df] {
-  font-size: 11px;
-  color: var(--vg-accent,#580df8);
-  margin-bottom: 4px;
-}
-.library-card h3[data-v-d94497df] {
-  font-size: 13px;
+.library-card h3[data-v-53ec6d77] {
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 18px;
   margin: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.card-description[data-v-d94497df] {
-  margin: 4px 0 0;
+.card-description[data-v-53ec6d77] {
+  margin: 0 0 7px;
   color: var(--vg-muted-text,#909399);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 12px;
+  font-size: 10px;
 }
-.card-tags[data-v-d94497df] {
+.card-tags[data-v-53ec6d77] {
   display: flex;
   gap: 4px;
   flex-wrap: wrap;
-  margin: 6px 0;
+  margin: 6px 0 8px;
 }
-.card-tags span[data-v-d94497df] {
-  font-size: 11px;
-  padding: 2px 5px;
-  border-radius: 4px;
+.card-tags span[data-v-53ec6d77] {
+  font-size: 10px;
+  line-height: 16px;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  padding: 0 5px;
+  border-radius: 3px;
   background: var(--vg-menu-hover-bg,#f5f7fa);
   color: var(--vg-muted-text,#909399);
 }
-.card-actions[data-v-d94497df] {
+.card-tags .card-source[data-v-53ec6d77] {
+  color: var(--vg-accent,#580df8);
+  background: var(--vg-accent-soft,#f0eaff);
+}
+.card-actions[data-v-53ec6d77] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
@@ -5175,14 +5437,22 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   margin-top: auto;
   padding-top: 4px;
 }
-.library-delete[data-v-d94497df] {
+.card-actions .primary[data-v-53ec6d77] {
+  min-width: 58px;
+  font-weight: 500;
+}
+.library-delete[data-v-53ec6d77] {
   border: 0;
   background: transparent;
   color: #e25c5c;
   margin-right: auto;
-  padding: 8px 0;
+  padding: 3px 0;
+  font-size: 10px;
+}
+.library-delete[data-v-53ec6d77]:hover {
+  color: #c63737;
 }
-.library-empty[data-v-d94497df] {
+.library-empty[data-v-53ec6d77] {
   min-height: 160px;
   display: flex;
   flex-direction: column;
@@ -5192,20 +5462,20 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   text-align: center;
   padding: 24px;
 }
-.library-empty>span[data-v-d94497df] {
+.library-empty>span[data-v-53ec6d77] {
   font-size: 36px;
   opacity: .4;
   margin-bottom: 10px;
 }
-.library-empty strong[data-v-d94497df] {
-  font-size: 15px;
+.library-empty strong[data-v-53ec6d77] {
+  font-size: 13px;
 }
-.library-empty p[data-v-d94497df] {
+.library-empty p[data-v-53ec6d77] {
   line-height: 1.7;
   font-size: 12px;
 }
-.library-footer[data-v-d94497df] {
-  padding: 10px 18px;
+.library-footer[data-v-53ec6d77] {
+  padding: 10px 20px;
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5214,152 +5484,155 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   color: var(--vg-muted-text,#909399);
   flex-shrink: 0;
 }
-.library-footer nav[data-v-d94497df] {
+.library-footer nav[data-v-53ec6d77] {
   display: flex;
   align-items: center;
-  gap: 8px;
+  gap: 10px;
+  font-variant-numeric: tabular-nums;
 }
 @media(max-width:640px) {
-.library-image-preview[data-v-d94497df] {
+.library-image-preview[data-v-53ec6d77] {
     --preview-width: calc(100vw - 24px);
     --preview-height: calc(100dvh - 140px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
 }
-.vg-library-overlay[data-v-d94497df] {
+.vg-library-overlay[data-v-53ec6d77] {
     padding: 0;
 }
-.vg-library[data-v-d94497df] {
+.vg-library[data-v-53ec6d77] {
     width: 100%;
     height: 100dvh;
     max-height: 100dvh;
     border: 0;
     border-radius: 0;
 }
-.vg-library-header[data-v-d94497df] {
-    padding: calc(16px + env(safe-area-inset-top)) 16px 12px;
+.vg-library-header[data-v-53ec6d77] {
+    flex-wrap: wrap;
+    padding: calc(12px + env(safe-area-inset-top)) 14px 12px;
+    gap: 10px;
+}
+.library-heading[data-v-53ec6d77] {
+    flex: 1;
+    min-width: 0;
 }
-.vg-library h2[data-v-d94497df] {
-    font-size: 18px;
+.vg-library h2[data-v-53ec6d77] {
+    font-size: 15px;
 }
-.library-controls[data-v-d94497df] {
-    padding: 0 16px 12px;
+.library-controls[data-v-53ec6d77] {
+    padding: 2px 14px 10px;
     max-height: 32dvh;
     overflow: auto;
     flex-shrink: 0;
 }
-.library-search-row[data-v-d94497df] {
-    gap: 8px;
-}
-.library-search[data-v-d94497df] {
-    max-width: none;
+.library-search[data-v-53ec6d77] {
+    order: 1;
+    flex: 1 0 100%;
 }
-.library-search input[data-v-d94497df] {
+.library-search input[data-v-53ec6d77] {
     height: 36px;
 }
-.library-search-row .library-button[data-v-d94497df],
-  .library-footer .library-button[data-v-d94497df] {
+.library-footer .library-button[data-v-53ec6d77] {
     min-height: 36px;
 }
-.library-filter[data-v-d94497df] {
+.library-filter[data-v-53ec6d77] {
     gap: 8px;
 }
-.filter-options[data-v-d94497df] {
+.filter-options[data-v-53ec6d77] {
     flex-wrap: nowrap;
     overflow: auto;
     padding: 2px 2px 5px;
     overscroll-behavior: contain;
 }
-.filter-options button[data-v-d94497df] {
-    min-height: 36px;
+.filter-options button[data-v-53ec6d77] {
+    min-height: 32px;
 }
-.filter-label[data-v-d94497df] {
-    padding-top: 10px;
+.filter-label[data-v-53ec6d77] {
+    padding-top: 9px;
 }
-.library-actions[data-v-d94497df] {
-    padding: 10px 16px;
+.library-actions[data-v-53ec6d77] {
+    padding: 8px 14px;
     gap: 6px;
 }
-.library-actions .library-button[data-v-d94497df] {
-    font-size: 11px;
-    min-height: 36px;
-    padding: 6px 8px;
+.library-actions .library-button[data-v-53ec6d77] {
+    font-size: 10px;
+    min-height: 32px;
+    padding: 5px 8px;
 }
-.client-status[data-v-d94497df] {
-    font-size: 11px;
+.client-status[data-v-53ec6d77] {
+    font-size: 10px;
 }
-.library-error[data-v-d94497df] {
-  flex-shrink: 0;
+.library-error[data-v-53ec6d77] {
     margin: 0 16px 10px;
 }
-.library-body[data-v-d94497df] {
-    padding: 10px 16px 16px;
+.library-body[data-v-53ec6d77] {
+    padding: 4px 14px 14px;
 }
-.library-grid[data-v-d94497df] {
+.library-grid[data-v-53ec6d77] {
     grid-template-columns: repeat(2,minmax(0,1fr));
     gap: 10px;
 }
-.library-cover[data-v-d94497df] {
+.library-cover[data-v-53ec6d77] {
     height: 120px;
     padding: 8px;
 }
-.library-card-info[data-v-d94497df] {
-    padding: 10px;
+.library-card-info[data-v-53ec6d77] {
+    padding: 9px;
 }
-.library-card h3[data-v-d94497df] {
-    font-size: 13px;
+.library-card h3[data-v-53ec6d77] {
+    font-size: 12px;
 }
-.library-footer[data-v-d94497df] {
+.library-footer[data-v-53ec6d77] {
     padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
-    font-size: 12px;
+    font-size: 11px;
 }
-.library-footer nav[data-v-d94497df] {
+.library-footer nav[data-v-53ec6d77] {
     gap: 8px;
 }
-.library-close[data-v-d94497df] {
-    width: 40px;
-    height: 40px;
+.library-close[data-v-53ec6d77] {
+    width: 34px;
+    height: 34px;
 }
-.card-actions .library-button[data-v-d94497df] {
-    min-height: 38px;
+.card-actions .library-button[data-v-53ec6d77] {
+    min-height: 34px;
 }
-.library-delete[data-v-d94497df] {
-    min-height: 38px;
+.library-delete[data-v-53ec6d77] {
+    min-height: 34px;
 }
 }
 @media(max-width:350px) {
-.library-grid[data-v-d94497df] {
+.library-grid[data-v-53ec6d77] {
     grid-template-columns: 1fr;
 }
-.library-footer[data-v-d94497df] {
+.library-footer[data-v-53ec6d77] {
     padding-left: 10px;
     padding-right: 10px;
 }
-.library-footer nav[data-v-d94497df] {
+.library-footer nav[data-v-53ec6d77] {
     gap: 5px;
 }
-.client-status[data-v-d94497df] {
+.client-status[data-v-53ec6d77] {
     width: 100%;
     margin-left: 0;
 }
 }
 @media(max-height:560px) and (orientation:landscape) {
-.vg-library-header[data-v-d94497df] {
+.vg-library-header[data-v-53ec6d77] {
     padding: 10px 16px;
 }
-.vg-library-header p[data-v-d94497df] {
+.vg-library-header p[data-v-53ec6d77] {
     display: none;
 }
-.library-controls[data-v-d94497df] {
+.library-controls[data-v-53ec6d77] {
     max-height: 28dvh;
     overflow: auto;
 }
-.library-actions[data-v-d94497df] {
+.library-actions[data-v-53ec6d77] {
     padding-top: 6px;
     padding-bottom: 6px;
 }
 }
 
 /* CodeMirror 弹窗编辑器 */
-.code-editor-dialog[data-v-b53ccb2f] {
+.code-editor-dialog[data-v-0ca665fb] {
   width: 70vw;
   max-width: 1000px;
   display: flex;
@@ -5367,63 +5640,63 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   height: 85vh;
   max-height: 85vh;
 }
-.code-editor-dialog .vg-dialog-body[data-v-b53ccb2f] {
+.code-editor-dialog .vg-dialog-body[data-v-0ca665fb] {
   flex: 1;
   min-height: 0;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
-.code-editor-container[data-v-b53ccb2f] {
+.code-editor-container[data-v-0ca665fb] {
   flex: 1;
   height: 100%;
   min-height: 0;
   border: 1px solid #eee;
   border-radius: 4px;
 }
-.code-editor-container[data-v-b53ccb2f] .prism-editor-wrapper {
+.code-editor-container[data-v-0ca665fb] .prism-editor-wrapper {
   height: 100%;
   overflow: auto;
 }
 
 /* 优化弹窗内容内边距，让编辑器更贴近可视高度 */
-[data-v-b53ccb2f] .el-dialog__body {
+[data-v-0ca665fb] .el-dialog__body {
   padding-top: 6px;
   padding-bottom: 6px;
 }
 
-[data-v-b53ccb2f] .hiprint-printElement-image-content img {
+[data-v-0ca665fb] .hiprint-printElement-image-content img {
   content: url("~@/assets/logo.png");
 }
-.card-design[data-v-b53ccb2f] {
+.card-design[data-v-0ca665fb] {
   position: relative;
   overflow: auto;
   height: 100%;
   padding: 14px;
   min-height: 0;
 }
-.vg-designer-root[data-v-b53ccb2f]{
+.vg-designer-root[data-v-0ca665fb]{
   position: relative;
   width: 100%;
   height: 100%;
   min-height: 0;
 }
-.hinnn-layout-sider[data-v-b53ccb2f]{
+.hinnn-layout-sider[data-v-0ca665fb]{
   overflow: auto;
   height: 90vh;
   font-size: 12px;
   white-space: initial; /* 解决别人是vxe-table的样式影响 */
 }
-.prop-floating .hinnn-layout-sider[data-v-b53ccb2f]{
+.prop-floating .hinnn-layout-sider[data-v-0ca665fb]{
   height: auto;
   max-height: none;
 }
-.params_setting_container[data-v-b53ccb2f] .el-card__body {
+.params_setting_container[data-v-0ca665fb] .el-card__body {
   padding: 1px !important;
 }
-.toolbar-group[data-v-b53ccb2f] { margin:0 4px;
+.toolbar-group[data-v-0ca665fb] { margin:0 4px;
 }
-.design-context-menu[data-v-b53ccb2f]{
+.design-context-menu[data-v-0ca665fb]{
   position: fixed;
   z-index: 3000;
   min-width: 180px;
@@ -5435,7 +5708,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   font-size: 12px;
   color: var(--vg-text, #303133);
 }
-.ctx-item[data-v-b53ccb2f]{
+.ctx-item[data-v-0ca665fb]{
   display: flex;
   align-items: center;
   gap: 8px;
@@ -5443,16 +5716,16 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   cursor: pointer;
   white-space: nowrap;
 }
-.ctx-item[data-v-b53ccb2f]:hover{
+.ctx-item[data-v-0ca665fb]:hover{
   background: var(--vg-menu-hover-bg, #f5f7fa);
 }
-.ctx-item.danger[data-v-b53ccb2f]{
+.ctx-item.danger[data-v-0ca665fb]{
   color: #f56c6c;
 }
-.ctx-item-submenu[data-v-b53ccb2f]{
+.ctx-item-submenu[data-v-0ca665fb]{
   position: relative;
 }
-.ctx-submenu-trigger-icon[data-v-b53ccb2f]{
+.ctx-submenu-trigger-icon[data-v-0ca665fb]{
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5461,12 +5734,12 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   font-weight: 600;
   letter-spacing: 1px;
 }
-.ctx-submenu-arrow[data-v-b53ccb2f]{
+.ctx-submenu-arrow[data-v-0ca665fb]{
   margin-left: auto;
   font-size: 14px;
   color: #909399;
 }
-.ctx-submenu[data-v-b53ccb2f]{
+.ctx-submenu[data-v-0ca665fb]{
   display: none;
   position: absolute;
   bottom: -4px;
@@ -5479,55 +5752,55 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   box-shadow: 0 8px 24px rgba(0,0,0,0.15);
   color: var(--vg-text, #303133);
 }
-.ctx-item-submenu:hover > .ctx-submenu[data-v-b53ccb2f]{
+.ctx-item-submenu:hover > .ctx-submenu[data-v-0ca665fb]{
   display: block;
 }
-.ctx-sub-item[data-v-b53ccb2f]{
+.ctx-sub-item[data-v-0ca665fb]{
   padding: 8px 12px;
   cursor: pointer;
   white-space: nowrap;
 }
-.ctx-sub-item[data-v-b53ccb2f]:hover{
+.ctx-sub-item[data-v-0ca665fb]:hover{
   background: var(--vg-menu-hover-bg, #f5f7fa);
 }
-.ctx-sub-sep[data-v-b53ccb2f]{
+.ctx-sub-sep[data-v-0ca665fb]{
   height: 1px;
   background: var(--vg-border, rgba(0,0,0,0.08));
   margin: 4px 0;
 }
-.ctx-sep[data-v-b53ccb2f]{
+.ctx-sep[data-v-0ca665fb]{
   height: 1px;
   background: var(--vg-border, rgba(0,0,0,0.08));
   margin: 4px 0;
 }
-.new-template-dialog[data-v-b53ccb2f]{
+.new-template-dialog[data-v-0ca665fb]{
   width: min(420px, calc(100vw - 32px));
 }
-.new-template-hint[data-v-b53ccb2f]{
+.new-template-hint[data-v-0ca665fb]{
   margin-bottom: 14px;
   color: var(--vg-muted-text, #909399);
   font-size: 12px;
 }
-.panel-name-label[data-v-b53ccb2f]{
+.panel-name-label[data-v-0ca665fb]{
   display: block;
   margin-bottom: 6px;
   font-size: 13px;
   font-weight: 600;
 }
-.panel-name-label.second-field[data-v-b53ccb2f]{ margin-top: 12px;
+.panel-name-label.second-field[data-v-0ca665fb]{ margin-top: 12px;
 }
-.required-mark[data-v-b53ccb2f]{ color: #f56c6c;
+.required-mark[data-v-0ca665fb]{ color: #f56c6c;
 }
-.panel-name-input[data-v-b53ccb2f]{
+.panel-name-input[data-v-0ca665fb]{
   width: 100%;
   box-sizing: border-box;
 }
-.panel-name-error[data-v-b53ccb2f]{
+.panel-name-error[data-v-0ca665fb]{
   margin-top: 6px;
   color: #f56c6c;
   font-size: 12px;
 }
-.designer-footer[data-v-b53ccb2f]{
+.designer-footer[data-v-0ca665fb]{
   position: absolute;
   left: 0;
   right: 0;
@@ -5542,14 +5815,14 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   font-size: 12px;
   color: var(--vg-footer-text, #606266);
 }
-.designer-footer-inner[data-v-b53ccb2f]{
+.designer-footer-inner[data-v-0ca665fb]{
   flex: 1 1 auto;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.designer-footer-client[data-v-b53ccb2f]{
+.designer-footer-client[data-v-0ca665fb]{
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
@@ -5558,48 +5831,48 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   padding-left: 12px;
   white-space: nowrap;
 }
-.designer-footer-client-status[data-v-b53ccb2f]{
+.designer-footer-client-status[data-v-0ca665fb]{
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #f56c6c;
 }
-.designer-footer-client-status.is-connected[data-v-b53ccb2f]{ background: #49c28a;
+.designer-footer-client-status.is-connected[data-v-0ca665fb]{ background: #49c28a;
 }
-.designer-footer-client-version[data-v-b53ccb2f]{
+.designer-footer-client-version[data-v-0ca665fb]{
   margin-left: 6px;
   padding-left: 10px;
   border-left: 1px solid var(--vg-border, rgba(0,0,0,0.12));
 }
 
 /* 主体布局：左侧固定组件库 + 中间设计区 */
-.main-layout-row[data-v-b53ccb2f] {
+.main-layout-row[data-v-0ca665fb] {
   display: flex;
   align-items: stretch;
   flex-wrap: nowrap;
   box-sizing: border-box;
 }
-.left-sider[data-v-b53ccb2f] {
+.left-sider[data-v-0ca665fb] {
   flex: 0 0 200px !important;
   max-width: 200px !important;
   width: 200px !important;
   height: 100%;
   min-height: 0;
 }
-.left-sider-card[data-v-b53ccb2f] {
+.left-sider-card[data-v-0ca665fb] {
   background: #fff;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.left-sider[data-v-b53ccb2f] .el-card__body {
+.left-sider[data-v-0ca665fb] .el-card__body {
   padding: 0 !important;
   height: 100%;
   min-height: 0;
   display: flex;
   flex-direction: column;
 }
-.left-sider-header[data-v-b53ccb2f] {
+.left-sider-header[data-v-0ca665fb] {
   padding: 4px;
   background-color: var(--vg-header-bg, #580df8);
   color: var(--vg-header-text, #fff);
@@ -5609,7 +5882,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   align-items: center;
   gap: 5px;
 }
-.hiprintEpContainer[data-v-b53ccb2f] {
+.hiprintEpContainer[data-v-0ca665fb] {
   background: #fff;
   color: #303133;
   padding: 10px;
@@ -5619,11 +5892,11 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   box-sizing: border-box;
   padding-bottom: 18px;
 }
-[data-v-b53ccb2f] .hiprintEpContainer .hiprint-printElement-type {
+[data-v-0ca665fb] .hiprintEpContainer .hiprint-printElement-type {
   height: auto !important;
   min-height: 100%;
 }
-.center-design[data-v-b53ccb2f] {
+.center-design[data-v-0ca665fb] {
   flex: 1 1 auto;
   min-width: 600px; /* 保证中间区域不被过度压缩 */
   height: 100%;
@@ -5633,7 +5906,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
 }
 
 /* 右侧属性设置悬浮样式 */
-.prop-floating[data-v-b53ccb2f] {
+.prop-floating[data-v-0ca665fb] {
   position: fixed;
   top: 76px;
   right: auto;
@@ -5649,34 +5922,34 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   flex-direction: column;
 }
 /* Resize Handles */
-.resize-handle[data-v-b53ccb2f] {
+.resize-handle[data-v-0ca665fb] {
   position: absolute;
   z-index: 122;
   background-color: transparent;
   transition: all 0.2s;
 }
-.resize-handle[data-v-b53ccb2f]:hover {
+.resize-handle[data-v-0ca665fb]:hover {
   background-color: var(--vg-accent, #580df8);
 }
-.resize-left[data-v-b53ccb2f] {
+.resize-left[data-v-0ca665fb] {
   top: 0; bottom: 0; left: 0; width: 1px; cursor: w-resize;
 }
-.resize-left[data-v-b53ccb2f]:hover {
+.resize-left[data-v-0ca665fb]:hover {
   width: 2px;
 }
-.resize-right[data-v-b53ccb2f] {
+.resize-right[data-v-0ca665fb] {
   top: 0; bottom: 0; right: 0; width: 1px; cursor: e-resize;
 }
-.resize-right[data-v-b53ccb2f]:hover {
+.resize-right[data-v-0ca665fb]:hover {
   width: 2px;
 }
-.resize-bottom[data-v-b53ccb2f] {
+.resize-bottom[data-v-0ca665fb] {
   bottom: 0; left: 0; right: 0; height: 1px; cursor: s-resize;
 }
-.resize-bottom[data-v-b53ccb2f]:hover {
+.resize-bottom[data-v-0ca665fb]:hover {
   height: 2px;
 }
-.pagination-floating[data-v-b53ccb2f] {
+.pagination-floating[data-v-0ca665fb] {
   position: absolute;
   top: 16px;
   left: 16px;
@@ -5690,7 +5963,7 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   overflow: hidden;
   color: var(--vg-text, #303133);
 }
-.prop-header[data-v-b53ccb2f] {
+.prop-header[data-v-0ca665fb] {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5700,14 +5973,14 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   color: var(--vg-header-text, #fff);
   border-bottom: 1px solid rgba(0,0,0,0.06);
 }
-.prop-header .title[data-v-b53ccb2f] {
+.prop-header .title[data-v-0ca665fb] {
   font-size: 13px;
   font-weight: 600;
 }
-.prop-header .header-actions[data-v-b53ccb2f] {
+.prop-header .header-actions[data-v-0ca665fb] {
   display: flex;
 }
-.prop-header .icon-btn[data-v-b53ccb2f] {
+.prop-header .icon-btn[data-v-0ca665fb] {
   width: 24px;
   height: 20px;
   display: inline-flex;
@@ -5720,16 +5993,16 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   color: var(--vg-header-text, #fff);
   cursor: pointer;
 }
-.prop-header .icon-btn[data-v-b53ccb2f]:hover {
+.prop-header .icon-btn[data-v-0ca665fb]:hover {
   background: rgba(255,255,255,0.12);
 }
-.prop-header .collapse-btn .iconfont[data-v-b53ccb2f] {
+.prop-header .collapse-btn .iconfont[data-v-0ca665fb] {
   transition: transform 0.24s ease;
 }
-.prop-header .collapse-btn.is-collapsed .iconfont[data-v-b53ccb2f] {
+.prop-header .collapse-btn.is-collapsed .iconfont[data-v-0ca665fb] {
   transform: rotate(180deg);
 }
-.prop-body[data-v-b53ccb2f] {
+.prop-body[data-v-0ca665fb] {
   overflow: auto;
   flex: 1 1 auto;
   min-height: 0;
@@ -5741,11 +6014,11 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   transform-origin: top center;
   transition: max-height 0.26s ease, opacity 0.2s ease, transform 0.26s ease;
 }
-#PrintElementOptionSetting[data-v-b53ccb2f] {
+#PrintElementOptionSetting[data-v-0ca665fb] {
   padding-bottom: 24px;
 }
-.prop-floating.is-collapsed .prop-body[data-v-b53ccb2f],
-.prop-body.is-collapsed[data-v-b53ccb2f] {
+.prop-floating.is-collapsed .prop-body[data-v-0ca665fb],
+.prop-body.is-collapsed[data-v-0ca665fb] {
   flex: 0 0 auto;
   min-height: 0;
   max-height: 0;
@@ -5754,38 +6027,38 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   overflow: hidden;
   pointer-events: none;
 }
-.prop-floating[data-v-b53ccb2f] {
+.prop-floating[data-v-0ca665fb] {
   transition: box-shadow 0.26s ease;
 }
-.prop-floating.is-collapsed[data-v-b53ccb2f] {
+.prop-floating.is-collapsed[data-v-0ca665fb] {
   height: auto !important;
   min-height: 0;
   box-shadow: 0 4px 12px rgba(0,0,0,0.1);
 }
-.prop-floating.is-collapsed .prop-header[data-v-b53ccb2f] {
+.prop-floating.is-collapsed .prop-header[data-v-0ca665fb] {
   border-bottom-color: transparent;
   transition: border-color 0.2s ease;
 }
-.hiprint-printPagination[data-v-b53ccb2f] .hiprint-pagination{
+.hiprint-printPagination[data-v-0ca665fb] .hiprint-pagination{
   padding: 4px 0 0 4px;
   margin: 0;
   display: flex;
 }
-.pagination-floating[data-v-b53ccb2f] .hiprint-pagination > li {
+.pagination-floating[data-v-0ca665fb] .hiprint-pagination > li {
   color: var(--vg-text, #303133);
   background: var(--vg-menu-bg, #fff);
 }
-.pagination-floating[data-v-b53ccb2f] .hiprint-pagination > li > span {
+.pagination-floating[data-v-0ca665fb] .hiprint-pagination > li > span {
   color: var(--vg-text, #303133);
   white-space: nowrap;
 }
-.pagination-floating[data-v-b53ccb2f] .hiprint-pagination > li > a {
+.pagination-floating[data-v-0ca665fb] .hiprint-pagination > li > a {
   color: var(--vg-muted-text, #909399);
 }
 /* 隐藏状态不显示触发器，改由工具栏控制 */
 
 /* Left Sider Toggle Button */
-.left-sider-toggle[data-v-b53ccb2f] {
+.left-sider-toggle[data-v-0ca665fb] {
   position: absolute;
   top: 50%;
   left: 199px;
@@ -5803,27 +6076,27 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   transform: translateY(-50%);
   transition: left 0.3s;
 }
-.left-sider-toggle.collapsed[data-v-b53ccb2f] {
+.left-sider-toggle.collapsed[data-v-0ca665fb] {
   left: 0;
 }
-.main-layout-row.is-mobile .left-sider[data-v-b53ccb2f] {
+.main-layout-row.is-mobile .left-sider[data-v-0ca665fb] {
   display: none;
 }
-.main-layout-row.is-mobile .center-design[data-v-b53ccb2f] {
+.main-layout-row.is-mobile .center-design[data-v-0ca665fb] {
   width: 100%;
   min-width: 0;
   flex: 0 0 100%;
   max-width: 100%;
 }
-.main-layout-row.left-collapsed .left-sider[data-v-b53ccb2f] {
+.main-layout-row.left-collapsed .left-sider[data-v-0ca665fb] {
   display: none;
 }
-.main-layout-row.left-collapsed .center-design[data-v-b53ccb2f] {
+.main-layout-row.left-collapsed .center-design[data-v-0ca665fb] {
   width: 100%;
   flex: 0 0 100%;
   max-width: 100%;
 }
-.mobile-bottom-sheet[data-v-b53ccb2f] {
+.mobile-bottom-sheet[data-v-0ca665fb] {
   position: fixed;
   bottom: 0;
   left: 0;
@@ -5840,20 +6113,20 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   transition: transform 0.3s;
   border-radius: 12px 12px 0 0;
 }
-.mobile-bottom-sheet .prop-body[data-v-b53ccb2f] {
+.mobile-bottom-sheet .prop-body[data-v-0ca665fb] {
   flex: 1;
   overflow-y: auto;
   padding: 0;
   height: calc(100% - 40px);
 }
-.mobile-bottom-sheet .mobile-sheet-tabs[data-v-b53ccb2f] {
+.mobile-bottom-sheet .mobile-sheet-tabs[data-v-0ca665fb] {
   display: flex;
   height: 40px;
   background: #f5f7fa;
   border-bottom: 1px solid #e4e7ed;
   border-radius: 12px 12px 0 0;
 }
-.mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-b53ccb2f] {
+.mobile-bottom-sheet .mobile-sheet-tabs .tab-item[data-v-0ca665fb] {
   flex: 1;
   display: flex;
   align-items: center;
@@ -5862,17 +6135,17 @@ li.disabled[data-v-82d33c90] { color: var(--vg-muted-text, #bbb);
   font-size: 14px;
   color: #606266;
 }
-.mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-b53ccb2f] {
+.mobile-bottom-sheet .mobile-sheet-tabs .tab-item.active[data-v-0ca665fb] {
   color: #409eff;
   background: #fff;
   font-weight: bold;
   border-bottom: 2px solid #409eff;
 }
-.mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-b53ccb2f] {
+.mobile-bottom-sheet .mobile-sheet-tabs .tab-item.close-btn[data-v-0ca665fb] {
   flex: 0 0 40px;
   color: #909399;
 }
-.mobile-bottom-sheet .mobile-tab-content[data-v-b53ccb2f] {
+.mobile-bottom-sheet .mobile-tab-content[data-v-0ca665fb] {
   height: 100%;
   overflow-y: auto;
   padding: 10px;