fdb2 1.0.22 → 1.0.23

package/dist/public/explorer.css

@@ -1,19 +1,19 @@
 
 /* 继承原有的样式，这里可以添加组件特定的样式 */
-.connection-form-modern[data-v-60ee1360] {
+.connection-form-modern[data-v-f97c86b8] {
   padding: 0;
 }
-.form-section[data-v-60ee1360] {
+.form-section[data-v-f97c86b8] {
   margin-bottom: 2rem;
 }
-.section-header[data-v-60ee1360] {
+.section-header[data-v-f97c86b8] {
   display: flex;
   align-items: center;
   margin-bottom: 1.5rem;
   padding-bottom: 0.75rem;
   border-bottom: 2px solid #f0f0f0;
 }
-.section-icon[data-v-60ee1360] {
+.section-icon[data-v-f97c86b8] {
   width: 40px;
   height: 40px;
   border-radius: 8px;
@@ -24,24 +24,24 @@
   color: white;
   margin-right: 1rem;
 }
-.section-title[data-v-60ee1360] {
+.section-title[data-v-f97c86b8] {
   font-size: 1.1rem;
   font-weight: 600;
   margin: 0;
   color: #333;
 }
-.section-content[data-v-60ee1360] {
+.section-content[data-v-f97c86b8] {
   padding-left: 56px;
 }
-.form-grid[data-v-60ee1360] {
+.form-grid[data-v-f97c86b8] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
   gap: 1.5rem;
 }
-.form-group-modern[data-v-60ee1360] {
+.form-group-modern[data-v-f97c86b8] {
   margin-bottom: 1rem;
 }
-.form-label-modern[data-v-60ee1360] {
+.form-label-modern[data-v-f97c86b8] {
   display: flex;
   align-items: center;
   font-weight: 500;
@@ -49,8 +49,8 @@
   margin-bottom: 0.5rem;
   font-size: 0.9rem;
 }
-.form-control-modern[data-v-60ee1360],
-.form-select-modern[data-v-60ee1360] {
+.form-control-modern[data-v-f97c86b8],
+.form-select-modern[data-v-f97c86b8] {
   width: 100%;
   padding: 0.75rem;
   border: 2px solid #e9ecef;
@@ -58,46 +58,46 @@
   font-size: 0.95rem;
   transition: all 0.3s ease;
 }
-.form-control-modern[data-v-60ee1360]:focus,
-.form-select-modern[data-v-60ee1360]:focus {
+.form-control-modern[data-v-f97c86b8]:focus,
+.form-select-modern[data-v-f97c86b8]:focus {
   outline: none;
   border-color: #667eea;
   box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
 }
-.form-check-modern[data-v-60ee1360] {
+.form-check-modern[data-v-f97c86b8] {
   display: flex;
   align-items: flex-start;
   padding: 0;
 }
-.form-check-input-modern[data-v-60ee1360] {
+.form-check-input-modern[data-v-f97c86b8] {
   margin-right: 0.75rem;
   margin-top: 0.25rem;
 }
-.form-check-label-modern[data-v-60ee1360] {
+.form-check-label-modern[data-v-f97c86b8] {
   display: flex;
   flex-direction: column;
   cursor: pointer;
 }
-.check-text[data-v-60ee1360] {
+.check-text[data-v-f97c86b8] {
   font-weight: 500;
   color: #333;
   margin-bottom: 0.25rem;
 }
-.check-description[data-v-60ee1360] {
+.check-description[data-v-f97c86b8] {
   font-size: 0.85rem;
   color: #666;
 }
-.required[data-v-60ee1360] {
+.required[data-v-f97c86b8] {
   color: #dc3545;
   margin-left: 0.25rem;
 }
-.error-content[data-v-60ee1360] {
+.error-content[data-v-f97c86b8] {
   display: flex;
   align-items: center;
   padding: 1.5rem;
   gap: 1rem;
 }
-.error-icon[data-v-60ee1360] {
+.error-icon[data-v-f97c86b8] {
   width: 48px;
   height: 48px;
   border-radius: 50%;
@@ -109,21 +109,21 @@
   font-size: 1.5rem;
   flex-shrink: 0;
 }
-.error-message[data-v-60ee1360] {
+.error-message[data-v-f97c86b8] {
   flex: 1;
   color: #333;
   font-size: 0.95rem;
   line-height: 1.6;
 }
 
-.sql-executor[data-v-5edeffbc] {
+.sql-executor[data-v-fe79b105] {
   width: 100%;
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 10px;
 }
-.sql-toolbar[data-v-5edeffbc] {
+.sql-toolbar[data-v-fe79b105] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -132,12 +132,12 @@
   background-color: #f8f9fa;
   border-radius: 4px;
 }
-.toolbar-left[data-v-5edeffbc],
-.toolbar-right[data-v-5edeffbc] {
+.toolbar-left[data-v-fe79b105],
+.toolbar-right[data-v-fe79b105] {
   display: flex;
   gap: 8px;
 }
-.sql-container[data-v-5edeffbc] {
+.sql-container[data-v-fe79b105] {
   position: relative;
   border: 1px solid #dee2e6;
   border-radius: 4px;
@@ -146,23 +146,23 @@
   display: flex;
   flex-direction: column;
 }
-.sql-editor[data-v-5edeffbc] {
+.sql-editor[data-v-fe79b105] {
   position: relative;
   overflow: auto;
   flex: 0 1 300px;
   min-height: 200px;
 }
-.sql-result[data-v-5edeffbc] {
+.sql-result[data-v-fe79b105] {
   position: relative;
   overflow: auto;
   border-top: 1px solid #dee2e6;
   flex: 1;
 }
-.codemirror-editor[data-v-5edeffbc] {
+.codemirror-editor[data-v-fe79b105] {
   height: 100%;
   width: 100%;
 }
-.resizer[data-v-5edeffbc] {
+.resizer[data-v-fe79b105] {
   height: 8px;
   background-color: #e9ecef;
   cursor: ns-resize;
@@ -170,33 +170,33 @@
   align-items: center;
   justify-content: center;
 }
-.resizer[data-v-5edeffbc]:hover {
+.resizer[data-v-fe79b105]:hover {
   background-color: #dee2e6;
 }
-.resizer[data-v-5edeffbc]::before {
+.resizer[data-v-fe79b105]::before {
   content: '';
   width: 40px;
   height: 2px;
   background-color: #adb5bd;
   border-radius: 1px;
 }
-.resizer.resizing[data-v-5edeffbc] {
+.resizer.resizing[data-v-fe79b105] {
   background-color: #dee2e6;
 }
-.resizer.resizing[data-v-5edeffbc]::before {
+.resizer.resizing[data-v-fe79b105]::before {
   background-color: #6c757d;
 }
-.sql-result[data-v-5edeffbc] {
+.sql-result[data-v-fe79b105] {
   position: relative;
   overflow: auto;
   border-top: 1px solid #dee2e6;
 }
-.result-content[data-v-5edeffbc] {
+.result-content[data-v-fe79b105] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.result-header[data-v-5edeffbc] {
+.result-header[data-v-fe79b105] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -204,7 +204,7 @@
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.result-title[data-v-5edeffbc] {
+.result-title[data-v-fe79b105] {
   margin: 0;
   font-size: 14px;
   font-weight: 600;
@@ -212,16 +212,16 @@
   align-items: center;
   gap: 8px;
 }
-.sql-loading[data-v-5edeffbc] {
+.sql-loading[data-v-fe79b105] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.result-stats[data-v-5edeffbc] {
+.result-stats[data-v-fe79b105] {
   display: flex;
   gap: 8px;
 }
-.result-info[data-v-5edeffbc] {
+.result-info[data-v-fe79b105] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -229,49 +229,49 @@
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.result-actions[data-v-5edeffbc] {
+.result-actions[data-v-fe79b105] {
   display: flex;
   gap: 8px;
 }
-.result-table-container[data-v-5edeffbc] {
+.result-table-container[data-v-fe79b105] {
   flex: 1;
   overflow: auto;
 }
 
 /* 对象结果样式 */
-.result-object[data-v-5edeffbc] {
+.result-object[data-v-fe79b105] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.object-container[data-v-5edeffbc] {
+.object-container[data-v-fe79b105] {
   flex: 1;
   overflow: auto;
 }
-.object-container table[data-v-5edeffbc] {
+.object-container table[data-v-fe79b105] {
   width: 100%;
 }
-.object-container th[data-v-5edeffbc]:first-child {
+.object-container th[data-v-fe79b105]:first-child {
   width: 20%;
   min-width: 100px;
 }
-.object-container td[data-v-5edeffbc]:first-child {
+.object-container td[data-v-fe79b105]:first-child {
   font-weight: 500;
   background-color: #f8f9fa;
 }
-.sql-loading-state[data-v-5edeffbc] {
+.sql-loading-state[data-v-fe79b105] {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   flex: 1;
 }
-.sql-empty-result[data-v-5edeffbc],
-.sql-error[data-v-5edeffbc] {
+.sql-empty-result[data-v-fe79b105],
+.sql-error[data-v-fe79b105] {
   padding: 12px;
   flex: 1;
 }
-.result-empty[data-v-5edeffbc] {
+.result-empty[data-v-fe79b105] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -280,40 +280,40 @@
   color: #6c757d;
   gap: 10px;
 }
-.result-empty i[data-v-5edeffbc] {
+.result-empty i[data-v-fe79b105] {
   font-size: 48px;
   opacity: 0.5;
 }
-.json-result[data-v-5edeffbc] {
+.json-result[data-v-fe79b105] {
   flex: 1;
   overflow: hidden;
 }
-.json-result .codemirror-editor[data-v-5edeffbc] {
+.json-result .codemirror-editor[data-v-fe79b105] {
   height: 100%;
   width: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.sql-toolbar[data-v-5edeffbc] {
+.sql-toolbar[data-v-fe79b105] {
     flex-direction: column;
     align-items: stretch;
     gap: 8px;
 }
-.toolbar-left[data-v-5edeffbc],
-  .toolbar-right[data-v-5edeffbc] {
+.toolbar-left[data-v-fe79b105],
+  .toolbar-right[data-v-fe79b105] {
     justify-content: center;
 }
 }
 
-.connection-detail[data-v-c886542c] {
+.connection-detail[data-v-f47acb62] {
   padding: 20px;
   display: flex;
   flex-direction: column;
   height: 100%;
   gap: 20px;
 }
-.connection-header[data-v-c886542c] {
+.connection-header[data-v-f47acb62] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -322,12 +322,12 @@
   background-color: #f8f9fa;
   border-radius: 8px;
 }
-.connection-info[data-v-c886542c] {
+.connection-info[data-v-f47acb62] {
   display: flex;
   align-items: center;
   gap: 16px;
 }
-.connection-avatar[data-v-c886542c] {
+.connection-avatar[data-v-f47acb62] {
   width: 60px;
   height: 60px;
   display: flex;
@@ -336,76 +336,76 @@
   border-radius: 8px;
   background-color: #e9ecef;
 }
-.db-logo[data-v-c886542c] {
+.db-logo[data-v-f47acb62] {
   font-size: 24px;
   font-weight: bold;
   color: #6c757d;
 }
-.db-mysql[data-v-c886542c] {
+.db-mysql[data-v-f47acb62] {
   background-color: #4CAF50;
   color: white;
 }
-.db-postgres[data-v-c886542c] {
+.db-postgres[data-v-f47acb62] {
   background-color: #336791;
   color: white;
 }
-.db-mssql[data-v-c886542c] {
+.db-mssql[data-v-f47acb62] {
   background-color: #0078d4;
   color: white;
 }
-.db-sqlite[data-v-c886542c] {
+.db-sqlite[data-v-f47acb62] {
   background-color: #003B57;
   color: white;
 }
-.db-oracle[data-v-c886542c] {
+.db-oracle[data-v-f47acb62] {
   background-color: #F80000;
   color: white;
 }
-.connection-meta[data-v-c886542c] {
+.connection-meta[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
-.connection-name[data-v-c886542c] {
+.connection-name[data-v-f47acb62] {
   margin: 0;
   font-size: 20px;
   font-weight: 600;
 }
-.connection-type-info[data-v-c886542c] {
+.connection-type-info[data-v-f47acb62] {
   display: flex;
   align-items: center;
   gap: 12px;
 }
-.db-type[data-v-c886542c] {
+.db-type[data-v-f47acb62] {
   padding: 4px 12px;
   border-radius: 12px;
   background-color: #e9ecef;
   font-size: 12px;
   font-weight: 500;
 }
-.connection-status[data-v-c886542c] {
+.connection-status[data-v-f47acb62] {
   display: flex;
   align-items: center;
   gap: 6px;
   font-size: 14px;
 }
-.status-dot[data-v-c886542c] {
+.status-dot[data-v-f47acb62] {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background-color: #6c757d;
 }
-.status-online .status-dot[data-v-c886542c] {
+.status-online .status-dot[data-v-f47acb62] {
   background-color: #28a745;
 }
-.status-offline .status-dot[data-v-c886542c] {
+.status-offline .status-dot[data-v-f47acb62] {
   background-color: #dc3545;
 }
-.status-testing .status-dot[data-v-c886542c] {
+.status-testing .status-dot[data-v-f47acb62] {
   background-color: #ffc107;
-  animation: pulse-c886542c 1s infinite;
+  animation: pulse-f47acb62 1s infinite;
 }
-@keyframes pulse-c886542c {
+@keyframes pulse-f47acb62 {
 0%, 100% {
     opacity: 1;
 }
@@ -413,15 +413,15 @@
     opacity: 0.5;
 }
 }
-.connection-actions[data-v-c886542c] {
+.connection-actions[data-v-f47acb62] {
   display: flex;
   gap: 8px;
 }
-.connection-details-panel[data-v-c886542c] {
+.connection-details-panel[data-v-f47acb62] {
   margin-bottom: 30px;
-  animation: fadeIn-c886542c 0.3s ease;
+  animation: fadeIn-f47acb62 0.3s ease;
 }
-.section-title[data-v-c886542c] {
+.section-title[data-v-f47acb62] {
   margin: 0 0 16px 0;
   font-size: 16px;
   font-weight: 600;
@@ -432,7 +432,7 @@
   padding-bottom: 8px;
   border-bottom: 1px solid #e9ecef;
 }
-@keyframes fadeIn-c886542c {
+@keyframes fadeIn-f47acb62 {
 from {
     opacity: 0;
     transform: translateY(-10px);
@@ -442,17 +442,17 @@ to {
     transform: translateY(0);
 }
 }
-.detail-card[data-v-c886542c] {
+.detail-card[data-v-f47acb62] {
   border: 1px solid #dee2e6;
   border-radius: 8px;
   overflow: hidden;
 }
-.card-header[data-v-c886542c] {
+.card-header[data-v-f47acb62] {
   padding: 16px;
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.card-title[data-v-c886542c] {
+.card-title[data-v-f47acb62] {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
@@ -460,16 +460,16 @@ to {
   align-items: center;
   gap: 8px;
 }
-.card-body[data-v-c886542c] {
+.card-body[data-v-f47acb62] {
   padding: 16px;
 }
-.info-grid[data-v-c886542c] {
+.info-grid[data-v-f47acb62] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
   gap: 16px;
   margin-bottom: 10px;
 }
-.info-item[data-v-c886542c] {
+.info-item[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   gap: 4px;
@@ -478,65 +478,65 @@ to {
   border-radius: 6px;
   transition: all 0.2s ease;
 }
-.info-item[data-v-c886542c]:hover {
+.info-item[data-v-f47acb62]:hover {
   background-color: #e9ecef;
   transform: translateY(-1px);
 }
-.info-label[data-v-c886542c] {
+.info-label[data-v-f47acb62] {
   font-size: 12px;
   font-weight: 500;
   color: #6c757d;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
-.info-value[data-v-c886542c] {
+.info-value[data-v-f47acb62] {
   font-size: 14px;
   font-weight: 500;
   color: #343a40;
 }
-.db-type-badge[data-v-c886542c] {
+.db-type-badge[data-v-f47acb62] {
   padding: 4px 10px;
   border-radius: 12px;
   font-size: 12px;
   font-weight: 500;
 }
-.stats-grid[data-v-c886542c] {
+.stats-grid[data-v-f47acb62] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: 16px;
 }
-.stat-item[data-v-c886542c] {
+.stat-item[data-v-f47acb62] {
   text-align: center;
   padding: 12px;
   background-color: #f8f9fa;
   border-radius: 6px;
   transition: all 0.2s ease;
 }
-.stat-item[data-v-c886542c]:hover {
+.stat-item[data-v-f47acb62]:hover {
   background-color: #e9ecef;
   transform: translateY(-1px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }
-.stat-value[data-v-c886542c] {
+.stat-value[data-v-f47acb62] {
   font-size: 20px;
   font-weight: 600;
   color: #343a40;
 }
-.stat-label[data-v-c886542c] {
+.stat-label[data-v-f47acb62] {
   font-size: 12px;
   color: #6c757d;
   margin-top: 4px;
 }
-.quick-actions[data-v-c886542c] {
+.quick-actions[data-v-f47acb62] {
   margin-bottom: 30px;
   padding: 20px;
   background-color: #f8f9fa;
   border-radius: 8px;
 }
-.actions-header[data-v-c886542c] {
+.actions-header[data-v-f47acb62] {
   margin-bottom: 16px;
 }
-.actions-title[data-v-c886542c] {
+.actions-title[data-v-f47acb62] {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
@@ -544,12 +544,12 @@ to {
   align-items: center;
   gap: 8px;
 }
-.actions-grid[data-v-c886542c] {
+.actions-grid[data-v-f47acb62] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
   gap: 16px;
 }
-.action-btn[data-v-c886542c] {
+.action-btn[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -561,32 +561,32 @@ to {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.action-btn[data-v-c886542c]:hover {
+.action-btn[data-v-f47acb62]:hover {
   background-color: #e9ecef;
   transform: translateY(-2px);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
-.action-icon[data-v-c886542c] {
+.action-icon[data-v-f47acb62] {
   font-size: 24px;
   color: #6c757d;
 }
-.action-text[data-v-c886542c] {
+.action-text[data-v-f47acb62] {
   font-size: 14px;
   font-weight: 500;
   color: #343a40;
 }
-.connection-tabs[data-v-c886542c] {
+.connection-tabs[data-v-f47acb62] {
   border: 1px solid #dee2e6;
   border-radius: 8px;
   flex: 1;
   display: flex;
   flex-direction: column;
 }
-.nav-tabs[data-v-c886542c] {
+.nav-tabs[data-v-f47acb62] {
   border-bottom: 1px solid #dee2e6;
   background-color: #f8f9fa;
 }
-.nav-link[data-v-c886542c] {
+.nav-link[data-v-f47acb62] {
   border: none;
   border-radius: 0;
   padding: 12px 20px;
@@ -594,50 +594,50 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-c886542c]:hover {
+.nav-link[data-v-f47acb62]:hover {
   background-color: #e9ecef;
 }
-.nav-link.active[data-v-c886542c] {
+.nav-link.active[data-v-f47acb62] {
   background-color: white;
   border-bottom: 2px solid #0d6efd;
 }
-.tab-content[data-v-c886542c] {
+.tab-content[data-v-f47acb62] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.tab-panel[data-v-c886542c] {
+.tab-panel[data-v-f47acb62] {
   padding: 20px;
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.databases-section[data-v-c886542c] {
+.databases-section[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   gap: 16px;
   flex: 1;
   overflow: hidden;
 }
-.section-header[data-v-c886542c] {
+.section-header[data-v-f47acb62] {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
-.section-actions[data-v-c886542c] {
+.section-actions[data-v-f47acb62] {
   display: flex;
   align-items: center;
   gap: 8px;
 }
-.databases-list[data-v-c886542c] {
+.databases-list[data-v-f47acb62] {
   min-height: 300px;
   height: 100%;
   overflow-y: auto;
   padding-right: 8px;
 }
-.loading-state[data-v-c886542c] {
+.loading-state[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -645,7 +645,7 @@ to {
   padding: 60px 20px;
   gap: 16px;
 }
-.empty-state[data-v-c886542c] {
+.empty-state[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -654,21 +654,21 @@ to {
   gap: 16px;
   text-align: center;
 }
-.empty-state i[data-v-c886542c] {
+.empty-state i[data-v-f47acb62] {
   font-size: 48px;
   color: #ced4da;
 }
-.empty-state p[data-v-c886542c] {
+.empty-state p[data-v-f47acb62] {
   margin: 0;
   color: #6c757d;
   font-size: 16px;
 }
-.databases-list-simple[data-v-c886542c] {
+.databases-list-simple[data-v-f47acb62] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   gap: 12px;
 }
-.database-item[data-v-c886542c] {
+.database-item[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -681,17 +681,17 @@ to {
   text-align: center;
   min-height: 100px;
 }
-.database-item[data-v-c886542c]:hover {
+.database-item[data-v-f47acb62]:hover {
   border-color: #0d6efd;
   background-color: #f8f9fa;
   transform: translateY(-2px);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
-.database-item-icon[data-v-c886542c] {
+.database-item-icon[data-v-f47acb62] {
   font-size: 32px;
   color: #6c757d;
 }
-.database-item-name[data-v-c886542c] {
+.database-item-name[data-v-f47acb62] {
   font-size: 14px;
   font-weight: 500;
   color: #343a40;
@@ -700,24 +700,24 @@ to {
   white-space: nowrap;
   max-width: 100%;
 }
-.database-item-actions[data-v-c886542c] {
+.database-item-actions[data-v-f47acb62] {
   display: flex;
   gap: 4px;
   margin-top: auto;
 }
-.sql-section[data-v-c886542c] {
+.sql-section[data-v-f47acb62] {
   display: flex;
   flex-direction: column;
   gap: 16px;
   flex: 1;
   overflow: hidden;
 }
-.sql-header[data-v-c886542c] {
+.sql-header[data-v-f47acb62] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.sql-title[data-v-c886542c] {
+.sql-title[data-v-f47acb62] {
   margin: 0;
   font-size: 16px;
   font-weight: 600;
@@ -725,7 +725,7 @@ to {
   align-items: center;
   gap: 8px;
 }
-.sql-db-info[data-v-c886542c] {
+.sql-db-info[data-v-f47acb62] {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -733,110 +733,110 @@ to {
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.connection-header[data-v-c886542c] {
+.connection-header[data-v-f47acb62] {
     flex-direction: column;
     align-items: flex-start;
     gap: 16px;
 }
-.connection-actions[data-v-c886542c] {
+.connection-actions[data-v-f47acb62] {
     align-self: flex-end;
 }
-.connection-cards[data-v-c886542c] {
+.connection-cards[data-v-f47acb62] {
     grid-template-columns: 1fr;
 }
-.info-grid[data-v-c886542c] {
+.info-grid[data-v-f47acb62] {
     grid-template-columns: 1fr;
 }
-.stats-grid[data-v-c886542c] {
+.stats-grid[data-v-f47acb62] {
     grid-template-columns: repeat(2, 1fr);
 }
-.actions-grid[data-v-c886542c] {
+.actions-grid[data-v-f47acb62] {
     grid-template-columns: repeat(2, 1fr);
 }
-.databases-list-simple[data-v-c886542c] {
+.databases-list-simple[data-v-f47acb62] {
     grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
     gap: 10px;
 }
-.database-item[data-v-c886542c] {
+.database-item[data-v-f47acb62] {
     padding: 12px;
     min-height: 80px;
 }
-.database-item-icon[data-v-c886542c] {
+.database-item-icon[data-v-f47acb62] {
     font-size: 24px;
 }
-.database-item-name[data-v-c886542c] {
+.database-item-name[data-v-f47acb62] {
     font-size: 12px;
 }
-.nav-link[data-v-c886542c] {
+.nav-link[data-v-f47acb62] {
     padding: 10px 16px;
     font-size: 13px;
 }
 }
 
-.section-title[data-v-d08de09c] {
+.section-title[data-v-e8059709] {
   color: #495057;
   font-weight: 600;
   border-bottom: 2px solid #e9ecef;
   padding-bottom: 0.5rem;
   margin-bottom: 1rem;
 }
-.sql-preview[data-v-d08de09c] {
+.sql-preview[data-v-e8059709] {
   font-family: 'Courier New', monospace;
   font-size: 0.875rem;
   max-height: 200px;
   overflow-y: auto;
   border: 1px solid #dee2e6;
 }
-.table th[data-v-d08de09c] {
+.table th[data-v-e8059709] {
   font-size: 0.875rem;
   font-weight: 600;
 }
-.table td[data-v-d08de09c] {
+.table td[data-v-e8059709] {
   padding: 0!important;
 }
-.table .form-control[data-v-d08de09c], .table .form-select[data-v-d08de09c] {
+.table .form-control[data-v-e8059709], .table .form-select[data-v-e8059709] {
   border: none;
   border-radius: 0;
   box-shadow: none;
 }
-.form-control-sm[data-v-d08de09c], .form-select-sm[data-v-d08de09c] {
+.form-control-sm[data-v-e8059709], .form-select-sm[data-v-e8059709] {
   font-size: 0.875rem;
 }
-.modal-content[data-v-d08de09c] {
+.modal-content[data-v-e8059709] {
   max-height: 90vh;
   overflow-y: auto;
 }
-.modal-body[data-v-d08de09c] {
+.modal-body[data-v-e8059709] {
   max-height: calc(90vh - 120px);
   overflow-y: auto;
 }
-.input-group-sm .form-control[data-v-d08de09c] {
+.input-group-sm .form-control[data-v-e8059709] {
   border-radius: 0;
 }
-.input-group-sm .form-control[data-v-d08de09c]:first-child {
+.input-group-sm .form-control[data-v-e8059709]:first-child {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
-.input-group-sm .form-control[data-v-d08de09c]:last-child {
+.input-group-sm .form-control[data-v-e8059709]:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
-.text-muted[data-v-d08de09c] {
+.text-muted[data-v-e8059709] {
   color: #6c757d !important;
 }
 
-.db-tools[data-v-622732f3] {
+.db-tools[data-v-bf3f680e] {
   background: white;
   border-radius: 12px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
-.tools-header[data-v-622732f3] {
+.tools-header[data-v-bf3f680e] {
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
   color: white;
   padding: 1rem 1.5rem;
   border-bottom: 1px solid #e2e8f0;
 }
-.tools-title[data-v-622732f3] {
+.tools-title[data-v-bf3f680e] {
   margin: 0;
   font-size: 1.1rem;
   font-weight: 600;
@@ -844,14 +844,14 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.tools-content[data-v-622732f3] {
+.tools-content[data-v-bf3f680e] {
   padding: 1.5rem;
   overflow-y: auto;
 }
-.tool-section[data-v-622732f3] {
+.tool-section[data-v-bf3f680e] {
   margin-bottom: 2rem;
 }
-.section-title[data-v-622732f3] {
+.section-title[data-v-bf3f680e] {
   font-size: 0.9rem;
   font-weight: 600;
   color: #374151;
@@ -860,42 +860,42 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.tool-actions[data-v-622732f3] {
+.tool-actions[data-v-bf3f680e] {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5rem;
 }
-.tool-actions .btn[data-v-622732f3] {
+.tool-actions .btn[data-v-bf3f680e] {
   min-width: 120px;
   display: flex;
   align-items: center;
   gap: 0.5rem;
 }
-.modal[data-v-622732f3] {
+.modal[data-v-bf3f680e] {
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-dialog[data-v-622732f3] {
+.modal-dialog[data-v-bf3f680e] {
   max-width: 600px;
 }
-.modal-header[data-v-622732f3] {
+.modal-header[data-v-bf3f680e] {
   background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.modal-title[data-v-622732f3] {
+.modal-title[data-v-bf3f680e] {
   color: #1e293b;
   font-weight: 600;
 }
-.modal-footer[data-v-622732f3] {
+.modal-footer[data-v-bf3f680e] {
   background: #f8fafc;
   border-top: 1px solid #e2e8f0;
 }
 
 /* 工具组件区域 */
-.tool-component-area[data-v-622732f3] {
+.tool-component-area[data-v-bf3f680e] {
   border-top: 1px solid #e2e8f0;
   background: #f8fafc;
 }
-.component-header[data-v-622732f3] {
+.component-header[data-v-bf3f680e] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -903,7 +903,7 @@ to {
   background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.component-title[data-v-622732f3] {
+.component-title[data-v-bf3f680e] {
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
@@ -912,20 +912,20 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.tool-component[data-v-622732f3] {
+.tool-component[data-v-bf3f680e] {
   padding: 1.5rem;
 }
-.sync-component[data-v-622732f3] {
+.sync-component[data-v-bf3f680e] {
   background: white;
   border-radius: 0.375rem;
 }
 
 /* 执行结果区域 */
-.execution-results[data-v-622732f3] {
+.execution-results[data-v-bf3f680e] {
   border-top: 1px solid #e2e8f0;
   background: #f8fafc;
 }
-.results-header[data-v-622732f3] {
+.results-header[data-v-bf3f680e] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -933,7 +933,7 @@ to {
   background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.results-title[data-v-622732f3] {
+.results-title[data-v-bf3f680e] {
   margin: 0;
   font-size: 1rem;
   font-weight: 600;
@@ -942,12 +942,12 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.results-content[data-v-622732f3] {
+.results-content[data-v-bf3f680e] {
   max-height: 400px;
   overflow-y: auto;
   padding: 1rem;
 }
-.no-results[data-v-622732f3] {
+.no-results[data-v-bf3f680e] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -955,15 +955,15 @@ to {
   padding: 3rem 1rem;
   color: #94a3b8;
 }
-.no-results i[data-v-622732f3] {
+.no-results i[data-v-bf3f680e] {
   font-size: 3rem;
   margin-bottom: 1rem;
 }
-.no-results p[data-v-622732f3] {
+.no-results p[data-v-bf3f680e] {
   margin: 0;
   font-size: 1rem;
 }
-.result-item[data-v-622732f3] {
+.result-item[data-v-bf3f680e] {
   margin-bottom: 0.75rem;
   border: 1px solid #e2e8f0;
   border-radius: 8px;
@@ -971,19 +971,19 @@ to {
   overflow: hidden;
   transition: box-shadow 0.2s;
 }
-.result-item[data-v-622732f3]:hover {
+.result-item[data-v-bf3f680e]:hover {
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 }
-.result-item.result-success[data-v-622732f3] {
+.result-item.result-success[data-v-bf3f680e] {
   border-left: 4px solid #22c55e;
 }
-.result-item.result-error[data-v-622732f3] {
+.result-item.result-error[data-v-bf3f680e] {
   border-left: 4px solid #ef4444;
 }
-.result-item.result-info[data-v-622732f3] {
+.result-item.result-info[data-v-bf3f680e] {
   border-left: 4px solid #3b82f6;
 }
-.result-header[data-v-622732f3] {
+.result-header[data-v-bf3f680e] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -992,98 +992,98 @@ to {
   background: white;
   transition: background 0.2s;
 }
-.result-header[data-v-622732f3]:hover {
+.result-header[data-v-bf3f680e]:hover {
   background: #f8fafc;
 }
-.result-title[data-v-622732f3] {
+.result-title[data-v-bf3f680e] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   flex: 1;
 }
-.result-title i[data-v-622732f3] {
+.result-title i[data-v-bf3f680e] {
   font-size: 1.1rem;
 }
-.operation-name[data-v-622732f3] {
+.operation-name[data-v-bf3f680e] {
   font-weight: 600;
   color: #1e293b;
   font-size: 0.95rem;
 }
-.operation-time[data-v-622732f3] {
+.operation-time[data-v-bf3f680e] {
   color: #64748b;
   font-size: 0.85rem;
   margin-left: auto;
 }
-.toggle-icon[data-v-622732f3] {
+.toggle-icon[data-v-bf3f680e] {
   transition: transform 0.2s;
   color: #94a3b8;
   font-size: 0.9rem;
 }
-.toggle-icon.expanded[data-v-622732f3] {
+.toggle-icon.expanded[data-v-bf3f680e] {
   transform: rotate(180deg);
 }
-.result-body[data-v-622732f3] {
+.result-body[data-v-bf3f680e] {
   padding: 1rem;
   background: #fafafa;
   border-top: 1px solid #e2e8f0;
 }
-.result-body pre[data-v-622732f3] {
+.result-body pre[data-v-bf3f680e] {
   margin: 0;
   font-size: 0.85rem;
   line-height: 1.5;
   max-height: 300px;
   overflow: auto;
 }
-.result-body code[data-v-622732f3] {
+.result-body code[data-v-bf3f680e] {
   font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
 }
 
 /* JSON 语法高亮 - 不使用 scoped 以确保 v-html 内容能应用样式 */
-[data-v-622732f3] .json-key {
+[data-v-bf3f680e] .json-key {
   color: #d04255;
   font-weight: 500;
 }
-[data-v-622732f3] .json-string {
+[data-v-bf3f680e] .json-string {
   color: #22863a;
 }
-[data-v-622732f3] .json-number {
+[data-v-bf3f680e] .json-number {
   color: #005cc5;
 }
-[data-v-622732f3] .json-boolean {
+[data-v-bf3f680e] .json-boolean {
   color: #d73a49;
 }
-[data-v-622732f3] .json-null {
+[data-v-bf3f680e] .json-null {
   color: #6f42c1;
 }
 
 /* 滚动条样式 */
-.results-content[data-v-622732f3]::-webkit-scrollbar,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar {
+.results-content[data-v-bf3f680e]::-webkit-scrollbar,
+.result-body pre[data-v-bf3f680e]::-webkit-scrollbar {
   width: 8px;
   height: 8px;
 }
-.results-content[data-v-622732f3]::-webkit-scrollbar-track,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar-track {
+.results-content[data-v-bf3f680e]::-webkit-scrollbar-track,
+.result-body pre[data-v-bf3f680e]::-webkit-scrollbar-track {
   background: #f1f5f9;
   border-radius: 4px;
 }
-.results-content[data-v-622732f3]::-webkit-scrollbar-thumb,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar-thumb {
+.results-content[data-v-bf3f680e]::-webkit-scrollbar-thumb,
+.result-body pre[data-v-bf3f680e]::-webkit-scrollbar-thumb {
   background: #cbd5e1;
   border-radius: 4px;
 }
-.results-content[data-v-622732f3]::-webkit-scrollbar-thumb:hover,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar-thumb:hover {
+.results-content[data-v-bf3f680e]::-webkit-scrollbar-thumb:hover,
+.result-body pre[data-v-bf3f680e]::-webkit-scrollbar-thumb:hover {
   background: #94a3b8;
 }
 
-.database-detail[data-v-608988e0] {
+.database-detail[data-v-cb4f724f] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.sql-executor-section[data-v-608988e0] {
+.sql-executor-section[data-v-cb4f724f] {
   margin: 15px 0;
   padding: 15px;
   background-color: #f8f9fa;
@@ -1094,7 +1094,7 @@ to {
 }
 
 /* 加载状态样式 */
-.loading-state[data-v-608988e0] {
+.loading-state[data-v-cb4f724f] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1102,31 +1102,31 @@ to {
   padding: 40px 0;
   color: #6c757d;
 }
-.loading-state .spinner-border[data-v-608988e0] {
+.loading-state .spinner-border[data-v-cb4f724f] {
   margin-bottom: 15px;
   color: #0d6efd;
 }
-.loading-state p[data-v-608988e0] {
+.loading-state p[data-v-cb4f724f] {
   margin: 0;
   font-size: 14px;
 }
-.database-header[data-v-608988e0] {
+.database-header[data-v-cb4f724f] {
   padding: 1rem;
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.database-header-content[data-v-608988e0] {
+.database-header-content[data-v-cb4f724f] {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 2rem;
 }
-.database-info[data-v-608988e0] {
+.database-info[data-v-cb4f724f] {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
-.database-icon[data-v-608988e0] {
+.database-icon[data-v-cb4f724f] {
   width: 60px;
   height: 60px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -1137,16 +1137,16 @@ to {
   color: white;
   font-size: 1.5rem;
 }
-.database-meta h4[data-v-608988e0] {
+.database-meta h4[data-v-cb4f724f] {
   margin: 0 0 0.5rem 0;
   color: #1e293b;
   font-weight: 600;
 }
-.connection-info[data-v-608988e0] {
+.connection-info[data-v-cb4f724f] {
   display: flex;
   gap: 0.75rem;
 }
-.connection-name[data-v-608988e0] {
+.connection-name[data-v-cb4f724f] {
   background: rgba(102, 126, 234, 0.1);
   color: #667eea;
   padding: 0.25rem 0.5rem;
@@ -1154,7 +1154,7 @@ to {
   font-size: 0.875rem;
   font-weight: 500;
 }
-.connection-type[data-v-608988e0] {
+.connection-type[data-v-cb4f724f] {
   background: #f1f5f9;
   color: #64748b;
   padding: 0.25rem 0.5rem;
@@ -1162,36 +1162,36 @@ to {
   font-size: 0.875rem;
   font-weight: 500;
 }
-.database-stats[data-v-608988e0] {
+.database-stats[data-v-cb4f724f] {
   display: flex;
   gap: 2rem;
 }
-.stat-item[data-v-608988e0] {
+.stat-item[data-v-cb4f724f] {
   text-align: center;
 }
-.stat-value[data-v-608988e0] {
+.stat-value[data-v-cb4f724f] {
   font-size: 1.5rem;
   font-weight: 700;
   color: #1e293b;
   margin-bottom: 0.25rem;
 }
-.stat-label[data-v-608988e0] {
+.stat-label[data-v-cb4f724f] {
   font-size: 0.875rem;
   color: #64748b;
   font-weight: 500;
 }
-.database-tabs[data-v-608988e0] {
+.database-tabs[data-v-cb4f724f] {
   flex: 1;
   overflow: hidden;
   display: flex;
   flex-direction: column;
 }
-.nav-tabs[data-v-608988e0] {
+.nav-tabs[data-v-cb4f724f] {
   background: #f8fafc;
   border-bottom: 1px solid #e2e8f0;
   padding: 0 1.5rem;
 }
-.nav-link[data-v-608988e0] {
+.nav-link[data-v-cb4f724f] {
   border: none;
   background: transparent;
   color: #64748b;
@@ -1199,35 +1199,35 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-608988e0]:hover {
+.nav-link[data-v-cb4f724f]:hover {
   color: #667eea;
   background: rgba(102, 126, 234, 0.1);
 }
-.nav-link.active[data-v-608988e0] {
+.nav-link.active[data-v-cb4f724f] {
   color: #667eea;
   background: white;
   border-bottom: 2px solid #667eea;
 }
-.tab-content[data-v-608988e0] {
+.tab-content[data-v-cb4f724f] {
   overflow-y: auto;
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.tab-panel[data-v-608988e0] {
+.tab-panel[data-v-cb4f724f] {
   flex: 1;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.table-grid[data-v-608988e0] {
+.table-grid[data-v-cb4f724f] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
   gap: 1rem;
 }
-.table-card[data-v-608988e0] {
+.table-card[data-v-cb4f724f] {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
@@ -1235,19 +1235,19 @@ to {
   transition: all 0.2s ease;
   cursor: pointer;
 }
-.table-card[data-v-608988e0]:hover {
+.table-card[data-v-cb4f724f]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.card-header[data-v-608988e0] {
+.card-header[data-v-cb4f724f] {
   background: #f8fafc;
   padding: 1rem;
   display: flex;
   align-items: center;
   gap: 0.75rem;
 }
-.table-icon[data-v-608988e0] {
+.table-icon[data-v-cb4f724f] {
   width: 40px;
   height: 40px;
   background: linear-gradient(135deg, #10b981 0%, #059669 100%);
@@ -1257,24 +1257,24 @@ to {
   justify-content: center;
   color: white;
 }
-.table-info[data-v-608988e0] {
+.table-info[data-v-cb4f724f] {
   flex: 1;
   min-width: 0; /* 允许子元素截断 */
 }
-.table-name-wrapper[data-v-608988e0] {
+.table-name-wrapper[data-v-cb4f724f] {
   display: flex;
   align-items: center;
   gap: 0.5rem;
   margin-bottom: 0.25rem;
 }
-.table-name[data-v-608988e0] {
+.table-name[data-v-cb4f724f] {
   font-weight: 600;
   color: #1e293b;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.table-engine[data-v-608988e0] {
+.table-engine[data-v-cb4f724f] {
   font-size: 0.75rem;
   color: #64748b;
   background: #f1f5f9;
@@ -1282,38 +1282,38 @@ to {
   border-radius: 8px;
   flex-shrink: 0;
 }
-.table-comment-header[data-v-608988e0] {
+.table-comment-header[data-v-cb4f724f] {
   font-size: 0.75rem;
   color: #64748b;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.card-body[data-v-608988e0] {
+.card-body[data-v-cb4f724f] {
   padding: 1rem;
 }
-.table-stats[data-v-608988e0] {
+.table-stats[data-v-cb4f724f] {
   display: flex;
   gap: 1rem;
   margin-bottom: 0.75rem;
 }
-.stat[data-v-608988e0] {
+.stat[data-v-cb4f724f] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.table-comment[data-v-608988e0] {
+.table-comment[data-v-cb4f724f] {
   font-size: 0.875rem;
   color: #64748b;
   font-style: italic;
   margin-bottom: 0.75rem;
   line-height: 1.4;
 }
-.table-actions[data-v-608988e0] {
+.table-actions[data-v-cb4f724f] {
   display: flex;
   gap: 0.5rem;
 }
-.empty-state[data-v-608988e0] {
+.empty-state[data-v-cb4f724f] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1323,37 +1323,37 @@ to {
   text-align: center;
   font-size: 1.5rem;
 }
-.empty-state i[data-v-608988e0] {
+.empty-state i[data-v-cb4f724f] {
   margin-bottom: 1rem;
   opacity: 0.5;
 }
 
 /* 视图和存储过程卡片样式 */
-.views-grid[data-v-608988e0], .procedures-grid[data-v-608988e0] {
+.views-grid[data-v-cb4f724f], .procedures-grid[data-v-cb4f724f] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 1rem;
 }
-.view-card[data-v-608988e0], .procedure-card[data-v-608988e0] {
+.view-card[data-v-cb4f724f], .procedure-card[data-v-cb4f724f] {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
   overflow: hidden;
   transition: all 0.2s ease;
 }
-.view-card[data-v-608988e0]:hover, .procedure-card[data-v-608988e0]:hover {
+.view-card[data-v-cb4f724f]:hover, .procedure-card[data-v-cb4f724f]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.view-card .card-header[data-v-608988e0], .procedure-card .card-header[data-v-608988e0] {
+.view-card .card-header[data-v-cb4f724f], .procedure-card .card-header[data-v-cb4f724f] {
   background: #f8fafc;
   padding: 1rem;
   display: flex;
   align-items: center;
   gap: 0.75rem;
 }
-.view-icon[data-v-608988e0], .procedure-icon[data-v-608988e0] {
+.view-icon[data-v-cb4f724f], .procedure-icon[data-v-cb4f724f] {
   width: 40px;
   height: 40px;
   background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
@@ -1363,33 +1363,33 @@ to {
   justify-content: center;
   color: white;
 }
-.procedure-icon[data-v-608988e0] {
+.procedure-icon[data-v-cb4f724f] {
   background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
 }
-.view-name[data-v-608988e0], .procedure-name[data-v-608988e0] {
+.view-name[data-v-cb4f724f], .procedure-name[data-v-cb4f724f] {
   font-weight: 600;
   color: #1e293b;
   margin-bottom: 0.25rem;
 }
-.view-comment[data-v-608988e0], .procedure-comment[data-v-608988e0] {
+.view-comment[data-v-cb4f724f], .procedure-comment[data-v-cb4f724f] {
   font-size: 0.75rem;
   color: #64748b;
   margin-bottom: 0.5rem;
   line-height: 1.4;
 }
-.procedure-type[data-v-608988e0] {
+.procedure-type[data-v-cb4f724f] {
   display: flex;
   gap: 0.25rem;
   flex-wrap: wrap;
 }
-.view-card .card-body[data-v-608988e0], .procedure-card .card-body[data-v-608988e0] {
+.view-card .card-body[data-v-cb4f724f], .procedure-card .card-body[data-v-cb4f724f] {
   padding: 1rem;
 }
-.view-actions[data-v-608988e0], .procedure-actions[data-v-608988e0] {
+.view-actions[data-v-cb4f724f], .procedure-actions[data-v-cb4f724f] {
   display: flex;
   gap: 0.5rem;
 }
-.views-actions[data-v-608988e0], .procedures-actions[data-v-608988e0], .tables-actions[data-v-608988e0] {
+.views-actions[data-v-cb4f724f], .procedures-actions[data-v-cb4f724f], .tables-actions[data-v-cb4f724f] {
   display: flex;
   gap: 0.5rem;
   margin-bottom: 1rem;
@@ -1399,27 +1399,27 @@ to {
 }
 
 /* 模态框样式 */
-.modal-dialog[data-v-608988e0] {
+.modal-dialog[data-v-cb4f724f] {
   margin-top: 10vh;
 }
-.modal-content[data-v-608988e0] {
+.modal-content[data-v-cb4f724f] {
   border-radius: 12px;
   border: none;
   box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
 }
-.modal-header[data-v-608988e0] {
+.modal-header[data-v-cb4f724f] {
   border-bottom: 1px solid #e2e8f0;
   padding: 1rem 1.5rem;
 }
-.modal-title[data-v-608988e0] {
+.modal-title[data-v-cb4f724f] {
   margin: 0;
   font-weight: 600;
   color: #1e293b;
 }
-.modal-body[data-v-608988e0] {
+.modal-body[data-v-cb4f724f] {
   padding: 1.5rem;
 }
-.modal-footer[data-v-608988e0] {
+.modal-footer[data-v-cb4f724f] {
   border-top: 1px solid #e2e8f0;
   padding: 1rem 1.5rem;
   display: flex;
@@ -1427,84 +1427,84 @@ to {
   gap: 0.5rem;
 }
 
-.modal[data-v-c290380d] {
+.modal[data-v-7f0c01ca] {
   background-color: rgba(0, 0, 0, 0.5);
 }
-.modal-dialog[data-v-c290380d] {
+.modal-dialog[data-v-7f0c01ca] {
   max-width: 800px;
 }
-.form-label[data-v-c290380d] {
+.form-label[data-v-7f0c01ca] {
   font-weight: 500;
   color: #374151;
 }
-.form-control[data-v-c290380d], .form-select[data-v-c290380d] {
+.form-control[data-v-7f0c01ca], .form-select[data-v-7f0c01ca] {
   border: 1px solid #d1d5db;
   border-radius: 6px;
 }
-.form-control[data-v-c290380d]:focus, .form-select[data-v-c290380d]:focus {
+.form-control[data-v-7f0c01ca]:focus, .form-select[data-v-7f0c01ca]:focus {
   border-color: #3b82f6;
   box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
 }
-.modal-header[data-v-c290380d] {
+.modal-header[data-v-7f0c01ca] {
   background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
   border-bottom: 1px solid #e2e8f0;
 }
-.modal-title[data-v-c290380d] {
+.modal-title[data-v-7f0c01ca] {
   color: #1e293b;
   font-weight: 600;
 }
-.modal-footer[data-v-c290380d] {
+.modal-footer[data-v-7f0c01ca] {
   background: #f8fafc;
   border-top: 1px solid #e2e8f0;
 }
-.text-danger[data-v-c290380d] {
+.text-danger[data-v-7f0c01ca] {
   color: #ef4444;
 }
-.text-muted[data-v-c290380d] {
+.text-muted[data-v-7f0c01ca] {
   color: #6b7280;
   font-size: 0.875rem;
 }
-.json-editor .text-muted[data-v-c290380d] {
+.json-editor .text-muted[data-v-7f0c01ca] {
   font-size: 0.75rem;
 }
-.json-editor[data-v-c290380d] .cm-editor {
+.json-editor[data-v-7f0c01ca] .cm-editor {
   height: 100%;
 }
 
-.table-data-grid[data-v-d342a0e9] {
+.table-data-grid[data-v-5ed43e1b] {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.data-grid-wrapper[data-v-d342a0e9] {
+.data-grid-wrapper[data-v-5ed43e1b] {
   flex: 1;
   overflow: hidden;
 }
-.column-header-custom[data-v-d342a0e9] {
+.column-header-custom[data-v-5ed43e1b] {
     display: flex;
     flex-direction: column;
     cursor: pointer;
     user-select: none;
 }
-.header-main[data-v-d342a0e9] {
+.header-main[data-v-5ed43e1b] {
     display: flex;
     align-items: center;
 }
-.column-name[data-v-d342a0e9] {
+.column-name[data-v-5ed43e1b] {
     font-weight: 600;
 }
-.header-sub[data-v-d342a0e9] {
+.header-sub[data-v-5ed43e1b] {
     display: flex;
     align-items: center;
     margin-top: 2px;
     max-width: 150px; /* 限制子标题区域的最大宽度 */
 }
-.column-type[data-v-d342a0e9] {
+.column-type[data-v-5ed43e1b] {
     font-size: 0.7rem;
     line-height: 1;
     flex-shrink: 0; /* 防止类型被压缩 */
 }
-.column-comment[data-v-d342a0e9] {
+.column-comment[data-v-5ed43e1b] {
     font-size: 0.7rem;
     line-height: 1;
     opacity: 0.8;
@@ -1513,80 +1513,80 @@ to {
     text-overflow: ellipsis;
     flex: 1; /* 允许注释占据剩余空间并截断 */
 }
-.cell-value[data-v-d342a0e9] {
+.cell-value[data-v-5ed43e1b] {
   max-width: 300px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.grid-footer-bar[data-v-d342a0e9] {
+.grid-footer-bar[data-v-5ed43e1b] {
     background: #f8f9fa;
     border-top: 1px solid #dee2e6;
     padding: 8px 16px;
 }
 
-.table-detail[data-v-5c9e0782] {
+.table-detail[data-v-d00b4d94] {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.table-header[data-v-5c9e0782] {
+.table-header[data-v-d00b4d94] {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
   padding: 15px 20px;
 }
-.table-header-content[data-v-5c9e0782] {
+.table-header-content[data-v-d00b4d94] {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.table-info[data-v-5c9e0782] {
+.table-info[data-v-d00b4d94] {
   display: flex;
   align-items: center;
   gap: 15px;
 }
-.table-icon[data-v-5c9e0782] {
+.table-icon[data-v-d00b4d94] {
   font-size: 32px;
   color: #495057;
 }
-.table-meta[data-v-5c9e0782] {
+.table-meta[data-v-d00b4d94] {
   display: flex;
   flex-direction: column;
   gap: 5px;
 }
-.table-name[data-v-5c9e0782] {
+.table-name[data-v-d00b4d94] {
   margin: 0;
   font-size: 1.25rem;
   font-weight: 600;
 }
-.table-breadcrumb[data-v-5c9e0782] {
+.table-breadcrumb[data-v-d00b4d94] {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 0.875rem;
   color: #6c757d;
 }
-.table-stats[data-v-5c9e0782] {
+.table-stats[data-v-d00b4d94] {
   display: flex;
   gap: 20px;
 }
-.stat-item[data-v-5c9e0782] {
+.stat-item[data-v-d00b4d94] {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 2px;
 }
-.stat-value[data-v-5c9e0782] {
+.stat-value[data-v-d00b4d94] {
   font-size: 1.125rem;
   font-weight: 600;
   color: #495057;
 }
-.stat-label[data-v-5c9e0782] {
+.stat-label[data-v-d00b4d94] {
   font-size: 0.75rem;
   color: #6c757d;
 }
-.table-toolbar[data-v-5c9e0782] {
+.table-toolbar[data-v-d00b4d94] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1594,28 +1594,28 @@ to {
   background-color: #f8f9fa;
   border-bottom: 1px solid #dee2e6;
 }
-.toolbar-left[data-v-5c9e0782] {
+.toolbar-left[data-v-d00b4d94] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.toolbar-right[data-v-5c9e0782] {
+.toolbar-right[data-v-d00b4d94] {
   display: flex;
   gap: 10px;
   align-items: center;
 }
-.table-tabs[data-v-5c9e0782] {
+.table-tabs[data-v-d00b4d94] {
   flex: 1;
   display: flex;
   flex-direction: column;
   overflow: hidden;
 }
-.nav-tabs[data-v-5c9e0782] {
+.nav-tabs[data-v-d00b4d94] {
   border-bottom: 1px solid #dee2e6;
   background-color: #f8f9fa;
   flex-shrink: 0;
 }
-.nav-tabs .nav-link[data-v-5c9e0782] {
+.nav-tabs .nav-link[data-v-d00b4d94] {
   color: #495057;
   border: none;
   border-bottom: 3px solid transparent;
@@ -1623,16 +1623,16 @@ to {
   padding: 10px 15px;
   font-weight: 500;
 }
-.nav-tabs .nav-link[data-v-5c9e0782]:hover {
+.nav-tabs .nav-link[data-v-d00b4d94]:hover {
   background-color: #e9ecef;
   border-bottom-color: #adb5bd;
 }
-.nav-tabs .nav-link.active[data-v-5c9e0782] {
+.nav-tabs .nav-link.active[data-v-d00b4d94] {
   background-color: #fff;
   border-bottom-color: #0d6efd;
   color: #0d6efd;
 }
-.tab-content[data-v-5c9e0782] {
+.tab-content[data-v-d00b4d94] {
   flex: 1;
   overflow: auto;
   padding: 20px;
@@ -1640,43 +1640,43 @@ to {
   display: flex;
   flex-direction: column;
 }
-.tab-panel[data-v-5c9e0782] {
+.tab-panel[data-v-d00b4d94] {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
   overflow: auto;
 }
-.data-content[data-v-5c9e0782] {
+.data-content[data-v-d00b4d94] {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-.data-content.loading[data-v-5c9e0782] {
+.data-content.loading[data-v-d00b4d94] {
   opacity: 0.7;
   pointer-events: none;
 }
-.table-responsive[data-v-5c9e0782] {
+.table-responsive[data-v-d00b4d94] {
   flex: 1;
   overflow: auto;
 }
-.column-header[data-v-5c9e0782] {
+.column-header[data-v-d00b4d94] {
   position: relative;
 }
-.column-key[data-v-5c9e0782] {
+.column-key[data-v-d00b4d94] {
   position: absolute;
   top: -5px;
   right: -15px;
   color: #0d6efd;
   font-size: 0.75rem;
 }
-.cell-value[data-v-5c9e0782] {
+.cell-value[data-v-d00b4d94] {
   max-width: 200px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.loading-state[data-v-5c9e0782] {
+.loading-state[data-v-d00b4d94] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1684,7 +1684,7 @@ to {
   height: 300px;
   gap: 15px;
 }
-.empty-state[data-v-5c9e0782] {
+.empty-state[data-v-d00b4d94] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -1693,87 +1693,87 @@ to {
   gap: 15px;
   color: #6c757d;
 }
-.empty-state i[data-v-5c9e0782] {
+.empty-state i[data-v-d00b4d94] {
   font-size: 48px;
   opacity: 0.5;
 }
-.pagination-nav[data-v-5c9e0782] {
+.pagination-nav[data-v-d00b4d94] {
   margin-top: 20px;
   border-top: 1px solid #dee2e6;
   padding-top: 15px;
 }
-.pagination-container[data-v-5c9e0782] {
+.pagination-container[data-v-d00b4d94] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
 }
-.pagination-info[data-v-5c9e0782] {
+.pagination-info[data-v-d00b4d94] {
   font-size: 0.875rem;
   color: #6c757d;
 }
-.page-size-selector[data-v-5c9e0782] {
+.page-size-selector[data-v-d00b4d94] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.page-jump[data-v-5c9e0782] {
+.page-jump[data-v-d00b4d94] {
   display: flex;
   align-items: center;
   gap: 5px;
 }
-.structure-actions[data-v-5c9e0782] {
+.structure-actions[data-v-d00b4d94] {
   display: flex;
   gap: 10px;
   margin-bottom: 15px;
 }
-.structure-table[data-v-5c9e0782], .indexes-table[data-v-5c9e0782], .relations-table[data-v-5c9e0782] {
+.structure-table[data-v-d00b4d94], .indexes-table[data-v-d00b4d94], .relations-table[data-v-d00b4d94] {
   overflow: auto;
 }
-.structure-table table[data-v-5c9e0782], .indexes-table table[data-v-5c9e0782], .relations-table table[data-v-5c9e0782] {
+.structure-table table[data-v-d00b4d94], .indexes-table table[data-v-d00b4d94], .relations-table table[data-v-d00b4d94] {
   width: 100%;
 }
-.sql-section[data-v-5c9e0782] {
+.sql-section[data-v-d00b4d94] {
   height: 100%;
 }
 
 /* 响应式设计 */
 @media (max-width: 768px) {
-.table-header-content[data-v-5c9e0782] {
+.table-header-content[data-v-d00b4d94] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.table-stats[data-v-5c9e0782] {
+.table-stats[data-v-d00b4d94] {
     width: 100%;
     justify-content: space-around;
 }
-.table-toolbar[data-v-5c9e0782] {
+.table-toolbar[data-v-d00b4d94] {
     flex-direction: column;
     align-items: stretch;
     gap: 10px;
 }
-.toolbar-left[data-v-5c9e0782], .toolbar-right[data-v-5c9e0782] {
+.toolbar-left[data-v-d00b4d94], .toolbar-right[data-v-d00b4d94] {
     justify-content: center;
 }
-.pagination-container[data-v-5c9e0782] {
+.pagination-container[data-v-d00b4d94] {
     flex-direction: column;
     align-items: flex-start;
     gap: 15px;
 }
-.pagination[data-v-5c9e0782] {
+.pagination[data-v-d00b4d94] {
     width: 100%;
     justify-content: center;
 }
 }
 
-.about-page[data-v-16b501ef] {
+.about-page[data-v-9b3e61a1] {
   padding: 2rem;
   max-width: 800px;
   margin: 0 auto;
 }
-.about-header[data-v-16b501ef] {
+.about-header[data-v-9b3e61a1] {
   display: flex;
   align-items: center;
   gap: 1rem;
@@ -1781,7 +1781,7 @@ to {
   padding-bottom: 1rem;
   border-bottom: 1px solid #e2e8f0;
 }
-.about-logo[data-v-16b501ef] {
+.about-logo[data-v-9b3e61a1] {
   width: 60px;
   height: 60px;
   border-radius: 12px;
@@ -1792,62 +1792,62 @@ to {
   color: white;
   font-size: 2rem;
 }
-.about-title h2[data-v-16b501ef] {
+.about-title h2[data-v-9b3e61a1] {
   margin: 0;
   font-size: 2rem;
   font-weight: 700;
   color: #1e293b;
 }
-.about-title p[data-v-16b501ef] {
+.about-title p[data-v-9b3e61a1] {
   margin: 0.25rem 0 0 0;
   color: #64748b;
   font-size: 1.125rem;
 }
-.about-content[data-v-16b501ef] {
+.about-content[data-v-9b3e61a1] {
   display: flex;
   flex-direction: column;
   gap: 2rem;
 }
-.about-section[data-v-16b501ef] {
+.about-section[data-v-9b3e61a1] {
   background: white;
   padding: 1.5rem;
   border-radius: 12px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
 }
-.about-section h3[data-v-16b501ef] {
+.about-section h3[data-v-9b3e61a1] {
   margin: 0 0 1rem 0;
   font-size: 1.25rem;
   font-weight: 600;
   color: #1e293b;
 }
-.about-section p[data-v-16b501ef] {
+.about-section p[data-v-9b3e61a1] {
   margin: 0 0 1rem 0;
   color: #64748b;
   line-height: 1.6;
 }
-.feature-list[data-v-16b501ef] {
+.feature-list[data-v-9b3e61a1] {
   list-style: none;
   padding: 0;
   margin: 0;
 }
-.feature-list li[data-v-16b501ef] {
+.feature-list li[data-v-9b3e61a1] {
   display: flex;
   align-items: flex-start;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
   color: #64748b;
 }
-.feature-list li i[data-v-16b501ef] {
+.feature-list li i[data-v-9b3e61a1] {
   color: #10b981;
   margin-top: 0.25rem;
   flex-shrink: 0;
 }
-.database-types[data-v-16b501ef] {
+.database-types[data-v-9b3e61a1] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 0.5rem;
 }
-.db-type[data-v-16b501ef] {
+.db-type[data-v-9b3e61a1] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1855,20 +1855,20 @@ to {
   background: #f8fafc;
   border-radius: 6px;
 }
-.db-name[data-v-16b501ef] {
+.db-name[data-v-9b3e61a1] {
   font-weight: 500;
   color: #374151;
 }
-.db-port[data-v-16b501ef] {
+.db-port[data-v-9b3e61a1] {
   color: #6b7280;
   font-size: 0.875rem;
 }
-.about-links[data-v-16b501ef] {
+.about-links[data-v-9b3e61a1] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
 }
-.about-link[data-v-16b501ef] {
+.about-link[data-v-9b3e61a1] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
@@ -1880,19 +1880,19 @@ to {
   font-weight: 500;
   transition: all 0.3s ease;
 }
-.about-link[data-v-16b501ef]:hover {
+.about-link[data-v-9b3e61a1]:hover {
   background: #e0e7ff;
   transform: translateX(4px);
 }
-.about-link i[data-v-16b501ef] {
+.about-link i[data-v-9b3e61a1] {
   flex-shrink: 0;
 }
 
-.database-explorer[data-v-0bf6b46f] {
+.database-explorer[data-v-2a353238] {
   height: 100vh;
   min-height: 600px;
 }
-.explorer-layout[data-v-0bf6b46f] {
+.explorer-layout[data-v-2a353238] {
   display: flex;
   height: 100%;
   background: white;
@@ -1902,7 +1902,7 @@ to {
 }
 
 /* 左侧边栏 */
-.explorer-sidebar[data-v-0bf6b46f] {
+.explorer-sidebar[data-v-2a353238] {
   width: 350px;
   flex-shrink: 0;
   border-right: 1px solid #e1e5e9;
@@ -1910,19 +1910,19 @@ to {
   flex-direction: column;
   background: #ffffff;
 }
-.sidebar-content[data-v-0bf6b46f] {
+.sidebar-content[data-v-2a353238] {
   flex: 1;
   overflow-y: auto;
   padding: 0.5rem 0;
   display: flex;
   flex-direction: column;
 }
-.tree-container[data-v-0bf6b46f] {
+.tree-container[data-v-2a353238] {
   flex: 1;
 }
 
 /* 工具信息样式 - 固定在左下角 */
-.sidebar-tool-info[data-v-0bf6b46f] {
+.sidebar-tool-info[data-v-2a353238] {
   padding: 0.75rem;
   border-top: 1px solid #e1e5e9;
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
@@ -1932,11 +1932,11 @@ to {
   cursor: pointer;
   transition: all 0.3s ease;
 }
-.sidebar-tool-info[data-v-0bf6b46f]:hover {
+.sidebar-tool-info[data-v-2a353238]:hover {
   background: linear-gradient(135deg, #e0e7ff 0%, #ddd6fe 100%);
   transform: translateY(-1px);
 }
-.tool-logo[data-v-0bf6b46f] {
+.tool-logo[data-v-2a353238] {
   width: 32px;
   height: 32px;
   border-radius: 6px;
@@ -1948,22 +1948,22 @@ to {
   font-size: 1rem;
   flex-shrink: 0;
 }
-.tool-details[data-v-0bf6b46f] {
+.tool-details[data-v-2a353238] {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 0.125rem;
 }
-.tool-name[data-v-0bf6b46f] {
+.tool-name[data-v-2a353238] {
   font-size: 0.875rem;
   font-weight: 600;
   color: #1e293b;
 }
-.tool-description[data-v-0bf6b46f] {
+.tool-description[data-v-2a353238] {
   font-size: 0.75rem;
   color: #64748b;
 }
-.sidebar-header[data-v-0bf6b46f] {
+.sidebar-header[data-v-2a353238] {
   padding: 1rem 0.875rem;
   border-bottom: 1px solid #e1e5e9;
   background: #f8f9fa;
@@ -1971,7 +1971,7 @@ to {
   justify-content: space-between;
   align-items: center;
 }
-.sidebar-title[data-v-0bf6b46f] {
+.sidebar-title[data-v-2a353238] {
   margin: 0;
   font-size: 0.9375rem;
   font-weight: 600;
@@ -1980,14 +1980,14 @@ to {
   align-items: center;
   gap: 0.5rem;
 }
-.sidebar-title i[data-v-0bf6b46f] {
+.sidebar-title i[data-v-2a353238] {
   color: #656d76;
 }
-.sidebar-actions[data-v-0bf6b46f] {
+.sidebar-actions[data-v-2a353238] {
   display: flex;
   gap: 0.25rem;
 }
-.sidebar-actions .btn[data-v-0bf6b46f] {
+.sidebar-actions .btn[data-v-2a353238] {
   padding: 0.375rem 0.625rem;
   font-size: 0.75rem;
   border: 1px solid #d0d7de;
@@ -1996,48 +1996,48 @@ to {
   border-radius: 6px;
   transition: all 0.15s ease;
 }
-.sidebar-actions .btn[data-v-0bf6b46f]:hover {
+.sidebar-actions .btn[data-v-2a353238]:hover {
   background-color: #f3f4f6;
   border-color: #d0d7de;
 }
-.sidebar-actions .btn-outline-primary[data-v-0bf6b46f] {
+.sidebar-actions .btn-outline-primary[data-v-2a353238] {
   border-color: #0969da;
   color: #0969da;
 }
-.sidebar-actions .btn-outline-primary[data-v-0bf6b46f]:hover {
+.sidebar-actions .btn-outline-primary[data-v-2a353238]:hover {
   background-color: #0969da;
   border-color: #0969da;
   color: #ffffff;
 }
-.sidebar-actions .btn-outline-success[data-v-0bf6b46f] {
+.sidebar-actions .btn-outline-success[data-v-2a353238] {
   border-color: #1a7f37;
   color: #1a7f37;
 }
-.sidebar-actions .btn-outline-success[data-v-0bf6b46f]:hover {
+.sidebar-actions .btn-outline-success[data-v-2a353238]:hover {
   background-color: #1a7f37;
   border-color: #1a7f37;
   color: #ffffff;
 }
-.sidebar-content[data-v-0bf6b46f] {
+.sidebar-content[data-v-2a353238] {
   flex: 1;
   overflow-y: auto;
   padding: 0.5rem 0;
 }
 
 /* 树形结构 */
-.tree-container[data-v-0bf6b46f] {
+.tree-container[data-v-2a353238] {
   font-size: 0.875rem;
   user-select: none;
 }
-.tree-node[data-v-0bf6b46f] {
+.tree-node[data-v-2a353238] {
   margin-bottom: 0;
 }
-.tree-children[data-v-0bf6b46f] {
+.tree-children[data-v-2a353238] {
   margin-left: 0.75rem;
   border-left: 1px solid #e1e5e9;
   padding-left: 0.5rem;
 }
-.node-content[data-v-0bf6b46f] {
+.node-content[data-v-2a353238] {
   display: flex;
   align-items: center;
   padding: 0.375rem 0.75rem;
@@ -2048,7 +2048,7 @@ to {
   border-radius: 6px;
   gap: 0.25rem;
 }
-.node-expand[data-v-0bf6b46f] {
+.node-expand[data-v-2a353238] {
   width: 16px;
   height: 16px;
   display: flex;
@@ -2057,30 +2057,30 @@ to {
   flex-shrink: 0;
   margin-right: 0.25rem;
 }
-.node-expand i[data-v-0bf6b46f] {
+.node-expand i[data-v-2a353238] {
   font-size: 0.6875rem;
   color: #656d76;
   transition: transform 0.15s ease;
 }
-.node-expand i.expanded[data-v-0bf6b46f] {
+.node-expand i.expanded[data-v-2a353238] {
   transform: rotate(90deg);
 }
-.node-main[data-v-0bf6b46f] {
+.node-main[data-v-2a353238] {
   display: flex;
   align-items: center;
   flex: 1;
   min-width: 0;
 }
-.node-content[data-v-0bf6b46f]:hover {
+.node-content[data-v-2a353238]:hover {
   background-color: #f3f4f6;
 }
-.tree-node.selected .node-content[data-v-0bf6b46f] {
+.tree-node.selected .node-content[data-v-2a353238] {
   background-color: #eff1ff;
   color: #0969da;
   font-weight: 500;
   box-shadow: 0 2px 8px rgba(9, 105, 218, 0.15);
 }
-.tree-node.selected .node-content[data-v-0bf6b46f]::before {
+.tree-node.selected .node-content[data-v-2a353238]::before {
   content: '';
   position: absolute;
   left: 0;
@@ -2090,39 +2090,39 @@ to {
   background: linear-gradient(135deg, #0969da, #0550ae);
   border-radius: 3px 0 0 3px;
 }
-.node-icon[data-v-0bf6b46f] {
+.node-icon[data-v-2a353238] {
   width: 20px;
   display: flex;
   justify-content: center;
   flex-shrink: 0;
   margin-right: 0.5rem;
 }
-.node-icon i[data-v-0bf6b46f] {
+.node-icon i[data-v-2a353238] {
   font-size: 0.875rem;
 }
-.node-label[data-v-0bf6b46f] {
+.node-label[data-v-2a353238] {
   flex: 1;
   display: flex;
   align-items: center;
   gap: 0.375rem;
   min-width: 0;
 }
-.connection-name[data-v-0bf6b46f],
-.database-name[data-v-0bf6b46f],
-.table-name[data-v-0bf6b46f] {
+.connection-name[data-v-2a353238],
+.database-name[data-v-2a353238],
+.table-name[data-v-2a353238] {
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   line-height: 1.25;
 }
-.tree-node.selected .connection-name[data-v-0bf6b46f],
-.tree-node.selected .database-name[data-v-0bf6b46f],
-.tree-node.selected .table-name[data-v-0bf6b46f] {
+.tree-node.selected .connection-name[data-v-2a353238],
+.tree-node.selected .database-name[data-v-2a353238],
+.tree-node.selected .table-name[data-v-2a353238] {
   font-weight: 600;
 }
-.connection-type[data-v-0bf6b46f],
-.table-info[data-v-0bf6b46f] {
+.connection-type[data-v-2a353238],
+.table-info[data-v-2a353238] {
   font-size: 0.75rem;
   color: #656d76;
   background-color: #f6f8fa;
@@ -2131,21 +2131,21 @@ to {
   font-weight: 500;
   white-space: nowrap;
 }
-.tree-node.selected .connection-type[data-v-0bf6b46f],
-.tree-node.selected .table-info[data-v-0bf6b46f] {
+.tree-node.selected .connection-type[data-v-2a353238],
+.tree-node.selected .table-info[data-v-2a353238] {
   background-color: rgba(9, 105, 218, 0.1);
   color: #0969da;
 }
-.node-actions[data-v-0bf6b46f] {
+.node-actions[data-v-2a353238] {
   display: flex;
   gap: 0.125rem;
   opacity: 0;
   transition: opacity 0.15s ease;
 }
-.node-content:hover .node-actions[data-v-0bf6b46f] {
+.node-content:hover .node-actions[data-v-2a353238] {
   opacity: 1;
 }
-.btn-icon[data-v-0bf6b46f] {
+.btn-icon[data-v-2a353238] {
   padding: 0.25rem;
   background: transparent;
   border: none;
@@ -2157,138 +2157,138 @@ to {
   width: 20px;
   height: 20px;
 }
-.btn-icon[data-v-0bf6b46f]:hover {
+.btn-icon[data-v-2a353238]:hover {
   background-color: #e1e4e8;
 }
-.btn-icon i[data-v-0bf6b46f] {
+.btn-icon i[data-v-2a353238] {
   font-size: 0.6875rem;
   color: #656d76;
 }
-.tree-node.selected .btn-icon[data-v-0bf6b46f]:hover {
+.tree-node.selected .btn-icon[data-v-2a353238]:hover {
   background-color: rgba(9, 105, 218, 0.1);
 }
-.tree-node.selected .btn-icon i[data-v-0bf6b46f] {
+.tree-node.selected .btn-icon i[data-v-2a353238] {
   color: #656d76;
 }
-.tree-node.selected .btn-icon:hover i[data-v-0bf6b46f] {
+.tree-node.selected .btn-icon:hover i[data-v-2a353238] {
   color: #0969da;
 }
-.btn-icon-danger[data-v-0bf6b46f]:hover {
+.btn-icon-danger[data-v-2a353238]:hover {
   background-color: #fee2e2;
 }
-.btn-icon-danger:hover i[data-v-0bf6b46f] {
+.btn-icon-danger:hover i[data-v-2a353238] {
   color: #dc2626;
 }
-.node-spinner[data-v-0bf6b46f] {
+.node-spinner[data-v-2a353238] {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.spinner-border-sm[data-v-0bf6b46f] {
+.spinner-border-sm[data-v-2a353238] {
   width: 1rem;
   height: 1rem;
   border-width: 0.15em;
 }
 
 /* 连接节点样式 */
-.connection-content[data-v-0bf6b46f] {
+.connection-content[data-v-2a353238] {
   font-weight: 500;
   color: #24292f;
 }
-.connection-content[data-v-0bf6b46f]:hover {
+.connection-content[data-v-2a353238]:hover {
   background-color: #f3f4f6;
 }
-.tree-node.selected .connection-content[data-v-0bf6b46f] {
+.tree-node.selected .connection-content[data-v-2a353238] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 数据库节点样式 */
-.database-content[data-v-0bf6b46f] {
+.database-content[data-v-2a353238] {
   color: #24292f;
 }
-.database-content[data-v-0bf6b46f]:hover {
+.database-content[data-v-2a353238]:hover {
   background-color: #f6f8fa;
 }
-.tree-node.selected .database-content[data-v-0bf6b46f] {
+.tree-node.selected .database-content[data-v-2a353238] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 表节点样式 */
-.table-content[data-v-0bf6b46f] {
+.table-content[data-v-2a353238] {
   color: #24292f;
 }
-.table-content[data-v-0bf6b46f]:hover {
+.table-content[data-v-2a353238]:hover {
   background-color: #f6f8fa;
 }
-.tree-node.selected .table-content[data-v-0bf6b46f] {
+.tree-node.selected .table-content[data-v-2a353238] {
   background-color: #eff1ff;
   color: #0969da;
 }
 
 /* 数据库品牌色彩 */
-.db-mysql[data-v-0bf6b46f] { 
+.db-mysql[data-v-2a353238] { 
   color: #00758f !important; 
   background: linear-gradient(135deg, #00758f, #005a70);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mysql-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #00758f, #005a70);
+.db-mysql-bg[data-v-2a353238] { background: linear-gradient(135deg, #00758f, #005a70);
 }
-.db-postgres[data-v-0bf6b46f] { 
+.db-postgres[data-v-2a353238] { 
   color: #336791 !important; 
   background: linear-gradient(135deg, #336791, #2a5278);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-postgres-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #336791, #2a5278);
+.db-postgres-bg[data-v-2a353238] { background: linear-gradient(135deg, #336791, #2a5278);
 }
-.db-sqlite[data-v-0bf6b46f] { 
+.db-sqlite[data-v-2a353238] { 
   color: #003b57 !important; 
   background: linear-gradient(135deg, #003b57, #002d42);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-sqlite-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #003b57, #002d42);
+.db-sqlite-bg[data-v-2a353238] { background: linear-gradient(135deg, #003b57, #002d42);
 }
-.db-mssql[data-v-0bf6b46f] { 
+.db-mssql[data-v-2a353238] { 
   color: #cc2927 !important; 
   background: linear-gradient(135deg, #cc2927, #a62220);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-mssql-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #cc2927, #a62220);
+.db-mssql-bg[data-v-2a353238] { background: linear-gradient(135deg, #cc2927, #a62220);
 }
-.db-oracle[data-v-0bf6b46f] { 
+.db-oracle[data-v-2a353238] { 
   color: #f80000 !important; 
   background: linear-gradient(135deg, #f80000, #d40000);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-oracle-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #f80000, #d40000);
+.db-oracle-bg[data-v-2a353238] { background: linear-gradient(135deg, #f80000, #d40000);
 }
-.db-default[data-v-0bf6b46f] { 
+.db-default[data-v-2a353238] { 
   color: #64748b !important; 
   background: linear-gradient(135deg, #64748b, #475569);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.db-default-bg[data-v-0bf6b46f] { background: linear-gradient(135deg, #64748b, #475569);
+.db-default-bg[data-v-2a353238] { background: linear-gradient(135deg, #64748b, #475569);
 }
-.tree-node.selected .db-mysql[data-v-0bf6b46f],
-.tree-node.selected .db-postgres[data-v-0bf6b46f],
-.tree-node.selected .db-sqlite[data-v-0bf6b46f],
-.tree-node.selected .db-mssql[data-v-0bf6b46f],
-.tree-node.selected .db-oracle[data-v-0bf6b46f],
-.tree-node.selected .db-default[data-v-0bf6b46f] {
+.tree-node.selected .db-mysql[data-v-2a353238],
+.tree-node.selected .db-postgres[data-v-2a353238],
+.tree-node.selected .db-sqlite[data-v-2a353238],
+.tree-node.selected .db-mssql[data-v-2a353238],
+.tree-node.selected .db-oracle[data-v-2a353238],
+.tree-node.selected .db-default[data-v-2a353238] {
   color: white !important;
   background: none;
   -webkit-text-fill-color: white;
 }
 
 /* 数据库Logo图标 */
-.db-logo[data-v-0bf6b46f] {
+.db-logo[data-v-2a353238] {
   width: 20px;
   height: 20px;
   border-radius: 4px;
@@ -2300,33 +2300,33 @@ to {
   color: white;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
-.db-logo-mysql[data-v-0bf6b46f] {
+.db-logo-mysql[data-v-2a353238] {
   background: linear-gradient(135deg, #00758f, #005a70);
   border: 1px solid #004d61;
 }
-.db-logo-postgres[data-v-0bf6b46f] {
+.db-logo-postgres[data-v-2a353238] {
   background: linear-gradient(135deg, #336791, #2a5278);
   border: 1px solid #244566;
 }
-.db-logo-sqlite[data-v-0bf6b46f] {
+.db-logo-sqlite[data-v-2a353238] {
   background: linear-gradient(135deg, #003b57, #002d42);
   border: 1px solid #002939;
 }
-.db-logo-mssql[data-v-0bf6b46f] {
+.db-logo-mssql[data-v-2a353238] {
   background: linear-gradient(135deg, #cc2927, #a62220);
   border: 1px solid #8b1f1d;
 }
-.db-logo-oracle[data-v-0bf6b46f] {
+.db-logo-oracle[data-v-2a353238] {
   background: linear-gradient(135deg, #f80000, #d40000);
   border: 1px solid #b30000;
 }
-.db-logo-default[data-v-0bf6b46f] {
+.db-logo-default[data-v-2a353238] {
   background: linear-gradient(135deg, #64748b, #475569);
   border: 1px solid #334155;
 }
 
 /* 右侧主内容 */
-.explorer-main[data-v-0bf6b46f] {
+.explorer-main[data-v-2a353238] {
   flex: 1;
   display: flex;
   flex-direction: column;
@@ -2335,24 +2335,24 @@ to {
 }
 
 /* 详情组件容器 */
-.explorer-main[data-v-0bf6b46f] > * {
+.explorer-main[data-v-2a353238] > * {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.content-tabs[data-v-0bf6b46f] {
+.content-tabs[data-v-2a353238] {
   flex: 1;
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-.nav-tabs[data-v-0bf6b46f] {
+.nav-tabs[data-v-2a353238] {
   background: #f8fafc;
   border-bottom: 1px solid #e2e8f0;
   padding: 0 1rem;
 }
-.nav-link[data-v-0bf6b46f] {
+.nav-link[data-v-2a353238] {
   border: none;
   background: transparent;
   color: #64748b;
@@ -2360,16 +2360,16 @@ to {
   font-weight: 500;
   transition: all 0.2s ease;
 }
-.nav-link[data-v-0bf6b46f]:hover {
+.nav-link[data-v-2a353238]:hover {
   color: #667eea;
   background: rgba(102, 126, 234, 0.1);
 }
-.nav-link.active[data-v-0bf6b46f] {
+.nav-link.active[data-v-2a353238] {
   color: #667eea;
   background: white;
   border-bottom: 2px solid #667eea;
 }
-.tab-content[data-v-0bf6b46f] {
+.tab-content[data-v-2a353238] {
   flex: 1;
   overflow-y: auto;
   padding: 1.5rem;
@@ -2377,15 +2377,15 @@ to {
 }
 
 /* 概览样式 */
-.overview-section[data-v-0bf6b46f] {
+.overview-section[data-v-2a353238] {
   padding: 1rem 0;
 }
-.info-cards[data-v-0bf6b46f] {
+.info-cards[data-v-2a353238] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 1rem;
 }
-.info-card[data-v-0bf6b46f] {
+.info-card[data-v-2a353238] {
   background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
   border-radius: 12px;
   padding: 1.5rem;
@@ -2394,7 +2394,7 @@ to {
   gap: 1rem;
   border: 1px solid #e2e8f0;
 }
-.card-icon[data-v-0bf6b46f] {
+.card-icon[data-v-2a353238] {
   width: 48px;
   height: 48px;
   background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
@@ -2405,13 +2405,13 @@ to {
   color: white;
   font-size: 1.25rem;
 }
-.card-content h6[data-v-0bf6b46f] {
+.card-content h6[data-v-2a353238] {
   margin: 0 0 0.25rem 0;
   color: #64748b;
   font-size: 0.875rem;
   font-weight: 500;
 }
-.card-value[data-v-0bf6b46f] {
+.card-value[data-v-2a353238] {
   margin: 0;
   color: #1e293b;
   font-weight: 600;
@@ -2419,12 +2419,12 @@ to {
 }
 
 /* 表格网格 */
-.table-grid[data-v-0bf6b46f] {
+.table-grid[data-v-2a353238] {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 1rem;
 }
-.table-card[data-v-0bf6b46f] {
+.table-card[data-v-2a353238] {
   background: white;
   border: 1px solid #e2e8f0;
   border-radius: 12px;
@@ -2432,18 +2432,18 @@ to {
   cursor: pointer;
   transition: all 0.2s ease;
 }
-.table-card[data-v-0bf6b46f]:hover {
+.table-card[data-v-2a353238]:hover {
   border-color: #667eea;
   box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
   transform: translateY(-2px);
 }
-.table-card .card-header[data-v-0bf6b46f] {
+.table-card .card-header[data-v-2a353238] {
   display: flex;
   align-items: center;
   gap: 0.75rem;
   margin-bottom: 0.75rem;
 }
-.table-icon[data-v-0bf6b46f] {
+.table-icon[data-v-2a353238] {
   width: 32px;
   height: 32px;
   background: linear-gradient(135deg, #10b981 0%, #059669 100%);
@@ -2453,37 +2453,37 @@ to {
   justify-content: center;
   color: white;
 }
-.table-name[data-v-0bf6b46f] {
+.table-name[data-v-2a353238] {
   font-weight: 600;
   color: #1e293b;
 }
-.table-stats[data-v-0bf6b46f] {
+.table-stats[data-v-2a353238] {
   display: flex;
   gap: 1rem;
   margin-bottom: 0.5rem;
 }
-.stat[data-v-0bf6b46f] {
+.stat[data-v-2a353238] {
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
 }
-.stat-label[data-v-0bf6b46f] {
+.stat-label[data-v-2a353238] {
   font-size: 0.75rem;
   color: #64748b;
 }
-.stat-value[data-v-0bf6b46f] {
+.stat-value[data-v-2a353238] {
   font-size: 0.875rem;
   font-weight: 600;
   color: #1e293b;
 }
-.table-comment[data-v-0bf6b46f] {
+.table-comment[data-v-2a353238] {
   font-size: 0.75rem;
   color: #64748b;
   font-style: italic;
 }
 
 /* 数据工具栏 */
-.data-toolbar[data-v-0bf6b46f] {
+.data-toolbar[data-v-2a353238] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2492,16 +2492,16 @@ to {
   background: #f8fafc;
   border-radius: 8px;
 }
-.toolbar-left[data-v-0bf6b46f],
-.toolbar-right[data-v-0bf6b46f] {
+.toolbar-left[data-v-2a353238],
+.toolbar-right[data-v-2a353238] {
   display: flex;
   gap: 0.5rem;
   align-items: center;
 }
 
 /* 空状态 */
-.empty-state[data-v-0bf6b46f],
-.default-state[data-v-0bf6b46f] {
+.empty-state[data-v-2a353238],
+.default-state[data-v-2a353238] {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2510,33 +2510,33 @@ to {
   color: #64748b;
   text-align: center;
 }
-.empty-icon[data-v-0bf6b46f],
-.default-icon[data-v-0bf6b46f] {
+.empty-icon[data-v-2a353238],
+.default-icon[data-v-2a353238] {
   font-size: 3rem;
   margin-bottom: 1rem;
   opacity: 0.5;
 }
-.empty-text h5[data-v-0bf6b46f],
-.default-content h5[data-v-0bf6b46f] {
+.empty-text h5[data-v-2a353238],
+.default-content h5[data-v-2a353238] {
   color: #64748b;
   margin-bottom: 0.5rem;
 }
 
 /* 响应式 */
 @media (max-width: 768px) {
-.explorer-layout[data-v-0bf6b46f] {
+.explorer-layout[data-v-2a353238] {
     flex-direction: column;
 }
-.explorer-sidebar[data-v-0bf6b46f] {
+.explorer-sidebar[data-v-2a353238] {
     width: 100%;
     height: 40vh;
     border-right: none;
     border-bottom: 1px solid #e2e8f0;
 }
-.info-cards[data-v-0bf6b46f] {
+.info-cards[data-v-2a353238] {
     grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
 }
-.table-grid[data-v-0bf6b46f] {
+.table-grid[data-v-2a353238] {
     grid-template-columns: 1fr;
 }
 }