fdb2 1.0.36 → 1.0.38

package/dist/public/explorer.css

@@ -1,19 +1,19 @@
 
 /* 继承原有的样式，这里可以添加组件特定的样式 */
-.connection-form-modern[data-v-7681a313] {
+.connection-form-modern[data-v-c314aadc] {
   padding: 0;
 }
-.form-section[data-v-7681a313] {
+.form-section[data-v-c314aadc] {
   margin-bottom: 1.25rem;
 }
-.section-header[data-v-7681a313] {
+.section-header[data-v-c314aadc] {
   display: flex;
   align-items: center;
   margin-bottom: 0.75rem;
   padding-bottom: 0.5rem;
   border-bottom: 1px solid var(--db-border);
 }
-.section-icon[data-v-7681a313] {
+.section-icon[data-v-c314aadc] {
   width: 26px;
   height: 26px;
   border-radius: 5px;
@@ -26,24 +26,24 @@
   margin-right: 0.5rem;
   flex-shrink: 0;
 }
-.section-title[data-v-7681a313] {
+.section-title[data-v-c314aadc] {
   font-size: 0.875rem;
   font-weight: 600;
   margin: 0;
   color: var(--db-dark-color);
 }
-.section-content[data-v-7681a313] {
+.section-content[data-v-c314aadc] {
   padding-left: 0;
 }
-.form-grid[data-v-7681a313] {
+.form-grid[data-v-c314aadc] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 0.75rem;
 }
-.form-group-modern[data-v-7681a313] {
+.form-group-modern[data-v-c314aadc] {
   margin-bottom: 0.625rem;
 }
-.form-label-modern[data-v-7681a313] {
+.form-label-modern[data-v-c314aadc] {
   display: flex;
   align-items: center;
   font-weight: 600;
@@ -51,8 +51,8 @@
   margin-bottom: 0.25rem;
   font-size: 0.75rem;
 }
-.form-control-modern[data-v-7681a313],
-.form-select-modern[data-v-7681a313] {
+.form-control-modern[data-v-c314aadc],
+.form-select-modern[data-v-c314aadc] {
   width: 100%;
   padding: 0.3rem 0.5rem;
   border: 1px solid var(--db-border-light);
@@ -62,41 +62,41 @@
   color: var(--db-text-body);
   background-color: var(--db-bg-soft);
 }
-.form-control-modern[data-v-7681a313]:focus,
-.form-select-modern[data-v-7681a313]:focus {
+.form-control-modern[data-v-c314aadc]:focus,
+.form-select-modern[data-v-c314aadc]:focus {
   outline: none;
   border-color: var(--db-primary-color);
   box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.25);
 }
-.form-check-modern[data-v-7681a313] {
+.form-check-modern[data-v-c314aadc] {
   display: flex;
   align-items: flex-start;
   padding: 0;
 }
-.form-check-input-modern[data-v-7681a313] {
+.form-check-input-modern[data-v-c314aadc] {
   margin-right: 0.5rem;
   margin-top: 0.2rem;
 }
-.form-check-label-modern[data-v-7681a313] {
+.form-check-label-modern[data-v-c314aadc] {
   display: flex;
   flex-direction: column;
   cursor: pointer;
 }
-.check-text[data-v-7681a313] {
+.check-text[data-v-c314aadc] {
   font-weight: 500;
   font-size: 0.8125rem;
   color: var(--db-text-body);
   margin-bottom: 0.125rem;
 }
-.check-description[data-v-7681a313] {
+.check-description[data-v-c314aadc] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
 }
-.required[data-v-7681a313] {
+.required[data-v-c314aadc] {
   color: var(--db-danger-color);
   margin-left: 0.25rem;
 }
-.error-content[data-v-7681a313] {
+.error-content[data-v-c314aadc] {
   display: flex;
   align-items: center;
   padding: 0.75rem;
@@ -105,7 +105,7 @@
   border: 1px solid rgba(239, 68, 68, 0.35);
   border-radius: 4px;
 }
-.error-icon[data-v-7681a313] {
+.error-icon[data-v-c314aadc] {
   width: 28px;
   height: 28px;
   border-radius: 50%;
@@ -117,21 +117,28 @@
   font-size: 0.9375rem;
   flex-shrink: 0;
 }
-.error-message[data-v-7681a313] {
+.error-message[data-v-c314aadc] {
   flex: 1;
   color: var(--db-text-body);
   font-size: 0.8125rem;
   line-height: 1.6;
 }
+.form-hint[data-v-c314aadc] {
+  grid-column: 1 / -1;
+  margin: 0.25rem 0 0;
+  font-size: 0.75rem;
+  color: var(--db-text-muted);
+  line-height: 1.5;
+}
 
-.sql-executor[data-v-4b956460] {
+.sql-executor[data-v-601319e8] {
   width: 100%;
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.sql-toolbar[data-v-4b956460] {
+.sql-toolbar[data-v-601319e8] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -140,12 +147,12 @@
   background-color: var(--db-bg-soft2);
   border-radius: 4px;
 }
-.toolbar-left[data-v-4b956460],
-.toolbar-right[data-v-4b956460] {
+.toolbar-left[data-v-601319e8],
+.toolbar-right[data-v-601319e8] {
   display: flex;
   gap: 6px;
 }
-.sql-container[data-v-4b956460] {
+.sql-container[data-v-601319e8] {
   position: relative;
   border: 1px solid var(--db-border);
   border-radius: 4px;
@@ -154,23 +161,23 @@
   display: flex;
   flex-direction: column;
 }
-.sql-editor[data-v-4b956460] {
+.sql-editor[data-v-601319e8] {
   position: relative;
   overflow: auto;
   flex: 0 1 260px;
   min-height: 160px;
 }
-.sql-result[data-v-4b956460] {
+.sql-result[data-v-601319e8] {
   position: relative;
   overflow: auto;
   border-top: 1px solid var(--db-border-lighter);
   flex: 1;
 }
-.codemirror-editor[data-v-4b956460] {
+.codemirror-editor[data-v-601319e8] {
   height: 100%;
   width: 100%;
 }
-.resizer[data-v-4b956460] {
+.resizer[data-v-601319e8] {
   height: 8px;
   background-color: var(--db-border-soft);
   cursor: ns-resize;
@@ -178,33 +185,33 @@
   align-items: center;
   justify-content: center;
 }
-.resizer[data-v-4b956460]:hover {
+.resizer[data-v-601319e8]:hover {
   background-color: var(--db-border-lighter);
 }
-.resizer[data-v-4b956460]::before {
+.resizer[data-v-601319e8]::before {
   content: '';
   width: 40px;
   height: 2px;
   background-color: var(--db-border-light);
   border-radius: 1px;
 }
-.resizer.resizing[data-v-4b956460] {
+.resizer.resizing[data-v-601319e8] {
   background-color: var(--db-border-lighter);
 }
-.resizer.resizing[data-v-4b956460]::before {
+.resizer.resizing[data-v-601319e8]::before {
   background-color: var(--db-text-muted);
 }
-.sql-result[data-v-4b956460] {
+.sql-result[data-v-601319e8] {
   position: relative;
   overflow: auto;
   border-top: 1px solid var(--db-border-lighter);
 }
-.result-content[data-v-4b956460] {
+.result-content[data-v-601319e8] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.result-header[data-v-4b956460] {
+.result-header[data-v-601319e8] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -212,7 +219,7 @@
   background-color: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
 }
-.result-title[data-v-4b956460] {
+.result-title[data-v-601319e8] {
   margin: 0;
   font-size: 13px;
   font-weight: 600;
@@ -220,16 +227,16 @@
   align-items: center;
   gap: 8px;
 }
-.sql-loading[data-v-4b956460] {
+.sql-loading[data-v-601319e8] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.result-stats[data-v-4b956460] {
+.result-stats[data-v-601319e8] {
   display: flex;
   gap: 8px;
 }
-.result-info[data-v-4b956460] {
+.result-info[data-v-601319e8] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -237,49 +244,49 @@
   background-color: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
 }
-.result-actions[data-v-4b956460] {
+.result-actions[data-v-601319e8] {
   display: flex;
   gap: 6px;
 }
-.result-table-container[data-v-4b956460] {
+.result-table-container[data-v-601319e8] {
   flex: 1;
   overflow: auto;
 }
 
 /* 对象结果样式 */
-.result-object[data-v-4b956460] {
+.result-object[data-v-601319e8] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.object-container[data-v-4b956460] {
+.object-container[data-v-601319e8] {
   flex: 1;
   overflow: auto;
 }
-.object-container table[data-v-4b956460] {
+.object-container table[data-v-601319e8] {
   width: 100%;
 }
-.object-container th[data-v-4b956460]:first-child {
+.object-container th[data-v-601319e8]:first-child {
   width: 20%;
   min-width: 100px;
 }
-.object-container td[data-v-4b956460]:first-child {
+.object-container td[data-v-601319e8]:first-child {
   font-weight: 500;
   background-color: var(--db-bg-soft2);
 }
-.sql-loading-state[data-v-4b956460] {
+.sql-loading-state[data-v-601319e8] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   flex: 1;
 }
-.sql-empty-result[data-v-4b956460],
-.sql-error[data-v-4b956460] {
+.sql-empty-result[data-v-601319e8],
+.sql-error[data-v-601319e8] {
   padding: 12px;
   flex: 1;
 }
-.result-empty[data-v-4b956460] {
+.result-empty[data-v-601319e8] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -288,40 +295,40 @@
   color: var(--db-text-muted);
   gap: 10px;
 }
-.result-empty i[data-v-4b956460] {
+.result-empty i[data-v-601319e8] {
   font-size: 24px;
   opacity: 0.4;
 }
-.json-result[data-v-4b956460] {
+.json-result[data-v-601319e8] {
   flex: 1;
   overflow: hidden;
 }
-.json-result .codemirror-editor[data-v-4b956460] {
+.json-result .codemirror-editor[data-v-601319e8] {
   height: 100%;
   width: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.sql-toolbar[data-v-4b956460] {
+.sql-toolbar[data-v-601319e8] {
     flex-direction: column;
     align-items: stretch;
     gap: 8px;
 }
-.toolbar-left[data-v-4b956460],
-  .toolbar-right[data-v-4b956460] {
+.toolbar-left[data-v-601319e8],
+  .toolbar-right[data-v-601319e8] {
     justify-content: center;
 }
 }
 
-.connection-detail[data-v-ef9effac] {
+.connection-detail[data-v-0f93f920] {
   padding: 10px;
   display: flex;
   flex-direction: column;
   height: 100%;
   gap: 10px;
 }
-.connection-header[data-v-ef9effac] {
+.connection-header[data-v-0f93f920] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -331,12 +338,12 @@
   border-radius: 6px;
   border: 1px solid var(--db-border);
 }
-.connection-info[data-v-ef9effac] {
+.connection-info[data-v-0f93f920] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.connection-avatar[data-v-ef9effac] {
+.connection-avatar[data-v-0f93f920] {
   width: 34px;
   height: 34px;
   display: flex;
@@ -347,48 +354,48 @@
   border: 1px solid var(--db-border);
   flex-shrink: 0;
 }
-.db-logo[data-v-ef9effac] {
+.db-logo[data-v-0f93f920] {
   font-size: 13px;
   font-weight: 700;
   letter-spacing: 0.02em;
   color: var(--db-gray-dark);
 }
-.db-mysql[data-v-ef9effac] {
+.db-mysql[data-v-0f93f920] {
   background-color: #4CAF50;
   color: var(--db-on-accent);
 }
-.db-postgres[data-v-ef9effac] {
+.db-postgres[data-v-0f93f920] {
   background-color: #336791;
   color: var(--db-on-accent);
 }
-.db-mssql[data-v-ef9effac] {
+.db-mssql[data-v-0f93f920] {
   background-color: #0078d4;
   color: var(--db-on-accent);
 }
-.db-sqlite[data-v-ef9effac] {
+.db-sqlite[data-v-0f93f920] {
   background-color: #003B57;
   color: var(--db-on-accent);
 }
-.db-oracle[data-v-ef9effac] {
+.db-oracle[data-v-0f93f920] {
   background-color: #F80000;
   color: var(--db-on-accent);
 }
-.connection-meta[data-v-ef9effac] {
+.connection-meta[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
-.connection-name[data-v-ef9effac] {
+.connection-name[data-v-0f93f920] {
   margin: 0;
   font-size: 15px;
   font-weight: 600;
 }
-.connection-type-info[data-v-ef9effac] {
+.connection-type-info[data-v-0f93f920] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.db-type[data-v-ef9effac] {
+.db-type[data-v-0f93f920] {
   padding: 1px 7px;
   border-radius: 999px;
   background-color: var(--db-primary-bg);
@@ -396,30 +403,30 @@
   font-weight: 500;
   color: var(--db-primary-color);
 }
-.connection-status[data-v-ef9effac] {
+.connection-status[data-v-0f93f920] {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 12px;
   color: var(--db-text-muted);
 }
-.status-dot[data-v-ef9effac] {
+.status-dot[data-v-0f93f920] {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background-color: var(--db-gray-dark);
 }
-.status-online .status-dot[data-v-ef9effac] {
+.status-online .status-dot[data-v-0f93f920] {
   background-color: #28a745;
 }
-.status-offline .status-dot[data-v-ef9effac] {
+.status-offline .status-dot[data-v-0f93f920] {
   background-color: #dc3545;
 }
-.status-testing .status-dot[data-v-ef9effac] {
+.status-testing .status-dot[data-v-0f93f920] {
   background-color: #ffc107;
-  animation: pulse-ef9effac 1s infinite;
+  animation: pulse-0f93f920 1s infinite;
 }
-@keyframes pulse-ef9effac {
+@keyframes pulse-0f93f920 {
 0%, 100% {
     opacity: 1;
 }
@@ -427,15 +434,15 @@
     opacity: 0.5;
 }
 }
-.connection-actions[data-v-ef9effac] {
+.connection-actions[data-v-0f93f920] {
   display: flex;
   gap: 8px;
 }
-.connection-details-panel[data-v-ef9effac] {
+.connection-details-panel[data-v-0f93f920] {
   margin-bottom: 0;
-  animation: fadeIn-ef9effac 0.3s ease;
+  animation: fadeIn-0f93f920 0.3s ease;
 }
-.section-title[data-v-ef9effac] {
+.section-title[data-v-0f93f920] {
   margin: 0 0 10px 0;
   font-size: 13px;
   font-weight: 600;
@@ -446,7 +453,7 @@
   padding-bottom: 6px;
   border-bottom: 1px solid var(--db-border);
 }
-@keyframes fadeIn-ef9effac {
+@keyframes fadeIn-0f93f920 {
 from {
     opacity: 0;
     transform: translateY(-10px);
@@ -456,17 +463,17 @@ to {
     transform: translateY(0);
 }
 }
-.detail-card[data-v-ef9effac] {
+.detail-card[data-v-0f93f920] {
   border: 1px solid var(--db-border);
   border-radius: 6px;
   overflow: hidden;
 }
-.card-header[data-v-ef9effac] {
+.card-header[data-v-0f93f920] {
   padding: 10px;
   background-color: var(--db-bg-soft);
   border-bottom: 1px solid var(--db-border);
 }
-.card-title[data-v-ef9effac] {
+.card-title[data-v-0f93f920] {
   margin: 0;
   font-size: 13px;
   font-weight: 600;
@@ -474,16 +481,16 @@ to {
   align-items: center;
   gap: 8px;
 }
-.card-body[data-v-ef9effac] {
+.card-body[data-v-0f93f920] {
   padding: 10px;
 }
-.info-grid[data-v-ef9effac] {
+.info-grid[data-v-0f93f920] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   gap: 8px;
   margin-bottom: 0;
 }
-.info-item[data-v-ef9effac] {
+.info-item[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   gap: 2px;
@@ -493,33 +500,33 @@ to {
   transition: background-color 0.15s ease;
   border: 1px solid var(--db-border);
 }
-.info-item[data-v-ef9effac]:hover {
+.info-item[data-v-0f93f920]:hover {
   background-color: var(--db-bg-soft2);
 }
-.info-label[data-v-ef9effac] {
+.info-label[data-v-0f93f920] {
   font-size: 10px;
   font-weight: 600;
   color: var(--db-text-muted);
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
-.info-value[data-v-ef9effac] {
+.info-value[data-v-0f93f920] {
   font-size: 12px;
   font-weight: 500;
   color: var(--db-dark-color);
 }
-.db-type-badge[data-v-ef9effac] {
+.db-type-badge[data-v-0f93f920] {
   padding: 1px 7px;
   border-radius: 999px;
   font-size: 11px;
   font-weight: 500;
 }
-.stats-grid[data-v-ef9effac] {
+.stats-grid[data-v-0f93f920] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: 8px;
 }
-.stat-item[data-v-ef9effac] {
+.stat-item[data-v-0f93f920] {
   text-align: left;
   padding: 8px;
   background-color: var(--db-bg-soft);
@@ -527,31 +534,31 @@ to {
   transition: background-color 0.15s ease;
   border: 1px solid var(--db-border);
 }
-.stat-item[data-v-ef9effac]:hover {
+.stat-item[data-v-0f93f920]:hover {
   background-color: var(--db-bg-soft2);
 }
-.stat-value[data-v-ef9effac] {
+.stat-value[data-v-0f93f920] {
   font-size: 15px;
   font-weight: 600;
   line-height: 1.25;
   color: var(--db-dark-color);
 }
-.stat-label[data-v-ef9effac] {
+.stat-label[data-v-0f93f920] {
   font-size: 11px;
   color: var(--db-text-muted);
   margin-top: 2px;
 }
-.quick-actions[data-v-ef9effac] {
+.quick-actions[data-v-0f93f920] {
   margin-bottom: 0;
   padding: 10px 12px;
   background-color: var(--db-bg-soft2);
   border-radius: 6px;
   border: 1px solid var(--db-border);
 }
-.actions-header[data-v-ef9effac] {
+.actions-header[data-v-0f93f920] {
   margin-bottom: 8px;
 }
-.actions-title[data-v-ef9effac] {
+.actions-title[data-v-0f93f920] {
   margin: 0;
   font-size: 13px;
   font-weight: 600;
@@ -559,12 +566,12 @@ to {
   align-items: center;
   gap: 8px;
 }
-.actions-grid[data-v-ef9effac] {
+.actions-grid[data-v-0f93f920] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
   gap: 6px;
 }
-.action-btn[data-v-ef9effac] {
+.action-btn[data-v-0f93f920] {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -578,20 +585,20 @@ to {
   transition: background-color 0.15s ease, border-color 0.15s ease;
   color: var(--db-text-body);
 }
-.action-btn[data-v-ef9effac]:hover {
+.action-btn[data-v-0f93f920]:hover {
   background-color: var(--db-bg-soft2);
   border-color: var(--db-primary-color);
 }
-.action-icon[data-v-ef9effac] {
+.action-icon[data-v-0f93f920] {
   font-size: 14px;
   color: var(--db-primary-color);
 }
-.action-text[data-v-ef9effac] {
+.action-text[data-v-0f93f920] {
   font-size: 12px;
   font-weight: 500;
   color: var(--db-text-body);
 }
-.connection-tabs[data-v-ef9effac] {
+.connection-tabs[data-v-0f93f920] {
   border: 1px solid var(--db-border);
   border-radius: 6px;
   flex: 1;
@@ -601,13 +608,13 @@ to {
      overflow:hidden 裁掉且不出现滚动条，必须显式允许收缩 */
   min-height: 0;
 }
-.nav-tabs[data-v-ef9effac] {
+.nav-tabs[data-v-0f93f920] {
   border-bottom: 1px solid var(--db-border);
   background-color: var(--db-gray-light);
   padding: 0 4px;
   gap: 0;
 }
-.nav-link[data-v-ef9effac] {
+.nav-link[data-v-0f93f920] {
   border: none;
   border-radius: 0;
   padding: 6px 12px;
@@ -616,23 +623,23 @@ to {
   transition: color 0.15s ease, background-color 0.15s ease;
   color: var(--db-text-muted);
 }
-.nav-link[data-v-ef9effac]:hover {
+.nav-link[data-v-0f93f920]:hover {
   background-color: var(--db-bg-soft);
   color: var(--db-dark-color);
 }
-.nav-link.active[data-v-ef9effac] {
+.nav-link.active[data-v-0f93f920] {
   background-color: transparent;
   color: var(--db-primary-color);
   border-bottom: 2px solid var(--db-primary-color);
 }
-.tab-content[data-v-ef9effac] {
+.tab-content[data-v-0f93f920] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   min-height: 0;
 }
-.tab-panel[data-v-ef9effac] {
+.tab-panel[data-v-0f93f920] {
   padding: 0;
   flex: 1;
   display: flex;
@@ -640,7 +647,7 @@ to {
   overflow: hidden;
   min-height: 0;
 }
-.databases-section[data-v-ef9effac] {
+.databases-section[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   gap: 10px;
@@ -648,13 +655,13 @@ to {
   overflow: hidden;
   min-height: 0;
 }
-.section-header[data-v-ef9effac] {
+.section-header[data-v-0f93f920] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 8px;
 }
-.db-search[data-v-ef9effac] {
+.db-search[data-v-0f93f920] {
   display: flex;
   align-items: center;
   gap: 6px;
@@ -665,16 +672,16 @@ to {
   background: var(--db-bg-soft);
   transition: border-color 0.15s ease, box-shadow 0.15s ease;
 }
-.db-search[data-v-ef9effac]:focus-within {
+.db-search[data-v-0f93f920]:focus-within {
   border-color: var(--db-primary-color);
   box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.15);
 }
-.db-search > i[data-v-ef9effac] {
+.db-search > i[data-v-0f93f920] {
   font-size: 12px;
   color: var(--db-gray-dark);
   flex-shrink: 0;
 }
-.db-search-input[data-v-ef9effac] {
+.db-search-input[data-v-0f93f920] {
   border: none;
   outline: none;
   background: transparent;
@@ -684,11 +691,11 @@ to {
   width: 150px;
   padding: 0;
 }
-.db-search-input[data-v-ef9effac]::placeholder {
+.db-search-input[data-v-0f93f920]::placeholder {
   color: var(--db-gray-dark);
   opacity: 0.8;
 }
-.db-refresh-btn[data-v-ef9effac] {
+.db-refresh-btn[data-v-0f93f920] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -702,22 +709,22 @@ to {
   cursor: pointer;
   transition: all 0.15s ease;
 }
-.db-refresh-btn[data-v-ef9effac]:hover:not(:disabled) {
+.db-refresh-btn[data-v-0f93f920]:hover:not(:disabled) {
   color: var(--db-primary-color);
   border-color: var(--db-primary-color);
   background: var(--db-primary-bg);
 }
-.db-refresh-btn[data-v-ef9effac]:disabled {
+.db-refresh-btn[data-v-0f93f920]:disabled {
   opacity: 0.6;
   cursor: default;
 }
-.databases-list[data-v-ef9effac] {
+.databases-list[data-v-0f93f920] {
   flex: 1;
   min-height: 0;
   overflow-y: auto;
   padding-right: 8px;
 }
-.loading-state[data-v-ef9effac] {
+.loading-state[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -725,7 +732,7 @@ to {
   padding: 28px 16px;
   gap: 10px;
 }
-.empty-state[data-v-ef9effac] {
+.empty-state[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -734,21 +741,21 @@ to {
   gap: 10px;
   text-align: center;
 }
-.empty-state i[data-v-ef9effac] {
+.empty-state i[data-v-0f93f920] {
   font-size: 28px;
   color: var(--db-text-faint);
 }
-.empty-state p[data-v-ef9effac] {
+.empty-state p[data-v-0f93f920] {
   margin: 0;
   color: var(--db-text-muted);
   font-size: 12px;
 }
-.databases-list-simple[data-v-ef9effac] {
+.databases-list-simple[data-v-0f93f920] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
   gap: 6px;
 }
-.database-item[data-v-ef9effac] {
+.database-item[data-v-0f93f920] {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -761,16 +768,16 @@ to {
   transition: background-color 0.15s ease, border-color 0.15s ease;
   text-align: left;
 }
-.database-item[data-v-ef9effac]:hover {
+.database-item[data-v-0f93f920]:hover {
   background: var(--db-bg-soft2);
   border-color: var(--db-primary-color);
 }
-.database-item-icon[data-v-ef9effac] {
+.database-item-icon[data-v-0f93f920] {
   font-size: 12px;
   color: var(--db-primary-color);
   flex-shrink: 0;
 }
-.database-item-name[data-v-ef9effac] {
+.database-item-name[data-v-0f93f920] {
   flex: 1;
   font-size: 12px;
   font-weight: 500;
@@ -780,17 +787,17 @@ to {
   white-space: nowrap;
   min-width: 0;
 }
-.database-item-actions[data-v-ef9effac] {
+.database-item-actions[data-v-0f93f920] {
   display: flex;
   gap: 4px;
   flex-shrink: 0;
   opacity: 0.55;
   transition: opacity 0.15s ease;
 }
-.database-item:hover .database-item-actions[data-v-ef9effac] {
+.database-item:hover .database-item-actions[data-v-0f93f920] {
   opacity: 1;
 }
-.database-item-actions .btn[data-v-ef9effac] {
+.database-item-actions .btn[data-v-0f93f920] {
   padding: 1px 5px;
   font-size: 12px;
   line-height: 1.3;
@@ -798,11 +805,11 @@ to {
   background: transparent;
   color: var(--db-darker-color);
 }
-.database-item-actions .btn[data-v-ef9effac]:hover {
+.database-item-actions .btn[data-v-0f93f920]:hover {
   color: var(--db-primary-color);
   background: var(--db-bg-soft2);
 }
-.sql-section[data-v-ef9effac] {
+.sql-section[data-v-0f93f920] {
   display: flex;
   flex-direction: column;
   gap: 16px;
@@ -810,12 +817,12 @@ to {
   overflow: hidden;
   min-height: 0;
 }
-.sql-header[data-v-ef9effac] {
+.sql-header[data-v-0f93f920] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.sql-title[data-v-ef9effac] {
+.sql-title[data-v-0f93f920] {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
@@ -823,7 +830,7 @@ to {
   align-items: center;
   gap: 8px;
 }
-.sql-db-info[data-v-ef9effac] {
+.sql-db-info[data-v-0f93f920] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -831,106 +838,133 @@ to {
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.connection-header[data-v-ef9effac] {
+.connection-header[data-v-0f93f920] {
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
 }
-.connection-actions[data-v-ef9effac] {
+.connection-actions[data-v-0f93f920] {
     align-self: flex-end;
 }
-.connection-cards[data-v-ef9effac] {
+.connection-cards[data-v-0f93f920] {
     grid-template-columns: 1fr;
 }
-.info-grid[data-v-ef9effac] {
+.info-grid[data-v-0f93f920] {
     grid-template-columns: 1fr;
 }
-.stats-grid[data-v-ef9effac] {
+.stats-grid[data-v-0f93f920] {
     grid-template-columns: repeat(2, 1fr);
 }
-.actions-grid[data-v-ef9effac] {
+.actions-grid[data-v-0f93f920] {
     grid-template-columns: repeat(2, 1fr);
 }
-.databases-list-simple[data-v-ef9effac] {
+.databases-list-simple[data-v-0f93f920] {
     grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
     gap: 6px;
 }
-.database-item[data-v-ef9effac] {
+.database-item[data-v-0f93f920] {
     padding: 6px 8px;
 }
-.database-item-icon[data-v-ef9effac] {
+.database-item-icon[data-v-0f93f920] {
     font-size: 14px;
 }
-.database-item-name[data-v-ef9effac] {
+.database-item-name[data-v-0f93f920] {
     font-size: 12px;
 }
-.nav-link[data-v-ef9effac] {
+.nav-link[data-v-0f93f920] {
     padding: 10px 16px;
     font-size: 13px;
 }
 }
 
-.section-title[data-v-0d3b1052] {
+/* 日志弹窗 */
+.logs-state[data-v-0f93f920] {
+  padding: 24px;
+  text-align: center;
+  color: var(--db-text-muted);
+}
+.logs-table-wrap[data-v-0f93f920] {
+  max-height: 60vh;
+  overflow: auto;
+}
+.logs-table-wrap td[data-v-0f93f920] {
+  max-width: 320px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 12px;
+}
+
+.section-title[data-v-5fb24ab7] {
   color: var(--db-text-body);
   font-weight: 600;
   border-bottom: 2px solid var(--db-border-soft);
   padding-bottom: 0.5rem;
   margin-bottom: 1rem;
 }
-.sql-preview[data-v-0d3b1052] {
-  font-family: 'Courier New', monospace;
+.sql-preview[data-v-5fb24ab7] {
+  font-family: 'Courier New', Consolas, monospace;
   font-size: 0.875rem;
+  line-height: 1.5;
   max-height: 200px;
   overflow-y: auto;
-  border: 1px solid var(--db-border-lighter);
+  margin: 0;
+  padding: 0.75rem;
+  border-radius: var(--db-radius-sm);
+  /* 深色代码块：与全局 pre / SQL 编辑器一致，跟随主题令牌，不使用 Bootstrap bg-light */
+  background-color: var(--db-code-bg);
+  color: var(--db-code-fg);
+  border: 1px solid var(--db-border);
+  white-space: pre-wrap;
+  word-break: break-all;
 }
-.table th[data-v-0d3b1052] {
+.table th[data-v-5fb24ab7] {
   font-size: 0.875rem;
   font-weight: 600;
 }
-.table td[data-v-0d3b1052] {
+.table td[data-v-5fb24ab7] {
   padding: 0!important;
 }
-.table .form-control[data-v-0d3b1052], .table .form-select[data-v-0d3b1052] {
+.table .form-control[data-v-5fb24ab7], .table .form-select[data-v-5fb24ab7] {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.form-control-sm[data-v-0d3b1052], .form-select-sm[data-v-0d3b1052] {
+.form-control-sm[data-v-5fb24ab7], .form-select-sm[data-v-5fb24ab7] {
   font-size: 0.875rem;
 }
-.modal-content[data-v-0d3b1052] {
+.modal-content[data-v-5fb24ab7] {
   max-height: 90vh;
   overflow-y: auto;
 }
-.modal-body[data-v-0d3b1052] {
+.modal-body[data-v-5fb24ab7] {
   max-height: calc(90vh - 120px);
   overflow-y: auto;
 }
-.input-group-sm .form-control[data-v-0d3b1052] {
+.input-group-sm .form-control[data-v-5fb24ab7] {
   border-radius: 0;
 }
-.input-group-sm .form-control[data-v-0d3b1052]:first-child {
+.input-group-sm .form-control[data-v-5fb24ab7]:first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.input-group-sm .form-control[data-v-0d3b1052]:last-child {
+.input-group-sm .form-control[data-v-5fb24ab7]:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.text-muted[data-v-0d3b1052] {
+.text-muted[data-v-5fb24ab7] {
   color: var(--db-text-muted) !important;
 }
 
-.db-tools[data-v-c49117ce] {
+.db-tools[data-v-4c55e089] {
   background: var(--db-surface);
   border-radius: 8px;
 }
-.tools-header[data-v-c49117ce] {
+.tools-header[data-v-4c55e089] {
   padding: 6px 12px;
   border-bottom: 1px solid var(--db-border);
 }
-.tools-title[data-v-c49117ce] {
+.tools-title[data-v-4c55e089] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -939,17 +973,17 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tools-content[data-v-c49117ce] {
+.tools-content[data-v-4c55e089] {
   padding: 12px;
   overflow-y: auto;
 }
-.tool-section[data-v-c49117ce] {
+.tool-section[data-v-4c55e089] {
   margin-bottom: 1rem;
 }
-.tool-section[data-v-c49117ce]:last-child {
+.tool-section[data-v-4c55e089]:last-child {
   margin-bottom: 0;
 }
-.section-title[data-v-c49117ce] {
+.section-title[data-v-4c55e089] {
   font-size: 0.75rem;
   font-weight: 600;
   letter-spacing: 0.04em;
@@ -960,42 +994,42 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tool-actions[data-v-c49117ce] {
+.tool-actions[data-v-4c55e089] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.375rem;
 }
-.tool-actions .btn[data-v-c49117ce] {
+.tool-actions .btn[data-v-4c55e089] {
   min-width: 108px;
   display: flex;
   align-items: center;
   gap: 0.375rem;
 }
-.modal[data-v-c49117ce] {
+.modal[data-v-4c55e089] {
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-dialog[data-v-c49117ce] {
+.modal-dialog[data-v-4c55e089] {
   max-width: 600px;
 }
-.modal-header[data-v-c49117ce] {
+.modal-header[data-v-4c55e089] {
   background: var(--db-light-color);
   border-bottom: 1px solid var(--db-gray-medium);
 }
-.modal-title[data-v-c49117ce] {
+.modal-title[data-v-4c55e089] {
   color: var(--db-dark-color);
   font-weight: 600;
 }
-.modal-footer[data-v-c49117ce] {
+.modal-footer[data-v-4c55e089] {
   background: var(--db-light-color);
   border-top: 1px solid var(--db-gray-medium);
 }
 
 /* 工具组件区域 */
-.tool-component-area[data-v-c49117ce] {
+.tool-component-area[data-v-4c55e089] {
   border-top: 1px solid var(--db-gray-medium);
   background: var(--db-light-color);
 }
-.component-header[data-v-c49117ce] {
+.component-header[data-v-4c55e089] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1003,7 +1037,7 @@ to {
   background: var(--db-bg-soft);
   border-bottom: 1px solid var(--db-border);
 }
-.component-title[data-v-c49117ce] {
+.component-title[data-v-4c55e089] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -1012,20 +1046,20 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.tool-component[data-v-c49117ce] {
+.tool-component[data-v-4c55e089] {
   padding: 12px;
 }
-.sync-component[data-v-c49117ce] {
+.sync-component[data-v-4c55e089] {
   background: var(--db-surface);
   border-radius: 4px;
 }
 
 /* 执行结果区域 */
-.execution-results[data-v-c49117ce] {
+.execution-results[data-v-4c55e089] {
   border-top: 1px solid var(--db-border);
   background: var(--db-bg-soft);
 }
-.results-header[data-v-c49117ce] {
+.results-header[data-v-4c55e089] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1033,7 +1067,7 @@ to {
   background: var(--db-bg-soft);
   border-bottom: 1px solid var(--db-border);
 }
-.results-title[data-v-c49117ce] {
+.results-title[data-v-4c55e089] {
   margin: 0;
   font-size: 0.875rem;
   font-weight: 600;
@@ -1042,12 +1076,12 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.results-content[data-v-c49117ce] {
+.results-content[data-v-4c55e089] {
   max-height: 400px;
   overflow-y: auto;
   padding: 8px;
 }
-.no-results[data-v-c49117ce] {
+.no-results[data-v-4c55e089] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1056,16 +1090,16 @@ to {
   padding: 32px 16px;
   color: var(--db-text-muted);
 }
-.no-results i[data-v-c49117ce] {
+.no-results i[data-v-4c55e089] {
   font-size: 1.5rem;
   margin-bottom: 0;
   opacity: 0.5;
 }
-.no-results p[data-v-c49117ce] {
+.no-results p[data-v-4c55e089] {
   margin: 0;
   font-size: 0.8125rem;
 }
-.result-item[data-v-c49117ce] {
+.result-item[data-v-4c55e089] {
   margin-bottom: 0.5rem;
   border: 1px solid var(--db-border);
   border-radius: 6px;
@@ -1073,19 +1107,19 @@ to {
   overflow: hidden;
   transition: box-shadow 0.2s;
 }
-.result-item[data-v-c49117ce]:hover {
+.result-item[data-v-4c55e089]:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
-.result-item.result-success[data-v-c49117ce] {
+.result-item.result-success[data-v-4c55e089] {
   border-left: 4px solid #22c55e;
 }
-.result-item.result-error[data-v-c49117ce] {
+.result-item.result-error[data-v-4c55e089] {
   border-left: 4px solid #ef4444;
 }
-.result-item.result-info[data-v-c49117ce] {
+.result-item.result-info[data-v-4c55e089] {
   border-left: 4px solid #3b82f6;
 }
-.result-header[data-v-c49117ce] {
+.result-header[data-v-4c55e089] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1094,92 +1128,92 @@ to {
   background: var(--db-surface);
   transition: background 0.2s;
 }
-.result-header[data-v-c49117ce]:hover {
+.result-header[data-v-4c55e089]:hover {
   background: var(--db-light-color);
 }
-.result-title[data-v-c49117ce] {
+.result-title[data-v-4c55e089] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   flex: 1;
 }
-.result-title i[data-v-c49117ce] {
+.result-title i[data-v-4c55e089] {
   font-size: 1.1rem;
 }
-.operation-name[data-v-c49117ce] {
+.operation-name[data-v-4c55e089] {
   font-weight: 600;
   color: var(--db-dark-color);
   font-size: 0.95rem;
 }
-.operation-time[data-v-c49117ce] {
+.operation-time[data-v-4c55e089] {
   color: var(--db-darker-color);
   font-size: 0.85rem;
   margin-left: auto;
 }
-.toggle-icon[data-v-c49117ce] {
+.toggle-icon[data-v-4c55e089] {
   transition: transform 0.2s;
   color: var(--db-gray-dark);
   font-size: 0.9rem;
 }
-.toggle-icon.expanded[data-v-c49117ce] {
+.toggle-icon.expanded[data-v-4c55e089] {
   transform: rotate(180deg);
 }
-.result-body[data-v-c49117ce] {
+.result-body[data-v-4c55e089] {
   padding: 1rem;
   background: var(--db-bg-soft4);
   border-top: 1px solid var(--db-gray-medium);
 }
-.result-body pre[data-v-c49117ce] {
+.result-body pre[data-v-4c55e089] {
   margin: 0;
   font-size: 0.85rem;
   line-height: 1.5;
   max-height: 300px;
   overflow: auto;
 }
-.result-body code[data-v-c49117ce] {
+.result-body code[data-v-4c55e089] {
   font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
 }
 
 /* JSON 语法高亮 - 不使用 scoped 以确保 v-html 内容能应用样式 */
-[data-v-c49117ce] .json-key {
-  color: #d04255;
+[data-v-4c55e089] .json-key {
+  color: var(--db-json-key);
   font-weight: 500;
 }
-[data-v-c49117ce] .json-string {
-  color: #22863a;
+[data-v-4c55e089] .json-string {
+  color: var(--db-json-string);
 }
-[data-v-c49117ce] .json-number {
-  color: #005cc5;
+[data-v-4c55e089] .json-number {
+  color: var(--db-json-number);
 }
-[data-v-c49117ce] .json-boolean {
-  color: #d73a49;
+[data-v-4c55e089] .json-boolean {
+  color: var(--db-json-boolean);
 }
-[data-v-c49117ce] .json-null {
-  color: #6f42c1;
+[data-v-4c55e089] .json-null {
+  color: var(--db-json-null);
 }
 
 /* 滚动条样式 */
-.results-content[data-v-c49117ce]::-webkit-scrollbar,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar {
+.results-content[data-v-4c55e089]::-webkit-scrollbar,
+.result-body pre[data-v-4c55e089]::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-track,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-track {
+.results-content[data-v-4c55e089]::-webkit-scrollbar-track,
+.result-body pre[data-v-4c55e089]::-webkit-scrollbar-track {
   background: var(--db-gray-light);
   border-radius: 4px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-thumb,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-thumb {
+.results-content[data-v-4c55e089]::-webkit-scrollbar-thumb,
+.result-body pre[data-v-4c55e089]::-webkit-scrollbar-thumb {
   background: var(--db-gray-medium);
   border-radius: 4px;
 }
-.results-content[data-v-c49117ce]::-webkit-scrollbar-thumb:hover,
-.result-body pre[data-v-c49117ce]::-webkit-scrollbar-thumb:hover {
+.results-content[data-v-4c55e089]::-webkit-scrollbar-thumb:hover,
+.result-body pre[data-v-4c55e089]::-webkit-scrollbar-thumb:hover {
   background: var(--db-text-faint);
 }
 
-.database-detail[data-v-822c95b7] {
+.database-detail[data-v-82eeefa1] {
   width: 100%;
   height: 100%;
   display: flex;
@@ -1187,7 +1221,7 @@ to {
 }
 
 /* SQL 面板直接铺满 tab 内容区（内边距由 .tab-content 统一提供） */
-.sql-executor-section[data-v-822c95b7] {
+.sql-executor-section[data-v-82eeefa1] {
   margin: 0;
   padding: 0;
   background-color: transparent;
@@ -1198,7 +1232,7 @@ to {
 }
 
 /* 加载状态样式 */
-.loading-state[data-v-822c95b7] {
+.loading-state[data-v-82eeefa1] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1206,31 +1240,31 @@ to {
   padding: 24px 0;
   color: var(--db-text-muted);
 }
-.loading-state .spinner-border[data-v-822c95b7] {
+.loading-state .spinner-border[data-v-82eeefa1] {
   margin-bottom: 10px;
   color: var(--db-primary-color);
 }
-.loading-state p[data-v-822c95b7] {
+.loading-state p[data-v-82eeefa1] {
   margin: 0;
   font-size: 12px;
 }
-.database-header[data-v-822c95b7] {
+.database-header[data-v-82eeefa1] {
   padding: 8px 12px;
   background: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
 }
-.database-header-content[data-v-822c95b7] {
+.database-header-content[data-v-82eeefa1] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 1rem;
 }
-.database-info[data-v-822c95b7] {
+.database-info[data-v-82eeefa1] {
   display: flex;
   align-items: center;
   gap: 0.625rem;
 }
-.database-icon[data-v-822c95b7] {
+.database-icon[data-v-82eeefa1] {
   width: 34px;
   height: 34px;
   background: var(--db-primary-bg);
@@ -1243,19 +1277,19 @@ to {
   font-size: 1rem;
   flex-shrink: 0;
 }
-.database-meta h4[data-v-822c95b7] {
+.database-meta h4[data-v-82eeefa1] {
   margin: 0 0 0.25rem 0;
   font-size: 0.9375rem;
   color: var(--db-dark-color);
   font-weight: 600;
 }
-.connection-info[data-v-822c95b7] {
+.connection-info[data-v-82eeefa1] {
   display: flex;
   align-items: center;
   gap: 0.375rem;
   font-size: 0.75rem;
 }
-.connection-info .crumb[data-v-822c95b7] {
+.connection-info .crumb[data-v-82eeefa1] {
   display: inline-flex;
   align-items: center;
   padding: 0;
@@ -1263,20 +1297,20 @@ to {
   font-size: 0.75rem;
   transition: color 0.15s ease;
 }
-.connection-info .crumb-link[data-v-822c95b7] {
+.connection-info .crumb-link[data-v-82eeefa1] {
   cursor: pointer;
   background: transparent;
   color: var(--db-primary-color);
 }
-.connection-info .crumb-link[data-v-822c95b7]:hover {
+.connection-info .crumb-link[data-v-82eeefa1]:hover {
   color: var(--db-primary-light);
   text-decoration: underline;
 }
-.connection-info .crumb-current[data-v-822c95b7] {
+.connection-info .crumb-current[data-v-82eeefa1] {
   font-weight: 500;
   color: var(--db-text-muted);
 }
-.connection-name[data-v-822c95b7] {
+.connection-name[data-v-82eeefa1] {
   background: transparent;
   color: var(--db-primary-color);
   padding: 0;
@@ -1284,7 +1318,7 @@ to {
   font-size: 0.75rem;
   font-weight: 500;
 }
-.connection-type[data-v-822c95b7] {
+.connection-type[data-v-82eeefa1] {
   background: var(--db-primary-bg);
   color: var(--db-primary-color);
   padding: 1px 7px;
@@ -1292,39 +1326,39 @@ to {
   font-size: 0.6875rem;
   font-weight: 500;
 }
-.database-stats[data-v-822c95b7] {
+.database-stats[data-v-82eeefa1] {
   display: flex;
   gap: 1.5rem;
 }
-.stat-item[data-v-822c95b7] {
+.stat-item[data-v-82eeefa1] {
   text-align: right;
 }
-.stat-value[data-v-822c95b7] {
+.stat-value[data-v-82eeefa1] {
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.2;
   color: var(--db-dark-color);
   margin-bottom: 0;
 }
-.stat-label[data-v-822c95b7] {
+.stat-label[data-v-82eeefa1] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   font-weight: 400;
 }
-.database-tabs[data-v-822c95b7] {
+.database-tabs[data-v-82eeefa1] {
   flex: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.nav-tabs[data-v-822c95b7] {
+.nav-tabs[data-v-82eeefa1] {
   background: var(--db-gray-light);
   border-bottom: 1px solid var(--db-border);
   padding: 0 0.5rem;
   gap: 0;
 }
-.nav-link[data-v-822c95b7] {
+.nav-link[data-v-82eeefa1] {
   border: none;
   background: transparent;
   color: var(--db-text-muted);
@@ -1333,35 +1367,36 @@ to {
   font-weight: 500;
   transition: color 0.15s ease, background-color 0.15s ease;
 }
-.nav-link[data-v-822c95b7]:hover {
+.nav-link[data-v-82eeefa1]:hover {
   color: var(--db-dark-color);
   background: var(--db-bg-soft);
 }
-.nav-link.active[data-v-822c95b7] {
+.nav-link.active[data-v-82eeefa1] {
   color: var(--db-primary-color);
   background: transparent;
   border-bottom: 2px solid var(--db-primary-color);
 }
-.tab-content[data-v-822c95b7] {
+.tab-content[data-v-82eeefa1] {
   overflow-y: auto;
   flex: 1;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.tab-panel[data-v-822c95b7] {
+.tab-panel[data-v-82eeefa1] {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
-.table-grid[data-v-822c95b7] {
+.table-grid[data-v-82eeefa1] {
   display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 8px;
+  /* 最小列宽 240px + 12px 间距：避免窄卡片把表名挤成「t_ai_agent_...」这类过度截断 */
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 12px;
 }
-.table-card[data-v-822c95b7] {
+.table-card[data-v-82eeefa1] {
   background: var(--db-bg-soft2);
   border: 1px solid var(--db-border);
   border-radius: 6px;
@@ -1369,41 +1404,48 @@ to {
   transition: border-color 0.15s ease, background-color 0.15s ease;
   cursor: pointer;
 }
-.table-card[data-v-822c95b7]:hover {
+.table-card[data-v-82eeefa1]:hover {
   border-color: var(--db-primary-color);
   background: var(--db-bg-soft);
   box-shadow: none;
 }
-.card-header[data-v-822c95b7] {
+.card-header[data-v-82eeefa1] {
   background: var(--db-bg-soft);
-  padding: 6px 8px;
+  /* 右侧预留编辑按钮的常驻空间（约 32px）：按钮绝对定位不占 flex 位，
+     用 padding 留白让表名/引擎名不会被按钮盖住，也不必为按钮压缩表名宽度 */
+  padding: 6px 32px 6px 8px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
+  position: relative;
 }
-.table-icon[data-v-822c95b7] {
+
+/* 卡片图标与引擎徽标统一收敛为中性灰：
+   密集网格里高饱和的绿/蓝会互相干扰，改为描边+浅灰后表名才是视觉主角 */
+.table-icon[data-v-82eeefa1] {
   width: 22px;
   height: 22px;
   font-size: 0.75rem;
-  background: var(--db-success-bg);
+  background: transparent;
+  border: 1px solid var(--db-border);
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: center;
-  color: var(--db-accent-color);
+  color: var(--db-text-faint);
   flex-shrink: 0;
 }
-.table-info[data-v-822c95b7] {
+.table-info[data-v-82eeefa1] {
   flex: 1;
   min-width: 0; /* 允许子元素截断 */
 }
-.table-name-wrapper[data-v-822c95b7] {
+.table-name-wrapper[data-v-82eeefa1] {
   display: flex;
   align-items: center;
   gap: 0.375rem;
   margin-bottom: 0;
 }
-.table-name[data-v-822c95b7] {
+.table-name[data-v-82eeefa1] {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--db-dark-color);
@@ -1412,15 +1454,16 @@ to {
   text-overflow: ellipsis;
   min-width: 0;
 }
-.table-engine[data-v-822c95b7] {
+.table-engine[data-v-82eeefa1] {
   font-size: 0.625rem;
-  color: var(--db-primary-color);
-  background: var(--db-primary-bg);
-  padding: 0 0.375rem;
+  /* 引擎名是次要信息：去掉高饱和底色，仅留浅灰文字 */
+  color: var(--db-text-faint);
+  background: transparent;
+  padding: 0;
   border-radius: 999px;
   flex-shrink: 0;
 }
-.table-comment-header[data-v-822c95b7] {
+.table-comment-header[data-v-82eeefa1] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   white-space: nowrap;
@@ -1428,15 +1471,15 @@ to {
   text-overflow: ellipsis;
 }
 
-/* 卡片正文：标签在上、数值在下，右下角编辑按钮（对齐 VSCode 数据库插件的表格卡片） */
-.card-body[data-v-822c95b7] {
+/* 卡片正文：标签在上、数值在下 */
+.card-body[data-v-82eeefa1] {
   padding: 8px;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   gap: 8px;
 }
-.table-stats[data-v-822c95b7] {
+.table-stats[data-v-82eeefa1] {
   display: flex;
   align-items: flex-start;
   gap: 1.25rem;
@@ -1444,7 +1487,7 @@ to {
   flex-wrap: wrap;
   min-width: 0;
 }
-.stat[data-v-822c95b7] {
+.stat[data-v-82eeefa1] {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -1452,28 +1495,33 @@ to {
 }
 
 /* 卡片内的统计字号覆盖（不影响顶部数据库统计的大号数字） */
-.table-card .stat-label[data-v-822c95b7] {
+.table-card .stat-label[data-v-82eeefa1] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
 }
-.table-card .stat-value[data-v-822c95b7] {
+.table-card .stat-value[data-v-82eeefa1] {
   font-size: 0.9375rem;
   font-weight: 600;
   color: var(--db-dark-color);
 }
-.table-comment[data-v-822c95b7] {
+.table-comment[data-v-82eeefa1] {
   font-size: 0.8125rem;
   color: var(--db-text-muted);
   font-style: italic;
   margin-bottom: 0.5rem;
   line-height: 1.4;
 }
-.table-actions[data-v-822c95b7] {
+
+/* 编辑按钮常驻右上角：绝对定位，不参与 flex 排版，
+   因此不会像内联那样挤压表名（表名可用满 header 内容区宽度）。 */
+.table-actions[data-v-82eeefa1] {
+  position: absolute;
+  top: 4px;
+  right: 4px;
   display: flex;
   gap: 0.375rem;
-  flex-shrink: 0;
 }
-.table-actions .btn[data-v-822c95b7] {
+.table-actions .btn[data-v-82eeefa1] {
   width: 22px;
   height: 22px;
   padding: 0;
@@ -1487,12 +1535,12 @@ to {
   background: transparent;
   color: var(--db-primary-color);
 }
-.table-actions .btn[data-v-822c95b7]:hover {
+.table-actions .btn[data-v-82eeefa1]:hover {
   background: var(--db-primary-bg);
   color: var(--db-primary-color);
   border-color: var(--db-primary-color);
 }
-.empty-state[data-v-822c95b7] {
+.empty-state[data-v-82eeefa1] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1503,39 +1551,39 @@ to {
   text-align: center;
   font-size: 0.8125rem;
 }
-.empty-state i[data-v-822c95b7] {
+.empty-state i[data-v-82eeefa1] {
   font-size: 1.5rem;
   margin-bottom: 0;
   opacity: 0.5;
 }
 
 /* 视图和存储过程卡片样式 */
-.views-grid[data-v-822c95b7], .procedures-grid[data-v-822c95b7] {
+.views-grid[data-v-82eeefa1], .procedures-grid[data-v-82eeefa1] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 8px;
 }
-.view-card[data-v-822c95b7], .procedure-card[data-v-822c95b7] {
+.view-card[data-v-82eeefa1], .procedure-card[data-v-82eeefa1] {
   background: var(--db-bg-soft2);
   border: 1px solid var(--db-border);
   border-radius: 6px;
   overflow: hidden;
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.view-card[data-v-822c95b7]:hover, .procedure-card[data-v-822c95b7]:hover {
+.view-card[data-v-82eeefa1]:hover, .procedure-card[data-v-82eeefa1]:hover {
   border-color: var(--db-primary-color);
   background: var(--db-bg-soft);
   box-shadow: none;
   transform: none;
 }
-.view-card .card-header[data-v-822c95b7], .procedure-card .card-header[data-v-822c95b7] {
+.view-card .card-header[data-v-82eeefa1], .procedure-card .card-header[data-v-82eeefa1] {
   background: var(--db-bg-soft);
   padding: 8px 10px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.view-icon[data-v-822c95b7], .procedure-icon[data-v-822c95b7] {
+.view-icon[data-v-82eeefa1], .procedure-icon[data-v-82eeefa1] {
   width: 26px;
   height: 26px;
   font-size: 0.8125rem;
@@ -1547,37 +1595,37 @@ to {
   color: var(--db-info-color);
   flex-shrink: 0;
 }
-.procedure-icon[data-v-822c95b7] {
+.procedure-icon[data-v-82eeefa1] {
   background: var(--db-warning-bg);
   color: var(--db-warning-color);
 }
-.view-name[data-v-822c95b7], .procedure-name[data-v-822c95b7] {
+.view-name[data-v-82eeefa1], .procedure-name[data-v-82eeefa1] {
   font-size: 0.8125rem;
   font-weight: 500;
   color: var(--db-dark-color);
   margin-bottom: 0.125rem;
 }
-.view-comment[data-v-822c95b7], .procedure-comment[data-v-822c95b7] {
+.view-comment[data-v-82eeefa1], .procedure-comment[data-v-82eeefa1] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
   margin-bottom: 0.375rem;
   line-height: 1.4;
 }
-.procedure-type[data-v-822c95b7] {
+.procedure-type[data-v-82eeefa1] {
   display: flex;
   gap: 0.25rem;
   flex-wrap: wrap;
 }
-.view-card .card-body[data-v-822c95b7], .procedure-card .card-body[data-v-822c95b7] {
+.view-card .card-body[data-v-82eeefa1], .procedure-card .card-body[data-v-82eeefa1] {
   padding: 8px 10px;
 }
-.view-actions[data-v-822c95b7], .procedure-actions[data-v-822c95b7] {
+.view-actions[data-v-82eeefa1], .procedure-actions[data-v-82eeefa1] {
   display: flex;
   gap: 0.375rem;
 }
 
 /* 操作栏：无底色无边框，只是一行工具按钮（对齐 VSCode 插件的 Create Table / Refresh） */
-.views-actions[data-v-822c95b7], .procedures-actions[data-v-822c95b7], .tables-actions[data-v-822c95b7] {
+.views-actions[data-v-82eeefa1], .procedures-actions[data-v-82eeefa1], .tables-actions[data-v-82eeefa1] {
   display: flex;
   gap: 0.375rem;
   margin-bottom: 10px;
@@ -1587,27 +1635,27 @@ to {
 }
 
 /* 模态框样式 */
-.modal-dialog[data-v-822c95b7] {
+.modal-dialog[data-v-82eeefa1] {
   margin-top: 10vh;
 }
-.modal-content[data-v-822c95b7] {
+.modal-content[data-v-82eeefa1] {
   border-radius: 12px;
   border: none;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }
-.modal-header[data-v-822c95b7] {
+.modal-header[data-v-82eeefa1] {
   border-bottom: 1px solid var(--db-gray-medium);
   padding: 1rem 1.5rem;
 }
-.modal-title[data-v-822c95b7] {
+.modal-title[data-v-82eeefa1] {
   margin: 0;
   font-weight: 600;
   color: var(--db-dark-color);
 }
-.modal-body[data-v-822c95b7] {
+.modal-body[data-v-82eeefa1] {
   padding: 1.5rem;
 }
-.modal-footer[data-v-822c95b7] {
+.modal-footer[data-v-82eeefa1] {
   border-top: 1px solid var(--db-gray-medium);
   padding: 1rem 1.5rem;
   display: flex;
@@ -1716,89 +1764,89 @@ to {
     margin-bottom: 0;
 }
 
-.table-detail[data-v-15c7e3be] {
+.table-detail[data-v-aefb7a86] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.table-header[data-v-15c7e3be] {
+.table-header[data-v-aefb7a86] {
   background-color: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
   padding: 8px 12px;
 }
-.table-header-content[data-v-15c7e3be] {
+.table-header-content[data-v-aefb7a86] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.table-info[data-v-15c7e3be] {
+.table-info[data-v-aefb7a86] {
   display: flex;
   align-items: center;
   gap: 10px;
 }
-.table-icon[data-v-15c7e3be] {
+.table-icon[data-v-aefb7a86] {
   font-size: 20px;
   color: var(--db-primary-color);
 }
-.table-meta[data-v-15c7e3be] {
+.table-meta[data-v-aefb7a86] {
   display: flex;
   flex-direction: column;
   gap: 2px;
 }
-.table-name[data-v-15c7e3be] {
+.table-name[data-v-aefb7a86] {
   margin: 0;
   font-size: 0.9375rem;
   font-weight: 600;
 }
-.table-breadcrumb[data-v-15c7e3be] {
+.table-breadcrumb[data-v-aefb7a86] {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 0.75rem;
   color: var(--db-text-muted);
 }
-.table-breadcrumb .crumb[data-v-15c7e3be] {
+.table-breadcrumb .crumb[data-v-aefb7a86] {
   display: inline-flex;
   align-items: center;
   padding: 0;
   border-radius: 0;
   transition: color 0.15s ease;
 }
-.table-breadcrumb .crumb-link[data-v-15c7e3be] {
+.table-breadcrumb .crumb-link[data-v-aefb7a86] {
   cursor: pointer;
   color: var(--db-primary-color);
 }
-.table-breadcrumb .crumb-link[data-v-15c7e3be]:hover {
+.table-breadcrumb .crumb-link[data-v-aefb7a86]:hover {
   background-color: transparent;
   color: var(--db-primary-light);
   text-decoration: underline;
 }
-.table-breadcrumb .crumb-current[data-v-15c7e3be] {
+.table-breadcrumb .crumb-current[data-v-aefb7a86] {
   font-weight: 500;
   color: var(--db-text-muted);
 }
-.table-stats[data-v-15c7e3be] {
+.table-stats[data-v-aefb7a86] {
   display: flex;
   gap: 14px;
 }
-.stat-item[data-v-15c7e3be] {
+.stat-item[data-v-aefb7a86] {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 0;
 }
-.stat-value[data-v-15c7e3be] {
+.stat-value[data-v-aefb7a86] {
   font-size: 0.9375rem;
   font-weight: 600;
   line-height: 1.25;
   color: var(--db-dark-color);
 }
-.stat-label[data-v-15c7e3be] {
+.stat-label[data-v-aefb7a86] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
 }
-.table-toolbar[data-v-15c7e3be] {
+.table-toolbar[data-v-aefb7a86] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1806,29 +1854,29 @@ to {
   background-color: var(--db-bg-soft2);
   border-bottom: 1px solid var(--db-border);
 }
-.toolbar-left[data-v-15c7e3be] {
+.toolbar-left[data-v-aefb7a86] {
   display: flex;
   gap: 6px;
   align-items: center;
 }
-.toolbar-right[data-v-15c7e3be] {
+.toolbar-right[data-v-aefb7a86] {
   display: flex;
   gap: 6px;
   align-items: center;
 }
-.table-tabs[data-v-15c7e3be] {
+.table-tabs[data-v-aefb7a86] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.nav-tabs[data-v-15c7e3be] {
+.nav-tabs[data-v-aefb7a86] {
   border-bottom: 1px solid var(--db-border);
   background-color: var(--db-gray-light);
   flex-shrink: 0;
   padding: 0 6px;
 }
-.nav-tabs .nav-link[data-v-15c7e3be] {
+.nav-tabs .nav-link[data-v-aefb7a86] {
   color: var(--db-text-muted);
   border: none;
   border-bottom: 2px solid transparent;
@@ -1837,17 +1885,17 @@ to {
   font-size: 12px;
   font-weight: 500;
 }
-.nav-tabs .nav-link[data-v-15c7e3be]:hover {
+.nav-tabs .nav-link[data-v-aefb7a86]:hover {
   background-color: var(--db-bg-soft);
   border-bottom-color: var(--db-border-light);
   color: var(--db-dark-color);
 }
-.nav-tabs .nav-link.active[data-v-15c7e3be] {
+.nav-tabs .nav-link.active[data-v-aefb7a86] {
   background-color: transparent;
   border-bottom-color: var(--db-primary-color);
   color: var(--db-primary-color);
 }
-.tab-content[data-v-15c7e3be] {
+.tab-content[data-v-aefb7a86] {
   flex: 1;
   overflow: auto;
   padding: 10px 12px;
@@ -1855,43 +1903,43 @@ to {
   display: flex;
   flex-direction: column;
 }
-.tab-panel[data-v-15c7e3be] {
+.tab-panel[data-v-aefb7a86] {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: auto;
 }
-.data-content[data-v-15c7e3be] {
+.data-content[data-v-aefb7a86] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.data-content.loading[data-v-15c7e3be] {
+.data-content.loading[data-v-aefb7a86] {
   opacity: 0.7;
   pointer-events: none;
 }
-.table-responsive[data-v-15c7e3be] {
+.table-responsive[data-v-aefb7a86] {
   flex: 1;
   overflow: auto;
 }
-.column-header[data-v-15c7e3be] {
+.column-header[data-v-aefb7a86] {
   position: relative;
 }
-.column-key[data-v-15c7e3be] {
+.column-key[data-v-aefb7a86] {
   position: absolute;
   top: -5px;
   right: -15px;
   color: var(--db-primary-color);
   font-size: 0.75rem;
 }
-.cell-value[data-v-15c7e3be] {
+.cell-value[data-v-aefb7a86] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.loading-state[data-v-15c7e3be] {
+.loading-state[data-v-aefb7a86] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1899,7 +1947,7 @@ to {
   height: 200px;
   gap: 10px;
 }
-.empty-state[data-v-15c7e3be] {
+.empty-state[data-v-aefb7a86] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1908,86 +1956,86 @@ to {
   gap: 10px;
   color: var(--db-text-muted);
 }
-.empty-state i[data-v-15c7e3be] {
+.empty-state i[data-v-aefb7a86] {
   font-size: 28px;
   opacity: 0.5;
 }
-.pagination-nav[data-v-15c7e3be] {
+.pagination-nav[data-v-aefb7a86] {
   margin-top: 10px;
   border-top: 1px solid var(--db-border);
   padding-top: 10px;
 }
-.pagination-container[data-v-15c7e3be] {
+.pagination-container[data-v-aefb7a86] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
 }
-.pagination-info[data-v-15c7e3be] {
+.pagination-info[data-v-aefb7a86] {
   font-size: 0.75rem;
   color: var(--db-text-muted);
 }
-.page-size-selector[data-v-15c7e3be] {
+.page-size-selector[data-v-aefb7a86] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.page-jump[data-v-15c7e3be] {
+.page-jump[data-v-aefb7a86] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.structure-actions[data-v-15c7e3be] {
+.structure-actions[data-v-aefb7a86] {
   display: flex;
   gap: 6px;
   margin-bottom: 10px;
 }
-.structure-table[data-v-15c7e3be], .indexes-table[data-v-15c7e3be], .relations-table[data-v-15c7e3be] {
+.structure-table[data-v-aefb7a86], .indexes-table[data-v-aefb7a86], .relations-table[data-v-aefb7a86] {
   overflow: auto;
 }
-.structure-table table[data-v-15c7e3be], .indexes-table table[data-v-15c7e3be], .relations-table table[data-v-15c7e3be] {
+.structure-table table[data-v-aefb7a86], .indexes-table table[data-v-aefb7a86], .relations-table table[data-v-aefb7a86] {
   width: 100%;
 }
-.sql-section[data-v-15c7e3be] {
+.sql-section[data-v-aefb7a86] {
   height: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.table-header-content[data-v-15c7e3be] {
+.table-header-content[data-v-aefb7a86] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.table-stats[data-v-15c7e3be] {
+.table-stats[data-v-aefb7a86] {
     width: 100%;
     justify-content: space-around;
 }
-.table-toolbar[data-v-15c7e3be] {
+.table-toolbar[data-v-aefb7a86] {
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
 }
-.toolbar-left[data-v-15c7e3be], .toolbar-right[data-v-15c7e3be] {
+.toolbar-left[data-v-aefb7a86], .toolbar-right[data-v-aefb7a86] {
     justify-content: center;
 }
-.pagination-container[data-v-15c7e3be] {
+.pagination-container[data-v-aefb7a86] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.pagination[data-v-15c7e3be] {
+.pagination[data-v-aefb7a86] {
     width: 100%;
     justify-content: center;
 }
 }
 
-.database-explorer[data-v-50189218] {
+.database-explorer[data-v-e2c2b105] {
   height: 100vh;
   min-height: 600px;
 }
-.explorer-layout[data-v-50189218] {
+.explorer-layout[data-v-e2c2b105] {
   display: flex;
   height: 100%;
   background: var(--db-surface);
@@ -1995,7 +2043,7 @@ to {
 }
 
 /* 左侧边栏 */
-.explorer-sidebar[data-v-50189218] {
+.explorer-sidebar[data-v-e2c2b105] {
   width: 264px;
   flex-shrink: 0;
   border-right: 1px solid var(--db-border);
@@ -2003,19 +2051,19 @@ to {
   flex-direction: column;
   background: var(--db-gray-light);
 }
-.sidebar-content[data-v-50189218] {
+.sidebar-content[data-v-e2c2b105] {
   flex: 1;
   overflow-y: auto;
   padding: 0.5rem 0;
   display: flex;
   flex-direction: column;
 }
-.tree-container[data-v-50189218] {
+.tree-container[data-v-e2c2b105] {
   flex: 1;
 }
 
 /* 工具信息样式 - 固定在左下角 */
-.sidebar-tool-info[data-v-50189218] {
+.sidebar-tool-info[data-v-e2c2b105] {
   padding: 0.5rem 0.625rem;
   border-top: 1px solid var(--db-border);
   background: transparent;
@@ -2025,10 +2073,10 @@ to {
   cursor: pointer;
   transition: background-color 0.15s ease;
 }
-.sidebar-tool-info[data-v-50189218]:hover {
+.sidebar-tool-info[data-v-e2c2b105]:hover {
   background: var(--db-bg-soft);
 }
-.tool-logo[data-v-50189218] {
+.tool-logo[data-v-e2c2b105] {
   width: 24px;
   height: 24px;
   border-radius: 4px;
@@ -2040,22 +2088,22 @@ to {
   font-size: 0.8125rem;
   flex-shrink: 0;
 }
-.tool-details[data-v-50189218] {
+.tool-details[data-v-e2c2b105] {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
 }
-.tool-name[data-v-50189218] {
+.tool-name[data-v-e2c2b105] {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--db-black);
 }
-.tool-description[data-v-50189218] {
+.tool-description[data-v-e2c2b105] {
   font-size: 0.75rem;
   color: var(--db-darker-color);
 }
-.sidebar-header[data-v-50189218] {
+.sidebar-header[data-v-e2c2b105] {
   padding: 0.5rem 0.625rem;
   border-bottom: 1px solid var(--db-border);
   background: transparent;
@@ -2063,7 +2111,7 @@ to {
   justify-content: space-between;
   align-items: center;
 }
-.sidebar-title[data-v-50189218] {
+.sidebar-title[data-v-e2c2b105] {
   margin: 0;
   font-size: 0.6875rem;
   font-weight: 600;
@@ -2074,14 +2122,14 @@ to {
   align-items: center;
   gap: 0.375rem;
 }
-.sidebar-title i[data-v-50189218] {
+.sidebar-title i[data-v-e2c2b105] {
   color: var(--db-text-muted);
 }
-.sidebar-actions[data-v-50189218] {
+.sidebar-actions[data-v-e2c2b105] {
   display: flex;
   gap: 0.25rem;
 }
-.sidebar-actions .btn[data-v-50189218] {
+.sidebar-actions .btn[data-v-e2c2b105] {
   padding: 0.15rem 0.4rem;
   font-size: 0.75rem;
   border: 1px solid var(--db-border);
@@ -2090,49 +2138,49 @@ to {
   border-radius: 4px;
   transition: all 0.15s ease;
 }
-.sidebar-actions .btn[data-v-50189218]:hover {
+.sidebar-actions .btn[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
   border-color: var(--db-border-light);
   color: var(--db-dark-color);
 }
-.sidebar-actions .btn-outline-primary[data-v-50189218] {
+.sidebar-actions .btn-outline-primary[data-v-e2c2b105] {
   border-color: var(--db-border);
   color: var(--db-text-muted);
 }
-.sidebar-actions .btn-outline-primary[data-v-50189218]:hover {
+.sidebar-actions .btn-outline-primary[data-v-e2c2b105]:hover {
   background-color: var(--db-primary-bg);
   border-color: var(--db-primary-color);
   color: var(--db-primary-color);
 }
-.sidebar-actions .btn-outline-success[data-v-50189218] {
+.sidebar-actions .btn-outline-success[data-v-e2c2b105] {
   border-color: var(--db-border);
   color: var(--db-text-muted);
 }
-.sidebar-actions .btn-outline-success[data-v-50189218]:hover {
+.sidebar-actions .btn-outline-success[data-v-e2c2b105]:hover {
   background-color: var(--db-success-bg);
   border-color: var(--db-accent-color);
   color: var(--db-accent-color);
 }
-.sidebar-content[data-v-50189218] {
+.sidebar-content[data-v-e2c2b105] {
   flex: 1;
   overflow-y: auto;
   padding: 0.25rem 0;
 }
 
 /* 树形结构 */
-.tree-container[data-v-50189218] {
+.tree-container[data-v-e2c2b105] {
   font-size: 0.8125rem;
   user-select: none;
 }
-.tree-node[data-v-50189218] {
+.tree-node[data-v-e2c2b105] {
   margin-bottom: 0;
 }
-.tree-children[data-v-50189218] {
+.tree-children[data-v-e2c2b105] {
   margin-left: 0.5rem;
   border-left: 1px solid var(--db-border);
   padding-left: 0.375rem;
 }
-.node-content[data-v-50189218] {
+.node-content[data-v-e2c2b105] {
   display: flex;
   align-items: center;
   padding: 0.175rem 0.5rem;
@@ -2143,7 +2191,7 @@ to {
   border-radius: 4px;
   gap: 0.125rem;
 }
-.node-expand[data-v-50189218] {
+.node-expand[data-v-e2c2b105] {
   width: 14px;
   height: 14px;
   display: flex;
@@ -2152,29 +2200,29 @@ to {
   flex-shrink: 0;
   margin-right: 0.125rem;
 }
-.node-expand i[data-v-50189218] {
+.node-expand i[data-v-e2c2b105] {
   font-size: 0.625rem;
   color: var(--db-text-muted);
   transition: transform 0.15s ease;
 }
-.node-expand i.expanded[data-v-50189218] {
+.node-expand i.expanded[data-v-e2c2b105] {
   transform: rotate(90deg);
 }
-.node-main[data-v-50189218] {
+.node-main[data-v-e2c2b105] {
   display: flex;
   align-items: center;
   flex: 1;
   min-width: 0;
 }
-.node-content[data-v-50189218]:hover {
+.node-content[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.tree-node.selected .node-content[data-v-50189218] {
+.tree-node.selected .node-content[data-v-e2c2b105] {
   background-color: var(--db-primary-bg);
   color: var(--db-dark-color);
   box-shadow: none;
 }
-.tree-node.selected .node-content[data-v-50189218]::before {
+.tree-node.selected .node-content[data-v-e2c2b105]::before {
   content: '';
   position: absolute;
   left: 0;
@@ -2184,42 +2232,42 @@ to {
   background: var(--db-primary-color);
   border-radius: 2px 0 0 2px;
 }
-.node-icon[data-v-50189218] {
+.node-icon[data-v-e2c2b105] {
   width: 16px;
   display: flex;
   justify-content: center;
   flex-shrink: 0;
   margin-right: 0.375rem;
 }
-.node-icon i[data-v-50189218] {
+.node-icon i[data-v-e2c2b105] {
   font-size: 0.8125rem;
   color: var(--db-text-muted);
 }
-.node-label[data-v-50189218] {
+.node-label[data-v-e2c2b105] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: 0.375rem;
   min-width: 0;
 }
-.connection-name[data-v-50189218],
-.database-name[data-v-50189218],
-.table-name[data-v-50189218] {
+.connection-name[data-v-e2c2b105],
+.database-name[data-v-e2c2b105],
+.table-name[data-v-e2c2b105] {
   font-weight: 400;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.4;
 }
-.tree-node.selected .connection-name[data-v-50189218],
-.tree-node.selected .database-name[data-v-50189218],
-.tree-node.selected .table-name[data-v-50189218] {
+.tree-node.selected .connection-name[data-v-e2c2b105],
+.tree-node.selected .database-name[data-v-e2c2b105],
+.tree-node.selected .table-name[data-v-e2c2b105] {
   font-weight: 500;
 }
 
 /* 类型 / 行数说明：走 VSCode 树的「描述文字」样式，浅灰无底色，减少噪声 */
-.connection-type[data-v-50189218],
-.table-info[data-v-50189218] {
+.connection-type[data-v-e2c2b105],
+.table-info[data-v-e2c2b105] {
   font-size: 0.6875rem;
   color: var(--db-text-faint);
   background-color: transparent;
@@ -2228,21 +2276,21 @@ to {
   font-weight: 400;
   white-space: nowrap;
 }
-.tree-node.selected .connection-type[data-v-50189218],
-.tree-node.selected .table-info[data-v-50189218] {
+.tree-node.selected .connection-type[data-v-e2c2b105],
+.tree-node.selected .table-info[data-v-e2c2b105] {
   background-color: transparent;
   color: var(--db-text-muted);
 }
-.node-actions[data-v-50189218] {
+.node-actions[data-v-e2c2b105] {
   display: flex;
   gap: 0.125rem;
   opacity: 0;
   transition: opacity 0.15s ease;
 }
-.node-content:hover .node-actions[data-v-50189218] {
+.node-content:hover .node-actions[data-v-e2c2b105] {
   opacity: 1;
 }
-.btn-icon[data-v-50189218] {
+.btn-icon[data-v-e2c2b105] {
   padding: 0;
   background: transparent;
   border: none;
@@ -2254,138 +2302,138 @@ to {
   width: 18px;
   height: 18px;
 }
-.btn-icon[data-v-50189218]:hover {
+.btn-icon[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.btn-icon i[data-v-50189218] {
+.btn-icon i[data-v-e2c2b105] {
   font-size: 0.6875rem;
   color: var(--db-text-muted);
 }
-.tree-node.selected .btn-icon[data-v-50189218]:hover {
+.tree-node.selected .btn-icon[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.tree-node.selected .btn-icon i[data-v-50189218] {
+.tree-node.selected .btn-icon i[data-v-e2c2b105] {
   color: var(--db-text-muted);
 }
-.tree-node.selected .btn-icon:hover i[data-v-50189218] {
+.tree-node.selected .btn-icon:hover i[data-v-e2c2b105] {
   color: var(--db-dark-color);
 }
-.btn-icon-danger[data-v-50189218]:hover {
+.btn-icon-danger[data-v-e2c2b105]:hover {
   background-color: var(--db-danger-bg);
 }
-.btn-icon-danger:hover i[data-v-50189218] {
+.btn-icon-danger:hover i[data-v-e2c2b105] {
   color: #dc2626;
 }
-.node-spinner[data-v-50189218] {
+.node-spinner[data-v-e2c2b105] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.spinner-border-sm[data-v-50189218] {
+.spinner-border-sm[data-v-e2c2b105] {
   width: 1rem;
   height: 1rem;
   border-width: 0.15em;
 }
 
 /* 连接节点样式 */
-.connection-content[data-v-50189218] {
+.connection-content[data-v-e2c2b105] {
   font-weight: 500;
   color: var(--db-text-body);
 }
-.connection-content[data-v-50189218]:hover {
+.connection-content[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.tree-node.selected .connection-content[data-v-50189218] {
+.tree-node.selected .connection-content[data-v-e2c2b105] {
   background-color: var(--db-primary-bg);
   color: var(--db-dark-color);
 }
 
 /* 数据库节点样式 */
-.database-content[data-v-50189218] {
+.database-content[data-v-e2c2b105] {
   color: var(--db-text-body);
 }
-.database-content[data-v-50189218]:hover {
+.database-content[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.tree-node.selected .database-content[data-v-50189218] {
+.tree-node.selected .database-content[data-v-e2c2b105] {
   background-color: var(--db-primary-bg);
   color: var(--db-dark-color);
 }
 
 /* 表节点样式 */
-.table-content[data-v-50189218] {
+.table-content[data-v-e2c2b105] {
   color: var(--db-text-body);
 }
-.table-content[data-v-50189218]:hover {
+.table-content[data-v-e2c2b105]:hover {
   background-color: var(--db-bg-soft);
 }
-.tree-node.selected .table-content[data-v-50189218] {
+.tree-node.selected .table-content[data-v-e2c2b105] {
   background-color: var(--db-primary-bg);
   color: var(--db-dark-color);
 }
 
 /* 数据库品牌色彩 */
-.db-mysql[data-v-50189218] { 
+.db-mysql[data-v-e2c2b105] { 
   color: #00758f !important; 
   background: #00758f;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mysql-bg[data-v-50189218] { background: #00758f;
+.db-mysql-bg[data-v-e2c2b105] { background: #00758f;
 }
-.db-postgres[data-v-50189218] { 
+.db-postgres[data-v-e2c2b105] { 
   color: #336791 !important; 
   background: #336791;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-postgres-bg[data-v-50189218] { background: #336791;
+.db-postgres-bg[data-v-e2c2b105] { background: #336791;
 }
-.db-sqlite[data-v-50189218] { 
+.db-sqlite[data-v-e2c2b105] { 
   color: #003b57 !important; 
   background: #003b57;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-sqlite-bg[data-v-50189218] { background: #003b57;
+.db-sqlite-bg[data-v-e2c2b105] { background: #003b57;
 }
-.db-mssql[data-v-50189218] { 
+.db-mssql[data-v-e2c2b105] { 
   color: #cc2927 !important; 
   background: #cc2927;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mssql-bg[data-v-50189218] { background: #cc2927;
+.db-mssql-bg[data-v-e2c2b105] { background: #cc2927;
 }
-.db-oracle[data-v-50189218] { 
+.db-oracle[data-v-e2c2b105] { 
   color: #f80000 !important; 
   background: #f80000;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-oracle-bg[data-v-50189218] { background: #f80000;
+.db-oracle-bg[data-v-e2c2b105] { background: #f80000;
 }
-.db-default[data-v-50189218] { 
+.db-default[data-v-e2c2b105] { 
   color: var(--db-text-muted) !important; 
   background: linear-gradient(135deg, var(--db-text-muted), var(--db-gray-dark));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-default-bg[data-v-50189218] { background: linear-gradient(135deg, var(--db-text-muted), var(--db-gray-dark));
+.db-default-bg[data-v-e2c2b105] { background: linear-gradient(135deg, var(--db-text-muted), var(--db-gray-dark));
 }
-.tree-node.selected .db-mysql[data-v-50189218],
-.tree-node.selected .db-postgres[data-v-50189218],
-.tree-node.selected .db-sqlite[data-v-50189218],
-.tree-node.selected .db-mssql[data-v-50189218],
-.tree-node.selected .db-oracle[data-v-50189218],
-.tree-node.selected .db-default[data-v-50189218] {
+.tree-node.selected .db-mysql[data-v-e2c2b105],
+.tree-node.selected .db-postgres[data-v-e2c2b105],
+.tree-node.selected .db-sqlite[data-v-e2c2b105],
+.tree-node.selected .db-mssql[data-v-e2c2b105],
+.tree-node.selected .db-oracle[data-v-e2c2b105],
+.tree-node.selected .db-default[data-v-e2c2b105] {
   color: var(--db-on-accent) !important;
   background: none;
   -webkit-text-fill-color: var(--db-on-accent);
 }
 
 /* 数据库Logo图标 */
-.db-logo[data-v-50189218] {
+.db-logo[data-v-e2c2b105] {
   width: 16px;
   height: 16px;
   border-radius: 3px;
@@ -2397,33 +2445,33 @@ to {
   line-height: 1;
   color: var(--db-on-accent);
 }
-.db-logo-mysql[data-v-50189218] {
+.db-logo-mysql[data-v-e2c2b105] {
   background: #00758f;
   border: 1px solid #004d61;
 }
-.db-logo-postgres[data-v-50189218] {
+.db-logo-postgres[data-v-e2c2b105] {
   background: #336791;
   border: 1px solid #244566;
 }
-.db-logo-sqlite[data-v-50189218] {
+.db-logo-sqlite[data-v-e2c2b105] {
   background: #003b57;
   border: 1px solid #002939;
 }
-.db-logo-mssql[data-v-50189218] {
+.db-logo-mssql[data-v-e2c2b105] {
   background: #cc2927;
   border: 1px solid #8b1f1d;
 }
-.db-logo-oracle[data-v-50189218] {
+.db-logo-oracle[data-v-e2c2b105] {
   background: #f80000;
   border: 1px solid #b30000;
 }
-.db-logo-default[data-v-50189218] {
+.db-logo-default[data-v-e2c2b105] {
   background: linear-gradient(135deg, var(--db-text-muted), var(--db-gray-dark));
   border: 1px solid var(--db-darker-color);
 }
 
 /* 右侧主内容 */
-.explorer-main[data-v-50189218] {
+.explorer-main[data-v-e2c2b105] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -2432,24 +2480,24 @@ to {
 }
 
 /* 详情组件容器 */
-.explorer-main[data-v-50189218] > * {
+.explorer-main[data-v-e2c2b105] > * {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.content-tabs[data-v-50189218] {
+.content-tabs[data-v-e2c2b105] {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.nav-tabs[data-v-50189218] {
+.nav-tabs[data-v-e2c2b105] {
   background: var(--db-light-color);
   border-bottom: 1px solid var(--db-gray-medium);
   padding: 0 1rem;
 }
-.nav-link[data-v-50189218] {
+.nav-link[data-v-e2c2b105] {
   border: none;
   background: transparent;
   color: var(--db-darker-color);
@@ -2457,16 +2505,16 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-50189218]:hover {
+.nav-link[data-v-e2c2b105]:hover {
   color: #667eea;
   background: rgba(102, 126, 234, 0.1);
 }
-.nav-link.active[data-v-50189218] {
+.nav-link.active[data-v-e2c2b105] {
   color: #667eea;
   background: var(--db-surface);
   border-bottom: 2px solid #667eea;
 }
-.tab-content[data-v-50189218] {
+.tab-content[data-v-e2c2b105] {
   flex: 1;
   overflow-y: auto;
   padding: 1.25rem;
@@ -2474,15 +2522,15 @@ to {
 }
 
 /* 概览样式 */
-.overview-section[data-v-50189218] {
+.overview-section[data-v-e2c2b105] {
   padding: 1rem 0;
 }
-.info-cards[data-v-50189218] {
+.info-cards[data-v-e2c2b105] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 0.75rem;
 }
-.info-card[data-v-50189218] {
+.info-card[data-v-e2c2b105] {
   background: linear-gradient(135deg, var(--db-light-color) 0%, var(--db-border) 100%);
   border-radius: 8px;
   padding: 0.875rem;
@@ -2491,7 +2539,7 @@ to {
   gap: 0.75rem;
   border: 1px solid var(--db-gray-medium);
 }
-.card-icon[data-v-50189218] {
+.card-icon[data-v-e2c2b105] {
   width: 36px;
   height: 36px;
   background: var(--db-primary-color);
@@ -2502,13 +2550,13 @@ to {
   color: var(--db-on-accent);
   font-size: 1rem;
 }
-.card-content h6[data-v-50189218] {
+.card-content h6[data-v-e2c2b105] {
   margin: 0 0 0.25rem 0;
   color: var(--db-darker-color);
   font-size: 0.8125rem;
   font-weight: 500;
 }
-.card-value[data-v-50189218] {
+.card-value[data-v-e2c2b105] {
   margin: 0;
   color: var(--db-dark-color);
   font-weight: 600;
@@ -2516,12 +2564,12 @@ to {
 }
 
 /* 表格网格 */
-.table-grid[data-v-50189218] {
+.table-grid[data-v-e2c2b105] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
   gap: 0.75rem;
 }
-.table-card[data-v-50189218] {
+.table-card[data-v-e2c2b105] {
   background: var(--db-surface);
   border: 1px solid var(--db-gray-medium);
   border-radius: 8px;
@@ -2529,18 +2577,18 @@ to {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.table-card[data-v-50189218]:hover {
+.table-card[data-v-e2c2b105]:hover {
   border-color: var(--db-primary-color);
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.table-card .card-header[data-v-50189218] {
+.table-card .card-header[data-v-e2c2b105] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   margin-bottom: 0.5rem;
 }
-.table-icon[data-v-50189218] {
+.table-icon[data-v-e2c2b105] {
   width: 28px;
   height: 28px;
   background: var(--db-accent-color);
@@ -2550,37 +2598,37 @@ to {
   justify-content: center;
   color: var(--db-on-accent);
 }
-.table-name[data-v-50189218] {
+.table-name[data-v-e2c2b105] {
   font-weight: 600;
   color: var(--db-dark-color);
 }
-.table-stats[data-v-50189218] {
+.table-stats[data-v-e2c2b105] {
   display: flex;
   gap: 0.75rem;
   margin-bottom: 0.5rem;
 }
-.stat[data-v-50189218] {
+.stat[data-v-e2c2b105] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.stat-label[data-v-50189218] {
+.stat-label[data-v-e2c2b105] {
   font-size: 0.75rem;
   color: var(--db-darker-color);
 }
-.stat-value[data-v-50189218] {
+.stat-value[data-v-e2c2b105] {
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--db-black);
 }
-.table-comment[data-v-50189218] {
+.table-comment[data-v-e2c2b105] {
   font-size: 0.75rem;
   color: var(--db-darker-color);
   font-style: italic;
 }
 
 /* 数据工具栏 */
-.data-toolbar[data-v-50189218] {
+.data-toolbar[data-v-e2c2b105] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2589,16 +2637,16 @@ to {
   background: var(--db-light-color);
   border-radius: 8px;
 }
-.toolbar-left[data-v-50189218],
-.toolbar-right[data-v-50189218] {
+.toolbar-left[data-v-e2c2b105],
+.toolbar-right[data-v-e2c2b105] {
   display: flex;
   gap: 0.5rem;
   align-items: center;
 }
 
 /* 空状态 */
-.empty-state[data-v-50189218],
-.default-state[data-v-50189218] {
+.empty-state[data-v-e2c2b105],
+.default-state[data-v-e2c2b105] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2607,33 +2655,33 @@ to {
   color: var(--db-darker-color);
   text-align: center;
 }
-.empty-icon[data-v-50189218],
-.default-icon[data-v-50189218] {
+.empty-icon[data-v-e2c2b105],
+.default-icon[data-v-e2c2b105] {
   font-size: 1.75rem;
   margin-bottom: 0.5rem;
   opacity: 0.4;
 }
-.empty-text h5[data-v-50189218],
-.default-content h5[data-v-50189218] {
+.empty-text h5[data-v-e2c2b105],
+.default-content h5[data-v-e2c2b105] {
   color: var(--db-dark-color);
   margin-bottom: 0.5rem;
 }
 
 /* 响应式 */
 @media (max-width: 768px) {
-.explorer-layout[data-v-50189218] {
+.explorer-layout[data-v-e2c2b105] {
     flex-direction: column;
 }
-.explorer-sidebar[data-v-50189218] {
+.explorer-sidebar[data-v-e2c2b105] {
     width: 100%;
     height: 40vh;
     border-right: none;
     border-bottom: 1px solid var(--db-gray-medium);
 }
-.info-cards[data-v-50189218] {
+.info-cards[data-v-e2c2b105] {
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 }
-.table-grid[data-v-50189218] {
+.table-grid[data-v-e2c2b105] {
     grid-template-columns: 1fr;
 }
 }