/* 解放车辆全生命周期系统 · 独立部署样式文件
   说明：页面里大部分间距/颜色/布局用的是 Tailwind 工具类，
   Tailwind 本体通过 index.html 里的 CDN 脚本加载（浏览器实时编译），
   这个文件只放"Tailwind 之外"的东西：字体、少量自定义类、基础重置。 */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

* {
  box-sizing: border-box;
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.vls-root {
  font-family: 'IBM Plex Sans', system-ui, sans-serif;
}

.vls-mono {
  font-family: 'IBM Plex Mono', monospace;
}

/* 滚动条细一点，桌面端好看一些，不影响功能 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background: #d7dbe0;
  border-radius: 999px;
}