/* Bootstrap 5 后台管理系统 - 基础样式 */

:root {
  /* 主色调 */
  --admin-primary: #2563eb;
  --admin-primary-dark: #1d4ed8;
  --admin-primary-light: #3b82f6;
  --admin-secondary: #64748b;
  --admin-success: #10b981;
  --admin-warning: #f59e0b;
  --admin-danger: #ef4444;
  --admin-info: #06b6d4;

  /* 背景色 */
  --admin-bg-primary: #ffffff;
  --admin-bg-secondary: #f8fafc;
  --admin-bg-tertiary: #f1f5f9;
  --admin-bg-sidebar: #1e293b;
  --admin-bg-sidebar-dark: #0f172a;

  /* 文字色 */
  --admin-text-primary: #0f172a;
  --admin-text-secondary: #475569;
  --admin-text-muted: #64748b;
  --admin-text-white: #ffffff;

  /* 边框和阴影 */
  --admin-border-light: #e2e8f0;
  --admin-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --admin-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);

  /* 布局尺寸 */
  --sidebar-width: 280px;
  --sidebar-collapsed-width: 70px;
  --topbar-height: 70px;
}

/* 全局样式 */
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--admin-bg-secondary);
  color: var(--admin-text-primary);
}

/* 自定义滚动条 */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: var(--admin-bg-tertiary);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background: var(--admin-border-light);
  border-radius: 3px;
}

/* 主布局 */
.admin-wrapper {
  display: flex;
  min-height: 100vh;
  transition: all 0.3s ease;
}

.admin-wrapper.sidebar-collapsed .sidebar {
  width: var(--sidebar-collapsed-width);
}

.admin-wrapper.sidebar-collapsed .main-content {
  margin-left: var(--sidebar-collapsed-width);
}