fdb2 1.0.13 → 1.0.14

package/dist/public/explorer.css

@@ -1,2379 +0,0 @@
-
-/* 继承原有的样式，这里可以添加组件特定的样式 */
-.connection-form-modern[data-v-60ee1360] {
-  padding: 0;
-}
-.form-section[data-v-60ee1360] {
-  margin-bottom: 2rem;
-}
-.section-header[data-v-60ee1360] {
-  display: flex;
-  align-items: center;
-  margin-bottom: 1.5rem;
-  padding-bottom: 0.75rem;
-  border-bottom: 2px solid #f0f0f0;
-}
-.section-icon[data-v-60ee1360] {
-  width: 40px;
-  height: 40px;
-  border-radius: 8px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  margin-right: 1rem;
-}
-.section-title[data-v-60ee1360] {
-  font-size: 1.1rem;
-  font-weight: 600;
-  margin: 0;
-  color: #333;
-}
-.section-content[data-v-60ee1360] {
-  padding-left: 56px;
-}
-.form-grid[data-v-60ee1360] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 1.5rem;
-}
-.form-group-modern[data-v-60ee1360] {
-  margin-bottom: 1rem;
-}
-.form-label-modern[data-v-60ee1360] {
-  display: flex;
-  align-items: center;
-  font-weight: 500;
-  color: #555;
-  margin-bottom: 0.5rem;
-  font-size: 0.9rem;
-}
-.form-control-modern[data-v-60ee1360],
-.form-select-modern[data-v-60ee1360] {
-  width: 100%;
-  padding: 0.75rem;
-  border: 2px solid #e9ecef;
-  border-radius: 8px;
-  font-size: 0.95rem;
-  transition: all 0.3s ease;
-}
-.form-control-modern[data-v-60ee1360]:focus,
-.form-select-modern[data-v-60ee1360]:focus {
-  outline: none;
-  border-color: #667eea;
-  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-}
-.form-check-modern[data-v-60ee1360] {
-  display: flex;
-  align-items: flex-start;
-  padding: 0;
-}
-.form-check-input-modern[data-v-60ee1360] {
-  margin-right: 0.75rem;
-  margin-top: 0.25rem;
-}
-.form-check-label-modern[data-v-60ee1360] {
-  display: flex;
-  flex-direction: column;
-  cursor: pointer;
-}
-.check-text[data-v-60ee1360] {
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 0.25rem;
-}
-.check-description[data-v-60ee1360] {
-  font-size: 0.85rem;
-  color: #666;
-}
-.required[data-v-60ee1360] {
-  color: #dc3545;
-  margin-left: 0.25rem;
-}
-.error-content[data-v-60ee1360] {
-  display: flex;
-  align-items: center;
-  padding: 1.5rem;
-  gap: 1rem;
-}
-.error-icon[data-v-60ee1360] {
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  background: linear-gradient(135deg, #dc3545 0%, #ff6b6b 100%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 1.5rem;
-  flex-shrink: 0;
-}
-.error-message[data-v-60ee1360] {
-  flex: 1;
-  color: #333;
-  font-size: 0.95rem;
-  line-height: 1.6;
-}
-
-.sql-executor[data-v-82959a5b] {
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-}
-.sql-toolbar[data-v-82959a5b] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 10px;
-  padding: 10px;
-  background-color: #f8f9fa;
-  border-radius: 4px;
-}
-.toolbar-left[data-v-82959a5b],
-.toolbar-right[data-v-82959a5b] {
-  display: flex;
-  gap: 8px;
-}
-.sql-container[data-v-82959a5b] {
-  position: relative;
-  border: 1px solid #dee2e6;
-  border-radius: 4px;
-  overflow: hidden;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.sql-editor[data-v-82959a5b] {
-  position: relative;
-  overflow: auto;
-  flex: 0 1 300px;
-  min-height: 200px;
-}
-.sql-result[data-v-82959a5b] {
-  position: relative;
-  overflow: auto;
-  border-top: 1px solid #dee2e6;
-  flex: 1;
-}
-.codemirror-editor[data-v-82959a5b] {
-  height: 100%;
-  width: 100%;
-}
-.resizer[data-v-82959a5b] {
-  height: 8px;
-  background-color: #e9ecef;
-  cursor: ns-resize;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.resizer[data-v-82959a5b]:hover {
-  background-color: #dee2e6;
-}
-.resizer[data-v-82959a5b]::before {
-  content: '';
-  width: 40px;
-  height: 2px;
-  background-color: #adb5bd;
-  border-radius: 1px;
-}
-.resizer.resizing[data-v-82959a5b] {
-  background-color: #dee2e6;
-}
-.resizer.resizing[data-v-82959a5b]::before {
-  background-color: #6c757d;
-}
-.sql-result[data-v-82959a5b] {
-  position: relative;
-  overflow: auto;
-  border-top: 1px solid #dee2e6;
-}
-.result-content[data-v-82959a5b] {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.result-header[data-v-82959a5b] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 12px;
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-}
-.result-title[data-v-82959a5b] {
-  margin: 0;
-  font-size: 14px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.sql-loading[data-v-82959a5b] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.result-stats[data-v-82959a5b] {
-  display: flex;
-  gap: 8px;
-}
-.result-info[data-v-82959a5b] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 12px;
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-}
-.result-actions[data-v-82959a5b] {
-  display: flex;
-  gap: 8px;
-}
-.result-table-container[data-v-82959a5b] {
-  flex: 1;
-  overflow: auto;
-}
-
-/* 对象结果样式 */
-.result-object[data-v-82959a5b] {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.object-container[data-v-82959a5b] {
-  flex: 1;
-  overflow: auto;
-}
-.object-container table[data-v-82959a5b] {
-  width: 100%;
-}
-.object-container th[data-v-82959a5b]:first-child {
-  width: 20%;
-  min-width: 100px;
-}
-.object-container td[data-v-82959a5b]:first-child {
-  font-weight: 500;
-  background-color: #f8f9fa;
-}
-.sql-loading-state[data-v-82959a5b] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  flex: 1;
-}
-.sql-empty-result[data-v-82959a5b],
-.sql-error[data-v-82959a5b] {
-  padding: 12px;
-  flex: 1;
-}
-.result-empty[data-v-82959a5b] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: #6c757d;
-  gap: 10px;
-}
-.result-empty i[data-v-82959a5b] {
-  font-size: 48px;
-  opacity: 0.5;
-}
-.json-result[data-v-82959a5b] {
-  flex: 1;
-  overflow: hidden;
-}
-.json-result .codemirror-editor[data-v-82959a5b] {
-  height: 100%;
-  width: 100%;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-.sql-toolbar[data-v-82959a5b] {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 8px;
-}
-.toolbar-left[data-v-82959a5b],
-  .toolbar-right[data-v-82959a5b] {
-    justify-content: center;
-}
-}
-
-.connection-detail[data-v-283b71e5] {
-  padding: 20px;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  gap: 20px;
-}
-.connection-header[data-v-283b71e5] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20px;
-  padding: 20px;
-  background-color: #f8f9fa;
-  border-radius: 8px;
-}
-.connection-info[data-v-283b71e5] {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-.connection-avatar[data-v-283b71e5] {
-  width: 60px;
-  height: 60px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8px;
-  background-color: #e9ecef;
-}
-.db-logo[data-v-283b71e5] {
-  font-size: 24px;
-  font-weight: bold;
-  color: #6c757d;
-}
-.db-mysql[data-v-283b71e5] {
-  background-color: #4CAF50;
-  color: white;
-}
-.db-postgres[data-v-283b71e5] {
-  background-color: #336791;
-  color: white;
-}
-.db-mssql[data-v-283b71e5] {
-  background-color: #0078d4;
-  color: white;
-}
-.db-sqlite[data-v-283b71e5] {
-  background-color: #003B57;
-  color: white;
-}
-.db-oracle[data-v-283b71e5] {
-  background-color: #F80000;
-  color: white;
-}
-.connection-meta[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-}
-.connection-name[data-v-283b71e5] {
-  margin: 0;
-  font-size: 20px;
-  font-weight: 600;
-}
-.connection-type-info[data-v-283b71e5] {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-}
-.db-type[data-v-283b71e5] {
-  padding: 4px 12px;
-  border-radius: 12px;
-  background-color: #e9ecef;
-  font-size: 12px;
-  font-weight: 500;
-}
-.connection-status[data-v-283b71e5] {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-size: 14px;
-}
-.status-dot[data-v-283b71e5] {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background-color: #6c757d;
-}
-.status-online .status-dot[data-v-283b71e5] {
-  background-color: #28a745;
-}
-.status-offline .status-dot[data-v-283b71e5] {
-  background-color: #dc3545;
-}
-.status-testing .status-dot[data-v-283b71e5] {
-  background-color: #ffc107;
-  animation: pulse-283b71e5 1s infinite;
-}
-@keyframes pulse-283b71e5 {
-0%, 100% {
-    opacity: 1;
-}
-50% {
-    opacity: 0.5;
-}
-}
-.connection-actions[data-v-283b71e5] {
-  display: flex;
-  gap: 8px;
-}
-.connection-details-panel[data-v-283b71e5] {
-  margin-bottom: 30px;
-  animation: fadeIn-283b71e5 0.3s ease;
-}
-.section-title[data-v-283b71e5] {
-  margin: 0 0 16px 0;
-  font-size: 16px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  color: #343a40;
-  padding-bottom: 8px;
-  border-bottom: 1px solid #e9ecef;
-}
-@keyframes fadeIn-283b71e5 {
-from {
-    opacity: 0;
-    transform: translateY(-10px);
-}
-to {
-    opacity: 1;
-    transform: translateY(0);
-}
-}
-.detail-card[data-v-283b71e5] {
-  border: 1px solid #dee2e6;
-  border-radius: 8px;
-  overflow: hidden;
-}
-.card-header[data-v-283b71e5] {
-  padding: 16px;
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-}
-.card-title[data-v-283b71e5] {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.card-body[data-v-283b71e5] {
-  padding: 16px;
-}
-.info-grid[data-v-283b71e5] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-  gap: 16px;
-  margin-bottom: 10px;
-}
-.info-item[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  padding: 10px;
-  background-color: #f8f9fa;
-  border-radius: 6px;
-  transition: all 0.2s ease;
-}
-.info-item[data-v-283b71e5]:hover {
-  background-color: #e9ecef;
-  transform: translateY(-1px);
-}
-.info-label[data-v-283b71e5] {
-  font-size: 12px;
-  font-weight: 500;
-  color: #6c757d;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-}
-.info-value[data-v-283b71e5] {
-  font-size: 14px;
-  font-weight: 500;
-  color: #343a40;
-}
-.db-type-badge[data-v-283b71e5] {
-  padding: 4px 10px;
-  border-radius: 12px;
-  font-size: 12px;
-  font-weight: 500;
-}
-.stats-grid[data-v-283b71e5] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
-  gap: 16px;
-}
-.stat-item[data-v-283b71e5] {
-  text-align: center;
-  padding: 12px;
-  background-color: #f8f9fa;
-  border-radius: 6px;
-  transition: all 0.2s ease;
-}
-.stat-item[data-v-283b71e5]:hover {
-  background-color: #e9ecef;
-  transform: translateY(-1px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-}
-.stat-value[data-v-283b71e5] {
-  font-size: 20px;
-  font-weight: 600;
-  color: #343a40;
-}
-.stat-label[data-v-283b71e5] {
-  font-size: 12px;
-  color: #6c757d;
-  margin-top: 4px;
-}
-.quick-actions[data-v-283b71e5] {
-  margin-bottom: 30px;
-  padding: 20px;
-  background-color: #f8f9fa;
-  border-radius: 8px;
-}
-.actions-header[data-v-283b71e5] {
-  margin-bottom: 16px;
-}
-.actions-title[data-v-283b71e5] {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.actions-grid[data-v-283b71e5] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
-  gap: 16px;
-}
-.action-btn[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  padding: 16px;
-  background-color: white;
-  border: 1px solid #dee2e6;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-.action-btn[data-v-283b71e5]:hover {
-  background-color: #e9ecef;
-  transform: translateY(-2px);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-.action-icon[data-v-283b71e5] {
-  font-size: 24px;
-  color: #6c757d;
-}
-.action-text[data-v-283b71e5] {
-  font-size: 14px;
-  font-weight: 500;
-  color: #343a40;
-}
-.connection-tabs[data-v-283b71e5] {
-  border: 1px solid #dee2e6;
-  border-radius: 8px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.nav-tabs[data-v-283b71e5] {
-  border-bottom: 1px solid #dee2e6;
-  background-color: #f8f9fa;
-}
-.nav-link[data-v-283b71e5] {
-  border: none;
-  border-radius: 0;
-  padding: 12px 20px;
-  font-size: 14px;
-  font-weight: 500;
-  transition: all 0.2s ease;
-}
-.nav-link[data-v-283b71e5]:hover {
-  background-color: #e9ecef;
-}
-.nav-link.active[data-v-283b71e5] {
-  background-color: white;
-  border-bottom: 2px solid #0d6efd;
-}
-.tab-content[data-v-283b71e5] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.tab-panel[data-v-283b71e5] {
-  padding: 20px;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.databases-section[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  flex: 1;
-  overflow: hidden;
-}
-.section-header[data-v-283b71e5] {
-  display: flex;
-  justify-content: flex-end;
-  align-items: center;
-}
-.section-actions[data-v-283b71e5] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.databases-list[data-v-283b71e5] {
-  min-height: 300px;
-  height: 100%;
-  overflow-y: auto;
-  padding-right: 8px;
-}
-.loading-state[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  gap: 16px;
-}
-.empty-state[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 60px 20px;
-  gap: 16px;
-  text-align: center;
-}
-.empty-state i[data-v-283b71e5] {
-  font-size: 48px;
-  color: #ced4da;
-}
-.empty-state p[data-v-283b71e5] {
-  margin: 0;
-  color: #6c757d;
-  font-size: 16px;
-}
-.databases-list-simple[data-v-283b71e5] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
-  gap: 12px;
-}
-.database-item[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 8px;
-  padding: 16px;
-  border: 1px solid #dee2e6;
-  border-radius: 6px;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  text-align: center;
-  min-height: 100px;
-}
-.database-item[data-v-283b71e5]: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-283b71e5] {
-  font-size: 32px;
-  color: #6c757d;
-}
-.database-item-name[data-v-283b71e5] {
-  font-size: 14px;
-  font-weight: 500;
-  color: #343a40;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 100%;
-}
-.database-item-actions[data-v-283b71e5] {
-  display: flex;
-  gap: 4px;
-  margin-top: auto;
-}
-.sql-section[data-v-283b71e5] {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  flex: 1;
-  overflow: hidden;
-}
-.sql-header[data-v-283b71e5] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.sql-title[data-v-283b71e5] {
-  margin: 0;
-  font-size: 16px;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-.sql-db-info[data-v-283b71e5] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-.connection-header[data-v-283b71e5] {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 16px;
-}
-.connection-actions[data-v-283b71e5] {
-    align-self: flex-end;
-}
-.connection-cards[data-v-283b71e5] {
-    grid-template-columns: 1fr;
-}
-.info-grid[data-v-283b71e5] {
-    grid-template-columns: 1fr;
-}
-.stats-grid[data-v-283b71e5] {
-    grid-template-columns: repeat(2, 1fr);
-}
-.actions-grid[data-v-283b71e5] {
-    grid-template-columns: repeat(2, 1fr);
-}
-.databases-list-simple[data-v-283b71e5] {
-    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
-    gap: 10px;
-}
-.database-item[data-v-283b71e5] {
-    padding: 12px;
-    min-height: 80px;
-}
-.database-item-icon[data-v-283b71e5] {
-    font-size: 24px;
-}
-.database-item-name[data-v-283b71e5] {
-    font-size: 12px;
-}
-.nav-link[data-v-283b71e5] {
-    padding: 10px 16px;
-    font-size: 13px;
-}
-}
-
-.section-title[data-v-d08de09c] {
-  color: #495057;
-  font-weight: 600;
-  border-bottom: 2px solid #e9ecef;
-  padding-bottom: 0.5rem;
-  margin-bottom: 1rem;
-}
-.sql-preview[data-v-d08de09c] {
-  font-family: 'Courier New', monospace;
-  font-size: 0.875rem;
-  max-height: 200px;
-  overflow-y: auto;
-  border: 1px solid #dee2e6;
-}
-.table th[data-v-d08de09c] {
-  font-size: 0.875rem;
-  font-weight: 600;
-}
-.table td[data-v-d08de09c] {
-  padding: 0!important;
-}
-.table .form-control[data-v-d08de09c], .table .form-select[data-v-d08de09c] {
-  border: none;
-  border-radius: 0;
-  box-shadow: none;
-}
-.form-control-sm[data-v-d08de09c], .form-select-sm[data-v-d08de09c] {
-  font-size: 0.875rem;
-}
-.modal-content[data-v-d08de09c] {
-  max-height: 90vh;
-  overflow-y: auto;
-}
-.modal-body[data-v-d08de09c] {
-  max-height: calc(90vh - 120px);
-  overflow-y: auto;
-}
-.input-group-sm .form-control[data-v-d08de09c] {
-  border-radius: 0;
-}
-.input-group-sm .form-control[data-v-d08de09c]:first-child {
-  border-top-left-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
-}
-.input-group-sm .form-control[data-v-d08de09c]:last-child {
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
-}
-.text-muted[data-v-d08de09c] {
-  color: #6c757d !important;
-}
-
-.db-tools[data-v-622732f3] {
-  background: white;
-  border-radius: 12px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-}
-.tools-header[data-v-622732f3] {
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  color: white;
-  padding: 1rem 1.5rem;
-  border-bottom: 1px solid #e2e8f0;
-}
-.tools-title[data-v-622732f3] {
-  margin: 0;
-  font-size: 1.1rem;
-  font-weight: 600;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.tools-content[data-v-622732f3] {
-  padding: 1.5rem;
-  overflow-y: auto;
-}
-.tool-section[data-v-622732f3] {
-  margin-bottom: 2rem;
-}
-.section-title[data-v-622732f3] {
-  font-size: 0.9rem;
-  font-weight: 600;
-  color: #374151;
-  margin-bottom: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.tool-actions[data-v-622732f3] {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.5rem;
-}
-.tool-actions .btn[data-v-622732f3] {
-  min-width: 120px;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.modal[data-v-622732f3] {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.modal-dialog[data-v-622732f3] {
-  max-width: 600px;
-}
-.modal-header[data-v-622732f3] {
-  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
-  border-bottom: 1px solid #e2e8f0;
-}
-.modal-title[data-v-622732f3] {
-  color: #1e293b;
-  font-weight: 600;
-}
-.modal-footer[data-v-622732f3] {
-  background: #f8fafc;
-  border-top: 1px solid #e2e8f0;
-}
-
-/* 工具组件区域 */
-.tool-component-area[data-v-622732f3] {
-  border-top: 1px solid #e2e8f0;
-  background: #f8fafc;
-}
-.component-header[data-v-622732f3] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 1.5rem;
-  background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
-  border-bottom: 1px solid #e2e8f0;
-}
-.component-title[data-v-622732f3] {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 600;
-  color: #1e293b;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.tool-component[data-v-622732f3] {
-  padding: 1.5rem;
-}
-.sync-component[data-v-622732f3] {
-  background: white;
-  border-radius: 0.375rem;
-}
-
-/* 执行结果区域 */
-.execution-results[data-v-622732f3] {
-  border-top: 1px solid #e2e8f0;
-  background: #f8fafc;
-}
-.results-header[data-v-622732f3] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 1.5rem;
-  background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);
-  border-bottom: 1px solid #e2e8f0;
-}
-.results-title[data-v-622732f3] {
-  margin: 0;
-  font-size: 1rem;
-  font-weight: 600;
-  color: #1e293b;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.results-content[data-v-622732f3] {
-  max-height: 400px;
-  overflow-y: auto;
-  padding: 1rem;
-}
-.no-results[data-v-622732f3] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 3rem 1rem;
-  color: #94a3b8;
-}
-.no-results i[data-v-622732f3] {
-  font-size: 3rem;
-  margin-bottom: 1rem;
-}
-.no-results p[data-v-622732f3] {
-  margin: 0;
-  font-size: 1rem;
-}
-.result-item[data-v-622732f3] {
-  margin-bottom: 0.75rem;
-  border: 1px solid #e2e8f0;
-  border-radius: 8px;
-  background: white;
-  overflow: hidden;
-  transition: box-shadow 0.2s;
-}
-.result-item[data-v-622732f3]:hover {
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-}
-.result-item.result-success[data-v-622732f3] {
-  border-left: 4px solid #22c55e;
-}
-.result-item.result-error[data-v-622732f3] {
-  border-left: 4px solid #ef4444;
-}
-.result-item.result-info[data-v-622732f3] {
-  border-left: 4px solid #3b82f6;
-}
-.result-header[data-v-622732f3] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 0.75rem 1rem;
-  cursor: pointer;
-  background: white;
-  transition: background 0.2s;
-}
-.result-header[data-v-622732f3]:hover {
-  background: #f8fafc;
-}
-.result-title[data-v-622732f3] {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex: 1;
-}
-.result-title i[data-v-622732f3] {
-  font-size: 1.1rem;
-}
-.operation-name[data-v-622732f3] {
-  font-weight: 600;
-  color: #1e293b;
-  font-size: 0.95rem;
-}
-.operation-time[data-v-622732f3] {
-  color: #64748b;
-  font-size: 0.85rem;
-  margin-left: auto;
-}
-.toggle-icon[data-v-622732f3] {
-  transition: transform 0.2s;
-  color: #94a3b8;
-  font-size: 0.9rem;
-}
-.toggle-icon.expanded[data-v-622732f3] {
-  transform: rotate(180deg);
-}
-.result-body[data-v-622732f3] {
-  padding: 1rem;
-  background: #fafafa;
-  border-top: 1px solid #e2e8f0;
-}
-.result-body pre[data-v-622732f3] {
-  margin: 0;
-  font-size: 0.85rem;
-  line-height: 1.5;
-  max-height: 300px;
-  overflow: auto;
-}
-.result-body code[data-v-622732f3] {
-  font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
-}
-
-/* JSON 语法高亮 - 不使用 scoped 以确保 v-html 内容能应用样式 */
-[data-v-622732f3] .json-key {
-  color: #d04255;
-  font-weight: 500;
-}
-[data-v-622732f3] .json-string {
-  color: #22863a;
-}
-[data-v-622732f3] .json-number {
-  color: #005cc5;
-}
-[data-v-622732f3] .json-boolean {
-  color: #d73a49;
-}
-[data-v-622732f3] .json-null {
-  color: #6f42c1;
-}
-
-/* 滚动条样式 */
-.results-content[data-v-622732f3]::-webkit-scrollbar,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.results-content[data-v-622732f3]::-webkit-scrollbar-track,
-.result-body pre[data-v-622732f3]::-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 {
-  background: #cbd5e1;
-  border-radius: 4px;
-}
-.results-content[data-v-622732f3]::-webkit-scrollbar-thumb:hover,
-.result-body pre[data-v-622732f3]::-webkit-scrollbar-thumb:hover {
-  background: #94a3b8;
-}
-
-.database-detail[data-v-608988e0] {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.sql-executor-section[data-v-608988e0] {
-  margin: 15px 0;
-  padding: 15px;
-  background-color: #f8f9fa;
-  border-radius: 4px;
-  border: 1px solid #dee2e6;
-  flex: 1;
-  display: flex;
-}
-
-/* 加载状态样式 */
-.loading-state[data-v-608988e0] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 40px 0;
-  color: #6c757d;
-}
-.loading-state .spinner-border[data-v-608988e0] {
-  margin-bottom: 15px;
-  color: #0d6efd;
-}
-.loading-state p[data-v-608988e0] {
-  margin: 0;
-  font-size: 14px;
-}
-.database-header[data-v-608988e0] {
-  padding: 1rem;
-  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
-  border-bottom: 1px solid #e2e8f0;
-}
-.database-header-content[data-v-608988e0] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  gap: 2rem;
-}
-.database-info[data-v-608988e0] {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-}
-.database-icon[data-v-608988e0] {
-  width: 60px;
-  height: 60px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 1.5rem;
-}
-.database-meta h4[data-v-608988e0] {
-  margin: 0 0 0.5rem 0;
-  color: #1e293b;
-  font-weight: 600;
-}
-.connection-info[data-v-608988e0] {
-  display: flex;
-  gap: 0.75rem;
-}
-.connection-name[data-v-608988e0] {
-  background: rgba(102, 126, 234, 0.1);
-  color: #667eea;
-  padding: 0.25rem 0.5rem;
-  border-radius: 12px;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.connection-type[data-v-608988e0] {
-  background: #f1f5f9;
-  color: #64748b;
-  padding: 0.25rem 0.5rem;
-  border-radius: 12px;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.database-stats[data-v-608988e0] {
-  display: flex;
-  gap: 2rem;
-}
-.stat-item[data-v-608988e0] {
-  text-align: center;
-}
-.stat-value[data-v-608988e0] {
-  font-size: 1.5rem;
-  font-weight: 700;
-  color: #1e293b;
-  margin-bottom: 0.25rem;
-}
-.stat-label[data-v-608988e0] {
-  font-size: 0.875rem;
-  color: #64748b;
-  font-weight: 500;
-}
-.database-tabs[data-v-608988e0] {
-  flex: 1;
-  overflow: hidden;
-  display: flex;
-  flex-direction: column;
-}
-.nav-tabs[data-v-608988e0] {
-  background: #f8fafc;
-  border-bottom: 1px solid #e2e8f0;
-  padding: 0 1.5rem;
-}
-.nav-link[data-v-608988e0] {
-  border: none;
-  background: transparent;
-  color: #64748b;
-  padding: 1rem 1.5rem;
-  font-weight: 500;
-  transition: all 0.2s ease;
-}
-.nav-link[data-v-608988e0]:hover {
-  color: #667eea;
-  background: rgba(102, 126, 234, 0.1);
-}
-.nav-link.active[data-v-608988e0] {
-  color: #667eea;
-  background: white;
-  border-bottom: 2px solid #667eea;
-}
-.tab-content[data-v-608988e0] {
-  overflow-y: auto;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.tab-panel[data-v-608988e0] {
-  flex: 1;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.table-grid[data-v-608988e0] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
-  gap: 1rem;
-}
-.table-card[data-v-608988e0] {
-  background: white;
-  border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  overflow: hidden;
-  transition: all 0.2s ease;
-  cursor: pointer;
-}
-.table-card[data-v-608988e0]:hover {
-  border-color: #667eea;
-  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
-  transform: translateY(-2px);
-}
-.card-header[data-v-608988e0] {
-  background: #f8fafc;
-  padding: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-.table-icon[data-v-608988e0] {
-  width: 40px;
-  height: 40px;
-  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-}
-.table-info[data-v-608988e0] {
-  flex: 1;
-  min-width: 0; /* 允许子元素截断 */
-}
-.table-name-wrapper[data-v-608988e0] {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  margin-bottom: 0.25rem;
-}
-.table-name[data-v-608988e0] {
-  font-weight: 600;
-  color: #1e293b;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.table-engine[data-v-608988e0] {
-  font-size: 0.75rem;
-  color: #64748b;
-  background: #f1f5f9;
-  padding: 0.125rem 0.375rem;
-  border-radius: 8px;
-  flex-shrink: 0;
-}
-.table-comment-header[data-v-608988e0] {
-  font-size: 0.75rem;
-  color: #64748b;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.card-body[data-v-608988e0] {
-  padding: 1rem;
-}
-.table-stats[data-v-608988e0] {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 0.75rem;
-}
-.stat[data-v-608988e0] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.table-comment[data-v-608988e0] {
-  font-size: 0.875rem;
-  color: #64748b;
-  font-style: italic;
-  margin-bottom: 0.75rem;
-  line-height: 1.4;
-}
-.table-actions[data-v-608988e0] {
-  display: flex;
-  gap: 0.5rem;
-}
-.empty-state[data-v-608988e0] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 200px;
-  color: #64748b;
-  text-align: center;
-  font-size: 1.5rem;
-}
-.empty-state i[data-v-608988e0] {
-  margin-bottom: 1rem;
-  opacity: 0.5;
-}
-
-/* 视图和存储过程卡片样式 */
-.views-grid[data-v-608988e0], .procedures-grid[data-v-608988e0] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 1rem;
-}
-.view-card[data-v-608988e0], .procedure-card[data-v-608988e0] {
-  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 {
-  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] {
-  background: #f8fafc;
-  padding: 1rem;
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-}
-.view-icon[data-v-608988e0], .procedure-icon[data-v-608988e0] {
-  width: 40px;
-  height: 40px;
-  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-}
-.procedure-icon[data-v-608988e0] {
-  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
-}
-.view-name[data-v-608988e0], .procedure-name[data-v-608988e0] {
-  font-weight: 600;
-  color: #1e293b;
-  margin-bottom: 0.25rem;
-}
-.view-comment[data-v-608988e0], .procedure-comment[data-v-608988e0] {
-  font-size: 0.75rem;
-  color: #64748b;
-  margin-bottom: 0.5rem;
-  line-height: 1.4;
-}
-.procedure-type[data-v-608988e0] {
-  display: flex;
-  gap: 0.25rem;
-  flex-wrap: wrap;
-}
-.view-card .card-body[data-v-608988e0], .procedure-card .card-body[data-v-608988e0] {
-  padding: 1rem;
-}
-.view-actions[data-v-608988e0], .procedure-actions[data-v-608988e0] {
-  display: flex;
-  gap: 0.5rem;
-}
-.views-actions[data-v-608988e0], .procedures-actions[data-v-608988e0], .tables-actions[data-v-608988e0] {
-  display: flex;
-  gap: 0.5rem;
-  margin-bottom: 1rem;
-  padding: 0.75rem 1rem;
-  background: #f8fafc;
-  border-radius: 8px;
-}
-
-/* 模态框样式 */
-.modal-dialog[data-v-608988e0] {
-  margin-top: 10vh;
-}
-.modal-content[data-v-608988e0] {
-  border-radius: 12px;
-  border: none;
-  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
-}
-.modal-header[data-v-608988e0] {
-  border-bottom: 1px solid #e2e8f0;
-  padding: 1rem 1.5rem;
-}
-.modal-title[data-v-608988e0] {
-  margin: 0;
-  font-weight: 600;
-  color: #1e293b;
-}
-.modal-body[data-v-608988e0] {
-  padding: 1.5rem;
-}
-.modal-footer[data-v-608988e0] {
-  border-top: 1px solid #e2e8f0;
-  padding: 1rem 1.5rem;
-  display: flex;
-  justify-content: flex-end;
-  gap: 0.5rem;
-}
-
-.modal[data-v-dc8f434a] {
-  background-color: rgba(0, 0, 0, 0.5);
-}
-.modal-dialog[data-v-dc8f434a] {
-  max-width: 800px;
-}
-.form-label[data-v-dc8f434a] {
-  font-weight: 500;
-  color: #374151;
-}
-.form-control[data-v-dc8f434a], .form-select[data-v-dc8f434a] {
-  border: 1px solid #d1d5db;
-  border-radius: 6px;
-}
-.form-control[data-v-dc8f434a]:focus, .form-select[data-v-dc8f434a]:focus {
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.modal-header[data-v-dc8f434a] {
-  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
-  border-bottom: 1px solid #e2e8f0;
-}
-.modal-title[data-v-dc8f434a] {
-  color: #1e293b;
-  font-weight: 600;
-}
-.modal-footer[data-v-dc8f434a] {
-  background: #f8fafc;
-  border-top: 1px solid #e2e8f0;
-}
-.text-danger[data-v-dc8f434a] {
-  color: #ef4444;
-}
-.text-muted[data-v-dc8f434a] {
-  color: #6b7280;
-  font-size: 0.875rem;
-}
-.json-editor textarea[data-v-dc8f434a] {
-  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
-  font-size: 0.875rem;
-  line-height: 1.5;
-  background-color: #f8fafc;
-  border-color: #e2e8f0;
-  resize: vertical;
-}
-.json-editor textarea[data-v-dc8f434a]:focus {
-  background-color: #ffffff;
-  border-color: #3b82f6;
-  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
-}
-.json-editor .text-muted[data-v-dc8f434a] {
-  font-size: 0.75rem;
-}
-
-.table-data-grid[data-v-485b2e18] {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.data-grid-wrapper[data-v-485b2e18] {
-  flex: 1;
-  overflow: hidden;
-}
-.column-header-custom[data-v-485b2e18] {
-    display: flex;
-    flex-direction: column;
-    cursor: pointer;
-    user-select: none;
-}
-.header-main[data-v-485b2e18] {
-    display: flex;
-    align-items: center;
-}
-.column-name[data-v-485b2e18] {
-    font-weight: 600;
-}
-.header-sub[data-v-485b2e18] {
-    display: flex;
-    align-items: center;
-    margin-top: 2px;
-    max-width: 150px; /* 限制子标题区域的最大宽度 */
-}
-.column-type[data-v-485b2e18] {
-    font-size: 0.7rem;
-    line-height: 1;
-    flex-shrink: 0; /* 防止类型被压缩 */
-}
-.column-comment[data-v-485b2e18] {
-    font-size: 0.7rem;
-    line-height: 1;
-    opacity: 0.8;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    flex: 1; /* 允许注释占据剩余空间并截断 */
-}
-.cell-value[data-v-485b2e18] {
-  max-width: 300px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.grid-footer-bar[data-v-485b2e18] {
-    background: #f8f9fa;
-    border-top: 1px solid #dee2e6;
-    padding: 8px 16px;
-}
-
-.table-detail[data-v-dccf9d97] {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.table-header[data-v-dccf9d97] {
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-  padding: 15px 20px;
-}
-.table-header-content[data-v-dccf9d97] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.table-info[data-v-dccf9d97] {
-  display: flex;
-  align-items: center;
-  gap: 15px;
-}
-.table-icon[data-v-dccf9d97] {
-  font-size: 32px;
-  color: #495057;
-}
-.table-meta[data-v-dccf9d97] {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-.table-name[data-v-dccf9d97] {
-  margin: 0;
-  font-size: 1.25rem;
-  font-weight: 600;
-}
-.table-breadcrumb[data-v-dccf9d97] {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-size: 0.875rem;
-  color: #6c757d;
-}
-.table-stats[data-v-dccf9d97] {
-  display: flex;
-  gap: 20px;
-}
-.stat-item[data-v-dccf9d97] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 2px;
-}
-.stat-value[data-v-dccf9d97] {
-  font-size: 1.125rem;
-  font-weight: 600;
-  color: #495057;
-}
-.stat-label[data-v-dccf9d97] {
-  font-size: 0.75rem;
-  color: #6c757d;
-}
-.table-toolbar[data-v-dccf9d97] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 10px 20px;
-  background-color: #f8f9fa;
-  border-bottom: 1px solid #dee2e6;
-}
-.toolbar-left[data-v-dccf9d97] {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
-.toolbar-right[data-v-dccf9d97] {
-  display: flex;
-  gap: 10px;
-  align-items: center;
-}
-.table-tabs[data-v-dccf9d97] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.nav-tabs[data-v-dccf9d97] {
-  border-bottom: 1px solid #dee2e6;
-  background-color: #f8f9fa;
-  flex-shrink: 0;
-}
-.nav-tabs .nav-link[data-v-dccf9d97] {
-  color: #495057;
-  border: none;
-  border-bottom: 3px solid transparent;
-  border-radius: 0;
-  padding: 10px 15px;
-  font-weight: 500;
-}
-.nav-tabs .nav-link[data-v-dccf9d97]:hover {
-  background-color: #e9ecef;
-  border-bottom-color: #adb5bd;
-}
-.nav-tabs .nav-link.active[data-v-dccf9d97] {
-  background-color: #fff;
-  border-bottom-color: #0d6efd;
-  color: #0d6efd;
-}
-.tab-content[data-v-dccf9d97] {
-  flex: 1;
-  overflow: auto;
-  padding: 20px;
-  background-color: #fff;
-  display: flex;
-  flex-direction: column;
-}
-.tab-panel[data-v-dccf9d97] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  overflow: auto;
-}
-.data-content[data-v-dccf9d97] {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-.data-content.loading[data-v-dccf9d97] {
-  opacity: 0.7;
-  pointer-events: none;
-}
-.table-responsive[data-v-dccf9d97] {
-  flex: 1;
-  overflow: auto;
-}
-.column-header[data-v-dccf9d97] {
-  position: relative;
-}
-.column-key[data-v-dccf9d97] {
-  position: absolute;
-  top: -5px;
-  right: -15px;
-  color: #0d6efd;
-  font-size: 0.75rem;
-}
-.cell-value[data-v-dccf9d97] {
-  max-width: 200px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.loading-state[data-v-dccf9d97] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 300px;
-  gap: 15px;
-}
-.empty-state[data-v-dccf9d97] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 300px;
-  gap: 15px;
-  color: #6c757d;
-}
-.empty-state i[data-v-dccf9d97] {
-  font-size: 48px;
-  opacity: 0.5;
-}
-.pagination-nav[data-v-dccf9d97] {
-  margin-top: 20px;
-  border-top: 1px solid #dee2e6;
-  padding-top: 15px;
-}
-.pagination-container[data-v-dccf9d97] {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-.pagination-info[data-v-dccf9d97] {
-  font-size: 0.875rem;
-  color: #6c757d;
-}
-.page-size-selector[data-v-dccf9d97] {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-}
-.page-jump[data-v-dccf9d97] {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-}
-.structure-actions[data-v-dccf9d97] {
-  display: flex;
-  gap: 10px;
-  margin-bottom: 15px;
-}
-.structure-table[data-v-dccf9d97], .indexes-table[data-v-dccf9d97], .relations-table[data-v-dccf9d97] {
-  overflow: auto;
-}
-.structure-table table[data-v-dccf9d97], .indexes-table table[data-v-dccf9d97], .relations-table table[data-v-dccf9d97] {
-  width: 100%;
-}
-.sql-section[data-v-dccf9d97] {
-  height: 100%;
-}
-
-/* 响应式设计 */
-@media (max-width: 768px) {
-.table-header-content[data-v-dccf9d97] {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 15px;
-}
-.table-stats[data-v-dccf9d97] {
-    width: 100%;
-    justify-content: space-around;
-}
-.table-toolbar[data-v-dccf9d97] {
-    flex-direction: column;
-    align-items: stretch;
-    gap: 10px;
-}
-.toolbar-left[data-v-dccf9d97], .toolbar-right[data-v-dccf9d97] {
-    justify-content: center;
-}
-.pagination-container[data-v-dccf9d97] {
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 15px;
-}
-.pagination[data-v-dccf9d97] {
-    width: 100%;
-    justify-content: center;
-}
-}
-
-.database-explorer[data-v-54c47218] {
-  height: 100vh;
-  min-height: 600px;
-}
-.explorer-layout[data-v-54c47218] {
-  display: flex;
-  height: 100%;
-  background: white;
-  border-radius: 12px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-  overflow: hidden;
-}
-
-/* 左侧边栏 */
-.explorer-sidebar[data-v-54c47218] {
-  width: 350px;
-  flex-shrink: 0;
-  border-right: 1px solid #e1e5e9;
-  display: flex;
-  flex-direction: column;
-  background: #ffffff;
-}
-.sidebar-header[data-v-54c47218] {
-  padding: 1rem 0.875rem;
-  border-bottom: 1px solid #e1e5e9;
-  background: #f8f9fa;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-.sidebar-title[data-v-54c47218] {
-  margin: 0;
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: #24292f;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-}
-.sidebar-title i[data-v-54c47218] {
-  color: #656d76;
-}
-.sidebar-actions[data-v-54c47218] {
-  display: flex;
-  gap: 0.25rem;
-}
-.sidebar-actions .btn[data-v-54c47218] {
-  padding: 0.375rem 0.625rem;
-  font-size: 0.75rem;
-  border: 1px solid #d0d7de;
-  background-color: #ffffff;
-  color: #24292f;
-  border-radius: 6px;
-  transition: all 0.15s ease;
-}
-.sidebar-actions .btn[data-v-54c47218]:hover {
-  background-color: #f3f4f6;
-  border-color: #d0d7de;
-}
-.sidebar-actions .btn-outline-primary[data-v-54c47218] {
-  border-color: #0969da;
-  color: #0969da;
-}
-.sidebar-actions .btn-outline-primary[data-v-54c47218]:hover {
-  background-color: #0969da;
-  border-color: #0969da;
-  color: #ffffff;
-}
-.sidebar-actions .btn-outline-success[data-v-54c47218] {
-  border-color: #1a7f37;
-  color: #1a7f37;
-}
-.sidebar-actions .btn-outline-success[data-v-54c47218]:hover {
-  background-color: #1a7f37;
-  border-color: #1a7f37;
-  color: #ffffff;
-}
-.sidebar-content[data-v-54c47218] {
-  flex: 1;
-  overflow-y: auto;
-  padding: 0.5rem 0;
-}
-
-/* 树形结构 */
-.tree-container[data-v-54c47218] {
-  font-size: 0.875rem;
-  user-select: none;
-}
-.tree-node[data-v-54c47218] {
-  margin-bottom: 0;
-}
-.tree-children[data-v-54c47218] {
-  margin-left: 0.75rem;
-  border-left: 1px solid #e1e5e9;
-  padding-left: 0.5rem;
-}
-.node-content[data-v-54c47218] {
-  display: flex;
-  align-items: center;
-  padding: 0.375rem 0.75rem;
-  cursor: pointer;
-  transition: background-color 0.15s ease;
-  position: relative;
-  margin-right: 0.5rem;
-  border-radius: 6px;
-  gap: 0.25rem;
-}
-.node-expand[data-v-54c47218] {
-  width: 16px;
-  height: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-right: 0.25rem;
-}
-.node-expand i[data-v-54c47218] {
-  font-size: 0.6875rem;
-  color: #656d76;
-  transition: transform 0.15s ease;
-}
-.node-expand i.expanded[data-v-54c47218] {
-  transform: rotate(90deg);
-}
-.node-main[data-v-54c47218] {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  min-width: 0;
-}
-.node-content[data-v-54c47218]:hover {
-  background-color: #f3f4f6;
-}
-.tree-node.selected .node-content[data-v-54c47218] {
-  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-54c47218]::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 3px;
-  background: linear-gradient(135deg, #0969da, #0550ae);
-  border-radius: 3px 0 0 3px;
-}
-.node-icon[data-v-54c47218] {
-  width: 20px;
-  display: flex;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-right: 0.5rem;
-}
-.node-icon i[data-v-54c47218] {
-  font-size: 0.875rem;
-}
-.node-label[data-v-54c47218] {
-  flex: 1;
-  display: flex;
-  align-items: center;
-  gap: 0.375rem;
-  min-width: 0;
-}
-.connection-name[data-v-54c47218],
-.database-name[data-v-54c47218],
-.table-name[data-v-54c47218] {
-  font-weight: 500;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  line-height: 1.25;
-}
-.tree-node.selected .connection-name[data-v-54c47218],
-.tree-node.selected .database-name[data-v-54c47218],
-.tree-node.selected .table-name[data-v-54c47218] {
-  font-weight: 600;
-}
-.connection-type[data-v-54c47218],
-.table-info[data-v-54c47218] {
-  font-size: 0.75rem;
-  color: #656d76;
-  background-color: #f6f8fa;
-  padding: 0.125rem 0.375rem;
-  border-radius: 12px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-.tree-node.selected .connection-type[data-v-54c47218],
-.tree-node.selected .table-info[data-v-54c47218] {
-  background-color: rgba(9, 105, 218, 0.1);
-  color: #0969da;
-}
-.node-actions[data-v-54c47218] {
-  display: flex;
-  gap: 0.125rem;
-  opacity: 0;
-  transition: opacity 0.15s ease;
-}
-.node-content:hover .node-actions[data-v-54c47218] {
-  opacity: 1;
-}
-.btn-icon[data-v-54c47218] {
-  padding: 0.25rem;
-  background: transparent;
-  border: none;
-  border-radius: 4px;
-  transition: background-color 0.15s ease;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 20px;
-  height: 20px;
-}
-.btn-icon[data-v-54c47218]:hover {
-  background-color: #e1e4e8;
-}
-.btn-icon i[data-v-54c47218] {
-  font-size: 0.6875rem;
-  color: #656d76;
-}
-.tree-node.selected .btn-icon[data-v-54c47218]:hover {
-  background-color: rgba(9, 105, 218, 0.1);
-}
-.tree-node.selected .btn-icon i[data-v-54c47218] {
-  color: #656d76;
-}
-.tree-node.selected .btn-icon:hover i[data-v-54c47218] {
-  color: #0969da;
-}
-.btn-icon-danger[data-v-54c47218]:hover {
-  background-color: #fee2e2;
-}
-.btn-icon-danger:hover i[data-v-54c47218] {
-  color: #dc2626;
-}
-.node-spinner[data-v-54c47218] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.spinner-border-sm[data-v-54c47218] {
-  width: 1rem;
-  height: 1rem;
-  border-width: 0.15em;
-}
-
-/* 连接节点样式 */
-.connection-content[data-v-54c47218] {
-  font-weight: 500;
-  color: #24292f;
-}
-.connection-content[data-v-54c47218]:hover {
-  background-color: #f3f4f6;
-}
-.tree-node.selected .connection-content[data-v-54c47218] {
-  background-color: #eff1ff;
-  color: #0969da;
-}
-
-/* 数据库节点样式 */
-.database-content[data-v-54c47218] {
-  color: #24292f;
-}
-.database-content[data-v-54c47218]:hover {
-  background-color: #f6f8fa;
-}
-.tree-node.selected .database-content[data-v-54c47218] {
-  background-color: #eff1ff;
-  color: #0969da;
-}
-
-/* 表节点样式 */
-.table-content[data-v-54c47218] {
-  color: #24292f;
-}
-.table-content[data-v-54c47218]:hover {
-  background-color: #f6f8fa;
-}
-.tree-node.selected .table-content[data-v-54c47218] {
-  background-color: #eff1ff;
-  color: #0969da;
-}
-
-/* 数据库品牌色彩 */
-.db-mysql[data-v-54c47218] { 
-  color: #00758f !important; 
-  background: linear-gradient(135deg, #00758f, #005a70);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-mysql-bg[data-v-54c47218] { background: linear-gradient(135deg, #00758f, #005a70);
-}
-.db-postgres[data-v-54c47218] { 
-  color: #336791 !important; 
-  background: linear-gradient(135deg, #336791, #2a5278);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-postgres-bg[data-v-54c47218] { background: linear-gradient(135deg, #336791, #2a5278);
-}
-.db-sqlite[data-v-54c47218] { 
-  color: #003b57 !important; 
-  background: linear-gradient(135deg, #003b57, #002d42);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-sqlite-bg[data-v-54c47218] { background: linear-gradient(135deg, #003b57, #002d42);
-}
-.db-mssql[data-v-54c47218] { 
-  color: #cc2927 !important; 
-  background: linear-gradient(135deg, #cc2927, #a62220);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-mssql-bg[data-v-54c47218] { background: linear-gradient(135deg, #cc2927, #a62220);
-}
-.db-oracle[data-v-54c47218] { 
-  color: #f80000 !important; 
-  background: linear-gradient(135deg, #f80000, #d40000);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-oracle-bg[data-v-54c47218] { background: linear-gradient(135deg, #f80000, #d40000);
-}
-.db-default[data-v-54c47218] { 
-  color: #64748b !important; 
-  background: linear-gradient(135deg, #64748b, #475569);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-}
-.db-default-bg[data-v-54c47218] { background: linear-gradient(135deg, #64748b, #475569);
-}
-.tree-node.selected .db-mysql[data-v-54c47218],
-.tree-node.selected .db-postgres[data-v-54c47218],
-.tree-node.selected .db-sqlite[data-v-54c47218],
-.tree-node.selected .db-mssql[data-v-54c47218],
-.tree-node.selected .db-oracle[data-v-54c47218],
-.tree-node.selected .db-default[data-v-54c47218] {
-  color: white !important;
-  background: none;
-  -webkit-text-fill-color: white;
-}
-
-/* 数据库Logo图标 */
-.db-logo[data-v-54c47218] {
-  width: 20px;
-  height: 20px;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-weight: 700;
-  font-size: 0.75rem;
-  color: white;
-  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
-}
-.db-logo-mysql[data-v-54c47218] {
-  background: linear-gradient(135deg, #00758f, #005a70);
-  border: 1px solid #004d61;
-}
-.db-logo-postgres[data-v-54c47218] {
-  background: linear-gradient(135deg, #336791, #2a5278);
-  border: 1px solid #244566;
-}
-.db-logo-sqlite[data-v-54c47218] {
-  background: linear-gradient(135deg, #003b57, #002d42);
-  border: 1px solid #002939;
-}
-.db-logo-mssql[data-v-54c47218] {
-  background: linear-gradient(135deg, #cc2927, #a62220);
-  border: 1px solid #8b1f1d;
-}
-.db-logo-oracle[data-v-54c47218] {
-  background: linear-gradient(135deg, #f80000, #d40000);
-  border: 1px solid #b30000;
-}
-.db-logo-default[data-v-54c47218] {
-  background: linear-gradient(135deg, #64748b, #475569);
-  border: 1px solid #334155;
-}
-
-/* 右侧主内容 */
-.explorer-main[data-v-54c47218] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  height: 100%;
-}
-
-/* 详情组件容器 */
-.explorer-main[data-v-54c47218] > * {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.content-tabs[data-v-54c47218] {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.nav-tabs[data-v-54c47218] {
-  background: #f8fafc;
-  border-bottom: 1px solid #e2e8f0;
-  padding: 0 1rem;
-}
-.nav-link[data-v-54c47218] {
-  border: none;
-  background: transparent;
-  color: #64748b;
-  padding: 1rem 1.5rem;
-  font-weight: 500;
-  transition: all 0.2s ease;
-}
-.nav-link[data-v-54c47218]:hover {
-  color: #667eea;
-  background: rgba(102, 126, 234, 0.1);
-}
-.nav-link.active[data-v-54c47218] {
-  color: #667eea;
-  background: white;
-  border-bottom: 2px solid #667eea;
-}
-.tab-content[data-v-54c47218] {
-  flex: 1;
-  overflow-y: auto;
-  padding: 1.5rem;
-  height: calc(100% - 60px); /* 减去导航栏高度 */
-}
-
-/* 概览样式 */
-.overview-section[data-v-54c47218] {
-  padding: 1rem 0;
-}
-.info-cards[data-v-54c47218] {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-  gap: 1rem;
-}
-.info-card[data-v-54c47218] {
-  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
-  border-radius: 12px;
-  padding: 1.5rem;
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  border: 1px solid #e2e8f0;
-}
-.card-icon[data-v-54c47218] {
-  width: 48px;
-  height: 48px;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  border-radius: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-  font-size: 1.25rem;
-}
-.card-content h6[data-v-54c47218] {
-  margin: 0 0 0.25rem 0;
-  color: #64748b;
-  font-size: 0.875rem;
-  font-weight: 500;
-}
-.card-value[data-v-54c47218] {
-  margin: 0;
-  color: #1e293b;
-  font-weight: 600;
-  font-size: 1.1rem;
-}
-
-/* 表格网格 */
-.table-grid[data-v-54c47218] {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 1rem;
-}
-.table-card[data-v-54c47218] {
-  background: white;
-  border: 1px solid #e2e8f0;
-  border-radius: 12px;
-  padding: 1rem;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-.table-card[data-v-54c47218]:hover {
-  border-color: #667eea;
-  box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
-  transform: translateY(-2px);
-}
-.table-card .card-header[data-v-54c47218] {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  margin-bottom: 0.75rem;
-}
-.table-icon[data-v-54c47218] {
-  width: 32px;
-  height: 32px;
-  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
-  border-radius: 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: white;
-}
-.table-name[data-v-54c47218] {
-  font-weight: 600;
-  color: #1e293b;
-}
-.table-stats[data-v-54c47218] {
-  display: flex;
-  gap: 1rem;
-  margin-bottom: 0.5rem;
-}
-.stat[data-v-54c47218] {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-}
-.stat-label[data-v-54c47218] {
-  font-size: 0.75rem;
-  color: #64748b;
-}
-.stat-value[data-v-54c47218] {
-  font-size: 0.875rem;
-  font-weight: 600;
-  color: #1e293b;
-}
-.table-comment[data-v-54c47218] {
-  font-size: 0.75rem;
-  color: #64748b;
-  font-style: italic;
-}
-
-/* 数据工具栏 */
-.data-toolbar[data-v-54c47218] {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 1rem;
-  padding: 0.75rem;
-  background: #f8fafc;
-  border-radius: 8px;
-}
-.toolbar-left[data-v-54c47218],
-.toolbar-right[data-v-54c47218] {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-}
-
-/* 空状态 */
-.empty-state[data-v-54c47218],
-.default-state[data-v-54c47218] {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: #64748b;
-  text-align: center;
-}
-.empty-icon[data-v-54c47218],
-.default-icon[data-v-54c47218] {
-  font-size: 3rem;
-  margin-bottom: 1rem;
-  opacity: 0.5;
-}
-.empty-text h5[data-v-54c47218],
-.default-content h5[data-v-54c47218] {
-  color: #64748b;
-  margin-bottom: 0.5rem;
-}
-
-/* 响应式 */
-@media (max-width: 768px) {
-.explorer-layout[data-v-54c47218] {
-    flex-direction: column;
-}
-.explorer-sidebar[data-v-54c47218] {
-    width: 100%;
-    height: 40vh;
-    border-right: none;
-    border-bottom: 1px solid #e2e8f0;
-}
-.info-cards[data-v-54c47218] {
-    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
-}
-.table-grid[data-v-54c47218] {
-    grid-template-columns: 1fr;
-}
-}