<!-- 
  index.html: 网站的主入口文件
  浏览器访问网站时，首先加载的就是这个文件。
-->
<!DOCTYPE html>
<!--设置语言为英语，这对浏览器翻译工具有帮助 -->
<html lang="en">
  <head>
    <!-- 设置字符编码为 UTF-8，防止中文乱码 -->
    <meta charset="UTF-8" />
    <!-- 
      视口(Viewport)设置：
      width=device-width: 宽度等于设备屏幕宽度
      initial-scale=1.0: 初始缩放比例为 1:1
      这是响应式网站（适配手机端）必须加的一行代码 
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- 浏览器标签页上显示的标题 -->
    <title>深圳市杰维工业设备有限公司 | Jiewei Industrial</title>
    
    <!-- 
      引入 Tailwind CSS 库 
      这是一个非常流行的 CSS 框架，允许我们直接在 HTML 标签里写 class="text-red-500" 这样的样式，
      而不需要去写单独的 .css 文件。
    -->
    <script src="http://cdn.tailwindcss.com"></script>
    
    <!-- 自定义 CSS 样式 -->
    <style>
      /* 修改浏览器默认滚动条的样式，让它更好看 */
      ::-webkit-scrollbar {
        width: 8px; /* 滚动条变细 */
      }
      ::-webkit-scrollbar-track {
        background: #f1f1f1; /* 滚动条轨道的背景色 */
      }
      ::-webkit-scrollbar-thumb {
        background: #cbd5e1; /* 滚动条滑块的颜色 */
        border-radius: 4px; /* 滑块圆角 */
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #94a3b8; /* 鼠标放上去变色 */
      }
    </style>

    <!-- 
      Import Map (导入映射) - 核心配置
      
      在现代浏览器开发中，我们使用 import React from 'react' 这样的语法。
      浏览器不知道 'react' 在哪里，这个配置就是告诉浏览器：
      "当你看到代码里写了 'react'，请去这个网址下载代码执行"。
      
      这让我们不需要复杂的打包工具（如 Webpack）也能运行 React。
    -->

  <link rel="stylesheet" href="/index.css">
    <script type="importmap">
{
  "imports": {
    "uuid": "http://aistudiocdn.com/uuid@^13.0.0",
    "react/": "http://aistudiocdn.com/react@^19.2.0/",
    "react": "http://aistudiocdn.com/react@^19.2.0",
    "react-dom/": "http://aistudiocdn.com/react-dom@^19.2.0/",
    "lucide-react": "http://aistudiocdn.com/lucide-react@^0.555.0",
    "react-router-dom": "http://aistudiocdn.com/react-router-dom@^7.9.6",
    "path": "http://esm.sh/path@^0.12.7",
    "vite": "http://esm.sh/vite@^7.3.0",
    "@vitejs/plugin-react": "http://esm.sh/@vitejs/plugin-react@^5.1.2"
  }
}
</script>
  <script type="module" crossorigin src="/assets/index-C7ZElkZS.js"></script>
</head>
  <body>
    <!-- 
      React 应用挂载点
      React 也就是我们要写的 JavaScript 程序，会找到这个 id="root" 的 div，
      把所有的网页内容生成出来，塞到这个 div 里面。
    -->
    <div id="root"></div>
    
    <!-- 引入主程序入口文件 -->
  </body>
</html>