Главная Обзор Помощь
Вход
alien
/
alien-website
22
0
Ответвить 0
Файлы Задачи 0 Запросы на слияние 0 Вики
Просмотр исходного кода

公司官网

sunshibo 1 неделя назад
Сommit
1d0a26cb0d
32 измененных файлов с 2811 добавлено и 0 удалено
Единый вид Показать статистику Diff
  1. 4 0
      .gitignore
  2. 15 0
      .vscode/launch.json
  3. 12 0
      index.html
  4. 1327 0
      package-lock.json
  5. 18 0
      package.json
  6. 27 0
      src/App.vue
  7. 857 0
      src/assets/styles/global.css
  8. 37 0
      src/components/AppFooter.vue
  9. 33 0
      src/components/AppHeader.vue
  10. 15 0
      src/components/AppLogo.vue
  11. 30 0
      src/components/BusinessScope.vue
  12. 37 0
      src/components/CompanyProfile.vue
  13. 53 0
      src/components/ContactSection.vue
  14. 62 0
      src/components/HeroSection.vue
  15. 14 0
      src/components/ImagePlaceholder.vue
  16. 48 0
      src/components/MainBusiness.vue
  17. 7 0
      src/components/ProfileSectionHeader.vue
  18. 13 0
      src/components/SectionHeader.vue
  19. 21 0
      src/components/SectionHeaderBlock.vue
  20. 47 0
      src/composables/useScrollNav.js
  21. 123 0
      src/data/site.js
  22. 5 0
      src/main.js
  23. BIN
      src/static/ailienlogo.png
  24. BIN
      src/static/backg1.png
  25. BIN
      src/static/backg2.png
  26. BIN
      src/static/backg3.png
  27. BIN
      src/static/icon.png
  28. BIN
      src/static/merchantcenter.png
  29. BIN
      src/static/merchantlogo.png
  30. BIN
      src/static/usercenter.png
  31. BIN
      src/static/userlogo.png
  32. 6 0
      vite.config.js

+ 4 - 0
.gitignore
Просмотреть файл 

@@ -0,0 +1,4 @@
 
+node_modules
 
+dist
 
+.DS_Store
 
+*.local

+ 15 - 0
.vscode/launch.json
Просмотреть файл 

@@ -0,0 +1,15 @@
 
+{
 
+    // 使用 IntelliSense 了解相关属性。 
+    // 悬停以查看现有属性的描述。
 
+    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
 
+    "version": "0.2.0",
 
+    "configurations": [
 
+        {
 
+            "type": "chrome",
 
+            "request": "launch",
 
+            "name": "针对 localhost 启动 Chrome",
 
+            "url": "http://localhost:8080",
 
+            "webRoot": "${workspaceFolder}"
 
+        }
 
+    ]
 
+}

+ 12 - 0
index.html
Просмотреть файл 

@@ -0,0 +1,12 @@
 
+<!DOCTYPE html>
 
+<html lang="zh-CN">
 
+  <head>
 
+    <meta charset="UTF-8" />
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+    <title>爱丽恩严(大连)商务科技有限公司</title>
 
+  </head>
 
+  <body>
 
+    <div id="app"></div>
 
+    <script type="module" src="/src/main.js"></script>
 
+  </body>
 
+</html>

+ 1327 - 0
package-lock.json
Просмотреть файл 

@@ -0,0 +1,1327 @@
 
+{
 
+  "name": "alien-website",
 
+  "version": "1.0.0",
 
+  "lockfileVersion": 3,
 
+  "requires": true,
 
+  "packages": {
 
+    "": {
 
+      "name": "alien-website",
 
+      "version": "1.0.0",
 
+      "dependencies": {
 
+        "vue": "^3.5.13"
 
+      },
 
+      "devDependencies": {
 
+        "@vitejs/plugin-vue": "^5.2.1",
 
+        "vite": "^6.0.3"
 
+      }
 
+    },
 
+    "node_modules/@babel/helper-string-parser": {
 
+      "version": "7.29.7",
 
+      "resolved": "https://registry.npmmirror.com/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
 
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
 
+      "license": "MIT",
 
+      "engines": {
 
+        "node": ">=6.9.0"
 
+      }
 
+    },
 
+    "node_modules/@babel/helper-validator-identifier": {
 
+      "version": "7.29.7",
 
+      "resolved": "https://registry.npmmirror.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
 
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
 
+      "license": "MIT",
 
+      "engines": {
 
+        "node": ">=6.9.0"
 
+      }
 
+    },
 
+    "node_modules/@babel/parser": {
 
+      "version": "7.29.7",
 
+      "resolved": "https://registry.npmmirror.com/@babel/parser/-/parser-7.29.7.tgz",
 
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@babel/types": "^7.29.7"
 
+      },
 
+      "bin": {
 
+        "parser": "bin/babel-parser.js"
 
+      },
 
+      "engines": {
 
+        "node": ">=6.0.0"
 
+      }
 
+    },
 
+    "node_modules/@babel/types": {
 
+      "version": "7.29.7",
 
+      "resolved": "https://registry.npmmirror.com/@babel/types/-/types-7.29.7.tgz",
 
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@babel/helper-string-parser": "^7.29.7",
 
+        "@babel/helper-validator-identifier": "^7.29.7"
 
+      },
 
+      "engines": {
 
+        "node": ">=6.9.0"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/aix-ppc64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
 
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
 
+      "cpu": [
 
+        "ppc64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "aix"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/android-arm": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
 
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
 
+      "cpu": [
 
+        "arm"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "android"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/android-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "android"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/android-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
 
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "android"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/darwin-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "darwin"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/darwin-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
 
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "darwin"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/freebsd-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "freebsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/freebsd-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
 
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "freebsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-arm": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
 
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
 
+      "cpu": [
 
+        "arm"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-ia32": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
 
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
 
+      "cpu": [
 
+        "ia32"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-loong64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
 
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
 
+      "cpu": [
 
+        "loong64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-mips64el": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
 
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
 
+      "cpu": [
 
+        "mips64el"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-ppc64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
 
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
 
+      "cpu": [
 
+        "ppc64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-riscv64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
 
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
 
+      "cpu": [
 
+        "riscv64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-s390x": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
 
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
 
+      "cpu": [
 
+        "s390x"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/linux-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
 
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/netbsd-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "netbsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/netbsd-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
 
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "netbsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/openbsd-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "openbsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/openbsd-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
 
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "openbsd"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/openharmony-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "openharmony"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/sunos-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
 
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "sunos"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/win32-arm64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
 
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/win32-ia32": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
 
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
 
+      "cpu": [
 
+        "ia32"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@esbuild/win32-x64": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
 
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ],
 
+      "engines": {
 
+        "node": ">=18"
 
+      }
 
+    },
 
+    "node_modules/@jridgewell/sourcemap-codec": {
 
+      "version": "1.5.5",
 
+      "resolved": "https://registry.npmmirror.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
 
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
 
+      "license": "MIT"
 
+    },
 
+    "node_modules/@rollup/rollup-android-arm-eabi": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.4.tgz",
 
+      "integrity": "sha512-F5QXMSiFebS9hKZj02XhWLLnRpJ3B3AROP0tWbFBSj+6kCbg5m9j5JoHKd4mmSVy5mS/IMQloYgYxCuJC0fxEQ==",
 
+      "cpu": [
 
+        "arm"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "android"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-android-arm64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.4.tgz",
 
+      "integrity": "sha512-GxxTKApUpzRhof7poWvCJHRF51C67u1R7D6DiluBE8wKU1u5GWE8t+v81JvJYtbawoBFX1hLv5Ei4eVjkWokaw==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "android"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-darwin-arm64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.4.tgz",
 
+      "integrity": "sha512-tua0TaJxMOB1R0V0RS1jFZ/RpURFDJIOR2A6jWwQeawuFyS4gBW+rntLRaQd0EQ4bd6Vp44Z2rXW+YYDBsj6IA==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "darwin"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-darwin-x64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.4.tgz",
 
+      "integrity": "sha512-CSKq7MsP+5PFIcydhAiR1K0UhEI1A2jWXVKHPCBZ151yOutENwvnPocgVHkivu2kviURtCEB6zUQw0vs8RrhMg==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "darwin"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-freebsd-arm64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.4.tgz",
 
+      "integrity": "sha512-+O8OkVdyvXMtJEciu2wS/pzm1IxntEEQx3z5TAVy4l32G0etZn+RsA48ARRrFm6Ri8fvqPQfgrvNxSjKAbnd3g==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "freebsd"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-freebsd-x64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.4.tgz",
 
+      "integrity": "sha512-Iw3oMskH3AfNuhU0MSN7vNbdi4me/NiYo2azqPz/Le16zHSa+3RRmliCMWWQmh4lcndccU40xcJuTYJZxNo/lw==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "freebsd"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.4.tgz",
 
+      "integrity": "sha512-EIPRXTVQpHyF8WOo219AD2yEltPehLTcTMz2fn6JsatLYSzQf00hj3rulF+yauOlF9/FtM2WpkT/hJh/KJFGhA==",
 
+      "cpu": [
 
+        "arm"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.4.tgz",
 
+      "integrity": "sha512-J3Yh9PzzF1Ovah2At+lHiGQdsYgArxBbXv/zHfSyaiFQEqvNv7DcW98pCrmdjCZBrqBiKrKKe2V+aaSGWuBe/w==",
 
+      "cpu": [
 
+        "arm"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-BFDEZMYfUvLn37ONE1yMBojPxnMlTFsdyNoqncT0qFq1mAfllL+ATMMJd8TeuVMiX84s1KbcxcZbXInmcO2mRg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.4.tgz",
 
+      "integrity": "sha512-pc9EYOSlOgdQ2uPl1o9PF6/kLSgaUosia7gOuS8mB69IxJvlclko1MECXysjs5ryez1/5zjYqx3+xYU0TU6R1A==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-NxnomyxYerDh5n4iLrNa+sH+Z+U4BMEE46V2PgQ/hoB909i8gV1M5wPojWg9fk1jWpO3IQnOs20K4wyZuFLEFQ==",
 
+      "cpu": [
 
+        "loong64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.4.tgz",
 
+      "integrity": "sha512-nbJnQ8a3z1mtmrwImCYhc6BGpThAyYVRQxw9uKSKG4wR6aAYno9sVjJ0zaZcW9BPJX1GbrDPf+SvdWjgTuDmnw==",
 
+      "cpu": [
 
+        "loong64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-2EU6acNrQLd8tYvo/LXW535wupT3m6fo7HKo6lr7ktQoItxTyOL1ZCR/GfGCuXl2vR+zmfI6eRXkSemafv+iVg==",
 
+      "cpu": [
 
+        "ppc64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.4.tgz",
 
+      "integrity": "sha512-WeBtoMuaMxiiIrO2IYP3xs6GMWkJP2C0EoT8beTLkUPmzV1i/UcOSVw1d5r9KBODtHKilG5yFxsGRnBbK3wJ4A==",
 
+      "cpu": [
 
+        "ppc64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-FJHFfqpKUI3A10WrWKiFbBZ7yVbGT4q4B5o1qKFFojqpaYoh9LrQgqWCmmcxQzVSXYtyB5bzkXrYzlHTs21MYA==",
 
+      "cpu": [
 
+        "riscv64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.4.tgz",
 
+      "integrity": "sha512-mcEl6CUT5IAUmQf1m9FYSmVqCJlpQ8r8eyftFUHG8i9OhY7BkBXSUdnLH5DOf0wCOjcP9v/QO93zpmF1SptCCw==",
 
+      "cpu": [
 
+        "riscv64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-ynt3JxVd2w2buzoKDWIyiV1pJW93xlQic1THVLXilz429oijRpSHivZAgp65KBu+cMcgf1eVVjdnTLvPxgCuoQ==",
 
+      "cpu": [
 
+        "s390x"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-Boiz5+MsaROEWDf+GGEwF8VMHGhlUoQMtIPjOgA5fv4osupqTVnJteQNKJwUcnUog2G55jYXH7KZFFiJe0TEzQ==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-linux-x64-musl": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.4.tgz",
 
+      "integrity": "sha512-+qfSY27qIrFfI/Hom04KYFw3GKZSGU4lXus51wsb5EuySfFlWRwjkKWoE9emgRw/ukoT4Udsj4W/+xxG8VbPKg==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "linux"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-openbsd-x64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.4.tgz",
 
+      "integrity": "sha512-VpTfOPHgVXEBeeR8hZ2O0F3aSso+JDWqTWmTmzcQKted54IAdUVbxE+j/MVxUsKa8L20HJhv3vUezVPoquqWjA==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "openbsd"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-openharmony-arm64": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.4.tgz",
 
+      "integrity": "sha512-IPOsh5aRYuLv/nkU51X10Bf75Bsf6+gZdx1X+QP5QM6lIJFHHqbHLG0uJn/hWthzo13UAc2umiUorqZy3axoZg==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "openharmony"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.4.tgz",
 
+      "integrity": "sha512-4QzE9E81OohJ/HKzHhsqU+zcYYojVOXlFMs1DdyMT6qXl/niOH7AVElmmEdUNHHS/oRkc++d5k6Vy85zFs0DEw==",
 
+      "cpu": [
 
+        "arm64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.4.tgz",
 
+      "integrity": "sha512-zTPgT1YuHHcd+Tmx7h8aml0FWFVelV5N54oHow9SLj+GfoDy/huQ+UV396N/C7KpMDMiPspRktzM1/0r1usYEA==",
 
+      "cpu": [
 
+        "ia32"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.4.tgz",
 
+      "integrity": "sha512-DRS4G7mi9lJxqEDezIkKCaUIKCrLUUDCUaCsTPCi/rtqaC6D/jjwslMQyiDU50Ka0JKpeXeRBFBAXwArY52vBw==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ]
 
+    },
 
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.4.tgz",
 
+      "integrity": "sha512-QVTUovf40zgTqlFVrKA1uXMVvU2QWEFWfAH8Wdc48IxLvrJMQVMBRjuQyUpzZCDkakImib9eVazbWlC6ksWtJw==",
 
+      "cpu": [
 
+        "x64"
 
+      ],
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "win32"
 
+      ]
 
+    },
 
+    "node_modules/@types/estree": {
 
+      "version": "1.0.8",
 
+      "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.8.tgz",
 
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
 
+      "dev": true,
 
+      "license": "MIT"
 
+    },
 
+    "node_modules/@vitejs/plugin-vue": {
 
+      "version": "5.2.4",
 
+      "resolved": "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-5.2.4.tgz",
 
+      "integrity": "sha512-7Yx/SXSOcQq5HiiV3orevHUFn+pmMB4cgbEkDYgnkUWb0WfeQ/wa2yFv6D5ICiCQOVpjA7vYDXrC7AGO8yjDHA==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "engines": {
 
+        "node": "^18.0.0 || >=20.0.0"
 
+      },
 
+      "peerDependencies": {
 
+        "vite": "^5.0.0 || ^6.0.0",
 
+        "vue": "^3.2.25"
 
+      }
 
+    },
 
+    "node_modules/@vue/compiler-core": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.5.35.tgz",
 
+      "integrity": "sha512-BUmHaR1J+O+CKZ9uJucdVTEr1LHsdyvv7vG3eNRhK3CczEHeMd/LtsHAuD7PbrxvI2envCY2v7HI1vC1aBRzKw==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@babel/parser": "^7.29.3",
 
+        "@vue/shared": "3.5.35",
 
+        "entities": "^7.0.1",
 
+        "estree-walker": "^2.0.2",
 
+        "source-map-js": "^1.2.1"
 
+      }
 
+    },
 
+    "node_modules/@vue/compiler-dom": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.5.35.tgz",
 
+      "integrity": "sha512-k+bprkXxuqhVajgTx5mUHuir7TwQzUKOWR40ng1ncAqQRPnrLngGGgqVEEhOnTMlc8btHYVKmrP8s5Qyg0hvYA==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/compiler-core": "3.5.35",
 
+        "@vue/shared": "3.5.35"
 
+      }
 
+    },
 
+    "node_modules/@vue/compiler-sfc": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.5.35.tgz",
 
+      "integrity": "sha512-G5VPMcXTSywXBgtFOZOnHKBxKSrwXUcvY1iaF5/hRcy7t0J6CH/d8ha9F4nzi00Fax1eLV0QHM7v4mQu68jydw==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@babel/parser": "^7.29.3",
 
+        "@vue/compiler-core": "3.5.35",
 
+        "@vue/compiler-dom": "3.5.35",
 
+        "@vue/compiler-ssr": "3.5.35",
 
+        "@vue/shared": "3.5.35",
 
+        "estree-walker": "^2.0.2",
 
+        "magic-string": "^0.30.21",
 
+        "postcss": "^8.5.15",
 
+        "source-map-js": "^1.2.1"
 
+      }
 
+    },
 
+    "node_modules/@vue/compiler-ssr": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.5.35.tgz",
 
+      "integrity": "sha512-rGhAeXgdM7/ffTJGXT69rCCdTmjDewnFuUZfBQQHTdcEBeWdT5HCGY60y2ytLJr9/Dsu7IntUi5z/w0h6Rjnzw==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/compiler-dom": "3.5.35",
 
+        "@vue/shared": "3.5.35"
 
+      }
 
+    },
 
+    "node_modules/@vue/reactivity": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.5.35.tgz",
 
+      "integrity": "sha512-tVc+SsHConvh/Lz64qq1pP3rYArBmK42xonovEcxY74SQtvctZodG/zhq54P5dr38cVuw25d27cPNRdlMidpGQ==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/shared": "3.5.35"
 
+      }
 
+    },
 
+    "node_modules/@vue/runtime-core": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.5.35.tgz",
 
+      "integrity": "sha512-A/xFNX9loIcWDygeQuNCfKuh0CoYBzxhqEMNah5TSFg9Z53DrFYEN2qi5CU9necjM1OWYegYREUTHmXTmhfXtg==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/reactivity": "3.5.35",
 
+        "@vue/shared": "3.5.35"
 
+      }
 
+    },
 
+    "node_modules/@vue/runtime-dom": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.5.35.tgz",
 
+      "integrity": "sha512-odrJ1C391dbGnyDRh8U+rnP7J2amIEzfmRk5vXy7xi3aZhEXofTvpi0T4HJb6jlNqQZTNPR5MPHSB3RHNkIORA==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/reactivity": "3.5.35",
 
+        "@vue/runtime-core": "3.5.35",
 
+        "@vue/shared": "3.5.35",
 
+        "csstype": "^3.2.3"
 
+      }
 
+    },
 
+    "node_modules/@vue/server-renderer": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.5.35.tgz",
 
+      "integrity": "sha512-NkebSOYdB97wi8OQcO3HqzZSlymJi/aWsN/7h74OSVhRTm6qGs3Jp3e0rCXynmWwSlKeRrnlIug+ilYoHBmQDA==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@vue/compiler-ssr": "3.5.35",
 
+        "@vue/shared": "3.5.35"
 
+      },
 
+      "peerDependencies": {
 
+        "vue": "3.5.35"
 
+      }
 
+    },
 
+    "node_modules/@vue/shared": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/@vue/shared/-/shared-3.5.35.tgz",
 
+      "integrity": "sha512-zSbjL7gRXwks2ZQLRGCajBtBXEOXW9Ddhn/HvSdrGkE2dqGnumzW8XtusRrxrE9LvqtiqDXQ+A60Hp6mvdYxfA==",
 
+      "license": "MIT"
 
+    },
 
+    "node_modules/csstype": {
 
+      "version": "3.2.3",
 
+      "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.2.3.tgz",
 
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
 
+      "license": "MIT"
 
+    },
 
+    "node_modules/entities": {
 
+      "version": "7.0.1",
 
+      "resolved": "https://registry.npmmirror.com/entities/-/entities-7.0.1.tgz",
 
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
 
+      "license": "BSD-2-Clause",
 
+      "engines": {
 
+        "node": ">=0.12"
 
+      },
 
+      "funding": {
 
+        "url": "https://github.com/fb55/entities?sponsor=1"
 
+      }
 
+    },
 
+    "node_modules/esbuild": {
 
+      "version": "0.25.12",
 
+      "resolved": "https://registry.npmmirror.com/esbuild/-/esbuild-0.25.12.tgz",
 
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
 
+      "dev": true,
 
+      "hasInstallScript": true,
 
+      "license": "MIT",
 
+      "bin": {
 
+        "esbuild": "bin/esbuild"
 
+      },
 
+      "engines": {
 
+        "node": ">=18"
 
+      },
 
+      "optionalDependencies": {
 
+        "@esbuild/aix-ppc64": "0.25.12",
 
+        "@esbuild/android-arm": "0.25.12",
 
+        "@esbuild/android-arm64": "0.25.12",
 
+        "@esbuild/android-x64": "0.25.12",
 
+        "@esbuild/darwin-arm64": "0.25.12",
 
+        "@esbuild/darwin-x64": "0.25.12",
 
+        "@esbuild/freebsd-arm64": "0.25.12",
 
+        "@esbuild/freebsd-x64": "0.25.12",
 
+        "@esbuild/linux-arm": "0.25.12",
 
+        "@esbuild/linux-arm64": "0.25.12",
 
+        "@esbuild/linux-ia32": "0.25.12",
 
+        "@esbuild/linux-loong64": "0.25.12",
 
+        "@esbuild/linux-mips64el": "0.25.12",
 
+        "@esbuild/linux-ppc64": "0.25.12",
 
+        "@esbuild/linux-riscv64": "0.25.12",
 
+        "@esbuild/linux-s390x": "0.25.12",
 
+        "@esbuild/linux-x64": "0.25.12",
 
+        "@esbuild/netbsd-arm64": "0.25.12",
 
+        "@esbuild/netbsd-x64": "0.25.12",
 
+        "@esbuild/openbsd-arm64": "0.25.12",
 
+        "@esbuild/openbsd-x64": "0.25.12",
 
+        "@esbuild/openharmony-arm64": "0.25.12",
 
+        "@esbuild/sunos-x64": "0.25.12",
 
+        "@esbuild/win32-arm64": "0.25.12",
 
+        "@esbuild/win32-ia32": "0.25.12",
 
+        "@esbuild/win32-x64": "0.25.12"
 
+      }
 
+    },
 
+    "node_modules/estree-walker": {
 
+      "version": "2.0.2",
 
+      "resolved": "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz",
 
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
 
+      "license": "MIT"
 
+    },
 
+    "node_modules/fdir": {
 
+      "version": "6.5.0",
 
+      "resolved": "https://registry.npmmirror.com/fdir/-/fdir-6.5.0.tgz",
 
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "engines": {
 
+        "node": ">=12.0.0"
 
+      },
 
+      "peerDependencies": {
 
+        "picomatch": "^3 || ^4"
 
+      },
 
+      "peerDependenciesMeta": {
 
+        "picomatch": {
 
+          "optional": true
 
+        }
 
+      }
 
+    },
 
+    "node_modules/fsevents": {
 
+      "version": "2.3.3",
 
+      "resolved": "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz",
 
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
 
+      "dev": true,
 
+      "hasInstallScript": true,
 
+      "license": "MIT",
 
+      "optional": true,
 
+      "os": [
 
+        "darwin"
 
+      ],
 
+      "engines": {
 
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
 
+      }
 
+    },
 
+    "node_modules/magic-string": {
 
+      "version": "0.30.21",
 
+      "resolved": "https://registry.npmmirror.com/magic-string/-/magic-string-0.30.21.tgz",
 
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@jridgewell/sourcemap-codec": "^1.5.5"
 
+      }
 
+    },
 
+    "node_modules/nanoid": {
 
+      "version": "3.3.12",
 
+      "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.12.tgz",
 
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
 
+      "funding": [
 
+        {
 
+          "type": "github",
 
+          "url": "https://github.com/sponsors/ai"
 
+        }
 
+      ],
 
+      "license": "MIT",
 
+      "bin": {
 
+        "nanoid": "bin/nanoid.cjs"
 
+      },
 
+      "engines": {
 
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
 
+      }
 
+    },
 
+    "node_modules/picocolors": {
 
+      "version": "1.1.1",
 
+      "resolved": "https://registry.npmmirror.com/picocolors/-/picocolors-1.1.1.tgz",
 
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
 
+      "license": "ISC"
 
+    },
 
+    "node_modules/picomatch": {
 
+      "version": "4.0.4",
 
+      "resolved": "https://registry.npmmirror.com/picomatch/-/picomatch-4.0.4.tgz",
 
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "peer": true,
 
+      "engines": {
 
+        "node": ">=12"
 
+      },
 
+      "funding": {
 
+        "url": "https://github.com/sponsors/jonschlinkert"
 
+      }
 
+    },
 
+    "node_modules/postcss": {
 
+      "version": "8.5.15",
 
+      "resolved": "https://registry.npmmirror.com/postcss/-/postcss-8.5.15.tgz",
 
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
 
+      "funding": [
 
+        {
 
+          "type": "opencollective",
 
+          "url": "https://opencollective.com/postcss/"
 
+        },
 
+        {
 
+          "type": "tidelift",
 
+          "url": "https://tidelift.com/funding/github/npm/postcss"
 
+        },
 
+        {
 
+          "type": "github",
 
+          "url": "https://github.com/sponsors/ai"
 
+        }
 
+      ],
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "nanoid": "^3.3.12",
 
+        "picocolors": "^1.1.1",
 
+        "source-map-js": "^1.2.1"
 
+      },
 
+      "engines": {
 
+        "node": "^10 || ^12 || >=14"
 
+      }
 
+    },
 
+    "node_modules/rollup": {
 
+      "version": "4.60.4",
 
+      "resolved": "https://registry.npmmirror.com/rollup/-/rollup-4.60.4.tgz",
 
+      "integrity": "sha512-WHeFSbZYsPu3+bLoNRUuAO+wavNlocOPf3wSHTP7hcFKVnJeWsYlCDbr3mTS14FCizf9ccIxXA8sGL8zKeQN3g==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "@types/estree": "1.0.8"
 
+      },
 
+      "bin": {
 
+        "rollup": "dist/bin/rollup"
 
+      },
 
+      "engines": {
 
+        "node": ">=18.0.0",
 
+        "npm": ">=8.0.0"
 
+      },
 
+      "optionalDependencies": {
 
+        "@rollup/rollup-android-arm-eabi": "4.60.4",
 
+        "@rollup/rollup-android-arm64": "4.60.4",
 
+        "@rollup/rollup-darwin-arm64": "4.60.4",
 
+        "@rollup/rollup-darwin-x64": "4.60.4",
 
+        "@rollup/rollup-freebsd-arm64": "4.60.4",
 
+        "@rollup/rollup-freebsd-x64": "4.60.4",
 
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.4",
 
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.4",
 
+        "@rollup/rollup-linux-arm64-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-arm64-musl": "4.60.4",
 
+        "@rollup/rollup-linux-loong64-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-loong64-musl": "4.60.4",
 
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-ppc64-musl": "4.60.4",
 
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-riscv64-musl": "4.60.4",
 
+        "@rollup/rollup-linux-s390x-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-x64-gnu": "4.60.4",
 
+        "@rollup/rollup-linux-x64-musl": "4.60.4",
 
+        "@rollup/rollup-openbsd-x64": "4.60.4",
 
+        "@rollup/rollup-openharmony-arm64": "4.60.4",
 
+        "@rollup/rollup-win32-arm64-msvc": "4.60.4",
 
+        "@rollup/rollup-win32-ia32-msvc": "4.60.4",
 
+        "@rollup/rollup-win32-x64-gnu": "4.60.4",
 
+        "@rollup/rollup-win32-x64-msvc": "4.60.4",
 
+        "fsevents": "~2.3.2"
 
+      }
 
+    },
 
+    "node_modules/source-map-js": {
 
+      "version": "1.2.1",
 
+      "resolved": "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.2.1.tgz",
 
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
 
+      "license": "BSD-3-Clause",
 
+      "engines": {
 
+        "node": ">=0.10.0"
 
+      }
 
+    },
 
+    "node_modules/tinyglobby": {
 
+      "version": "0.2.17",
 
+      "resolved": "https://registry.npmmirror.com/tinyglobby/-/tinyglobby-0.2.17.tgz",
 
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "dependencies": {
 
+        "fdir": "^6.5.0",
 
+        "picomatch": "^4.0.4"
 
+      },
 
+      "engines": {
 
+        "node": ">=12.0.0"
 
+      },
 
+      "funding": {
 
+        "url": "https://github.com/sponsors/SuperchupuDev"
 
+      }
 
+    },
 
+    "node_modules/vite": {
 
+      "version": "6.4.2",
 
+      "resolved": "https://registry.npmmirror.com/vite/-/vite-6.4.2.tgz",
 
+      "integrity": "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==",
 
+      "dev": true,
 
+      "license": "MIT",
 
+      "peer": true,
 
+      "dependencies": {
 
+        "esbuild": "^0.25.0",
 
+        "fdir": "^6.4.4",
 
+        "picomatch": "^4.0.2",
 
+        "postcss": "^8.5.3",
 
+        "rollup": "^4.34.9",
 
+        "tinyglobby": "^0.2.13"
 
+      },
 
+      "bin": {
 
+        "vite": "bin/vite.js"
 
+      },
 
+      "engines": {
 
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
 
+      },
 
+      "funding": {
 
+        "url": "https://github.com/vitejs/vite?sponsor=1"
 
+      },
 
+      "optionalDependencies": {
 
+        "fsevents": "~2.3.3"
 
+      },
 
+      "peerDependencies": {
 
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
 
+        "jiti": ">=1.21.0",
 
+        "less": "*",
 
+        "lightningcss": "^1.21.0",
 
+        "sass": "*",
 
+        "sass-embedded": "*",
 
+        "stylus": "*",
 
+        "sugarss": "*",
 
+        "terser": "^5.16.0",
 
+        "tsx": "^4.8.1",
 
+        "yaml": "^2.4.2"
 
+      },
 
+      "peerDependenciesMeta": {
 
+        "@types/node": {
 
+          "optional": true
 
+        },
 
+        "jiti": {
 
+          "optional": true
 
+        },
 
+        "less": {
 
+          "optional": true
 
+        },
 
+        "lightningcss": {
 
+          "optional": true
 
+        },
 
+        "sass": {
 
+          "optional": true
 
+        },
 
+        "sass-embedded": {
 
+          "optional": true
 
+        },
 
+        "stylus": {
 
+          "optional": true
 
+        },
 
+        "sugarss": {
 
+          "optional": true
 
+        },
 
+        "terser": {
 
+          "optional": true
 
+        },
 
+        "tsx": {
 
+          "optional": true
 
+        },
 
+        "yaml": {
 
+          "optional": true
 
+        }
 
+      }
 
+    },
 
+    "node_modules/vue": {
 
+      "version": "3.5.35",
 
+      "resolved": "https://registry.npmmirror.com/vue/-/vue-3.5.35.tgz",
 
+      "integrity": "sha512-cx89fnr+0kVGHiNFG6y6s0bdjypJRFNZn6x3WPstNdQR1bi1mbB7h4v5IBGTsPJU3nK1+0Iqj3Zf+hZWMieR4Q==",
 
+      "license": "MIT",
 
+      "peer": true,
 
+      "dependencies": {
 
+        "@vue/compiler-dom": "3.5.35",
 
+        "@vue/compiler-sfc": "3.5.35",
 
+        "@vue/runtime-dom": "3.5.35",
 
+        "@vue/server-renderer": "3.5.35",
 
+        "@vue/shared": "3.5.35"
 
+      },
 
+      "peerDependencies": {
 
+        "typescript": "*"
 
+      },
 
+      "peerDependenciesMeta": {
 
+        "typescript": {
 
+          "optional": true
 
+        }
 
+      }
 
+    }
 
+  }
 
+}

+ 18 - 0
package.json
Просмотреть файл 

@@ -0,0 +1,18 @@
 
+{
 
+  "name": "alien-website",
 
+  "private": true,
 
+  "version": "1.0.0",
 
+  "type": "module",
 
+  "scripts": {
 
+    "dev": "vite",
 
+    "build": "vite build",
 
+    "preview": "vite preview"
 
+  },
 
+  "dependencies": {
 
+    "vue": "^3.5.13"
 
+  },
 
+  "devDependencies": {
 
+    "@vitejs/plugin-vue": "^5.2.1",
 
+    "vite": "^6.0.3"
 
+  }
 
+}

+ 27 - 0
src/App.vue
Просмотреть файл 

@@ -0,0 +1,27 @@
 
+<script setup>
 
+import AppHeader from './components/AppHeader.vue'
 
+import HeroSection from './components/HeroSection.vue'
 
+import CompanyProfile from './components/CompanyProfile.vue'
 
+import MainBusiness from './components/MainBusiness.vue'
 
+import BusinessScope from './components/BusinessScope.vue'
 
+import ContactSection from './components/ContactSection.vue'
 
+import AppFooter from './components/AppFooter.vue'
 
+import { useScrollNav } from './composables/useScrollNav'
 
+
 
+const sectionIds = ['home', 'business', 'profile', 'scope', 'contact']
 
+const { scrolled, activeSection, scrollToSection } = useScrollNav(sectionIds)
 
+</script>
 
+
 
+<template>
 
+  <AppHeader
 
+    :scrolled="scrolled"
 
+    :active-section="activeSection"
 
+    @navigate="scrollToSection"
 
+  />
 
+  <HeroSection @navigate="scrollToSection" />
 
+  <MainBusiness />
 
+  <CompanyProfile />
 
+  <BusinessScope />
 
+  <ContactSection />
 
+  <AppFooter @navigate="scrollToSection" />
 
+</template>

+ 857 - 0
src/assets/styles/global.css
Просмотреть файл 

@@ -0,0 +1,857 @@
 
+/* ===== 基础重置与变量 ===== */
 
+*,
 
+*::before,
 
+*::after {
 
+  margin: 0;
 
+  padding: 0;
 
+  box-sizing: border-box;
 
+}
 
+
 
+:root {
 
+  --color-primary: #1a4a8a;
 
+  --color-primary-dark: #0d2b52;
 
+  --color-primary-light: #2d6cb5;
 
+  --color-accent: #4facfe;
 
+  --color-accent-end: #00c6fb;
 
+  --color-gold: #c4a574;
 
+  --color-gold-dark: #a8894e;
 
+  --color-text: #333333;
 
+  --color-text-light: #666666;
 
+  --color-text-muted: #999999;
 
+  --color-bg: #ffffff;
 
+  --color-bg-light: #f7f8fa;
 
+  --color-bg-section: #f0f2f5;
 
+  --color-placeholder: #d9dce0;
 
+  --color-placeholder-text: #aab0b8;
 
+  --color-footer: #0a1628;
 
+  --font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
 
+  --container-width: 1200px;
 
+  --header-height: 70px;
 
+  --hero-content-top: 156px;
 
+  --content-offset-x: -100px;
 
+  --nav-offset-x: 100px;
 
+  --section-watermark-offset-x: -100px;
 
+  --pagination-right: 280px;
 
+  --transition: 0.3s ease;
 
+}
 
+
 
+html {
 
+  scroll-behavior: smooth;
 
+}
 
+
 
+body {
 
+  font-family: var(--font-family);
 
+  font-size: 14px;
 
+  line-height: 1.6;
 
+  color: var(--color-text);
 
+  background: var(--color-bg);
 
+  -webkit-font-smoothing: antialiased;
 
+}
 
+
 
+a {
 
+  text-decoration: none;
 
+  color: inherit;
 
+}
 
+
 
+ul {
 
+  list-style: none;
 
+}
 
+
 
+img {
 
+  max-width: 100%;
 
+  display: block;
 
+}
 
+
 
+.container {
 
+  max-width: var(--container-width);
 
+  margin: 0 auto;
 
+  padding: 0 20px;
 
+}
 
+
 
+/* ===== 图片占位符 ===== */
 
+.img-placeholder {
 
+  background-color: var(--color-placeholder);
 
+  position: relative;
 
+  overflow: hidden;
 
+}
 
+
 
+.img-placeholder::after {
 
+  content: attr(data-placeholder);
 
+  position: absolute;
 
+  top: 50%;
 
+  left: 50%;
 
+  transform: translate(-50%, -50%);
 
+  color: var(--color-placeholder-text);
 
+  font-size: 13px;
 
+  white-space: nowrap;
 
+  pointer-events: none;
 
+}
 
+
 
+/* ===== 按钮 ===== */
 
+.btn {
 
+  display: inline-block;
 
+  padding: 12px 36px;
 
+  border: none;
 
+  border-radius: 4px;
 
+  font-size: 14px;
 
+  font-weight: 500;
 
+  cursor: pointer;
 
+  transition: opacity var(--transition), transform var(--transition);
 
+}
 
+
 
+.btn-primary {
 
+  background: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-end) 100%);
 
+  color: #ffffff;
 
+}
 
+
 
+.btn-primary:hover {
 
+  opacity: 0.9;
 
+  transform: translateY(-1px);
 
+}
 
+
 
+/* ===== 顶部导航 ===== */
 
+.header {
 
+  position: fixed;
 
+  top: 0;
 
+  left: 0;
 
+  right: 0;
 
+  z-index: 1000;
 
+  height: var(--header-height);
 
+  background: transparent;
 
+  transition: background var(--transition), box-shadow var(--transition);
 
+}
 
+
 
+.header.scrolled {
 
+  background: rgba(10, 22, 40, 0.95);
 
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
 
+}
 
+
 
+.header-inner {
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: space-between;
 
+  height: 100%;
 
+}
 
+
 
+.logo {
 
+  display: flex;
 
+  align-items: center;
 
+  gap: 10px;
 
+}
 
+
 
+.header .logo {
 
+  margin-left: var(--content-offset-x);
 
+}
 
+
 
+.logo-icon {
 
+  width: 36px;
 
+  height: 36px;
 
+  background: linear-gradient(135deg, var(--color-accent), var(--color-accent-end));
 
+  border-radius: 6px;
 
+  flex-shrink: 0;
 
+}
 
+
 
+.logo-text {
 
+  font-size: 18px;
 
+  font-weight: 700;
 
+  letter-spacing: 2px;
 
+  color: #ffffff;
 
+}
 
+
 
+.nav {
 
+  display: flex;
 
+  gap: 40px;
 
+}
 
+
 
+.header .nav {
 
+  margin-right: calc(-1 * var(--nav-offset-x));
 
+}
 
+
 
+.nav-link {
 
+  color: rgba(255, 255, 255, 0.85);
 
+  font-size: 15px;
 
+  transition: color var(--transition);
 
+  position: relative;
 
+}
 
+
 
+.nav-link:hover,
 
+.nav-link.active {
 
+  color: #ffffff;
 
+}
 
+
 
+.nav-link.active::after {
 
+  content: "";
 
+  position: absolute;
 
+  bottom: -10px;
 
+  left: 50%;
 
+  transform: translateX(-50%);
 
+  width: 6px;
 
+  height: 6px;
 
+  background: #ffffff;
 
+  border-radius: 50%;
 
+}
 
+
 
+/* ===== Hero 区域 ===== */
 
+.hero {
 
+  position: relative;
 
+  height: 100vh;
 
+  min-height: 640px;
 
+  overflow: hidden;
 
+}
 
+
 
+.hero-slide {
 
+  position: absolute;
 
+  inset: 0;
 
+  opacity: 0;
 
+  transition: opacity 0.8s ease;
 
+  pointer-events: none;
 
+}
 
+
 
+.hero-slide.active {
 
+  opacity: 1;
 
+  pointer-events: auto;
 
+}
 
+
 
+.hero-bg {
 
+  position: absolute;
 
+  inset: 0;
 
+  background-color: var(--color-primary-dark);
 
+  background-size: cover;
 
+  background-position: center;
 
+  background-repeat: no-repeat;
 
+}
 
+
 
+.hero-bg::after {
 
+  color: rgba(255, 255, 255, 0.3);
 
+}
 
+
 
+.hero-overlay {
 
+  position: absolute;
 
+  inset: 0;
 
+  background: linear-gradient(
 
+    to right,
 
+    rgba(10, 22, 40, 0.75) 0%,
 
+    rgba(10, 22, 40, 0.35) 45%,
 
+    rgba(10, 22, 40, 0.1) 100%
 
+  );
 
+}
 
+
 
+.hero-inner {
 
+  position: relative;
 
+  z-index: 2;
 
+  height: 100%;
 
+}
 
+
 
+.hero-content {
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: flex-start;
 
+  height: 100%;
 
+  padding-top: calc(var(--header-height) + var(--hero-content-top));
 
+  max-width: 680px;
 
+  margin-left: var(--content-offset-x);
 
+}
 
+
 
+.hero-title {
 
+  font-size: 44px;
 
+  font-weight: 700;
 
+  color: #ffffff;
 
+  line-height: 1.35;
 
+  margin-bottom: 20px;
 
+  letter-spacing: 1px;
 
+}
 
+
 
+.hero-subtitle {
 
+  font-size: 24px;
 
+  color: rgba(255, 255, 255, 0.9);
 
+  margin-bottom: 28px;
 
+  letter-spacing: 0.5px;
 
+}
 
+
 
+.hero-desc {
 
+  font-size: 15px;
 
+  color: rgba(255, 255, 255, 0.75);
 
+  line-height: 2;
 
+  margin-bottom: 40px;
 
+  max-width: 560px;
 
+}
 
+
 
+.hero-btn {
 
+  align-self: flex-start;
 
+  width: auto;
 
+  padding: 12px 32px;
 
+  border-radius: 2px;
 
+  background: linear-gradient(to right, #1fb2f9 0%, #1578e5 100%);
 
+}
 
+
 
+.hero-pagination {
 
+  position: absolute;
 
+  right: var(--pagination-right);
 
+  top: calc(var(--header-height) + var(--hero-content-top) - 72px);
 
+  z-index: 3;
 
+  display: flex;
 
+  align-items: baseline;
 
+  gap: 2px;
 
+  color: rgba(255, 255, 255, 0.5);
 
+  font-size: 14px;
 
+  pointer-events: none;
 
+}
 
+
 
+.pagination-current {
 
+  font-size: 56px;
 
+  font-weight: 400;
 
+  color: #ffffff;
 
+  line-height: 1;
 
+  letter-spacing: -1px;
 
+}
 
+
 
+.pagination-divider {
 
+  font-size: 18px;
 
+  margin: 0 2px;
 
+  color: rgba(255, 255, 255, 0.5);
 
+}
 
+
 
+.pagination-total {
 
+  font-size: 18px;
 
+  color: rgba(255, 255, 255, 0.5);
 
+}
 
+
 
+/* ===== 通用区块标题 ===== */
 
+.section {
 
+  padding: 100px 0;
 
+}
 
+
 
+.section-header {
 
+  position: relative;
 
+  margin-bottom: 60px;
 
+}
 
+
 
+.section-title-en {
 
+  display: block;
 
+  font-size: 72px;
 
+  font-weight: 900;
 
+  color: #eef0f3;
 
+  letter-spacing: 4px;
 
+  line-height: 1;
 
+  user-select: none;
 
+}
 
+
 
+.section-title-cn {
 
+  position: absolute;
 
+  bottom: 8px;
 
+  left: 0;
 
+  font-size: 28px;
 
+  font-weight: 700;
 
+  color: var(--color-text);
 
+}
 
+
 
+/* ===== 企业概况 ===== */
 
+.section-profile {
 
+  background: #f7f8fc;
 
+  padding-top: 0;
 
+}
 
+
 
+.section-header--block,
 
+.section-header--profile {
 
+  position: relative;
 
+  margin-bottom: 56px;
 
+  min-height: 80px;
 
+  padding-bottom: 28px;
 
+}
 
+
 
+.section-header--block .section-title-en,
 
+.section-header--profile .section-title-en {
 
+  font-size: 106px;
 
+  letter-spacing: 6px;
 
+  margin-left: var(--section-watermark-offset-x);
 
+  position: relative;
 
+  z-index: 0;
 
+}
 
+
 
+.section-header--block .section-title-group,
 
+.section-header--profile .section-title-group {
 
+  position: absolute;
 
+  left: 0;
 
+  top: 20px;
 
+  z-index: 1;
 
+  margin-top: 0;
 
+}
 
+
 
+.section-header--block .section-title-cn,
 
+.section-header--profile .section-title-cn {
 
+  position: static;
 
+  font-size: 26px;
 
+  font-weight: 700;
 
+  margin-bottom: 4px;
 
+}
 
+
 
+.section-subtitle {
 
+  display: flex;
 
+  align-items: center;
 
+  gap: 8px;
 
+  font-size: 14px;
 
+  font-weight: 700;
 
+  color: var(--color-text);
 
+  letter-spacing: 1px;
 
+  line-height: 1;
 
+}
 
+
 
+.section-subtitle-icon {
 
+  width: 1em;
 
+  height: 1em;
 
+  flex-shrink: 0;
 
+  object-fit: contain;
 
+  display: block;
 
+}
 
+
 
+.section-subtitle-text {
 
+  line-height: 1;
 
+}
 
+
 
+.profile-grid {
 
+  display: grid;
 
+  grid-template-columns: 1fr 1fr;
 
+  gap: 12px;
 
+  align-items: stretch;
 
+}
 
+
 
+.profile-main {
 
+  position: relative;
 
+  min-height: 532px;
 
+  background: var(--color-placeholder);
 
+  overflow: hidden;
 
+}
 
+
 
+.profile-main-text {
 
+  position: absolute;
 
+  inset: 0;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  padding: 40px 36px;
 
+  background: linear-gradient(
 
+    to right,
 
+    rgba(0, 0, 0, 0.55) 0%,
 
+    rgba(0, 0, 0, 0.25) 55%,
 
+    transparent 100%
 
+  );
 
+  color: #ffffff;
 
+  z-index: 1;
 
+}
 
+
 
+.profile-main-text h3 {
 
+  font-size: 24px;
 
+  font-weight: 600;
 
+  margin-bottom: 16px;
 
+}
 
+
 
+.profile-main-text p {
 
+  font-size: 14px;
 
+  line-height: 2;
 
+  max-width: 420px;
 
+  opacity: 0.95;
 
+}
 
+
 
+.profile-side {
 
+  display: grid;
 
+  grid-template-rows: 1fr 1fr;
 
+  gap: 12px;
 
+  min-height: 532px;
 
+}
 
+
 
+.profile-row {
 
+  display: grid;
 
+  grid-template-columns: 1fr 1fr;
 
+  gap: 12px;
 
+  min-height: 0;
 
+}
 
+
 
+.profile-philosophy {
 
+  background: var(--color-primary);
 
+  color: #ffffff;
 
+  padding: 28px 24px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  min-height: 100%;
 
+}
 
+
 
+.profile-philosophy h3 {
 
+  font-size: 22px;
 
+  margin-bottom: 12px;
 
+  font-weight: 600;
 
+}
 
+
 
+.profile-philosophy p {
 
+  font-size: 13px;
 
+  line-height: 1.9;
 
+  opacity: 0.92;
 
+}
 
+
 
+.profile-img {
 
+  min-height: 100%;
 
+  height: 100%;
 
+}
 
+
 
+.profile-culture {
 
+  background: var(--color-gold);
 
+  color: #ffffff;
 
+  padding: 28px 24px;
 
+  display: flex;
 
+  flex-direction: column;
 
+  justify-content: center;
 
+  min-height: 100%;
 
+}
 
+
 
+.profile-culture h3 {
 
+  font-size: 22px;
 
+  margin-bottom: 12px;
 
+  font-weight: 600;
 
+}
 
+
 
+.profile-culture p {
 
+  font-size: 13px;
 
+  line-height: 1.9;
 
+  opacity: 0.95;
 
+}
 
+
 
+/* ===== 主营业务 ===== */
 
+.section-business {
 
+  background: var(--color-bg);
 
+  overflow-x: hidden;
 
+  padding-bottom: 0;
 
+}
 
+
 
+.business-item {
 
+  padding: 48px 0;
 
+}
 
+
 
+.business-item--merchant {
 
+  background: #f7f8fc;
 
+  padding-bottom: 24px;
 
+  margin-top: -100px;
 
+}
 
+
 
+.business-row {
 
+  display: grid;
 
+  grid-template-columns: 1fr 1fr;
 
+  gap: 80px;
 
+  align-items: center;
 
+}
 
+
 
+.business-row--reverse .business-visual {
 
+  order: 2;
 
+}
 
+
 
+.business-row--reverse .business-content {
 
+  order: 1;
 
+}
 
+
 
+.business-visual {
 
+  position: relative;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  min-height: 360px;
 
+}
 
+
 
+.business-item--merchant .business-visual {
 
+  transform: translateY(-100px);
 
+  margin-bottom: -80px;
 
+}
 
+
 
+.business-phone-placeholder,
 
+.business-phone-image {
 
+  position: relative;
 
+  z-index: 1;
 
+  width: 100%;
 
+  max-width: 480px;
 
+  height: auto;
 
+  display: block;
 
+  object-fit: contain;
 
+}
 
+
 
+.business-phone-placeholder {
 
+  aspect-ratio: 4 / 3;
 
+  min-height: 320px;
 
+}
 
+
 
+.business-content {
 
+  width: 300px;
 
+  padding: 20px 0;
 
+}
 
+
 
+.business-content--raised {
 
+  margin-left: 30px;
 
+  transform: translateY(-160px);
 
+}
 
+
 
+.business-brand {
 
+  display: flex;
 
+  align-items: center;
 
+  flex-wrap: wrap;
 
+  gap: 12px;
 
+  margin-bottom: 20px;
 
+  font-size: 22px;
 
+  line-height: 1;
 
+}
 
+
 
+.business-logo {
 
+  height: 1em;
 
+  width: auto;
 
+  flex-shrink: 0;
 
+  display: block;
 
+  object-fit: contain;
 
+}
 
+
 
+.business-title {
 
+  font-size: 22px;
 
+  font-weight: 700;
 
+  color: var(--color-text);
 
+}
 
+
 
+.business-tag {
 
+  display: inline-block;
 
+  padding: 4px 14px;
 
+  border: 1px solid #d0d4da;
 
+  border-radius: 5px;
 
+  font-size: 12px;
 
+  color: var(--color-text-light);
 
+  background: #ffffff;
 
+}
 
+
 
+.business-subtitle {
 
+  font-size: 20px;
 
+  font-weight: 700;
 
+  color: var(--color-text);
 
+  margin-bottom: 20px;
 
+  line-height: 1.5;
 
+}
 
+
 
+.business-desc {
 
+  font-size: 14px;
 
+  color: var(--color-text-light);
 
+  line-height: 2;
 
+  text-align: justify;
 
+}
 
+
 
+/* ===== 业务范围 ===== */
 
+.section-scope {
 
+  background: var(--color-bg);
 
+}
 
+
 
+.scope-content {
 
+  display: grid;
 
+  grid-template-columns: 1fr 1fr;
 
+  gap: 60px;
 
+  align-items: center;
 
+}
 
+
 
+.scope-text p {
 
+  font-size: 14px;
 
+  color: var(--color-text-light);
 
+  line-height: 2;
 
+  margin-bottom: 16px;
 
+  text-align: justify;
 
+}
 
+
 
+.scope-text p:last-child {
 
+  margin-bottom: 0;
 
+}
 
+
 
+.scope-map {
 
+  aspect-ratio: 4 / 3;
 
+  border-radius: 4px;
 
+  min-height: 360px;
 
+}
 
+
 
+.flag-grid {
 
+  position: absolute;
 
+  inset: 0;
 
+  display: flex;
 
+  flex-wrap: wrap;
 
+  align-items: center;
 
+  justify-content: center;
 
+  gap: 16px;
 
+  padding: 40px;
 
+  z-index: 1;
 
+}
 
+
 
+.flag-item {
 
+  font-size: 28px;
 
+  cursor: default;
 
+  transition: transform var(--transition);
 
+}
 
+
 
+.flag-item:hover {
 
+  transform: scale(1.2);
 
+}
 
+
 
+/* ===== 联系我们 ===== */
 
+.section-contact {
 
+  background: var(--color-bg-section);
 
+}
 
+
 
+.contact-content {
 
+  display: grid;
 
+  grid-template-columns: 1fr 1fr;
 
+  gap: 80px;
 
+  align-items: start;
 
+}
 
+
 
+.contact-info {
 
+  display: flex;
 
+  flex-direction: column;
 
+  gap: 36px;
 
+  padding-top: 20px;
 
+}
 
+
 
+.contact-item {
 
+  display: flex;
 
+  gap: 16px;
 
+  align-items: flex-start;
 
+}
 
+
 
+.contact-icon {
 
+  font-size: 20px;
 
+  width: 40px;
 
+  height: 40px;
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  background: var(--color-primary);
 
+  border-radius: 50%;
 
+  flex-shrink: 0;
 
+}
 
+
 
+.contact-item strong {
 
+  display: block;
 
+  font-size: 16px;
 
+  margin-bottom: 6px;
 
+  color: var(--color-text);
 
+}
 
+
 
+.contact-item p {
 
+  font-size: 14px;
 
+  color: var(--color-text-light);
 
+}
 
+
 
+.contact-form {
 
+  display: flex;
 
+  flex-direction: column;
 
+  gap: 16px;
 
+}
 
+
 
+.form-group input,
 
+.form-group textarea {
 
+  width: 100%;
 
+  padding: 14px 18px;
 
+  border: none;
 
+  border-radius: 4px;
 
+  background: #e8eaed;
 
+  font-size: 14px;
 
+  font-family: var(--font-family);
 
+  color: var(--color-text);
 
+  transition: background var(--transition);
 
+  outline: none;
 
+}
 
+
 
+.form-group input:focus,
 
+.form-group textarea:focus {
 
+  background: #dfe2e6;
 
+}
 
+
 
+.form-group input::placeholder,
 
+.form-group textarea::placeholder {
 
+  color: var(--color-text-muted);
 
+}
 
+
 
+.form-group textarea {
 
+  resize: vertical;
 
+  min-height: 120px;
 
+}
 
+
 
+.contact-form .btn {
 
+  align-self: flex-start;
 
+  margin-top: 8px;
 
+  padding: 12px 48px;
 
+}
 
+
 
+/* ===== 页脚 ===== */
 
+.footer {
 
+  background: var(--color-footer);
 
+  color: rgba(255, 255, 255, 0.7);
 
+  padding-top: 60px;
 
+}
 
+
 
+.footer-inner {
 
+  display: flex;
 
+  justify-content: space-between;
 
+  padding-bottom: 40px;
 
+}
 
+
 
+.footer-brand .logo {
 
+  margin-bottom: 16px;
 
+}
 
+
 
+.footer-company-name {
 
+  font-size: 13px;
 
+  color: rgba(255, 255, 255, 0.5);
 
+}
 
+
 
+.footer-links {
 
+  display: flex;
 
+  gap: 80px;
 
+}
 
+
 
+.footer-col h4 {
 
+  color: #ffffff;
 
+  font-size: 15px;
 
+  margin-bottom: 16px;
 
+  font-weight: 600;
 
+}
 
+
 
+.footer-col a {
 
+  display: block;
 
+  font-size: 13px;
 
+  color: rgba(255, 255, 255, 0.5);
 
+  margin-bottom: 10px;
 
+  transition: color var(--transition);
 
+}
 
+
 
+.footer-col a:hover {
 
+  color: rgba(255, 255, 255, 0.9);
 
+}
 
+
 
+.footer-bottom {
 
+  border-top: 1px solid rgba(255, 255, 255, 0.08);
 
+  padding: 20px 0;
 
+  text-align: center;
 
+}
 
+
 
+.footer-bottom p {
 
+  font-size: 12px;
 
+  color: rgba(255, 255, 255, 0.35);
 
+}
 
+
 
+/* ===== 表单提交提示 ===== */
 
+.form-toast {
 
+  position: fixed;
 
+  top: 50%;
 
+  left: 50%;
 
+  transform: translate(-50%, -50%) scale(0.9);
 
+  background: rgba(0, 0, 0, 0.75);
 
+  color: #ffffff;
 
+  padding: 20px 40px;
 
+  border-radius: 8px;
 
+  font-size: 15px;
 
+  z-index: 9999;
 
+  opacity: 0;
 
+  transition: opacity 0.3s, transform 0.3s;
 
+  pointer-events: none;
 
+}
 
+
 
+.form-toast.show {
 
+  opacity: 1;
 
+  transform: translate(-50%, -50%) scale(1);
 
+}

+ 37 - 0
src/components/AppFooter.vue
Просмотреть файл 

@@ -0,0 +1,37 @@
 
+<script setup>
 
+import { footerLinks } from '../data/site'
 
+import AppLogo from './AppLogo.vue'
 
+
 
+const emit = defineEmits(['navigate'])
 
+</script>
 
+
 
+<template>
 
+  <footer class="footer">
 
+    <div class="container footer-inner">
 
+      <div class="footer-brand">
 
+        <a href="#" class="logo" @click.prevent="emit('navigate', 'home')">
 
+          <AppLogo />
 
+        </a>
 
+        <p class="footer-company-name">爱丽恩严(大连)商务科技有限公司</p>
 
+      </div>
 
+      <div class="footer-links">
 
+        <div v-for="col in footerLinks" :key="col.title" class="footer-col">
 
+          <h4>{{ col.title }}</h4>
 
+          <a
 
+            v-for="link in col.links"
 
+            :key="link.label"
 
+            href="#"
 
+            @click.prevent="emit('navigate', link.target)"
 
+          >
 
+            {{ link.label }}
 
+          </a>
 
+        </div>
 
+      </div>
 
+    </div>
 
+    <div class="footer-bottom">
 
+      <div class="container">
 
+        <p>&copy; 2026 爱丽恩严(大连)商务科技有限公司 版权所有</p>
 
+      </div>
 
+    </div>
 
+  </footer>
 
+</template>

+ 33 - 0
src/components/AppHeader.vue
Просмотреть файл 

@@ -0,0 +1,33 @@
 
+<script setup>
 
+import { navItems } from '../data/site'
 
+import AppLogo from './AppLogo.vue'
 
+
 
+defineProps({
 
+  scrolled: { type: Boolean, default: false },
 
+  activeSection: { type: String, default: 'home' },
 
+})
 
+
 
+const emit = defineEmits(['navigate'])
 
+</script>
 
+
 
+<template>
 
+  <header class="header" :class="{ scrolled }">
 
+    <div class="container header-inner">
 
+      <a href="#" class="logo" @click.prevent="emit('navigate', 'home')">
 
+        <AppLogo />
 
+      </a>
 
+      <nav class="nav">
 
+        <a
 
+          v-for="item in navItems"
 
+          :key="item.id"
 
+          href="#"
 
+          class="nav-link"
 
+          :class="{ active: activeSection === item.id }"
 
+          @click.prevent="emit('navigate', item.id)"
 
+        >
 
+          {{ item.label }}
 
+        </a>
 
+      </nav>
 
+    </div>
 
+  </header>
 
+</template>

+ 15 - 0
src/components/AppLogo.vue
Просмотреть файл 

@@ -0,0 +1,15 @@
 
+<script setup>
 
+import logoUrl from '../static/ailienlogo.png'
 
+</script>
 
+
 
+<template>
 
+  <img class="logo-img" :src="logoUrl" alt="AILAANYAN" />
 
+</template>
 
+
 
+<style scoped>
 
+.logo-img {
 
+  height: 36px;
 
+  width: auto;
 
+  display: block;
 
+}
 
+</style>

+ 30 - 0
src/components/BusinessScope.vue
Просмотреть файл 

@@ -0,0 +1,30 @@
 
+<script setup>
 
+import SectionHeader from './SectionHeader.vue'
 
+import ImagePlaceholder from './ImagePlaceholder.vue'
 
+import { scopeParagraphs, flags } from '../data/site'
 
+</script>
 
+
 
+<template>
 
+  <section class="section section-scope" id="scope">
 
+    <div class="container">
 
+      <SectionHeader title-en="BUSINESS SCOPE" title-cn="业务范围" />
 
+      <div class="scope-content">
 
+        <div class="scope-text">
 
+          <p v-for="(text, index) in scopeParagraphs" :key="index">{{ text }}</p>
 
+        </div>
 
+        <ImagePlaceholder class="scope-map" placeholder="世界地图">
 
+          <div class="flag-grid">
 
+            <span
 
+              v-for="flag in flags"
 
+              :key="flag.title"
 
+              class="flag-item"
 
+              :title="flag.title"
 
+            >
 
+              {{ flag.emoji }}
 
+            </span>
 
+          </div>
 
+        </ImagePlaceholder>
 
+      </div>
 
+    </div>
 
+  </section>
 
+</template>

+ 37 - 0
src/components/CompanyProfile.vue
Просмотреть файл 

@@ -0,0 +1,37 @@
 
+<script setup>
 
+import ProfileSectionHeader from './ProfileSectionHeader.vue'
 
+import ImagePlaceholder from './ImagePlaceholder.vue'
 
+import { profileIntro, profilePhilosophy, profileCulture } from '../data/site'
 
+</script>
 
+
 
+<template>
 
+  <section class="section section-profile" id="profile">
 
+    <div class="container">
 
+      <ProfileSectionHeader />
 
+      <div class="profile-grid">
 
+        <div class="profile-main">
 
+          <div class="profile-main-text">
 
+            <h3>公司简介</h3>
 
+            <p>{{ profileIntro }}</p>
 
+          </div>
 
+        </div>
 
+        <div class="profile-side">
 
+          <div class="profile-row">
 
+            <div class="profile-philosophy">
 
+              <h3>企业理念</h3>
 
+              <p>{{ profilePhilosophy }}</p>
 
+            </div>
 
+            <ImagePlaceholder class="profile-img" placeholder="航空/物流" />
 
+          </div>
 
+          <div class="profile-row">
 
+            <ImagePlaceholder class="profile-img" placeholder="办公场景" />
 
+            <div class="profile-culture">
 
+              <h3>企业文化</h3>
 
+              <p>{{ profileCulture }}</p>
 
+            </div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </section>
 
+</template>

+ 53 - 0
src/components/ContactSection.vue
Просмотреть файл 

@@ -0,0 +1,53 @@
 
+<script setup>
 
+import { ref } from 'vue'
 
+import SectionHeader from './SectionHeader.vue'
 
+import { contactInfo } from '../data/site'
 
+
 
+const form = ref({ name: '', phone: '', message: '' })
 
+const toastVisible = ref(false)
 
+
 
+function handleSubmit() {
 
+  toastVisible.value = true
 
+  form.value = { name: '', phone: '', message: '' }
 
+  setTimeout(() => {
 
+    toastVisible.value = false
 
+  }, 2500)
 
+}
 
+</script>
 
+
 
+<template>
 
+  <section class="section section-contact" id="contact">
 
+    <div class="container">
 
+      <SectionHeader title-en="CONTACT US" title-cn="联系我们" />
 
+      <div class="contact-content">
 
+        <div class="contact-info">
 
+          <div v-for="item in contactInfo" :key="item.label" class="contact-item">
 
+            <span class="contact-icon">{{ item.icon }}</span>
 
+            <div>
 
+              <strong>{{ item.label }}</strong>
 
+              <p>{{ item.value }}</p>
 
+            </div>
 
+          </div>
 
+        </div>
 
+        <form class="contact-form" @submit.prevent="handleSubmit">
 
+          <div class="form-group">
 
+            <input v-model="form.name" type="text" placeholder="姓名" required />
 
+          </div>
 
+          <div class="form-group">
 
+            <input v-model="form.phone" type="tel" placeholder="电话" required />
 
+          </div>
 
+          <div class="form-group">
 
+            <textarea v-model="form.message" placeholder="留言内容" rows="5" required />
 
+          </div>
 
+          <button type="submit" class="btn btn-primary">提交</button>
 
+        </form>
 
+      </div>
 
+    </div>
 
+
 
+    <Teleport to="body">
 
+      <div class="form-toast" :class="{ show: toastVisible }">
 
+        感谢您的留言，我们会尽快与您联系！
 
+      </div>
 
+    </Teleport>
 
+  </section>
 
+</template>

+ 62 - 0
src/components/HeroSection.vue
Просмотреть файл 

@@ -0,0 +1,62 @@
 
+<script setup>
 
+import { ref, onMounted, onUnmounted } from 'vue'
 
+import ImagePlaceholder from './ImagePlaceholder.vue'
 
+import { heroSlides } from '../data/site'
 
+
 
+const emit = defineEmits(['navigate'])
 
+
 
+const currentIndex = ref(0)
 
+const total = heroSlides.length
 
+let timer = null
 
+
 
+function nextSlide() {
 
+  currentIndex.value = (currentIndex.value + 1) % total
 
+}
 
+
 
+onMounted(() => {
 
+  timer = setInterval(nextSlide, 5000)
 
+})
 
+
 
+onUnmounted(() => {
 
+  clearInterval(timer)
 
+})
 
+</script>
 
+
 
+<template>
 
+  <section class="hero" id="home">
 
+    <div
 
+      v-for="(slide, index) in heroSlides"
 
+      :key="index"
 
+      class="hero-slide"
 
+      :class="{ active: currentIndex === index }"
 
+    >
 
+      <div
 
+        v-if="slide.bg"
 
+        class="hero-bg"
 
+        :style="{ backgroundImage: `url(${slide.bg})` }"
 
+      />
 
+      <ImagePlaceholder v-else class="hero-bg" :placeholder="slide.placeholder" />
 
+      <div class="hero-overlay"></div>
 
+      <div class="container hero-inner">
 
+        <div class="hero-content">
 
+          <h1 class="hero-title">{{ slide.title }}</h1>
 
+          <p class="hero-subtitle">{{ slide.subtitle }}</p>
 
+          <p class="hero-desc">{{ slide.desc }}</p>
 
+          <a
 
+            href="#"
 
+            class="btn btn-primary hero-btn"
 
+            @click.prevent="emit('navigate', slide.ctaTarget)"
 
+          >
 
+            {{ slide.cta }}
 
+          </a>
 
+        </div>
 
+      </div>
 
+    </div>
 
+
 
+    <div class="hero-pagination">
 
+      <span class="pagination-current">{{ String(currentIndex + 1).padStart(2, '0') }}</span>
 
+      <span class="pagination-divider">/</span>
 
+      <span class="pagination-total">{{ String(total).padStart(2, '0') }}</span>
 
+    </div>
 
+  </section>
 
+</template>

+ 14 - 0
src/components/ImagePlaceholder.vue
Просмотреть файл 

@@ -0,0 +1,14 @@
 
+<script setup>
 
+defineProps({
 
+  placeholder: {
 
+    type: String,
 
+    default: '',
 
+  },
 
+})
 
+</script>
 
+
 
+<template>
 
+  <div class="img-placeholder" :data-placeholder="placeholder">
 
+    <slot />
 
+  </div>
 
+</template>

+ 48 - 0
src/components/MainBusiness.vue
Просмотреть файл 

@@ -0,0 +1,48 @@
 
+<script setup>
 
+import SectionHeaderBlock from './SectionHeaderBlock.vue'
 
+import ImagePlaceholder from './ImagePlaceholder.vue'
 
+import { businessProducts } from '../data/site'
 
+</script>
 
+
 
+<template>
 
+  <section class="section section-business" id="business">
 
+    <div class="container">
 
+      <SectionHeaderBlock title-en="MAIN BUSINESS" title-cn="主营业务" />
 
+    </div>
 
+
 
+    <div
 
+      v-for="item in businessProducts"
 
+      :key="item.title"
 
+      class="business-item"
 
+      :class="{ 'business-item--merchant': item.reverse }"
 
+    >
 
+      <div
 
+        class="container business-row"
 
+        :class="{ 'business-row--reverse': item.reverse }"
 
+      >
 
+        <div class="business-visual">
 
+          <img
 
+            v-if="item.image"
 
+            class="business-phone-image"
 
+            :src="item.image"
 
+            :alt="item.title"
 
+          />
 
+          <ImagePlaceholder
 
+            v-else
 
+            class="business-phone-placeholder"
 
+            placeholder="手机界面"
 
+          />
 
+        </div>
 
+        <div class="business-content" :class="{ 'business-content--raised': item.reverse }">
 
+          <div class="business-brand">
 
+            <img class="business-logo" :src="item.logo" :alt="item.title" />
 
+            <h3 class="business-title">{{ item.title }}</h3>
 
+            <span v-if="item.tag" class="business-tag">{{ item.tag }}</span>
 
+          </div>
 
+          <p class="business-subtitle">{{ item.subtitle }}</p>
 
+          <p class="business-desc">{{ item.desc }}</p>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </section>
 
+</template>

+ 7 - 0
src/components/ProfileSectionHeader.vue
Просмотреть файл 

@@ -0,0 +1,7 @@
 
+<script setup>
 
+import SectionHeaderBlock from './SectionHeaderBlock.vue'
 
+</script>
 
+
 
+<template>
 
+  <SectionHeaderBlock title-en="COMPANY PROFILE" title-cn="企业概况" />
 
+</template>

+ 13 - 0
src/components/SectionHeader.vue
Просмотреть файл 

@@ -0,0 +1,13 @@
 
+<script setup>
 
+defineProps({
 
+  titleEn: { type: String, required: true },
 
+  titleCn: { type: String, required: true },
 
+})
 
+</script>
 
+
 
+<template>
 
+  <div class="section-header">
 
+    <span class="section-title-en">{{ titleEn }}</span>
 
+    <h2 class="section-title-cn">{{ titleCn }}</h2>
 
+  </div>
 
+</template>

+ 21 - 0
src/components/SectionHeaderBlock.vue
Просмотреть файл 

@@ -0,0 +1,21 @@
 
+<script setup>
 
+import iconUrl from '../static/icon.png'
 
+
 
+defineProps({
 
+  titleEn: { type: String, required: true },
 
+  titleCn: { type: String, required: true },
 
+})
 
+</script>
 
+
 
+<template>
 
+  <div class="section-header section-header--block">
 
+    <span class="section-title-en">{{ titleEn }}</span>
 
+    <div class="section-title-group">
 
+      <h2 class="section-title-cn">{{ titleCn }}</h2>
 
+      <p class="section-subtitle">
 
+        <img class="section-subtitle-icon" :src="iconUrl" alt="" />
 
+        <span class="section-subtitle-text">{{ titleEn }}</span>
 
+      </p>
 
+    </div>
 
+  </div>
 
+</template>

+ 47 - 0
src/composables/useScrollNav.js
Просмотреть файл 

@@ -0,0 +1,47 @@
 
+import { ref, onMounted, onUnmounted } from 'vue'
 
+
 
+const HEADER_HEIGHT = 70
 
+const SCROLL_OFFSET = 100
 
+
 
+export function useScrollNav(sectionIds) {
 
+  const scrolled = ref(false)
 
+  const activeSection = ref(sectionIds[0])
 
+
 
+  function scrollToSection(id) {
 
+    const target = document.getElementById(id)
 
+    if (target) {
 
+      window.scrollTo({
 
+        top: target.offsetTop - HEADER_HEIGHT,
 
+        behavior: 'smooth',
 
+      })
 
+    }
 
+  }
 
+
 
+  function updateActiveSection() {
 
+    const scrollPos = window.scrollY + HEADER_HEIGHT + SCROLL_OFFSET
 
+
 
+    for (let i = sectionIds.length - 1; i >= 0; i--) {
 
+      const section = document.getElementById(sectionIds[i])
 
+      if (section && scrollPos >= section.offsetTop) {
 
+        activeSection.value = sectionIds[i]
 
+        return
 
+      }
 
+    }
 
+  }
 
+
 
+  function onScroll() {
 
+    scrolled.value = window.scrollY > 50
 
+    updateActiveSection()
 
+  }
 
+
 
+  onMounted(() => {
 
+    window.addEventListener('scroll', onScroll, { passive: true })
 
+    onScroll()
 
+  })
 
+
 
+  onUnmounted(() => {
 
+    window.removeEventListener('scroll', onScroll)
 
+  })
 
+
 
+  return { scrolled, activeSection, scrollToSection }
 
+}

+ 123 - 0
src/data/site.js
Просмотреть файл 

@@ -0,0 +1,123 @@
 
+import bg1 from '../static/backg1.png'
 
+import bg2 from '../static/backg2.png'
 
+import bg3 from '../static/backg3.png'
 
+import userLogo from '../static/userlogo.png'
 
+import merchantLogo from '../static/merchantlogo.png'
 
+import userCenter from '../static/usercenter.png'
 
+import merchantCenter from '../static/merchantcenter.png'
 
+
 
+export const navItems = [
 
+  { id: 'home', label: '首页' },
 
+  { id: 'business', label: '主营业务' },
 
+  { id: 'profile', label: '企业概况' },
 
+  { id: 'contact', label: '联系我们' },
 
+]
 
+
 
+export const heroSlides = [
 
+  {
 
+    title: '爱丽恩严(大连)商务科技有限公司',
 
+    subtitle: 'Aileenyan (Dalian) Business & Technology Co., Ltd.',
 
+    desc: '立足行业视野、深耕软件科创的多元化产业集团，聚焦技术创新与软件自研，以数字化产品赋能各领域产业发展。',
 
+    cta: '了解详情',
 
+    ctaTarget: 'profile',
 
+    bg: bg1,
 
+  },
 
+  {
 
+    title: '爱丽恩严(大连)商务科技有限公司',
 
+    subtitle: 'Aileenyan (Dalian) Business & Technology Co., Ltd.',
 
+    desc: '立足行业视野、深耕软件科创的多元化产业集团，聚焦技术创新与软件自研，以数字化产品赋能各领域产业发展。',
 
+    cta: '了解详情',
 
+    ctaTarget: 'profile',
 
+    bg: bg2,
 
+  },
 
+  {
 
+    title: '爱丽恩严(大连)商务科技有限公司',
 
+    subtitle: 'Aileenyan (Dalian) Business & Technology Co., Ltd.',
 
+    desc: '立足行业视野、深耕软件科创的多元化产业集团，聚焦技术创新与软件自研，以数字化产品赋能各领域产业发展。',
 
+    cta: '了解详情',
 
+    ctaTarget: 'profile',
 
+    bg: bg3,
 
+  },
 
+]
 
+
 
+export const profileIntro =
 
+  '爱丽恩严(大连)商务科技有限公司成立于大连，是一家立足全球视野、融合创新科技的多元化产业集团。公司通过"外贸+科技+智造"三位一体的战略布局，致力于为全球客户提供全链条商业解决方案。'
 
+
 
+export const profilePhilosophy =
 
+  '以专业立身、以创新致远、以诚信赢人。坚持客户至上、品质为先，用科技赋能产业，用服务连接世界。'
 
+
 
+export const profileCulture =
 
+  '倡导开放协作、追求卓越、持续学习。营造积极向上、包容多元的团队氛围，与员工共同成长，与客户携手共赢。'
 
+
 
+export const businessProducts = [
 
+  {
 
+    title: '“U店在哪”',
 
+    logo: userLogo,
 
+    subtitle: '多元生活服务，一键搞定',
 
+    desc: '一站式综合生活服务平台，美食、休闲娱乐、生活服务全覆盖，支持二手交易与专业法律咨询。平台联动各大商家资源互通、福利丰富，业态多元、服务贴心，全方位满足日常各类需求。',
 
+    image: userCenter,
 
+    reverse: false,
 
+  },
 
+  {
 
+    title: '“U店在这”',
 
+    logo: merchantLogo,
 
+    tag: '商家经营',
 
+    subtitle: '汇聚特惠，携手商家创共赢',
 
+    desc: '在消费的浪潮中，我们全力汇聚各方特惠资源，以真诚之心携手众多优质商家，搭建互利桥梁合力开创美好共赢局面。',
 
+    image: merchantCenter,
 
+    reverse: true,
 
+  },
 
+]
 
+
 
+export const scopeParagraphs = [
 
+  '公司业务覆盖东北亚、东南亚、欧美等多个国家和地区，与韩国、以色列、美国、英国、日本、加拿大、巴西等国企业建立了长期稳定的合作关系。',
 
+  '主要业务领域包括：机械设备进出口、电子产品贸易、化工原料采购、农产品出口、商务考察接待、投资咨询服务等。',
 
+  '公司拥有一支经验丰富的专业团队，熟悉各国贸易政策与法规，能够为客户提供高效、合规的商务服务，降低跨境贸易风险，提升合作效率。',
 
+  '未来，公司将继续深耕国际市场，拓展业务版图，以更加专业的服务和更加开放的姿态，迎接全球化带来的机遇与挑战。',
 
+]
 
+
 
+export const flags = [
 
+  { emoji: '🇨🇳', title: '中国' },
 
+  { emoji: '🇰🇷', title: '韩国' },
 
+  { emoji: '🇮🇱', title: '以色列' },
 
+  { emoji: '🇺🇸', title: '美国' },
 
+  { emoji: '🇬🇧', title: '英国' },
 
+  { emoji: '🇱🇹', title: '立陶宛' },
 
+  { emoji: '🇫🇷', title: '法国' },
 
+  { emoji: '🇷🇺', title: '俄罗斯' },
 
+  { emoji: '🇸🇪', title: '瑞典' },
 
+  { emoji: '🇯🇵', title: '日本' },
 
+  { emoji: '🇨🇦', title: '加拿大' },
 
+  { emoji: '🇧🇷', title: '巴西' },
 
+]
 
+
 
+export const contactInfo = [
 
+  { icon: '📍', label: '地址', value: '辽宁省大连市中山区人民路XX号XX大厦XX层' },
 
+  { icon: '📞', label: '电话', value: '0411-XXXXXXXX' },
 
+  { icon: '✉️', label: '邮箱', value: 'info@ailaanyan.com' },
 
+]
 
+
 
+export const footerLinks = [
 
+  {
 
+    title: '企业概况',
 
+    links: [
 
+      { label: '企业概况', target: 'profile' },
 
+      { label: '企业理念', target: 'profile' },
 
+      { label: '企业文化', target: 'profile' },
 
+    ],
 
+  },
 
+  {
 
+    title: '主营业务',
 
+    links: [
 
+      { label: 'U店在哪', target: 'business' },
 
+      { label: 'U店在这', target: 'business' },
 
+    ],
 
+  },
 
+  {
 
+    title: '联系我们',
 
+    links: [
 
+      { label: '联系方式', target: 'contact' },
 
+      { label: '在线留言', target: 'contact' },
 
+    ],
 
+  },
 
+]

+ 5 - 0
src/main.js
Просмотреть файл 

@@ -0,0 +1,5 @@
 
+import { createApp } from 'vue'
 
+import App from './App.vue'
 
+import './assets/styles/global.css'
 
+
 
+createApp(App).mount('#app')

BIN
src/static/ailienlogo.png
Просмотреть файл


BIN
src/static/backg1.png
Просмотреть файл


BIN
src/static/backg2.png
Просмотреть файл


BIN
src/static/backg3.png
Просмотреть файл


BIN
src/static/icon.png
Просмотреть файл


BIN
src/static/merchantcenter.png
Просмотреть файл


BIN
src/static/merchantlogo.png
Просмотреть файл


BIN
src/static/usercenter.png
Просмотреть файл


BIN
src/static/userlogo.png
Просмотреть файл


+ 6 - 0
vite.config.js
Просмотреть файл 

@@ -0,0 +1,6 @@
 
+import { defineConfig } from 'vite'
 
+import vue from '@vitejs/plugin-vue'
 
+
 
+export default defineConfig({
 
+  plugins: [vue()],
 
+})