/* ===== 整体布局 ===== */
#app {
  display: flex;
  height: 100vh;
  overflow: hidden;
  background: var(--color-bg-secondary);
}

/* 侧栏 */
#sidebar {
  width: var(--sidebar-width);
  background: var(--color-bg-sidebar);
  border-right: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  transition: width var(--transition-base), transform var(--transition-base);
  overflow: hidden;
  position: relative;
  z-index: 10;
}

/* 主区域 */
#main {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: var(--color-bg-primary);
}