style: 调整竖屏模式下的结果显示

- 竖屏时计算结果由一行改为两行，以避免在长文本下显示效果不佳的问题
refactor: 重构i18n目录结构
2025-12-09 15:09:50 +08:00 · 2025-12-08 18:20:35 +08:00 · 2025-12-08 18:18:31 +08:00 · 2025-12-08 17:46:38 +08:00 · 2025-12-08 17:18:00 +08:00 · 2025-12-08 17:03:31 +08:00
98 changed files with 3594 additions and 736 deletions
--- a/.drone.yml
+++ b/.drone.yml
@ -0,0 +1,10 @@
+kind: pipeline
+type: docker
+name: build-and-deploy
+
+steps: 
+  - name: install & build
+    image: oven/bun
+    commands:
+      - bun install
+      - bun run build
--- a/bun.lock
+++ b/bun.lock
@ -6,6 +6,7 @@
      "dependencies": {
        "@fontsource/roboto": "5.2.5",
        "@mdi/font": "7.4.47",
+        "exceljs": "^4.4.0",
        "vue": "^3.5.13",
        "vue-i18n": "^11.1.9",
        "vuetify": "^3.8.1",
@ -129,6 +130,10 @@

    "@eslint/plugin-kit": ["@eslint/plugin-kit@0.3.3", "", { "dependencies": { "@eslint/core": "^0.15.1", "levn": "^0.4.1" } }, "sha512-1+WqvgNMhmlAambTvT3KPtCl/Ibr68VldY2XY40SL1CE0ZXiakFR/cbTspaF5HsnpDMvcYYoJHfl4980NBjGag=="],

+    "@fast-csv/format": ["@fast-csv/format@4.3.5", "", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.isboolean": "^3.0.3", "lodash.isequal": "^4.5.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0" } }, "sha512-8iRn6QF3I8Ak78lNAa+Gdl5MJJBM5vRHivFtMRUWINdevNo00K7OXxS2PshawLKTejVwieIlPmK5YlLu6w4u8A=="],
+
+    "@fast-csv/parse": ["@fast-csv/parse@4.3.6", "", { "dependencies": { "@types/node": "^14.0.1", "lodash.escaperegexp": "^4.1.2", "lodash.groupby": "^4.6.0", "lodash.isfunction": "^3.0.9", "lodash.isnil": "^4.0.0", "lodash.isundefined": "^3.0.1", "lodash.uniq": "^4.5.0" } }, "sha512-uRsLYksqpbDmWaSmzvJcuApSEe38+6NQZBUsuAyMZKqHxH0g1wcJgsKUvN3WC8tewaqFjBMMGrkHmC+T7k8LvA=="],
+
    "@fontsource/roboto": ["@fontsource/roboto@5.2.5", "", {}, "sha512-70r2UZ0raqLn5W+sPeKhqlf8wGvUXFWlofaDlcbt/S3d06+17gXKr3VNqDODB0I1ASme3dGT5OJj9NABt7OTZQ=="],

    "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
@ -353,6 +358,10 @@

    "anymatch": ["anymatch@3.1.3", "", { "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="],

+    "archiver": ["archiver@5.3.2", "", { "dependencies": { "archiver-utils": "^2.1.0", "async": "^3.2.4", "buffer-crc32": "^0.2.1", "readable-stream": "^3.6.0", "readdir-glob": "^1.1.2", "tar-stream": "^2.2.0", "zip-stream": "^4.1.0" } }, "sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw=="],
+
+    "archiver-utils": ["archiver-utils@2.1.0", "", { "dependencies": { "glob": "^7.1.4", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^2.0.0" } }, "sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw=="],
+
    "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],

    "aria-query": ["aria-query@5.3.2", "", {}, "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="],
@ -361,12 +370,24 @@

    "ast-walker-scope": ["ast-walker-scope@0.6.2", "", { "dependencies": { "@babel/parser": "^7.25.3", "ast-kit": "^1.0.1" } }, "sha512-1UWOyC50xI3QZkRuDj6PqDtpm1oHWtYs+NQGwqL/2R11eN3Q81PHAHPM0SWW3BNQm53UDwS//Jv8L4CCVLM1bQ=="],

+    "async": ["async@3.2.6", "", {}, "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="],
+
    "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],

+    "base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
+
+    "big-integer": ["big-integer@1.6.52", "", {}, "sha512-QxD8cf2eVqJOOz63z6JIN9BzvVs/dlySa5HGSBH5xtR8dPteIRQnBxxKqkNTiT6jbDTF6jAfrd4oMcND9RGbQg=="],
+
+    "binary": ["binary@0.3.0", "", { "dependencies": { "buffers": "~0.1.1", "chainsaw": "~0.1.0" } }, "sha512-D4H1y5KYwpJgK8wk1Cue5LLPgmwHKYSChkbspQg5JtVuR5ulGckxfR62H3AE9UDkdMC8yyXlqYihuz3Aqg2XZg=="],
+
    "binary-extensions": ["binary-extensions@2.3.0", "", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],

    "birpc": ["birpc@2.4.0", "", {}, "sha512-5IdNxTyhXHv2UlgnPHQ0h+5ypVmkrYHzL8QT+DwFZ//2N/oNV8Ch+BCRmTJ3x6/z9Axo/cXYBc9eprsUVK/Jsg=="],

+    "bl": ["bl@4.1.0", "", { "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", "readable-stream": "^3.4.0" } }, "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w=="],
+
+    "bluebird": ["bluebird@3.4.7", "", {}, "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA=="],
+
    "boolbase": ["boolbase@1.0.0", "", {}, "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="],

    "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
@ -375,14 +396,24 @@

    "browserslist": ["browserslist@4.25.1", "", { "dependencies": { "caniuse-lite": "^1.0.30001726", "electron-to-chromium": "^1.5.173", "node-releases": "^2.0.19", "update-browserslist-db": "^1.1.3" }, "bin": { "browserslist": "cli.js" } }, "sha512-KGj0KoOMXLpSNkkEI6Z6mShmQy0bc1I+T7K9N81k4WWMrfz+6fQ6es80B/YLAeRoKvjYE1YSHHOW1qe9xIVzHw=="],

+    "buffer": ["buffer@5.7.1", "", { "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.1.13" } }, "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ=="],
+
    "buffer-builder": ["buffer-builder@0.2.0", "", {}, "sha512-7VPMEPuYznPSoR21NE1zvd2Xna6c/CloiZCfcMXR1Jny6PjX0N4Nsa38zcBFo/FMK+BlA+FLKbJCQ0i2yxp+Xg=="],

+    "buffer-crc32": ["buffer-crc32@0.2.13", "", {}, "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ=="],
+
+    "buffer-indexof-polyfill": ["buffer-indexof-polyfill@1.0.2", "", {}, "sha512-I7wzHwA3t1/lwXQh+A5PbNvJxgfo5r3xulgpYDB5zckTu/Z9oUK9biouBKQUjEqzaz3HnAT6TYoovmE+GqSf7A=="],
+
+    "buffers": ["buffers@0.1.1", "", {}, "sha512-9q/rDEGSb/Qsvv2qvzIzdluL5k7AaJOTrw23z9reQthrbF7is4CtlT0DXyO1oei2DCp4uojjzQ7igaSHp1kAEQ=="],
+
    "builtin-modules": ["builtin-modules@5.0.0", "", {}, "sha512-bkXY9WsVpY7CvMhKSR6pZilZu9Ln5WDrKVBUXf2S443etkmEO4V58heTecXcUIsNsi4Rx8JUO4NfX1IcQl4deg=="],

    "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],

    "caniuse-lite": ["caniuse-lite@1.0.30001726", "", {}, "sha512-VQAUIUzBiZ/UnlM28fSp2CRF3ivUn1BWEvxMcVTNwpw91Py1pGbPIyIKtd+tzct9C3ouceCVdGAXxZOpZAsgdw=="],

+    "chainsaw": ["chainsaw@0.1.0", "", { "dependencies": { "traverse": ">=0.3.0 <0.4" } }, "sha512-75kWfWt6MEKNC8xYXIdRpDehRYY/tNSgwKaJq+dbbDcxORuVrrQ+SEHoWsniVn9XPYfP4gmdWIeDk/4YNp1rNQ=="],
+
    "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],

    "chokidar": ["chokidar@3.6.0", "", { "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", "glob-parent": "~5.1.2", "is-binary-path": "~2.1.0", "is-glob": "~4.0.1", "normalize-path": "~3.0.0", "readdirp": "~3.6.0" }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
@ -401,6 +432,8 @@

    "comment-parser": ["comment-parser@1.4.1", "", {}, "sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg=="],

+    "compress-commons": ["compress-commons@4.1.2", "", { "dependencies": { "buffer-crc32": "^0.2.13", "crc32-stream": "^4.0.2", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-D3uMHtGc/fcO1Gt1/L7i1e33VOvD4A9hfQLP+6ewd+BvG/gQ84Yh4oftEhAdjSMgBgwGL+jsppT7JYNpo6MHHg=="],
+
    "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],

    "confbox": ["confbox@0.2.2", "", {}, "sha512-1NB+BKqhtNipMsov4xI/NnhCKp9XG9NamYp5PVm9klAT0fsrNPjaFICsCFhNhwZJKNh7zB/3q8qXz0E9oaMNtQ=="],
@ -411,22 +444,34 @@

    "core-js-compat": ["core-js-compat@3.43.0", "", { "dependencies": { "browserslist": "^4.25.0" } }, "sha512-2GML2ZsCc5LR7hZYz4AXmjQw8zuy2T//2QntwdnpuYI7jteT6GVYJL7F6C2C57R7gSYrcqVW3lAALefdbhBLDA=="],

+    "core-util-is": ["core-util-is@1.0.3", "", {}, "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="],
+
+    "crc-32": ["crc-32@1.2.2", "", { "bin": { "crc32": "bin/crc32.njs" } }, "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ=="],
+
+    "crc32-stream": ["crc32-stream@4.0.3", "", { "dependencies": { "crc-32": "^1.2.0", "readable-stream": "^3.4.0" } }, "sha512-NT7w2JVU7DFroFdYkeq8cywxrgjPHWkdX1wjpRQXPX5Asews3tA+Ght6lddQO5Mkumffp3X7GEqku3epj2toIw=="],
+
    "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],

    "cssesc": ["cssesc@3.0.0", "", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],

    "csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],

+    "dayjs": ["dayjs@1.11.13", "", {}, "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg=="],
+
    "de-indent": ["de-indent@1.0.2", "", {}, "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg=="],

    "debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],

    "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="],

+    "duplexer2": ["duplexer2@0.1.4", "", { "dependencies": { "readable-stream": "^2.0.2" } }, "sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA=="],
+
    "electron-to-chromium": ["electron-to-chromium@1.5.178", "", {}, "sha512-wObbz/ar3Bc6e4X5vf0iO8xTN8YAjN/tgiAOJLr7yjYFtP9wAjq8Mb5h0yn6kResir+VYx2DXBj9NNobs0ETSA=="],

    "emoji-regex": ["emoji-regex@10.4.0", "", {}, "sha512-EC+0oUMY1Rqm4O6LLrgjtYDvcVYTy7chDnM4Q7030tP4Kwj3u/pR6gP9ygnp2CJMK5Gq+9Q2oqmrFJAz01DXjw=="],

+    "end-of-stream": ["end-of-stream@1.4.5", "", { "dependencies": { "once": "^1.4.0" } }, "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg=="],
+
    "entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],

    "esbuild": ["esbuild@0.25.5", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.5", "@esbuild/android-arm": "0.25.5", "@esbuild/android-arm64": "0.25.5", "@esbuild/android-x64": "0.25.5", "@esbuild/darwin-arm64": "0.25.5", "@esbuild/darwin-x64": "0.25.5", "@esbuild/freebsd-arm64": "0.25.5", "@esbuild/freebsd-x64": "0.25.5", "@esbuild/linux-arm": "0.25.5", "@esbuild/linux-arm64": "0.25.5", "@esbuild/linux-ia32": "0.25.5", "@esbuild/linux-loong64": "0.25.5", "@esbuild/linux-mips64el": "0.25.5", "@esbuild/linux-ppc64": "0.25.5", "@esbuild/linux-riscv64": "0.25.5", "@esbuild/linux-s390x": "0.25.5", "@esbuild/linux-x64": "0.25.5", "@esbuild/netbsd-arm64": "0.25.5", "@esbuild/netbsd-x64": "0.25.5", "@esbuild/openbsd-arm64": "0.25.5", "@esbuild/openbsd-x64": "0.25.5", "@esbuild/sunos-x64": "0.25.5", "@esbuild/win32-arm64": "0.25.5", "@esbuild/win32-ia32": "0.25.5", "@esbuild/win32-x64": "0.25.5" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-P8OtKZRv/5J5hhz0cUAdu/cLuPIKXpQl1R9pZtvmHWQvrAUVd0UNIPT4IB4W3rNOqVO0rlqHmCIbSwxh/c9yUQ=="],
@ -489,8 +534,12 @@

    "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],

+    "exceljs": ["exceljs@4.4.0", "", { "dependencies": { "archiver": "^5.0.0", "dayjs": "^1.8.34", "fast-csv": "^4.3.1", "jszip": "^3.10.1", "readable-stream": "^3.6.0", "saxes": "^5.0.1", "tmp": "^0.2.0", "unzipper": "^0.10.11", "uuid": "^8.3.0" } }, "sha512-XctvKaEMaj1Ii9oDOqbW/6e1gXknSY4g/aLCDicOXqBE4M0nRWkUu0PTp++UPNzoFY12BNHMfs/VadKIS6llvg=="],
+
    "exsolve": ["exsolve@1.0.7", "", {}, "sha512-VO5fQUzZtI6C+vx4w/4BWJpg3s/5l+6pRQEHzFRM8WFi4XffSP1Z+4qi7GbjWbvRQEbdIco5mIMq+zX4rPuLrw=="],

+    "fast-csv": ["fast-csv@4.3.6", "", { "dependencies": { "@fast-csv/format": "4.3.5", "@fast-csv/parse": "4.3.6" } }, "sha512-2RNSpuwwsJGP0frGsOmTb9oUF+VkFSM4SyLTDgwf2ciHWTarN0lQTC+F2f/t5J9QjW+c65VFIAAu85GsvMIusw=="],
+
    "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],

    "fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
@ -515,14 +564,24 @@

    "flatted": ["flatted@3.3.3", "", {}, "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="],

+    "fs-constants": ["fs-constants@1.0.0", "", {}, "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="],
+
+    "fs.realpath": ["fs.realpath@1.0.0", "", {}, "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="],
+
    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],

+    "fstream": ["fstream@1.0.12", "", { "dependencies": { "graceful-fs": "^4.1.2", "inherits": "~2.0.0", "mkdirp": ">=0.5 0", "rimraf": "2" } }, "sha512-WvJ193OHa0GHPEL+AycEJgxvBEwyfRkN1vhjca23OaPVMCaLCXTd5qAu82AjTcgP1UJmytkOKb63Ypde7raDIg=="],
+
    "get-tsconfig": ["get-tsconfig@4.10.1", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-auHyJ4AgMz7vgS8Hp3N6HXSmlMdUyhSUrfBF16w153rxtLIEOE+HGqaBppczZvnHLqQJfiHotCYpNhl0lUROFQ=="],

+    "glob": ["glob@7.2.3", "", { "dependencies": { "fs.realpath": "^1.0.0", "inflight": "^1.0.4", "inherits": "2", "minimatch": "^3.1.1", "once": "^1.3.0", "path-is-absolute": "^1.0.0" } }, "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q=="],
+
    "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],

    "globals": ["globals@16.2.0", "", {}, "sha512-O+7l9tPdHCU320IigZZPj5zmRCFG9xHmx9cU8FqU2Rp+JN714seHV+2S9+JslCpY4gJwU2vOGox0wzgae/MCEg=="],

+    "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
+
    "graphemer": ["graphemer@1.4.0", "", {}, "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="],

    "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
@ -533,8 +592,12 @@

    "hosted-git-info": ["hosted-git-info@7.0.2", "", { "dependencies": { "lru-cache": "^10.0.1" } }, "sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w=="],

+    "ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
+
    "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],

+    "immediate": ["immediate@3.0.6", "", {}, "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="],
+
    "immutable": ["immutable@5.1.3", "", {}, "sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg=="],

    "import-fresh": ["import-fresh@3.3.1", "", { "dependencies": { "parent-module": "^1.0.0", "resolve-from": "^4.0.0" } }, "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ=="],
@ -545,6 +608,10 @@

    "index-to-position": ["index-to-position@1.1.0", "", {}, "sha512-XPdx9Dq4t9Qk1mTMbWONJqU7boCoumEH7fRET37HX5+khDUl3J2W6PdALxhILYlIYx2amlwYcRPp28p0tSiojg=="],

+    "inflight": ["inflight@1.0.6", "", { "dependencies": { "once": "^1.3.0", "wrappy": "1" } }, "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA=="],
+
+    "inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
+
    "is-binary-path": ["is-binary-path@2.1.0", "", { "dependencies": { "binary-extensions": "^2.0.0" } }, "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw=="],

    "is-builtin-module": ["is-builtin-module@5.0.0", "", { "dependencies": { "builtin-modules": "^5.0.0" } }, "sha512-f4RqJKBUe5rQkJ2eJEJBXSticB3hGbN9j0yxxMQFqIW89Jp9WYFtzfTcRlstDKVUTRzSOTLKRfO9vIztenwtxA=="],
@ -557,6 +624,8 @@

    "is-what": ["is-what@4.1.16", "", {}, "sha512-ZhMwEosbFJkA0YhFnNDgTM4ZxDRsS6HqTo7qsZM08fehyRYIYa0yHu5R6mgo1n/8MgaPBXiPimPD77baVFYg+A=="],

+    "isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
+
    "isexe": ["isexe@3.1.1", "", {}, "sha512-LpB/54B+/2J5hqQ7imZHfdU31OlgQqx7ZicVlkm9kzg9/w8GKLEcFfJl/t7DCEDueOyBAD6zCCwTO6Fzs0NoEQ=="],

    "js-tokens": ["js-tokens@9.0.1", "", {}, "sha512-mxa9E9ITFOt0ban3j6L5MpjwegGz6lBQmM1IJkWeBZGcMxto50+eWdjC/52xDbS2vy0k7vIMK0Fe2wfL9OQSpQ=="],
@ -581,20 +650,54 @@

    "jsonc-eslint-parser": ["jsonc-eslint-parser@2.4.0", "", { "dependencies": { "acorn": "^8.5.0", "eslint-visitor-keys": "^3.0.0", "espree": "^9.0.0", "semver": "^7.3.5" } }, "sha512-WYDyuc/uFcGp6YtM2H0uKmUwieOuzeE/5YocFJLnLfclZ4inf3mRn8ZVy1s7Hxji7Jxm6Ss8gqpexD/GlKoGgg=="],

+    "jszip": ["jszip@3.10.1", "", { "dependencies": { "lie": "~3.3.0", "pako": "~1.0.2", "readable-stream": "~2.3.6", "setimmediate": "^1.0.5" } }, "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g=="],
+
    "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],

    "kolorist": ["kolorist@1.8.0", "", {}, "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ=="],

+    "lazystream": ["lazystream@1.0.1", "", { "dependencies": { "readable-stream": "^2.0.5" } }, "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw=="],
+
    "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],

+    "lie": ["lie@3.3.0", "", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ=="],
+
+    "listenercount": ["listenercount@1.0.1", "", {}, "sha512-3mk/Zag0+IJxeDrxSgaDPy4zZ3w05PRZeJNnlWhzFz5OkX49J4krc+A8X2d2M69vGMBEX0uyl8M+W+8gH+kBqQ=="],
+
    "local-pkg": ["local-pkg@1.1.1", "", { "dependencies": { "mlly": "^1.7.4", "pkg-types": "^2.0.1", "quansync": "^0.2.8" } }, "sha512-WunYko2W1NcdfAFpuLUoucsgULmgDBRkdxHxWQ7mK0cQqwPiy8E1enjuRBrhLtZkB5iScJ1XIPdhVEFK8aOLSg=="],

    "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],

    "lodash": ["lodash@4.17.21", "", {}, "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="],

+    "lodash.defaults": ["lodash.defaults@4.2.0", "", {}, "sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ=="],
+
+    "lodash.difference": ["lodash.difference@4.5.0", "", {}, "sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA=="],
+
+    "lodash.escaperegexp": ["lodash.escaperegexp@4.1.2", "", {}, "sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw=="],
+
+    "lodash.flatten": ["lodash.flatten@4.4.0", "", {}, "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g=="],
+
+    "lodash.groupby": ["lodash.groupby@4.6.0", "", {}, "sha512-5dcWxm23+VAoz+awKmBaiBvzox8+RqMgFhi7UvX9DHZr2HdxHXM/Wrf8cfKpsW37RNrvtPn6hSwNqurSILbmJw=="],
+
+    "lodash.isboolean": ["lodash.isboolean@3.0.3", "", {}, "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="],
+
+    "lodash.isequal": ["lodash.isequal@4.5.0", "", {}, "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="],
+
+    "lodash.isfunction": ["lodash.isfunction@3.0.9", "", {}, "sha512-AirXNj15uRIMMPihnkInB4i3NHeb4iBtNg9WRWuK2o31S+ePwwNmDPaTL3o7dTJ+VXNZim7rFs4rxN4YU1oUJw=="],
+
+    "lodash.isnil": ["lodash.isnil@4.0.0", "", {}, "sha512-up2Mzq3545mwVnMhTDMdfoG1OurpA/s5t88JmQX809eH3C8491iu2sfKhTfhQtKY78oPNhiaHJUpT/dUDAAtng=="],
+
+    "lodash.isplainobject": ["lodash.isplainobject@4.0.6", "", {}, "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="],
+
+    "lodash.isundefined": ["lodash.isundefined@3.0.1", "", {}, "sha512-MXB1is3s899/cD8jheYYE2V9qTHwKvt+npCwpD+1Sxm3Q3cECXCiYHjeHWXNwr6Q0SOBPrYUDxendrO6goVTEA=="],
+
    "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],

+    "lodash.union": ["lodash.union@4.6.0", "", {}, "sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw=="],
+
+    "lodash.uniq": ["lodash.uniq@4.5.0", "", {}, "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ=="],
+
    "lru-cache": ["lru-cache@10.4.3", "", {}, "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="],

    "magic-string": ["magic-string@0.30.17", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0" } }, "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA=="],
@ -613,6 +716,8 @@

    "mitt": ["mitt@3.0.1", "", {}, "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="],

+    "mkdirp": ["mkdirp@3.0.1", "", { "bin": { "mkdirp": "dist/cjs/src/bin.js" } }, "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg=="],
+
    "mlly": ["mlly@1.7.4", "", { "dependencies": { "acorn": "^8.14.0", "pathe": "^2.0.1", "pkg-types": "^1.3.0", "ufo": "^1.5.4" } }, "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw=="],

    "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
@ -643,6 +748,8 @@

    "ohash": ["ohash@2.0.11", "", {}, "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="],

+    "once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
+
    "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],

    "p-limit": ["p-limit@3.1.0", "", { "dependencies": { "yocto-queue": "^0.1.0" } }, "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ=="],
@ -651,6 +758,8 @@

    "package-manager-detector": ["package-manager-detector@1.3.0", "", {}, "sha512-ZsEbbZORsyHuO00lY1kV3/t72yp6Ysay6Pd17ZAlNGuGwmWDLCJxFpRs0IzfXfj1o4icJOkUEioexFHzyPurSQ=="],

+    "pako": ["pako@1.0.11", "", {}, "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="],
+
    "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],

    "parse-json": ["parse-json@8.3.0", "", { "dependencies": { "@babel/code-frame": "^7.26.2", "index-to-position": "^1.1.0", "type-fest": "^4.39.1" } }, "sha512-ybiGyvspI+fAoRQbIPRddCcSTV9/LsJbf0e/S85VLowVGzRmokfneg2kwVW/KU5rOXrPSbF1qAKPMgNTqqROQQ=="],
@ -659,6 +768,8 @@

    "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],

+    "path-is-absolute": ["path-is-absolute@1.0.1", "", {}, "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg=="],
+
    "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],

    "pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
@ -685,6 +796,8 @@

    "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],

+    "process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
+
    "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],

    "quansync": ["quansync@0.2.10", "", {}, "sha512-t41VRkMYbkHyCYmOvx/6URnN80H7k4X0lLdBMGsz+maAwrJQYB1djpV6vHrQIBE0WBSGqhtEHrK9U3DWWH8v7A=="],
@ -697,6 +810,10 @@

    "read-pkg": ["read-pkg@9.0.1", "", { "dependencies": { "@types/normalize-package-data": "^2.4.3", "normalize-package-data": "^6.0.0", "parse-json": "^8.0.0", "type-fest": "^4.6.0", "unicorn-magic": "^0.1.0" } }, "sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA=="],

+    "readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
+
+    "readdir-glob": ["readdir-glob@1.1.3", "", { "dependencies": { "minimatch": "^5.1.0" } }, "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA=="],
+
    "readdirp": ["readdirp@3.6.0", "", { "dependencies": { "picomatch": "^2.2.1" } }, "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA=="],

    "refa": ["refa@0.12.1", "", { "dependencies": { "@eslint-community/regexpp": "^4.8.0" } }, "sha512-J8rn6v4DBb2nnFqkqwy6/NnTYMcgLA+sLr0iIO41qpv0n+ngb7ksag2tMRl0inb1bbO/esUwzW1vbJi7K0sI0g=="],
@ -715,12 +832,16 @@

    "rfdc": ["rfdc@1.4.1", "", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],

+    "rimraf": ["rimraf@2.7.1", "", { "dependencies": { "glob": "^7.1.3" }, "bin": { "rimraf": "./bin.js" } }, "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w=="],
+
    "rollup": ["rollup@4.44.1", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.44.1", "@rollup/rollup-android-arm64": "4.44.1", "@rollup/rollup-darwin-arm64": "4.44.1", "@rollup/rollup-darwin-x64": "4.44.1", "@rollup/rollup-freebsd-arm64": "4.44.1", "@rollup/rollup-freebsd-x64": "4.44.1", "@rollup/rollup-linux-arm-gnueabihf": "4.44.1", "@rollup/rollup-linux-arm-musleabihf": "4.44.1", "@rollup/rollup-linux-arm64-gnu": "4.44.1", "@rollup/rollup-linux-arm64-musl": "4.44.1", "@rollup/rollup-linux-loongarch64-gnu": "4.44.1", "@rollup/rollup-linux-powerpc64le-gnu": "4.44.1", "@rollup/rollup-linux-riscv64-gnu": "4.44.1", "@rollup/rollup-linux-riscv64-musl": "4.44.1", "@rollup/rollup-linux-s390x-gnu": "4.44.1", "@rollup/rollup-linux-x64-gnu": "4.44.1", "@rollup/rollup-linux-x64-musl": "4.44.1", "@rollup/rollup-win32-arm64-msvc": "4.44.1", "@rollup/rollup-win32-ia32-msvc": "4.44.1", "@rollup/rollup-win32-x64-msvc": "4.44.1", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-x8H8aPvD+xbl0Do8oez5f5o8eMS3trfCghc4HhLAnCkj7Vl0d1JWGs0UF/D886zLW2rOj2QymV/JcSSsw+XDNg=="],

    "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],

    "rxjs": ["rxjs@7.8.2", "", { "dependencies": { "tslib": "^2.1.0" } }, "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA=="],

+    "safe-buffer": ["safe-buffer@5.1.2", "", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
+
    "sass-embedded": ["sass-embedded@1.89.2", "", { "dependencies": { "@bufbuild/protobuf": "^2.5.0", "buffer-builder": "^0.2.0", "colorjs.io": "^0.5.0", "immutable": "^5.0.2", "rxjs": "^7.4.0", "supports-color": "^8.1.1", "sync-child-process": "^1.0.2", "varint": "^6.0.0" }, "optionalDependencies": { "sass-embedded-android-arm": "1.89.2", "sass-embedded-android-arm64": "1.89.2", "sass-embedded-android-riscv64": "1.89.2", "sass-embedded-android-x64": "1.89.2", "sass-embedded-darwin-arm64": "1.89.2", "sass-embedded-darwin-x64": "1.89.2", "sass-embedded-linux-arm": "1.89.2", "sass-embedded-linux-arm64": "1.89.2", "sass-embedded-linux-musl-arm": "1.89.2", "sass-embedded-linux-musl-arm64": "1.89.2", "sass-embedded-linux-musl-riscv64": "1.89.2", "sass-embedded-linux-musl-x64": "1.89.2", "sass-embedded-linux-riscv64": "1.89.2", "sass-embedded-linux-x64": "1.89.2", "sass-embedded-win32-arm64": "1.89.2", "sass-embedded-win32-x64": "1.89.2" }, "bin": { "sass": "dist/bin/sass.js" } }, "sha512-Ack2K8rc57kCFcYlf3HXpZEJFNUX8xd8DILldksREmYXQkRHI879yy8q4mRDJgrojkySMZqmmmW1NxrFxMsYaA=="],

    "sass-embedded-android-arm": ["sass-embedded-android-arm@1.89.2", "", { "os": "android", "cpu": "arm" }, "sha512-oHAPTboBHRZlDBhyRB6dvDKh4KvFs+DZibDHXbkSI6dBZxMTT+Yb2ivocHnctVGucKTLQeT7+OM5DjWHyynL/A=="],
@ -755,12 +876,16 @@

    "sass-embedded-win32-x64": ["sass-embedded-win32-x64@1.89.2", "", { "os": "win32", "cpu": "x64" }, "sha512-cS2j5ljdkQsb4PaORiClaVYynE9OAPZG/XjbOMxpQmjRIf7UroY4PEIH+Waf+y47PfXFX9SyxhYuw2NIKGbEng=="],

+    "saxes": ["saxes@5.0.1", "", { "dependencies": { "xmlchars": "^2.2.0" } }, "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw=="],
+
    "scslre": ["scslre@0.3.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.8.0", "refa": "^0.12.0", "regexp-ast-analysis": "^0.7.0" } }, "sha512-3A6sD0WYP7+QrjbfNA2FN3FsOaGGFoekCVgTyypy53gPxhbkCIjtO6YWgdrfM+n/8sI8JeXZOIxsHjMTNxQ4nQ=="],

    "scule": ["scule@1.3.0", "", {}, "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g=="],

    "semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],

+    "setimmediate": ["setimmediate@1.0.5", "", {}, "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="],
+
    "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],

    "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
@ -783,6 +908,8 @@

    "stable-hash-x": ["stable-hash-x@0.2.0", "", {}, "sha512-o3yWv49B/o4QZk5ZcsALc6t0+eCelPc44zZsLtCQnZPDwFpDYSWcDnrv2TtMmMbQ7uKo3J0HTURCqckw23czNQ=="],

+    "string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
+
    "strip-indent": ["strip-indent@4.0.0", "", { "dependencies": { "min-indent": "^1.0.1" } }, "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA=="],

    "strip-json-comments": ["strip-json-comments@3.1.1", "", {}, "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="],
@ -799,12 +926,18 @@

    "synckit": ["synckit@0.11.8", "", { "dependencies": { "@pkgr/core": "^0.2.4" } }, "sha512-+XZ+r1XGIJGeQk3VvXhT6xx/VpbHsRzsTkGgF6E5RX9TTXD0118l87puaEBZ566FhqblC6U0d4XnubznJDm30A=="],

+    "tar-stream": ["tar-stream@2.2.0", "", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
+
    "tinyexec": ["tinyexec@0.3.2", "", {}, "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA=="],

    "tinyglobby": ["tinyglobby@0.2.14", "", { "dependencies": { "fdir": "^6.4.4", "picomatch": "^4.0.2" } }, "sha512-tX5e7OM1HnYr2+a2C/4V0htOcSQcoSTH9KgJnVvNm5zm/cyEWKJ7j7YutsH9CxMdtOkkLFy2AHrMci9IM8IPZQ=="],

+    "tmp": ["tmp@0.2.3", "", {}, "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w=="],
+
    "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],

+    "traverse": ["traverse@0.3.9", "", {}, "sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ=="],
+
    "ts-api-utils": ["ts-api-utils@2.1.0", "", { "peerDependencies": { "typescript": ">=4.8.4" } }, "sha512-CUgTZL1irw8u29bzrOD/nH85jqyc74D6SshFgujOIA7osm2Rz7dYH77agkx7H4FBNxDq7Cjf+IjaX/8zwFW+ZQ=="],

    "tslib": ["tslib@2.8.1", "", {}, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
@ -839,6 +972,8 @@

    "unrs-resolver": ["unrs-resolver@1.9.2", "", { "dependencies": { "napi-postinstall": "^0.2.4" }, "optionalDependencies": { "@unrs/resolver-binding-android-arm-eabi": "1.9.2", "@unrs/resolver-binding-android-arm64": "1.9.2", "@unrs/resolver-binding-darwin-arm64": "1.9.2", "@unrs/resolver-binding-darwin-x64": "1.9.2", "@unrs/resolver-binding-freebsd-x64": "1.9.2", "@unrs/resolver-binding-linux-arm-gnueabihf": "1.9.2", "@unrs/resolver-binding-linux-arm-musleabihf": "1.9.2", "@unrs/resolver-binding-linux-arm64-gnu": "1.9.2", "@unrs/resolver-binding-linux-arm64-musl": "1.9.2", "@unrs/resolver-binding-linux-ppc64-gnu": "1.9.2", "@unrs/resolver-binding-linux-riscv64-gnu": "1.9.2", "@unrs/resolver-binding-linux-riscv64-musl": "1.9.2", "@unrs/resolver-binding-linux-s390x-gnu": "1.9.2", "@unrs/resolver-binding-linux-x64-gnu": "1.9.2", "@unrs/resolver-binding-linux-x64-musl": "1.9.2", "@unrs/resolver-binding-wasm32-wasi": "1.9.2", "@unrs/resolver-binding-win32-arm64-msvc": "1.9.2", "@unrs/resolver-binding-win32-ia32-msvc": "1.9.2", "@unrs/resolver-binding-win32-x64-msvc": "1.9.2" } }, "sha512-VUyWiTNQD7itdiMuJy+EuLEErLj3uwX/EpHQF8EOf33Dq3Ju6VW1GXm+swk6+1h7a49uv9fKZ+dft9jU7esdLA=="],

+    "unzipper": ["unzipper@0.10.14", "", { "dependencies": { "big-integer": "^1.6.17", "binary": "~0.3.0", "bluebird": "~3.4.1", "buffer-indexof-polyfill": "~1.0.0", "duplexer2": "~0.1.4", "fstream": "^1.0.12", "graceful-fs": "^4.2.2", "listenercount": "~1.0.1", "readable-stream": "~2.3.6", "setimmediate": "~1.0.4" } }, "sha512-ti4wZj+0bQTiX2KmKWuwj7lhV+2n//uXEotUmGuQqrbVZSEGFMbI68+c6JCQ8aAmUWYvtHEz2A8K6wXvueR/6g=="],
+
    "upath": ["upath@2.0.1", "", {}, "sha512-1uEe95xksV1O0CYKXo8vQvN1JEbtJp7lb7C5U9HMsIp6IVwntkH/oNUzyVNQSd4S1sYk2FpSSW44FqMc8qee5w=="],

    "update-browserslist-db": ["update-browserslist-db@1.1.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-UxhIZQ+QInVdunkDAaiazvvT/+fXL5Osr0JZlJulepYu6Jd7qJtDZjlur0emRlT71EN3ScPoE7gvsuIKKNavKw=="],
@ -847,6 +982,8 @@

    "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],

+    "uuid": ["uuid@8.3.2", "", { "bin": { "uuid": "dist/bin/uuid" } }, "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="],
+
    "validate-npm-package-license": ["validate-npm-package-license@3.0.4", "", { "dependencies": { "spdx-correct": "^3.0.0", "spdx-expression-parse": "^3.0.0" } }, "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew=="],

    "varint": ["varint@6.0.0", "", {}, "sha512-cXEIW6cfr15lFv563k4GuVuW/fiwjknytD37jIOLSdSWuOI6WnO/oKwmP2FQTU2l01LP8/M5TSAJpzUaGe3uWg=="],
@ -877,14 +1014,20 @@

    "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],

+    "wrappy": ["wrappy@1.0.2", "", {}, "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="],
+
    "xml-name-validator": ["xml-name-validator@4.0.0", "", {}, "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw=="],

+    "xmlchars": ["xmlchars@2.2.0", "", {}, "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="],
+
    "yaml": ["yaml@2.8.0", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-4lLa/EcQCB0cJkyts+FpIRx5G/llPxfP6VQU5KByHEhLxY3IJCH0f0Hy1MHI8sClTvsIb8qwRJ6R/ZdlDJ/leQ=="],

    "yaml-eslint-parser": ["yaml-eslint-parser@1.3.0", "", { "dependencies": { "eslint-visitor-keys": "^3.0.0", "yaml": "^2.0.0" } }, "sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA=="],

    "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],

+    "zip-stream": ["zip-stream@4.1.1", "", { "dependencies": { "archiver-utils": "^3.0.4", "compress-commons": "^4.1.2", "readable-stream": "^3.6.0" } }, "sha512-9qv4rlDiopXg4E69k+vMHjNN63YFMe9sZMrdlvKnCjlCRWeCBswPPMPUfx+ipsAWq1LXHe70RcbaHdJJpS6hyQ=="],
+
    "@babel/code-frame/js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],

    "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
@ -893,6 +1036,10 @@

    "@eslint/plugin-kit/@eslint/core": ["@eslint/core@0.15.1", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-bkOp+iumZCCbt1K1CmWf0R9pM5yKpDv+ZXtvSyQpudrI9kuFLp+bM2WOPXImuD/ceQuaa8f5pj93Y7zyECIGNA=="],

+    "@fast-csv/format/@types/node": ["@types/node@14.18.63", "", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
+
+    "@fast-csv/parse/@types/node": ["@types/node@14.18.63", "", {}, "sha512-fAtCfv4jJg+ExtXhvCkCqUKZ+4ok/JQk01qDKhL5BDDoS3AxKXhV5/MAVUZyQnSEd2GT92fkgZl0pz0Q0AzcIQ=="],
+
    "@humanfs/node/@humanwhocodes/retry": ["@humanwhocodes/retry@0.3.1", "", {}, "sha512-JBxkERygn7Bv/GbN5Rv8Ul6LVknS+5Bp6RgDC/O8gEBU/yeH5Ui5C/OlWrTb6qct7LjjfT6Re2NxB0ln0yYybA=="],

    "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
@ -907,6 +1054,8 @@

    "anymatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],

+    "archiver-utils/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
+
    "chalk/ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],

    "chalk/supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
@ -917,6 +1066,8 @@

    "cross-spawn/which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],

+    "duplexer2/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
+
    "eslint-plugin-import-x/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],

    "eslint-plugin-unicorn/@eslint/plugin-kit": ["@eslint/plugin-kit@0.2.8", "", { "dependencies": { "@eslint/core": "^0.13.0", "levn": "^0.4.1" } }, "sha512-ZAoA40rNMPwSm+AeHpCq8STiNAwzWLJuP8Xv4CHIc9wv/PSuExjMrmjfYNj682vW0OOiZ1HKxzvjQr9XZIisQA=="],
@ -929,34 +1080,50 @@

    "jsonc-eslint-parser/espree": ["espree@9.6.1", "", { "dependencies": { "acorn": "^8.9.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^3.4.1" } }, "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ=="],

+    "jszip/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
+
+    "lazystream/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
+
    "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],

    "mlly/pkg-types": ["pkg-types@1.3.1", "", { "dependencies": { "confbox": "^0.1.8", "mlly": "^1.7.4", "pathe": "^2.0.1" } }, "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ=="],

    "npm-run-all2/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],

+    "readdir-glob/minimatch": ["minimatch@5.1.6", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g=="],
+
    "readdirp/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],

    "regjsparser/jsesc": ["jsesc@3.0.2", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-xKqzzWXDttJuOcawBt4KnKHHIf5oQ/Cxax+0PWFG+DFDgHNAdi+TXECADI+RYiFUMmx8792xsMbbgXj4CwnP4g=="],

+    "string_decoder/safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="],
+
    "unimport/escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],

    "unplugin-fonts/unplugin": ["unplugin@2.0.0-beta.1", "", { "dependencies": { "acorn": "^8.14.0", "webpack-virtual-modules": "^0.6.2" } }, "sha512-2qzQo5LN2DmUZXkWDHvGKLF5BP0WN+KthD6aPnPJ8plRBIjv4lh5O07eYcSxgO2znNw9s4MNhEO1sB+JDllDbQ=="],

    "unplugin-vue-router/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],

+    "unzipper/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
+
    "vue-i18n/@vue/devtools-api": ["@vue/devtools-api@6.6.4", "", {}, "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="],

    "vue-router/@vue/devtools-api": ["@vue/devtools-api@6.6.4", "", {}, "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="],

    "yaml-eslint-parser/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],

+    "zip-stream/archiver-utils": ["archiver-utils@3.0.4", "", { "dependencies": { "glob": "^7.2.3", "graceful-fs": "^4.2.0", "lazystream": "^1.0.0", "lodash.defaults": "^4.2.0", "lodash.difference": "^4.5.0", "lodash.flatten": "^4.4.0", "lodash.isplainobject": "^4.0.6", "lodash.union": "^4.6.0", "normalize-path": "^3.0.0", "readable-stream": "^3.6.0" } }, "sha512-KVgf4XQVrTjhyWmx6cte4RxonPLR9onExufI1jhvw/MQ4BB6IsZD5gT8Lq+u/+pRkWna/6JoHpiQioaqFP5Rzw=="],
+
    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],

    "@vue/language-core/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],

+    "archiver-utils/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
+
    "cross-spawn/which/isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],

+    "duplexer2/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
+
    "eslint-plugin-import-x/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],

    "eslint-plugin-unicorn/@eslint/plugin-kit/@eslint/core": ["@eslint/core@0.13.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-yfkgDw1KR66rkT5A8ci4irzDysN7FRpq3ttJolR88OqQikAWqwA8j5VZyas+vjyBNFIJ7MfybJ9plMILI2UrCw=="],
@ -967,10 +1134,18 @@

    "eslint-plugin-vuejs-accessibility/vue-eslint-parser/espree": ["espree@9.6.1", "", { "dependencies": { "acorn": "^8.9.0", "acorn-jsx": "^5.3.2", "eslint-visitor-keys": "^3.4.1" } }, "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ=="],

+    "jszip/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
+
+    "lazystream/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
+
    "mlly/pkg-types/confbox": ["confbox@0.1.8", "", {}, "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w=="],

    "npm-run-all2/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],

+    "readdir-glob/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
+
    "unplugin-vue-router/chokidar/readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
+
+    "unzipper/readable-stream/string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
  }
 }
--- a/index.html
+++ b/index.html
@ -3,8 +3,11 @@
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
+
+    <!-- iOS图标 -->
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Welcome to Vuetify 3</title>
+    <title>Loading...</title>
  </head>
  <body>
    <div id="app"></div>
--- a/package.json
+++ b/package.json
@ -14,6 +14,7 @@
  "dependencies": {
    "@fontsource/roboto": "5.2.5",
    "@mdi/font": "7.4.47",
+    "exceljs": "^4.4.0",
    "vue": "^3.5.13",
    "vue-i18n": "^11.1.9",
    "vuetify": "^3.8.1"
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/src/App.vue
+++ b/src/App.vue
@ -1,198 +1,8 @@
 <template>
  <v-app>
-    <v-app-bar
-      app
-      class="app-bar-transition"
-      :class="{ 'app-bar-pill': !drawer, 'app-bar-rect': drawer }"
-      color="primary"
-      elevation="4"
-      :rounded="drawer ? 'none' : 'pill'"
-    >
-      <v-app-bar-nav-icon @click="drawer = !drawer" />
-      <v-app-bar-title class="text-h6">
-        {{ menuItems[selectedIndex].title }}
-      </v-app-bar-title>
-
-      <v-spacer />
-
-      <v-btn icon="mdi-translate" @click="toggleLanguage" />
-    </v-app-bar>
-
-    <v-navigation-drawer
-      v-model="drawer"
-      app
-      class="drawer-transition"
-      :width="drawerWidth"
-    >
-      <v-list-item class="pa-4">
-        <v-list-item-title class="text-h6 text-primary">
-          {{ locale === 'zh' ? '计算工具' : 'Calculator' }}
-        </v-list-item-title>
-        <v-list-item-subtitle>
-          {{ locale === 'zh' ? '纸管计算辅助工具' : 'Paper Tube Calculator' }}
-        </v-list-item-subtitle>
-      </v-list-item>
-
-      <v-divider />
-
-      <v-list density="compact">
-        <v-list-item
-          v-for="(item, index) in menuItems"
-          :key="index"
-          :active="selectedIndex === index"
-          class="ma-1"
-          :color="selectedIndex === index ? 'primary' : undefined"
-          rounded="lg"
-          @click="handleSelect(index)"
-        >
-          <v-list-item-title class="text-body-2">
-            {{ item.title }}
-          </v-list-item-title>
-        </v-list-item>
-      </v-list>
-
-    </v-navigation-drawer>
-
-    <v-main>
-      <v-container
-        class="pa-6"
-        fluid
-      />
-      <v-fade-transition mode="out-in">
-        <component :is="currentComponent" :key="selectedIndex" />
-      </v-fade-transition>
-    </v-main>
+    <router-view />
  </v-app>
-
 </template>

 <script lang="ts" setup>
-  import { computed, onMounted, onUnmounted, ref } from 'vue'
-  import { useI18n } from 'vue-i18n'
-
-  import BeltSpecificationCalculate from '@/components/Modules/BeltSpecificationCalculate.vue'
-  import MultiLayerPaperTapeWidthAngleCalculate from '@/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue'
-  import PaperRollWeightLengthCalculate from '@/components/Modules/PaperRollWeightLengthCalculate.vue'
-  import PaperTapeWidthAngleCalculate from '@/components/Modules/PaperTapeWidthAngleCalculate.vue'
-  import PaperTubeProductionCalculate from '@/components/Modules/PaperTubeProductionCalculate.vue'
-  import PaperTubeWeightCalculate from '@/components/Modules/PaperTubeWeightCalculate.vue'
-
-  const { t, locale } = useI18n()
-
-  const drawer = ref(true)
-  const selectedIndex = ref(0)
-  const windowWidth = ref(typeof window === 'undefined' ? 1200 : window.innerWidth)
-
-  // 监听窗口变化
-  const handleResize = () => {
-    if (typeof window === 'undefined') return
-    windowWidth.value = window.innerWidth
-  }
-
-  onMounted(() => {
-    if (typeof window === 'undefined') return
-    window.addEventListener('resize', handleResize)
-  })
-
-  onUnmounted(() => {
-    if (typeof window === 'undefined') return
-    window.removeEventListener('resize', handleResize)
-  })
-
-  const drawerWidth = computed(() => {
-    const isZh = locale.value === 'zh'
-
-    // 计算菜单项中最长标题的长度
-    const maxTitleLength = menuItems.value.reduce((max, item) => {
-      return Math.max(max, item.title.length)
-    }, 0)
-
-    const isMobile = windowWidth.value < 600
-    const isTablet = windowWidth.value < 960
-
-    // 根据屏幕宽度和标题长度计算抽屉宽度
-    let calculatedWidth: number
-
-    if (isMobile) {
-      // 移动设备：更紧凑的布局
-      calculatedWidth = isZh ? maxTitleLength * 12 + 60 : maxTitleLength * 6 + 60
-    } else if (isTablet) {
-      // 平板设备：中等布局
-      calculatedWidth = isZh ? maxTitleLength * 13 + 70 : maxTitleLength * 6.5 + 70
-    } else {
-      // 桌面设备：宽松布局
-      calculatedWidth = isZh ? maxTitleLength * 15 + 80 : maxTitleLength * 7 + 80
-    }
-
-    const minWidth = isMobile ? 240 : (isTablet ? 280 : 300)
-    const maxWidth = isMobile ? 360 : (isTablet ? 400 : 500)
-
-    const finalWidth = Math.max(minWidth, Math.min(calculatedWidth, maxWidth))
-
-    // 开发环境调试信息
-    if (import.meta.env.DEV) {
-      console.debug('Navigation drawer width calculation:', {
-        locale: locale.value,
-        maxTitleLength,
-        calculatedWidth,
-        finalWidth,
-        windowWidth: windowWidth.value,
-        device: isMobile ? 'mobile' : (isTablet ? 'tablet' : 'desktop'),
-      })
-    }
-
-    return finalWidth
-  })
-
-  const menuItems = computed(() => {
-    return [
-      {
-        title: t('paperTubeWeightCalculate'),
-        component: 'PaperTubeWeightCalculate',
-      },
-      {
-        title: t('beltSpecificationCalculate'),
-        component: 'BeltSpecificationCalculate',
-      },
-      {
-        title: t('paperRollWeightLengthCalculate'),
-        component: 'PaperRollWeightLengthCalculate',
-      },
-      {
-        title: t('paperTubeProductionCalculate'),
-        component: 'PaperTubeProductionCalculate',
-      },
-      {
-        title: t('paperTapeWidthAngleCalculate'),
-        component: 'PaperTapeWidthAngleCalculate',
-      },
-      {
-        title: t('multiLayerPaperTapeWidthAngleCalculate'),
-        component: 'MultiLayerPaperTapeWidthAngleCalculate',
-      },
-    ]
-  })
-
-  const components = {
-    PaperTubeWeightCalculate,
-    BeltSpecificationCalculate,
-    PaperRollWeightLengthCalculate,
-    PaperTubeProductionCalculate,
-    PaperTapeWidthAngleCalculate,
-    MultiLayerPaperTapeWidthAngleCalculate,
-  }
-
-  const currentComponent = computed(() => {
-    const componentName = menuItems.value[selectedIndex.value]?.component || 'BeltSpecificationCalculate'
-    return components[componentName as keyof typeof components]
-  })
-
-  function toggleLanguage () {
-    locale.value = locale.value === 'zh' ? 'en' : 'zh'
-  }
-
-  function handleSelect (index: number) {
-    selectedIndex.value = index
-    drawer.value = false // 选择后自动关闭抽屉
-  }
 </script>
--- a/src/assets/logo.ico
+++ b/src/assets/logo.ico
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/assets/logo.svg
+++ b/src/assets/logo.svg
@ -1,6 +0,0 @@
-<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M261.126 140.65L164.624 307.732L256.001 466L377.028 256.5L498.001 47H315.192L261.126 140.65Z" fill="#1697F6"/>
-<path d="M135.027 256.5L141.365 267.518L231.64 111.178L268.731 47H256H14L135.027 256.5Z" fill="#AEDDFF"/>
-<path d="M315.191 47C360.935 197.446 256 466 256 466L164.624 307.732L315.191 47Z" fill="#1867C0"/>
-<path d="M268.731 47C76.0026 47 141.366 267.518 141.366 267.518L268.731 47Z" fill="#7BC6FF"/>
-</svg>
--- a/src/assets/pro02.png
+++ b/src/assets/pro02.png
--- a/src/assets/pro04.png
+++ b/src/assets/pro04.png
--- a/src/components.d.ts
+++ b/src/components.d.ts
@ -8,9 +8,9 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
  export interface GlobalComponents {
-    AppFooter: typeof import('./components/AppFooter.vue')['default']
    BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
-    HelloWorld: typeof import('./components/HelloWorld.vue')['default']
+    FourLayerPaperStrawCalculate: typeof import('./components/Modules/FourLayerPaperStrawCalculate.vue')['default']
+    InputParamSection: typeof import('./components/InputParamSection.vue')['default']
    MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
    PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default']
    PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default']
@ -18,7 +18,10 @@ declare module 'vue' {
    PaperTubeWeightCalculate: typeof import('./components/Modules/PaperTubeWeightCalculate.vue')['default']
    ParamInputField: typeof import('./components/ParamInputField.vue')['default']
    ResultCard: typeof import('./components/ResultCard.vue')['default']
+    ResultListItem: typeof import('./components/ResultListItem.vue')['default']
+    ResultSection: typeof import('./components/ResultSection.vue')['default']
    RouterLink: typeof import('vue-router')['RouterLink']
    RouterView: typeof import('vue-router')['RouterView']
+    ThreeLayerPaperStrawCalculate: typeof import('./components/Modules/ThreeLayerPaperStrawCalculate.vue')['default']
  }
 }
--- a/src/components/AppFooter.vue
+++ b/src/components/AppFooter.vue
@ -1,82 +0,0 @@
-<template>
-  <v-footer
-    app
-    height="40"
-  >
-    <a
-      v-for="item in items"
-      :key="item.title"
-      class="d-inline-block mx-2 social-link"
-      :href="item.href"
-      rel="noopener noreferrer"
-      target="_blank"
-      :title="item.title"
-    >
-      <v-icon
-        :icon="item.icon"
-        :size="item.icon === '$vuetify' ? 24 : 16"
-      />
-    </a>
-
-    <div
-      class="text-caption text-disabled"
-      style="position: absolute; right: 16px;"
-    >
-      &copy; 2016-{{ (new Date()).getFullYear() }} <span class="d-none d-sm-inline-block">Vuetify, LLC</span>
-      —
-      <a
-        class="text-decoration-none on-surface"
-        href="https://vuetifyjs.com/about/licensing/"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        MIT License
-      </a>
-    </div>
-  </v-footer>
-</template>
-
-<script setup lang="ts">
-  const items = [
-    {
-      title: 'Vuetify Documentation',
-      icon: `$vuetify`,
-      href: 'https://vuetifyjs.com/',
-    },
-    {
-      title: 'Vuetify Support',
-      icon: 'mdi-shield-star-outline',
-      href: 'https://support.vuetifyjs.com/',
-    },
-    {
-      title: 'Vuetify X',
-      icon: ['M2.04875 3.00002L9.77052 13.3248L1.99998 21.7192H3.74882L10.5519 14.3697L16.0486 21.7192H22L13.8437 10.8137L21.0765 3.00002H19.3277L13.0624 9.76874L8.0001 3.00002H2.04875ZM4.62054 4.28821H7.35461L19.4278 20.4308H16.6937L4.62054 4.28821Z'],
-      href: 'https://x.com/vuetifyjs',
-    },
-    {
-      title: 'Vuetify GitHub',
-      icon: `mdi-github`,
-      href: 'https://github.com/vuetifyjs/vuetify',
-    },
-    {
-      title: 'Vuetify Discord',
-      icon: ['M22,24L16.75,19L17.38,21H4.5A2.5,2.5 0 0,1 2,18.5V3.5A2.5,2.5 0 0,1 4.5,1H19.5A2.5,2.5 0 0,1 22,3.5V24M12,6.8C9.32,6.8 7.44,7.95 7.44,7.95C8.47,7.03 10.27,6.5 10.27,6.5L10.1,6.33C8.41,6.36 6.88,7.53 6.88,7.53C5.16,11.12 5.27,14.22 5.27,14.22C6.67,16.03 8.75,15.9 8.75,15.9L9.46,15C8.21,14.73 7.42,13.62 7.42,13.62C7.42,13.62 9.3,14.9 12,14.9C14.7,14.9 16.58,13.62 16.58,13.62C16.58,13.62 15.79,14.73 14.54,15L15.25,15.9C15.25,15.9 17.33,16.03 18.73,14.22C18.73,14.22 18.84,11.12 17.12,7.53C17.12,7.53 15.59,6.36 13.9,6.33L13.73,6.5C13.73,6.5 15.53,7.03 16.56,7.95C16.56,7.95 14.68,6.8 12,6.8M9.93,10.59C10.58,10.59 11.11,11.16 11.1,11.86C11.1,12.55 10.58,13.13 9.93,13.13C9.29,13.13 8.77,12.55 8.77,11.86C8.77,11.16 9.28,10.59 9.93,10.59M14.1,10.59C14.75,10.59 15.27,11.16 15.27,11.86C15.27,12.55 14.75,13.13 14.1,13.13C13.46,13.13 12.94,12.55 12.94,11.86C12.94,11.16 13.45,10.59 14.1,10.59Z'],
-      href: 'https://community.vuetifyjs.com/',
-    },
-    {
-      title: 'Vuetify Reddit',
-      icon: `mdi-reddit`,
-      href: 'https://reddit.com/r/vuetifyjs',
-    },
-  ]
-</script>
-
-<style scoped lang="sass">
-  .social-link :deep(.v-icon)
-    color: rgba(var(--v-theme-on-background), var(--v-disabled-opacity))
-    text-decoration: none
-    transition: .2s ease-in-out
-
-    &:hover
-      color: rgba(25, 118, 210, 1)
-</style>
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@ -1,90 +0,0 @@
-<template>
-  <v-container class="fill-height" max-width="900">
-    <div>
-      <v-img
-        class="mb-4"
-        height="150"
-        src="@/assets/logo.png"
-      />
-
-      <div class="mb-8 text-center">
-        <div class="text-body-2 font-weight-light mb-n1">Welcome to</div>
-        <h1 class="text-h2 font-weight-bold">Vuetify</h1>
-      </div>
-
-      <v-row>
-        <v-col cols="12">
-          <v-card
-            class="py-4"
-            color="surface-variant"
-            image="https://cdn.vuetifyjs.com/docs/images/one/create/feature.png"
-            prepend-icon="mdi-rocket-launch-outline"
-            rounded="lg"
-            variant="tonal"
-          >
-            <template #image>
-              <v-img position="top right" />
-            </template>
-
-            <template #title>
-              <h2 class="text-h5 font-weight-bold">
-                Get started
-              </h2>
-            </template>
-
-            <template #subtitle>
-              <div class="text-subtitle-1">
-                Change this page by updating <v-kbd>{{ `<HelloWorld />` }}</v-kbd> in <v-kbd>components/HelloWorld.vue</v-kbd>.
-              </div>
-            </template>
-          </v-card>
-        </v-col>
-
-        <v-col v-for="link in links" :key="link.href" cols="6">
-          <v-card
-            append-icon="mdi-open-in-new"
-            class="py-4"
-            color="surface-variant"
-            :href="link.href"
-            :prepend-icon="link.icon"
-            rel="noopener noreferrer"
-            rounded="lg"
-            :subtitle="link.subtitle"
-            target="_blank"
-            :title="link.title"
-            variant="tonal"
-          />
-        </v-col>
-      </v-row>
-    </div>
-  </v-container>
-</template>
-
-<script setup lang="ts">
-  const links = [
-    {
-      href: 'https://vuetifyjs.com/',
-      icon: 'mdi-text-box-outline',
-      subtitle: 'Learn about all things Vuetify in our documentation.',
-      title: 'Documentation',
-    },
-    {
-      href: 'https://vuetifyjs.com/introduction/why-vuetify/#feature-guides',
-      icon: 'mdi-star-circle-outline',
-      subtitle: 'Explore available framework Features.',
-      title: 'Features',
-    },
-    {
-      href: 'https://vuetifyjs.com/components/all',
-      icon: 'mdi-widgets-outline',
-      subtitle: 'Discover components in the API Explorer.',
-      title: 'Components',
-    },
-    {
-      href: 'https://discord.vuetifyjs.com',
-      icon: 'mdi-account-group-outline',
-      subtitle: 'Connect with Vuetify developers.',
-      title: 'Community',
-    },
-  ]
-</script>
--- a/src/components/InputParamSection.vue
+++ b/src/components/InputParamSection.vue
@ -0,0 +1,20 @@
+<template>
+  <v-list-item>
+    <v-list-item-title class="text-h6 text-primary">
+      {{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}
+    </v-list-item-title>
+    <v-list-item-subtitle>
+      {{ label }}
+    </v-list-item-subtitle>
+  </v-list-item>
+</template>
+
+<script setup lang="ts">
+  import type { Param } from '@/types/param'
+
+  defineProps<{
+    label: string
+    value: Param
+    fixed?: number
+  }>()
+</script>
--- a/src/components/Modules/BeltSpecificationCalculate.vue
+++ b/src/components/Modules/BeltSpecificationCalculate.vue
@ -2,24 +2,32 @@
  <div class="calculator-container">
    <v-row justify="center">
      <!-- 参数输入区域 -->
-      <v-col
-        cols="12"
-        lg="5"
-        md="6"
-      >
-        <v-card
-          class="pa-6 parameter-card"
-          elevation="8"
-          rounded="xl"
-        >
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 parameter-card" elevation="8" rounded="xl">
          <v-card-title class="text-h5 mb-6 d-flex align-center">
-            <v-icon
-              class="mr-3"
-              color="primary"
-              icon="mdi-tune"
-              size="large"
-            />
-            {{ $t('parameters') }}
+            <v-row>
+              <v-col cols="6">
+                <v-icon class="mr-3" color="primary" icon="mdi-tune" size="large" />
+                {{ $t('common.parameters') }}
+              </v-col>
+              <!-- <v-col class="d-flex align-end justify-center flex-column" cols="6">
+                <v-tooltip content-class="transparent-tooltip" transition="fade-transition">
+                  <v-card
+                    class="pa-2"
+                    width="200"
+                  >
+                    <v-card-text>
+                      这是用卡片自定义的 Tooltip 内容。
+                    </v-card-text>
+                  </v-card>
+                  <template #activator="{ props }">
+                    <v-btn v-bind="props" color="white" icon="mdi-help" size="x-small" />
+                  </template>
+                </v-tooltip>
+
+              </v-col> -->
+            </v-row>
+
          </v-card-title>

          <v-row>
@ -28,7 +36,7 @@
                v-model="currentSelect"
                density="comfortable"
                :items="selects"
-                :label="`${$t('machineModel')}`"
+                :label="`${$t('page.belt-specification.parameters.machine-model')}`"
                @update:model-value="updateParams"
              />
            </v-col>
@ -36,26 +44,26 @@
              <param-input-field
                v-model="maxWheelbase"
                :disabled="!isCustomMode"
-                :label="`${$t('maxWheelbase')} (${maxWheelbase.unit})`"
+                :label="`${$t('page.belt-specification.parameters.max-wheelbase')}`"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="hubDiameter"
                :disabled="!isCustomMode"
-                :label="`${$t('hubDiameter')} (${hubDiameter.unit})`"
+                :label="`${$t('page.belt-specification.parameters.hub-diameter')}`"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperCoreDiameter"
-                :label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
+                :label="`${$t('page.belt-specification.parameters.paper-tube-inner-diameter')}`"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollWallThickness"
-                :label="`${$t('paperRollWallThickness')} (${paperRollWallThickness.unit})`"
+                :label="`${$t('page.belt-specification.parameters.paper-tube-wall-thickness')}`"
              />
            </v-col>
          </v-row>
@ -63,46 +71,52 @@
      </v-col>

      <!-- 结果显示区域 -->
-      <v-col
-        cols="12"
-        lg="5"
-        md="6"
-      >
-        <v-card
-          class="pa-6 result-card"
-          elevation="8"
-          rounded="xl"
-        >
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 result-card" elevation="8" rounded="xl">
          <v-card-title class="text-h5 mb-6 d-flex align-center">
-            <v-icon
-              class="mr-3"
-              color="primary"
-              icon="mdi-calculator"
-              size="large"
-            />
-            {{ $t('results') }}
+            <v-icon class="mr-3" color="primary" icon="mdi-calculator" size="large" />
+            {{ $t('common.results') }}
          </v-card-title>

-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltThickness')} (${result.recommendBeltThickness.unit})`"
-                :value="result.recommendBeltThickness"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltWidth')} (${result.recommendBeltWidth.unit})`"
-                :value="result.recommendBeltWidth"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltLength')} (${result.recommendBeltLength.unit})`"
-                :value="result.recommendBeltLength"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-list-item :label="`${$t('page.belt-specification.results.recommend-belt-thickness')}`" :value="result.recommendBeltThickness" />
+            <result-list-item :label="`${$t('page.belt-specification.results.recommend-belt-width')}`" :value="result.recommendBeltWidth" />
+            <result-list-item :label="`${$t('page.belt-specification.results.recommend-belt-length')}`" :value="result.recommendBeltLength" />
+          </v-list>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.belt-specification.parameters.max-wheelbase')" :value="maxWheelbase" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.belt-specification.parameters.hub-diameter')" :value="hubDiameter" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.belt-specification.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.belt-specification.parameters.paper-tube-wall-thickness')" :value="paperRollWallThickness" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
        </v-card>
      </v-col>
    </v-row>
@ -121,12 +135,12 @@
  const currentSelectIndex = ref(0)

  const selects = computed(() => [
-    t('50_120Series'),
-    t('200_Series'),
-    t('600_Series'),
-    t('new_50_120Series'),
-    t('new_200_Series'),
-    t('custom'),
+    t('page.belt-specification.machine-model.50_120-series'),
+    t('page.belt-specification.machine-model.200-series'),
+    t('page.belt-specification.machine-model.600-series'),
+    t('page.belt-specification.machine-model.PT23-120-series'),
+    t('page.belt-specification.machine-model.PT23-200-series'),
+    t('page.belt-specification.machine-model.custom'),
  ])

  const maxWheelbase = ref<Param>(createParam(900, 'mm'))
@ -187,23 +201,23 @@
  // 机器型号预设参数配置
  const machineConfigs = computed(() => {
    return {
-      [t('50_120Series')]: {
+      [t('page.belt-specification.machine-model.50_120-series')]: {
        maxWheelbase: 900,
        hubDiameter: 215,
      },
-      [t('200_Series')]: {
+      [t('page.belt-specification.machine-model.200-series')]: {
        maxWheelbase: 1100,
        hubDiameter: 245,
      },
-      [t('600_Series')]: {
+      [t('page.belt-specification.machine-model.600-series')]: {
        maxWheelbase: 1675,
        hubDiameter: 320,
      },
-      [t('new_50_120Series')]: {
+      [t('page.belt-specification.machine-model.PT23-120-series')]: {
        maxWheelbase: 900,
        hubDiameter: 240,
      },
-      [t('new_200_Series')]: {
+      [t('page.belt-specification.machine-model.PT23-200-series')]: {
        maxWheelbase: 1100,
        hubDiameter: 268,
      },
@ -222,7 +236,7 @@

  // 当前处于自定义模式
  const isCustomMode = computed(() => {
-    return currentSelect.value === t('custom')
+    return currentSelect.value === t('page.belt-specification.machine-model.custom')
  })

  onMounted(() => {
@ -239,3 +253,11 @@
  })

 </script>
+
+<style scoped>
+  :deep(.transparent-tooltip) {
+    background: transparent !important;
+    box-shadow: none !important;
+    padding: 0 !important;
+  }
+</style>
--- a/src/components/Modules/FourLayerPaperStrawCalculate.vue
+++ b/src/components/Modules/FourLayerPaperStrawCalculate.vue
@ -0,0 +1,300 @@
+<template>
+  <div class="calculator-container">
+    <v-row justify="center">
+      <!-- 参数输入区域 -->
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 parameter-card" elevation="8" rounded="xl">
+          <v-card-title class="text-h5 mb-6 d-flex align-center">
+            <v-icon class="mr-3" color="primary" icon="mdi-tune" size="large" />
+            {{ $t('common.parameters') }}
+          </v-card-title>
+
+          <v-row>
+            <v-col cols="8">
+              <v-select
+                v-model="currentSelect"
+                density="comfortable"
+                :items="selects"
+                :label="$t('page.four-layer-paper-straw.parameters.preset-specification')"
+                @update:model-value="updateParams"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="paperCoreDiameter" :disabled="!isCustomMode" :label="`${$t('page.four-layer-paper-straw.parameters.paper-tube-inner-diameter')}(d)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperWidth" :disabled="!isCustomMode" :label="`${$t('page.four-layer-paper-straw.parameters.bottom-paper-width')}(B1)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperThickness" :label="`${$t('page.four-layer-paper-straw.parameters.bottom-paper-thickness')}(T1)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="secondLayerPaperThickness" :label="`${$t('page.four-layer-paper-straw.parameters.second-layer-paper-thickness')}(T2)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="thirdLayerPaperThickness" :label="`${$t('page.four-layer-paper-straw.parameters.third-layer-paper-thickness')}(T3)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="topPaperThickness" :label="`${$t('page.four-layer-paper-straw.parameters.top-paper-thickness')}(T4)`" />
+            </v-col>
+          </v-row>
+          <v-divider class="my-6" />
+          <v-row>
+            <v-btn
+              block
+              color="warning"
+              prepend-icon="mdi-refresh"
+              size="large"
+              variant="outlined"
+              @click="resetParameters"
+            >
+              {{ $t('common.reset') }}
+            </v-btn>
+          </v-row>
+        </v-card>
+      </v-col>
+
+      <!-- 计算结果区域  -->
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 result-card" elevation="8" rounded="xl">
+          <v-card-title class="text-h5 d-flex align-center">
+            <v-icon
+              class="mr-3"
+              color="primary"
+              icon="mdi-calculator"
+              size="large"
+            />
+            {{ $t('common.results') }}
+          </v-card-title>
+          <v-img src="@/assets/pro04.png" />
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">{{ $t('page.four-layer-paper-straw.section.paper-straw-specification') }}</h6>
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.paper-tube-inner-diameter')}(d)`"
+              :value="result.paperCoreDiameter"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.paper-tube-external-diameter')}(D)`"
+              :value="result.paperTubeExternalDiameter"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.paper-tube-wall-thickness')}(T)`"
+              :value="result.paperTubeWallThickness"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.leading-length')}(S)`"
+              :value="result.leadingLength"
+            />
+          </v-sheet>
+
+          <v-divider class="my-4" />
+
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">{{ $t('page.four-layer-paper-straw.section.production-parameters') }}</h6>
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.bottom-paper-angle')}(A)`"
+              :value="result.bottomPaperAngle"
+            />
+
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.bottom-paper-width')}(B1)`"
+              :value="result.bottomPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.second-layer-paper-width')}(B2)`"
+              :value="result.secondLayerPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.third-layer-paper-width')}(B3)`"
+              :value="result.thirdLayerPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.top-paper-width')}(B4)`"
+              :value="result.topPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.four-layer-paper-straw.results.belt-width')}`"
+              :value="result.beltWidth"
+            />
+          </v-sheet>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.bottom-paper-width')" :value="bottomPaperWidth" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.bottom-paper-thickness')" :value="bottomPaperThickness" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.second-layer-paper-thickness')" :value="secondLayerPaperThickness" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.third-layer-paper-thickness')" :value="thirdLayerPaperThickness" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.four-layer-paper-straw.parameters.top-paper-thickness')" :value="topPaperThickness" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n'
+  import { createParam, type Param } from '@/types/param'
+  import { degreesToRadians, radiansToDegrees } from '@/utils/angle'
+  import ParamInputField from '../ParamInputField.vue'
+
+  const { t, locale } = useI18n()
+
+  const currentSelect = ref('')
+  const currentSelectIndex = ref(0)
+
+  const selects = computed(() => [
+    t('page.four-layer-paper-straw.preset-specification.inner_3_3-outer_4_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_3_8-outer_4_5'),
+    t('page.four-layer-paper-straw.preset-specification.inner_4_3-outer_5_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_5_3-outer_6_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_6_3-outer_7_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_7_3-outer_8_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_8_3-outer_9_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_9_3-outer_10_0'),
+    t('page.four-layer-paper-straw.preset-specification.inner_11_3-outer_12_0'),
+    t('page.four-layer-paper-straw.preset-specification.custom'),
+  ])
+
+  const presetParams = computed(() => {
+    return {
+      [t('page.four-layer-paper-straw.preset-specification.inner_3_3-outer_4_0')]: {
+        paperCoreDiameter: 3.3,
+        bottomPaperWidth: 9.5,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_3_8-outer_4_5')]: {
+        paperCoreDiameter: 3.8,
+        bottomPaperWidth: 10,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_4_3-outer_5_0')]: {
+        paperCoreDiameter: 4.3,
+        bottomPaperWidth: 11,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_5_3-outer_6_0')]: {
+        paperCoreDiameter: 5.3,
+        bottomPaperWidth: 13.5,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_6_3-outer_7_0')]: {
+        paperCoreDiameter: 6.3,
+        bottomPaperWidth: 16,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_7_3-outer_8_0')]: {
+        paperCoreDiameter: 7.3,
+        bottomPaperWidth: 18.5,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_8_3-outer_9_0')]: {
+        paperCoreDiameter: 8.3,
+        bottomPaperWidth: 21,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_9_3-outer_10_0')]: {
+        paperCoreDiameter: 9.3,
+        bottomPaperWidth: 23.5,
+      },
+      [t('page.four-layer-paper-straw.preset-specification.inner_11_3-outer_12_0')]: {
+        paperCoreDiameter: 11.3,
+        bottomPaperWidth: 28.5,
+      },
+    }
+  })
+
+  const paperCoreDiameter = ref<Param>(createParam(3.3, 'mm'))
+  const bottomPaperWidth = ref<Param>(createParam(9.5, 'mm'))
+  const bottomPaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const secondLayerPaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const thirdLayerPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+  const topPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+
+  const result = computed(() => {
+    // 计算逻辑待补充
+    const totalThickness
+      = (bottomPaperThickness.value.value
+        + secondLayerPaperThickness.value.value
+        + thirdLayerPaperThickness.value.value
+        + topPaperThickness.value.value) / 800
+    const paperTubeExternalDiameter
+      = paperCoreDiameter.value.value + totalThickness * 2
+
+    const bottomPaperAngle = 90 - radiansToDegrees(Math.acos(bottomPaperWidth.value.value / (paperCoreDiameter.value.value * Math.PI)))
+    const leadingLength = bottomPaperWidth.value.value / Math.sin(degreesToRadians(90 - bottomPaperAngle))
+
+    const secondLayerPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value / 800)) * Math.PI / leadingLength))))
+    const thirdLayerPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + secondLayerPaperThickness.value.value) / 800) * Math.PI / leadingLength))))
+    const topPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + secondLayerPaperThickness.value.value + thirdLayerPaperThickness.value.value) / 800) * Math.PI / leadingLength))))
+
+    const beltWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * totalThickness) * Math.PI / leadingLength))))
+
+    return {
+      paperCoreDiameter: paperCoreDiameter.value,
+      paperTubeExternalDiameter: createParam(paperTubeExternalDiameter, 'mm'),
+      paperTubeWallThickness: createParam(totalThickness, 'mm'),
+      bottomPaperAngle: createParam(bottomPaperAngle, 'degree'),
+      leadingLength: createParam(leadingLength, 'mm'),
+      bottomPaperWidth: bottomPaperWidth.value,
+      secondLayerPaperWidth: createParam(secondLayerPaperWidth, 'mm'),
+      thirdLayerPaperWidth: createParam(thirdLayerPaperWidth, 'mm'),
+      topPaperWidth: createParam(topPaperWidth, 'mm'),
+      beltWidth: createParam(beltWidth, 'mm'),
+    }
+  })
+
+  const resetParameters = () => {
+    paperCoreDiameter.value = createParam(3.3, 'mm')
+    bottomPaperWidth.value = createParam(9.5, 'mm')
+    bottomPaperThickness.value = createParam(120, 'g_per_m2')
+    secondLayerPaperThickness.value = createParam(120, 'g_per_m2')
+    thirdLayerPaperThickness.value = createParam(60, 'g_per_m2')
+    topPaperThickness.value = createParam(60, 'g_per_m2')
+  }
+
+  const updateParams = (item: string) => {
+    const selected = presetParams.value[item]
+    currentSelectIndex.value = selects.value.indexOf(item)
+    if (selected) {
+      paperCoreDiameter.value = createParam(selected.paperCoreDiameter, 'mm')
+      bottomPaperWidth.value = createParam(selected.bottomPaperWidth, 'mm')
+    }
+  }
+
+  const isCustomMode = computed(() => {
+    return currentSelectIndex.value === selects.value.length - 1
+  })
+
+  onMounted(() => {
+    currentSelect.value = selects.value[0]
+    updateParams(currentSelect.value)
+  })
+
+  watch(locale, () => {
+    currentSelect.value = selects.value[currentSelectIndex.value]
+    updateParams(currentSelect.value)
+  })
+</script>
--- a/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
+++ b/src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
@ -1,11 +1,497 @@
-<script setup lang="ts">
-
-</script>
-
 <template>
+  <div class="calculator-container">
+    <v-row justify="center">
+      <!-- 参数输入区域 -->
+      <v-col
+        cols="12"
+        lg="5"
+        md="6"
+      >
+        <v-card
+          class="pa-6 parameter-card"
+          elevation="8"
+          rounded="xl"
+        >
+          <v-card-title class="text-h5 mb-6 d-flex align-center">
+            <v-icon
+              class="mr-3"
+              color="primary"
+              icon="mdi-tune"
+              size="large"
+            />
+            {{ $t('common.parameters') }}
+          </v-card-title>

+          <v-row>
+            <v-col cols="12">
+              <param-input-field
+                v-model="paperCoreDiameter"
+                :disabled="recordList.length > 0"
+                :label="$t('page.multi-layer-paper-tape-width-angle.parameters.paper-tube-inner-diameter')"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field
+                v-model="bottomPaperWidth"
+                :disabled="recordList.length > 0"
+                :label="$t('page.multi-layer-paper-tape-width-angle.parameters.bottom-paper-width')"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field
+                v-model="paperGrammage"
+                :label="$t('page.multi-layer-paper-tape-width-angle.parameters.paper-grammage')"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field
+                v-model="paperDensity"
+                :label="$t('page.multi-layer-paper-tape-width-angle.parameters.paper-density')"
+              />
+            </v-col>
+          </v-row>
+
+          <v-divider class="my-6" />
+
+          <v-row>
+            <v-col cols="12">
+              <div class="d-flex flex-column flex-sm-row justify-end align-center ga-3">
+                <!-- 次要功能按钮组 -->
+                <div class="d-flex ga-2 order-2 order-sm-1">
+                  <v-btn
+                    color="warning"
+                    size="small"
+                    variant="outlined"
+                    @click="clearAll"
+                  >
+                    <v-icon class="mr-1">mdi-refresh</v-icon>
+                    {{ $t('page.multi-layer-paper-tape-width-angle.operation.clear') }}
+                  </v-btn>
+                  <v-btn
+                    color="success"
+                    size="small"
+                    variant="outlined"
+                    @click="saveParams"
+                  >
+                    <v-icon class="mr-1">mdi-content-save</v-icon>
+                    {{ $t('page.multi-layer-paper-tape-width-angle.operation.save') }}
+                  </v-btn>
+                </div>
+
+                <!-- 主要功能按钮组 -->
+                <v-btn-group
+                  class="order-1 order-sm-2"
+                  color="primary"
+                  divided
+                  variant="elevated"
+                >
+                  <v-btn
+                    :size="$vuetify.display.xs ? 'default' : 'large'"
+                    @click="removeLayer"
+                  >
+                    <v-icon class="mr-1">mdi-minus</v-icon>
+                    {{ $t('page.multi-layer-paper-tape-width-angle.operation.remove') }}
+                  </v-btn>
+                  <v-btn
+                    :size="$vuetify.display.xs ? 'default' : 'large'"
+                    @click="addLayer"
+                  >
+                    <v-icon class="mr-1">mdi-plus</v-icon>
+                    {{ $t('page.multi-layer-paper-tape-width-angle.operation.add') }}
+                  </v-btn>
+                </v-btn-group>
+              </div>
+            </v-col>
+          </v-row>
+        </v-card>
+      </v-col>
+
+      <!-- 结果显示区域 -->
+      <v-col
+        cols="12"
+        lg="5"
+        md="6"
+      >
+        <v-card
+          class="pa-6 result-card"
+          elevation="8"
+          rounded="xl"
+        >
+          <v-card-title class="text-h5 mb-6 d-flex align-center">
+            <v-icon
+              class="mr-3"
+              color="primary"
+              icon="mdi-calculator"
+              size="large"
+            />
+            {{ $t('common.results') }}
+          </v-card-title>
+
+          <v-table
+            fixed-header
+            theme="primary"
+          >
+            <thead>
+              <tr>
+                <th>{{ $t('page.multi-layer-paper-tape-width-angle.header.layer') }}</th>
+                <th>{{ $t('page.multi-layer-paper-tape-width-angle.header.paper-grammage') }}</th>
+                <th>{{ $t('page.multi-layer-paper-tape-width-angle.header.cumulative-thickness') }}</th>
+                <th>{{ $t('page.multi-layer-paper-tape-width-angle.header.angle') }}</th>
+                <th>{{ $t('page.multi-layer-paper-tape-width-angle.header.paper-tape-width') }}</th>
+              </tr>
+            </thead>
+            <transition-group name="fade" tag="tbody">
+              <tr v-for="(record, index) in recordList" :key="index" class="table-row-item">
+                <td>{{ record.layer }}</td>
+                <td>{{ record.grammage.value }} {{ $t(`units.${record.grammage.unit}`) }}</td>
+                <td>{{ record.cumulativeThickness.value.toFixed(2) }} {{ $t(`units.${record.cumulativeThickness.unit}`) }}</td>
+                <td>{{ record.angle.value.toFixed(2) }} {{ $t(`units.${record.angle.unit}`) }}</td>
+                <td>{{ record.paperWidth.value.toFixed(2) }} {{ $t(`units.${record.paperWidth.unit}`) }}</td>
+              </tr>
+            </transition-group>
+          </v-table>
+        </v-card>
+
+      </v-col>
+    </v-row>
+  </div>
 </template>

-<style scoped lang="sass">
+<script setup lang="ts">
+  import * as EXCEL from 'exceljs'
+  import { computed, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { createParam, type Param } from '@/types/param'
+  import { degreesToRadians, radiansToDegrees } from '@/utils/angle'
+
+  const { t } = useI18n()
+
+  interface LayerRecord {
+    layer: number
+    grammage: Param
+    cumulativeThickness: Param
+    angle: Param
+    paperWidth: Param
+  }
+
+  const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
+  const bottomPaperWidth = ref<Param>(createParam(105, 'mm'))
+  const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))
+  const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
+
+  const recordList = ref<LayerRecord[]>([])
+
+  const result = computed(() => {
+    const paperRollWallThickness = paperGrammage.value.value / paperDensity.value.value / 1000
+    // eslint-disable-next-line unicorn/prefer-at
+    const paperTotalThickness = recordList.value.length === 0 ? 0 : recordList.value[recordList.value.length - 1].cumulativeThickness.value
+    const paperRollExternalDiameter = paperCoreDiameter.value.value + 2 * paperTotalThickness
+    const paperAngle = 90 - radiansToDegrees(Math.acos(bottomPaperWidth.value.value / (paperCoreDiameter.value.value * Math.PI)))
+    const leadingLength = bottomPaperWidth.value.value / Math.sin(degreesToRadians(90 - paperAngle))
+    const beltAngle = 90 - radiansToDegrees(Math.atan(paperRollExternalDiameter * Math.PI / leadingLength))
+    const paperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan(paperRollExternalDiameter * Math.PI / leadingLength))))
+
+    return {
+      layer: recordList.value.length + 1,
+      grammage: paperGrammage.value,
+      cumulativeThickness: createParam(paperTotalThickness + paperRollWallThickness, 'mm'),
+      angle: createParam(beltAngle, 'degree'),
+      paperWidth: createParam(paperWidth, 'mm'),
+    }
+  })
+
+  // 按钮功能方法
+  const clearAll = () => {
+    recordList.value = []
+  }
+
+  const saveParams = async () => {
+    if (recordList.value.length === 0) {
+      console.warn('No records to save.')
+      return
+    }
+
+    try {
+      // 创建工作簿和工作表
+      const workbook = new EXCEL.Workbook()
+      const worksheet = workbook.addWorksheet(t('page.multi-layer-paper-tape-width-angle.excel.sheet-name'))
+
+      // 创建样式
+      // headerStyle: 表头样式，根据Excel内建样式Calculation设置
+      const headerStyle: EXCEL.Style = {
+        fill: {
+          type: 'pattern',
+          pattern: 'solid',
+          fgColor: { argb: 'FFF2F2F2' },
+        },
+        font: {
+          name: 'Arial',
+          size: 11,
+          bold: true,
+          color: { argb: 'FFFA7D00' },
+        },
+        alignment: {
+          horizontal: 'center',
+          vertical: 'middle',
+        },
+        numFmt: 'General',
+        protection: {},
+        border: {
+          top: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          bottom: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          left: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          right: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+        },
+      }
+      // parameterStyle: 参数样式，使用默认样式
+      const parameterStyle: EXCEL.Style = {
+        font: {
+          name: 'Arial',
+          size: 12,
+          color: { argb: 'FF000000' },
+        },
+        alignment: {
+          horizontal: 'center',
+          vertical: 'middle',
+        },
+        numFmt: 'General',
+        protection: {},
+        border: {},
+        fill: {
+          type: 'pattern',
+          pattern: 'none',
+        },
+      }
+
+      // valueStyle: 数值样式，使用默认样式，保留2位小数
+      const valueStyle: EXCEL.Style = {
+        font: {
+          name: 'Arial',
+          size: 12,
+          color: { argb: 'FF000000' },
+        },
+        alignment: {
+          horizontal: 'center',
+          vertical: 'middle',
+        },
+        numFmt: '0.00',
+        protection: {},
+        border: {},
+        fill: {
+          type: 'pattern',
+          pattern: 'none',
+        },
+      }
+      // conditionStyle: 条件样式，使用默认样式
+      const conditionStyle: EXCEL.Style = {
+        font: {
+          name: 'Arial',
+          size: 16,
+          bold: true,
+          color: { argb: 'FF444444' },
+        },
+        alignment: {
+          horizontal: 'center',
+          vertical: 'middle',
+        },
+        numFmt: 'General',
+        protection: {},
+        border: {
+          top: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          bottom: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          left: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+          right: { style: 'thin', color: { argb: 'FF7F7F7F' } },
+        },
+        fill: {
+          type: 'pattern',
+          pattern: 'none',
+        },
+      }
+
+      // 添加Parameters表头
+      worksheet.getCell('A1').value = t('common.parameters')
+      worksheet.getCell('A1').style = headerStyle
+      worksheet.mergeCells('A1:D1')
+
+      worksheet.getCell('A2').value = `${t('page.multi-layer-paper-tape-width-angle.parameters.paper-tube-inner-diameter')} (${paperCoreDiameter.value.unit})`
+      worksheet.getCell('A2').style = parameterStyle
+      worksheet.mergeCells('A2:B2')
+
+      worksheet.getCell('C2').value = `${t('page.multi-layer-paper-tape-width-angle.parameters.bottom-paper-width')} (${bottomPaperWidth.value.unit})`
+      worksheet.getCell('C2').style = parameterStyle
+      worksheet.mergeCells('C2:D2')
+
+      // 添加Parameters数据
+      worksheet.getCell('A3').value = paperCoreDiameter.value.value
+      worksheet.getCell('A3').style = valueStyle
+      worksheet.mergeCells('A3:B3')
+
+      worksheet.getCell('C3').value = bottomPaperWidth.value.value
+      worksheet.getCell('C3').style = valueStyle
+      worksheet.mergeCells('C3:D3')
+
+      // 添加Results表头
+      worksheet.getCell('A7').value = t('common.results')
+      worksheet.getCell('A7').style = headerStyle
+      worksheet.mergeCells('A7:E7')
+
+      // 添加Results表头列名
+      worksheet.getCell('A8').value = t('page.multi-layer-paper-tape-width-angle.header.layer')
+      worksheet.getCell('A8').style = parameterStyle
+      worksheet.getCell('B8').value = t('page.multi-layer-paper-tape-width-angle.header.paper-grammage') + ` (${t(`units.${recordList.value[0].grammage.unit}`)})`
+      worksheet.getCell('B8').style = parameterStyle
+      worksheet.getCell('C8').value = t('page.multi-layer-paper-tape-width-angle.header.cumulative-thickness') + ` (${t(`units.${recordList.value[0].cumulativeThickness.unit}`)})`
+      worksheet.getCell('C8').style = parameterStyle
+      worksheet.getCell('D8').value = t('page.multi-layer-paper-tape-width-angle.header.angle') + ` (${t(`units.${recordList.value[0].angle.unit}`)})`
+      worksheet.getCell('D8').style = parameterStyle
+      worksheet.getCell('E8').value = t('page.multi-layer-paper-tape-width-angle.header.paper-tape-width') + ` (${t(`units.${recordList.value[0].paperWidth.unit}`)})`
+      worksheet.getCell('E8').style = parameterStyle
+
+      // 添加Results数据
+      for (const [index, record] of recordList.value.entries()) {
+        worksheet.getCell(`A${index + 9}`).value = record.layer
+        worksheet.getCell(`A${index + 9}`).style = parameterStyle
+        worksheet.getCell(`B${index + 9}`).value = record.grammage.value
+        worksheet.getCell(`B${index + 9}`).style = valueStyle
+        worksheet.getCell(`C${index + 9}`).value = record.cumulativeThickness.value
+        worksheet.getCell(`C${index + 9}`).style = valueStyle
+        worksheet.getCell(`D${index + 9}`).value = record.angle.value
+        worksheet.getCell(`D${index + 9}`).style = valueStyle
+        worksheet.getCell(`E${index + 9}`).value = record.paperWidth.value
+        worksheet.getCell(`E${index + 9}`).style = valueStyle
+      }
+
+      // 添加Reference表头
+      worksheet.getCell('F1').value = t('page.multi-layer-paper-tape-width-angle.export.reference')
+      worksheet.getCell('F1').style = headerStyle
+      worksheet.mergeCells('F1:H1')
+      worksheet.getCell('F2').value = t('page.multi-layer-paper-tape-width-angle.header.angle')
+      worksheet.getCell('F2').style = parameterStyle
+      worksheet.mergeCells('F2:F3')
+      worksheet.getCell('G2').value = t('page.multi-layer-paper-tape-width-angle.export.minimum')
+      worksheet.getCell('G2').style = parameterStyle
+      worksheet.getCell('H2').value = t('page.multi-layer-paper-tape-width-angle.export.maximum')
+      worksheet.getCell('H2').style = parameterStyle
+
+      // 添加Reference数据
+      worksheet.getCell('G3').value = 10
+      worksheet.getCell('G3').style = parameterStyle
+      worksheet.getCell('H3').value = 45
+      worksheet.getCell('H3').style = parameterStyle
+      worksheet.getCell('F4').value = t('page.multi-layer-paper-tape-width-angle.export.calculated-value')
+      worksheet.getCell('F4').style = parameterStyle
+      // 所有记录中最小角度
+      worksheet.getCell('G4').value = {
+        formula: `MIN(D9:D${8 + recordList.value.length})`,
+      }
+      worksheet.getCell('G4').style = valueStyle
+      // 所有记录中最大角度
+      worksheet.getCell('H4').value = {
+        formula: `MAX(D9:D${8 + recordList.value.length})`,
+      }
+      worksheet.getCell('H4').style = valueStyle
+
+      // 计算结果: 最小角度>10 且 最大角度<45
+      worksheet.getCell('F5').value = {
+        formula: `IF(AND(G4>10, H4<45), "${t('page.multi-layer-paper-tape-width-angle.export.fit')}", "${t('page.multi-layer-paper-tape-width-angle.export.notFit')}")`,
+      }
+      worksheet.getCell('F5').style = conditionStyle
+      worksheet.addConditionalFormatting({
+        ref: 'F5',
+        rules: [
+          {
+            type: 'expression',
+            formulae: ['OR(G4<=10, H4>=45)'],
+            style: {
+              fill: { type: 'pattern', pattern: 'solid', bgColor: { argb: 'FFFF7F7F' } }, // 红色背景
+            },
+            priority: 1,
+          },
+          {
+            type: 'expression',
+            formulae: ['AND(G4>10, H4<45)'],
+            style: {
+              fill: { type: 'pattern', pattern: 'solid', bgColor: { argb: 'FFA6E65C' } }, // 绿色背景
+            },
+            priority: 1,
+          },
+        ],
+      })
+      worksheet.mergeCells('F5:H6')
+
+      // 自动调整列宽
+      for (const [_index, column] of worksheet.columns.entries()) {
+        let maxLength = 0
+
+        if (column && typeof column.eachCell === 'function') {
+          column.eachCell({ includeEmpty: true }, cell => {
+            const cellValue = cell.value ? String(cell.value) : ''
+            if (cellValue.length > maxLength) {
+              maxLength = cellValue.length
+            }
+          })
+
+          // 设置列宽
+          column.width = maxLength + 4 // 增加一些额外空间
+        }
+      }
+
+      // 设置文件名
+      const timeStamp = new Date().toISOString().replace(/[-:T]/g, '').slice(0, 15)
+      const filename = `${t('page.multi-layer-paper-tape-width-angle.export.filename')}_${timeStamp}.xlsx`
+
+      // 导出为文件
+      const buffer = await workbook.xlsx.writeBuffer()
+      const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
+
+      const url = window.URL.createObjectURL(blob)
+      const link = document.createElement('a')
+      link.href = url
+      link.download = filename
+      document.body.append(link)
+      link.click()
+      link.remove()
+      window.URL.revokeObjectURL(url)
+
+      console.log('Saved as Excel file:', filename)
+    } catch (error) {
+      console.error('Error saving parameters:', error)
+      return
+    }
+  }
+
+  const addLayer = () => {
+    // 添加层的逻辑
+    recordList.value.push({
+      layer: result.value.layer,
+      grammage: result.value.grammage,
+      cumulativeThickness: result.value.cumulativeThickness,
+      angle: result.value.angle,
+      paperWidth: result.value.paperWidth,
+    })
+  }
+
+  const removeLayer = () => {
+    // 移除层的逻辑
+    recordList.value.pop()
+  }
+</script>
+
+<style scoped>
+.table-row-item {
+  /* ensure rows still render as table rows */
+  display: table-row;
+}
+
+/* enter/leave transitions */
+.fade-enter-active,
+.fade-leave-active {
+  transition: all 300ms ease;
+}
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+  transform: translateY(-10px);
+}

 </style>
--- a/src/components/Modules/PaperRollWeightLengthCalculate.vue
+++ b/src/components/Modules/PaperRollWeightLengthCalculate.vue
@ -10,7 +10,7 @@
        md="6"
      >
        <v-card
-          class="pa-6 parameters-card"
+          class="pa-6 parameter-card"
          elevation="8"
          rounded="xl"
        >
@ -21,38 +21,38 @@
              icon="mdi-tune"
              size="large"
            />
-            {{ $t('parameters') }}
+            {{ $t('common.parameters') }}
          </v-card-title>

          <v-row>
            <v-col cols="12">
              <param-input-field
                v-model="paperCoreDiameter"
-                :label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
+                :label="$t('page.paper-roll-weight-length.parameters.paper-core-diameter')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollExternalDiameter"
-                :label="`${$t('paperRollExternalDiameter')} (${paperRollExternalDiameter.unit})`"
+                :label="$t('page.paper-roll-weight-length.parameters.paper-roll-external-diameter')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollWidth"
-                :label="`${$t('paperRollWidth')} (${paperRollWidth.unit})`"
+                :label="$t('page.paper-roll-weight-length.parameters.paper-roll-width')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperDensity"
-                :label="`${$t('paperDensity')} (${paperDensity.unit})`"
+                :label="$t('page.paper-roll-weight-length.parameters.paper-density')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperGrammage"
-                :label="`${$t('paperGrammage')} (${paperGrammage.unit})`"
+                :label="$t('page.paper-roll-weight-length.parameters.paper-grammage')"
              />
            </v-col>
          </v-row>
@ -66,7 +66,7 @@
              variant="outlined"
              @click="resetParameters"
            >
-              {{ $t('reset') }}
+              {{ $t('common.reset') }}
            </v-btn>
          </v-row>
        </v-card>
@ -90,29 +90,62 @@
              icon="mdi-calculator"
              size="large"
            />
-            {{ $t('results') }}
+            {{ $t('common.results') }}
          </v-card-title>

-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperRollWeight')"
-                :value="result.paperRollWeight"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperRollLength')"
-                :value="result.paperRollLength"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('paperThickness')"
-                :value="result.paperThickness"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-list-item
+              :label="$t('page.paper-roll-weight-length.results.paper-roll-weight')"
+              :value="result.paperRollWeight"
+            />
+            <result-list-item
+              :label="$t('page.paper-roll-weight-length.results.paper-roll-length')"
+              :value="result.paperRollLength"
+            />
+            <result-list-item
+              :label="$t('page.paper-roll-weight-length.results.paper-thickness')"
+              :value="result.paperThickness"
+            />
+          </v-list>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-roll-weight-length.parameters.paper-core-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-roll-weight-length.parameters.paper-roll-external-diameter')" :value="paperRollExternalDiameter" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-roll-weight-length.parameters.paper-roll-width')" :value="paperRollWidth" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-roll-weight-length.parameters.paper-density')" :value="paperDensity" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-roll-weight-length.parameters.paper-grammage')" :value="paperGrammage" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
        </v-card>
      </v-col>
    </v-row>
@ -124,10 +157,10 @@
  import { createParam, type Param } from '@/types/param'

  const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
-  const paperRollExternalDiameter = ref<Param>(createParam(200, 'mm'))
-  const paperRollWidth = ref<Param>(createParam(100, 'mm'))
-  const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
-  const paperGrammage = ref<Param>(createParam(420, 'g/m²'))
+  const paperRollExternalDiameter = ref<Param>(createParam(1200, 'mm'))
+  const paperRollWidth = ref<Param>(createParam(1600, 'mm'))
+  const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
+  const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))

  const result = computed(() => {
    const paperRollExternalRadius = paperRollExternalDiameter.value.value / 2
@ -147,8 +180,8 @@
    paperCoreDiameter.value = createParam(76.2, 'mm')
    paperRollExternalDiameter.value = createParam(200, 'mm')
    paperRollWidth.value = createParam(100, 'mm')
-    paperDensity.value = createParam(0.76, 'g/cm³')
-    paperGrammage.value = createParam(420, 'g/m²')
+    paperDensity.value = createParam(0.76, 'g_per_cm3')
+    paperGrammage.value = createParam(420, 'g_per_m2')
  }
 </script>

--- a/src/components/Modules/PaperTapeWidthAngleCalculate.vue
+++ b/src/components/Modules/PaperTapeWidthAngleCalculate.vue
@ -19,26 +19,26 @@
              icon="mdi-tune"
              size="large"
            />
-            {{ $t('parameters') }}
+            {{ $t('common.parameters') }}
          </v-card-title>

          <v-row>
            <v-col cols="12">
              <param-input-field
                v-model="paperCoreDiameter"
-                :label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
+                :label="$t('page.paper-tape-width-angle.parameters.paper-tube-inner-diameter')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollWallThickness"
-                :label="`${$t('paperRollWallThickness')} (${paperRollWallThickness.unit})`"
+                :label="$t('page.paper-tape-width-angle.parameters.paper-tube-wall-thickness')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="innerPaperWidth"
-                :label="`${$t('innerPaperWidth')} (${innerPaperWidth.unit})`"
+                :label="$t('page.paper-tape-width-angle.parameters.inner-paper-width')"
              />
            </v-col>
          </v-row>
@ -54,7 +54,7 @@
              variant="outlined"
              @click="resetParameters"
            >
-              {{ $t('reset') }}
+              {{ $t('common.reset') }}
            </v-btn>
          </v-row>
        </v-card>
@ -65,23 +65,43 @@
        <v-card class="pa-6 result-card" elevation="8" rounded="xl">
          <v-card-title class="text-h5 mb-6 d-flex align-center">
            <v-icon class="mr-3" color="primary" icon="mdi-calculator" size="large" />
-            {{ $t('results') }}
+            {{ $t('common.results') }}
          </v-card-title>

-          <v-row>
-            <v-col cols="12">
-              <result-card :label="$t('beltAngle')" :value="result.beltAngle" />
-            </v-col>
-            <v-col cols="12">
-              <result-card :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
-            </v-col>
-            <v-col cols="12">
-              <result-card :label="$t('leadingLength')" :value="result.leadingLength" />
-            </v-col>
-            <v-col cols="12">
-              <result-card :label="$t('paperWidth')" :value="result.paperWidth" />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-list-item :label="$t('page.paper-tape-width-angle.results.belt-angle')" :value="result.beltAngle" />
+            <result-list-item :label="$t('page.paper-tape-width-angle.results.paper-holder-angle')" :value="result.paperHolderAngle" />
+            <result-list-item :label="$t('page.paper-tape-width-angle.results.leading-length')" :value="result.leadingLength" />
+            <result-list-item :label="$t('page.paper-tape-width-angle.results.paper-tape-width')" :value="result.paperWidth" />
+          </v-list>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tape-width-angle.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tape-width-angle.parameters.paper-tube-wall-thickness')" :value="paperRollWallThickness" />
+                  </v-col>
+                  <v-col cols="12">
+                    <input-param-section :label="$t('page.paper-tape-width-angle.parameters.inner-paper-width')" :value="innerPaperWidth" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
        </v-card>
      </v-col>
    </v-row>
@ -106,8 +126,8 @@
    const paperWidth = leadingLength * Math.sin(Math.atan(paperRollExternalDiameter * Math.PI / leadingLength))

    return {
-      beltAngle: createParam(beltAngle, '°'),
-      paperHolderAngle: createParam(paperHolderAngle, '°'),
+      beltAngle: createParam(beltAngle, 'degree'),
+      paperHolderAngle: createParam(paperHolderAngle, 'degree'),
      leadingLength: createParam(leadingLength, 'mm'),
      paperWidth: createParam(paperWidth, 'mm'),
    }
--- a/src/components/Modules/PaperTubeProductionCalculate.vue
+++ b/src/components/Modules/PaperTubeProductionCalculate.vue
@ -19,56 +19,56 @@
              icon="mdi-tune"
              size="large"
            />
-            {{ $t('parameters') }}
+            {{ $t('common.parameters') }}
          </v-card-title>

          <v-row>
            <v-col cols="12">
              <param-input-field
                v-model="paperCoreDiameter"
-                :label="`${$t('paperCoreDiameter')}(${paperCoreDiameter.unit})`"
+                :label="$t('page.paper-tube-production.parameters.paper-tube-inner-diameter')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollWallThickness"
-                :label="`${$t('paperRollWallThickness')}(${paperRollWallThickness.unit})`"
+                :label="$t('page.paper-tube-production.parameters.paper-tube-wall-thickness')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollLength"
-                :label="`${$t('paperRollLength')}(${paperRollLength.unit})`"
+                :label="$t('page.paper-tube-production.parameters.paper-tube-length')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperDensity"
-                :label="`${$t('paperDensity')}(${paperDensity.unit})`"
+                :label="$t('page.paper-tube-production.parameters.paper-density')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="innerPaperWidth"
-                :label="`${$t('innerPaperWidth')}(${innerPaperWidth.unit})`"
+                :label="$t('page.paper-tube-production.parameters.inner-paper-width')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="workFrequency"
-                :label="`${$t('workFrequency')}(${workFrequency.unit})`"
+                :label="$t('page.paper-tube-production.parameters.work-frequency')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="workTime"
-                :label="`${$t('workTime')}(${workTime.unit})`"
+                :label="$t('page.paper-tube-production.parameters.work-time')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="workEfficiency"
-                :label="`${$t('workEfficiency')}(${workEfficiency.unit})`"
+                :label="$t('page.paper-tube-production.parameters.work-efficiency')"
              />
            </v-col>
          </v-row>
@ -84,7 +84,7 @@
              variant="outlined"
              @click="resetParameters"
            >
-              {{ $t('reset') }}
+              {{ $t('common.reset') }}
            </v-btn>
          </v-row>
        </v-card>
@ -108,47 +108,85 @@
              icon="mdi-calculator"
              size="large"
            />
-            {{ $t('results') }}
+            {{ $t('common.results') }}
          </v-card-title>

-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="$t('feedPaperSpeed')"
-                :value="result.feedPaperSpeed"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('outputSpeed')"
-                :value="result.outputSpeed"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('productionAmountPerHour')"
-                :value="result.productionAmountPerHour"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('productionWeightPerHour')"
-                :value="result.productionWeightPerHour"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('productionAmountPerDay')"
-                :value="result.productionAmountPerDay"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="$t('productionWeightPerDay')"
-                :value="result.productionWeightPerDay"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.feed-paper-speed')"
+              :value="result.feedPaperSpeed"
+            />
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.output-speed')"
+              :value="result.outputSpeed"
+            />
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.production-amount-per-hour')"
+              :value="result.productionAmountPerHour"
+            />
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.production-weight-per-hour')"
+              :value="result.productionWeightPerHour"
+            />
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.production-amount-per-day')"
+              :value="result.productionAmountPerDay"
+            />
+            <result-list-item
+              :label="$t('page.paper-tube-production.results.production-weight-per-day')"
+              :value="result.productionWeightPerDay"
+            />
+          </v-list>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.paper-tube-wall-thickness')" :value="paperRollWallThickness" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.paper-tube-length')" :value="paperRollLength" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.paper-density')" :value="paperDensity" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.inner-paper-width')" :value="innerPaperWidth" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.work-frequency')" :value="workFrequency" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.work-time')" :value="workTime" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-production.parameters.work-efficiency')" :value="workEfficiency" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+
        </v-card>
      </v-col>
    </v-row>
@ -162,11 +200,11 @@
  const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
  const paperRollWallThickness = ref<Param>(createParam(10, 'mm'))
  const paperRollLength = ref<Param>(createParam(1000, 'mm'))
-  const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
+  const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
  const innerPaperWidth = ref<Param>(createParam(105, 'mm'))
-  const workFrequency = ref<Param>(createParam(30, 'Hz'))
-  const workTime = ref<Param>(createParam(8, 'h'))
-  const workEfficiency = ref<Param>(createParam(85, '%'))
+  const workFrequency = ref<Param>(createParam(30, 'hz'))
+  const workTime = ref<Param>(createParam(8, 'hour'))
+  const workEfficiency = ref<Param>(createParam(85, 'percent'))

  const result = computed(() => {
    const paperRollExternalDiameter = paperCoreDiameter.value.value + 2 * paperRollWallThickness.value.value
@ -181,12 +219,12 @@
    const productionWeightPerDay = productionWeightPerHour * workTime.value.value

    return {
-      feedPaperSpeed: createParam(feedPaperSpeed, 'm/min'),
-      outputSpeed: createParam(outputSpeed, 'm/min'),
-      productionAmountPerHour: createParam(productionAmountPerHour, '支/h'),
-      productionWeightPerHour: createParam(productionWeightPerHour, 'kg/h'),
-      productionAmountPerDay: createParam(productionAmountPerDay, '支'),
-      productionWeightPerDay: createParam(productionWeightPerDay, 'kg'),
+      feedPaperSpeed: createParam(feedPaperSpeed, 'm_per_min'),
+      outputSpeed: createParam(outputSpeed, 'm_per_min'),
+      productionAmountPerHour: createParam(productionAmountPerHour, 'pcs_per_hour'),
+      productionWeightPerHour: createParam(productionWeightPerHour, 'kg_per_hour'),
+      productionAmountPerDay: createParam(productionAmountPerDay, 'pcs_per_day'),
+      productionWeightPerDay: createParam(productionWeightPerDay, 'kg_per_day'),
    }
  })

@ -194,11 +232,11 @@
    paperCoreDiameter.value = createParam(76.2, 'mm')
    paperRollWallThickness.value = createParam(10, 'mm')
    paperRollLength.value = createParam(1000, 'mm')
-    paperDensity.value = createParam(0.76, 'g/cm³')
+    paperDensity.value = createParam(0.76, 'g_per_cm3')
    innerPaperWidth.value = createParam(105, 'mm')
-    workFrequency.value = createParam(30, 'Hz')
-    workTime.value = createParam(8, 'h')
-    workEfficiency.value = createParam(85, '%')
+    workFrequency.value = createParam(30, 'hz')
+    workTime.value = createParam(8, 'hour')
+    workEfficiency.value = createParam(85, 'percent')
  }

 </script>
--- a/src/components/Modules/PaperTubeWeightCalculate.vue
+++ b/src/components/Modules/PaperTubeWeightCalculate.vue
@ -19,38 +19,38 @@
              icon="mdi-tune"
              size="large"
            />
-            {{ $t('parameters') }}
+            {{ $t('common.parameters') }}
          </v-card-title>

          <v-row>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollLength"
-                :label="`${$t('paperRollLength')}(${paperRollLength.unit})`"
+                :label="$t('page.paper-tube-weight.parameters.paper-roll-length')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperDensity"
-                :label="`${$t('paperDensity')}(${paperDensity.unit})`"
+                :label="$t('page.paper-tube-weight.parameters.paper-density')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="productionAmount"
-                :label="`${$t('productionAmount')}(${productionAmount.unit})`"
+                :label="$t('page.paper-tube-weight.parameters.production-amount')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperCoreDiameter"
-                :label="`${$t('paperCoreDiameter')}(${paperCoreDiameter.unit})`"
+                :label="$t('page.paper-tube-weight.parameters.paper-tube-inner-diameter')"
              />
            </v-col>
            <v-col cols="12">
              <param-input-field
                v-model="paperRollWallThickness"
-                :label="`${$t('paperRollWallThickness')}(${paperRollWallThickness.unit})`"
+                :label="$t('page.paper-tube-weight.parameters.paper-roll-wall-thickness')"
              />
            </v-col>
          </v-row>
@ -66,7 +66,7 @@
              variant="outlined"
              @click="resetParameters"
            >
-              {{ $t('reset') }}
+              {{ $t('common.reset') }}
            </v-btn>
          </v-row>
        </v-card>
@ -90,24 +90,58 @@
              icon="mdi-calculator"
              size="large"
            />
-            {{ $t('results') }}
+            {{ $t('common.results') }}
          </v-card-title>

-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('singlePaperTubeWeight')}(${result.singlePaperTubeWeight.unit})`"
-                :value="result.singlePaperTubeWeight"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('totalPaperTubeWeight')}(${result.totalPaperTubeWeight.unit})`"
-                :value="result.totalPaperTubeWeight"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-list-item :label="$t('page.paper-tube-weight.results.single-paper-tube-weight')" :value="result.singlePaperTubeWeight" />
+            <result-list-item :label="$t('page.paper-tube-weight.results.total-paper-tube-weight')" :value="result.totalPaperTubeWeight" />
+          </v-list>
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-weight.parameters.paper-roll-length')" :value="paperRollLength" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section
+                      :label="$t('page.paper-tube-weight.parameters.paper-density')"
+                      :value="paperDensity"
+                    />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section
+                      :fixed="0"
+                      :label="$t('page.paper-tube-weight.parameters.production-amount')"
+                      :value="productionAmount"
+                    />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-weight.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.paper-tube-weight.parameters.paper-roll-wall-thickness')" :value="paperRollWallThickness" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
        </v-card>
+
      </v-col>
    </v-row>
  </div>
@ -118,8 +152,8 @@
  import { createParam, type Param } from '@/types/param'

  const paperRollLength = ref<Param>(createParam(1000, 'mm'))
-  const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
-  const productionAmount = ref<Param>(createParam(1000, '支'))
+  const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
+  const productionAmount = ref<Param>(createParam(1000, 'pcs'))
  const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
  const paperRollWallThickness = ref<Param>(createParam(10, 'mm'))

@ -138,8 +172,8 @@

  const resetParameters = () => {
    paperRollLength.value = createParam(1000, 'mm')
-    paperDensity.value = createParam(0.76, 'g/cm³')
-    productionAmount.value = createParam(1000, '支')
+    paperDensity.value = createParam(0.76, 'g_per_cm3')
+    productionAmount.value = createParam(1000, 'pcs')
    paperCoreDiameter.value = createParam(76.2, 'mm')
    paperRollWallThickness.value = createParam(10, 'mm')
  }
--- a/src/components/Modules/ThreeLayerPaperStrawCalculate.vue
+++ b/src/components/Modules/ThreeLayerPaperStrawCalculate.vue
@ -0,0 +1,283 @@
+<template>
+  <div class="calculator-container">
+    <v-row justify="center">
+      <!-- 参数输入区域 -->
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 parameter-card" elevation="8" rounded="xl">
+          <v-card-title class="text-h5 mb-6 d-flex align-center">
+            <v-icon class="mr-3" color="primary" icon="mdi-tune" size="large" />
+            {{ $t('common.parameters') }}
+          </v-card-title>
+
+          <v-row>
+            <v-col cols="8">
+              <v-select
+                v-model="currentSelect"
+                density="comfortable"
+                :items="selects"
+                :label="$t('page.three-layer-paper-straw.parameters.preset-specification')"
+                @update:model-value="updateParams"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="paperCoreDiameter" :disabled="!isCustomMode" :label="`${$t('page.three-layer-paper-straw.parameters.paper-tube-inner-diameter')}(d)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperWidth" :disabled="!isCustomMode" :label="`${$t('page.three-layer-paper-straw.parameters.bottom-paper-width')}(B1)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperThickness" :label="`${$t('page.three-layer-paper-straw.parameters.bottom-paper-thickness')}(T1)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="middlePaperThickness" :label="`${$t('page.three-layer-paper-straw.parameters.middle-paper-thickness')}(T2)`" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="topPaperThickness" :label="`${$t('page.three-layer-paper-straw.parameters.top-paper-thickness')}(T3)`" />
+            </v-col>
+          </v-row>
+          <v-divider class="my-6" />
+          <v-row>
+            <v-btn
+              block
+              color="warning"
+              prepend-icon="mdi-refresh"
+              size="large"
+              variant="outlined"
+              @click="resetParameters"
+            >
+              {{ $t('common.reset') }}
+            </v-btn>
+          </v-row>
+        </v-card>
+      </v-col>
+
+      <!-- 计算结果区域  -->
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 result-card" elevation="8" rounded="xl">
+          <v-card-title class="text-h5 d-flex align-center">
+            <v-icon
+              class="mr-3"
+              color="primary"
+              icon="mdi-calculator"
+              size="large"
+            />
+            {{ $t('common.results') }}
+          </v-card-title>
+          <v-img src="@/assets/pro02.png" />
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">{{ $t('page.three-layer-paper-straw.section.paper-straw-specification') }}</h6>
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.paper-tube-inner-diameter')}(d)`"
+              :value="result.paperCoreDiameter"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.paper-tube-external-diameter')}(D)`"
+              :value="result.paperTubeExternalDiameter"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.paper-tube-wall-thickness')}(T)`"
+              :value="result.paperTubeWallThickness"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.leading-length')}(S)`"
+              :value="result.leadingLength"
+            />
+          </v-sheet>
+
+          <v-divider class="my-4" />
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">{{ $t('page.three-layer-paper-straw.section.production-parameters') }}</h6>
+
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.bottom-paper-angle')}(A)`"
+              :value="result.bottomPaperAngle"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.bottom-paper-width')}(B1)`"
+              :value="result.bottomPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.middle-paper-width')}(B2)`"
+              :value="result.middlePaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.top-paper-width')}(B3)`"
+              :value="result.topPaperWidth"
+            />
+            <result-list-item
+              :label="`${$t('page.three-layer-paper-straw.results.belt-width')}`"
+              :value="result.beltWidth"
+            />
+          </v-sheet>
+
+          <v-divider class="my-4" />
+
+          <v-expansion-panels flat multiple>
+            <v-expansion-panel hide-actions>
+              <v-expansion-panel-title class="text-warning font-weight-bold">
+                <template #default="{ expanded }">
+                  <span>
+                    <v-icon icon="mdi-information-outline" />
+                    {{ expanded ? $t('common.calculate-parameters') : $t('common.expand-to-show-calculate-parameters') }}
+                  </span>
+                </template>
+              </v-expansion-panel-title>
+              <v-expansion-panel-text>
+                <v-row>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.three-layer-paper-straw.parameters.paper-tube-inner-diameter')" :value="paperCoreDiameter" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.three-layer-paper-straw.parameters.bottom-paper-width')" :value="bottomPaperWidth" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.three-layer-paper-straw.parameters.bottom-paper-thickness')" :value="bottomPaperThickness" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.three-layer-paper-straw.parameters.middle-paper-thickness')" :value="middlePaperThickness" />
+                  </v-col>
+                  <v-col cols="6">
+                    <input-param-section :label="$t('page.three-layer-paper-straw.parameters.top-paper-thickness')" :value="topPaperThickness" />
+                  </v-col>
+                </v-row>
+              </v-expansion-panel-text>
+            </v-expansion-panel>
+          </v-expansion-panels>
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n'
+  import { createParam, type Param } from '@/types/param'
+  import { degreesToRadians, radiansToDegrees } from '@/utils/angle'
+  import ParamInputField from '../ParamInputField.vue'
+
+  const { t, locale } = useI18n()
+
+  const currentSelect = ref('')
+  const currentSelectIndex = ref(0)
+
+  const selects = computed(() => [
+    t('page.three-layer-paper-straw.preset-specification.inner_3_3-outer_4_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_3_8-outer_4_5'),
+    t('page.three-layer-paper-straw.preset-specification.inner_4_3-outer_5_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_5_3-outer_6_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_6_3-outer_7_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_7_3-outer_8_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_8_3-outer_9_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_9_3-outer_10_0'),
+    t('page.three-layer-paper-straw.preset-specification.inner_11_3-outer_12_0'),
+    t('page.three-layer-paper-straw.preset-specification.custom'),
+  ])
+
+  const presetParams = computed(() => {
+    return {
+      [t('page.three-layer-paper-straw.preset-specification.inner_3_3-outer_4_0')]: {
+        paperCoreDiameter: 3.3,
+        bottomPaperWidth: 9.5,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_3_8-outer_4_5')]: {
+        paperCoreDiameter: 3.8,
+        bottomPaperWidth: 10,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_3_8-outer_4_5')]: {
+        paperCoreDiameter: 4.3,
+        bottomPaperWidth: 11,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_5_3_outer_6_0')]: {
+        paperCoreDiameter: 5.3,
+        bottomPaperWidth: 13.5,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_6_3_outer_7_0')]: {
+        paperCoreDiameter: 6.3,
+        bottomPaperWidth: 16,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_7_3_outer_8_0')]: {
+        paperCoreDiameter: 7.3,
+        bottomPaperWidth: 18.5,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_8_3_outer_9_0')]: {
+        paperCoreDiameter: 8.3,
+        bottomPaperWidth: 21,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_9_3_outer_10_0')]: {
+        paperCoreDiameter: 9.3,
+        bottomPaperWidth: 23.5,
+      },
+      [t('page.three-layer-paper-straw.preset-specification.inner_11_3_outer_12_0')]: {
+        paperCoreDiameter: 11.3,
+        bottomPaperWidth: 28.5,
+      },
+    }
+  })
+
+  const paperCoreDiameter = ref<Param>(createParam(3.3, 'mm'))
+  const bottomPaperWidth = ref<Param>(createParam(9.5, 'mm'))
+  const bottomPaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const middlePaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const topPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+
+  const result = computed(() => {
+    // 计算逻辑待补充
+    const totalThickness
+      = (bottomPaperThickness.value.value
+        + middlePaperThickness.value.value
+        + topPaperThickness.value.value) / 800
+    const paperTubeExternalDiameter
+      = paperCoreDiameter.value.value + totalThickness * 2
+
+    const bottomPaperAngle = 90 - radiansToDegrees(Math.acos(bottomPaperWidth.value.value / (paperCoreDiameter.value.value * Math.PI)))
+    const leadingLength = bottomPaperWidth.value.value / Math.sin(degreesToRadians(90 - bottomPaperAngle))
+
+    const middlePaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value / 800)) * Math.PI / leadingLength))))
+    const topPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + middlePaperThickness.value.value) / 800) * Math.PI / leadingLength))))
+
+    const beltWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * totalThickness) * Math.PI / leadingLength))))
+
+    return {
+      paperCoreDiameter: paperCoreDiameter.value,
+      paperTubeExternalDiameter: createParam(paperTubeExternalDiameter, 'mm'),
+      paperTubeWallThickness: createParam(totalThickness, 'mm'),
+      bottomPaperAngle: createParam(bottomPaperAngle, 'degree'),
+      leadingLength: createParam(leadingLength, 'mm'),
+      bottomPaperWidth: bottomPaperWidth.value,
+      middlePaperWidth: createParam(middlePaperWidth, 'mm'),
+      topPaperWidth: createParam(topPaperWidth, 'mm'),
+      beltWidth: createParam(beltWidth, 'mm'),
+    }
+  })
+
+  const resetParameters = () => {
+    paperCoreDiameter.value = createParam(3.3, 'mm')
+    bottomPaperWidth.value = createParam(9.5, 'mm')
+    bottomPaperThickness.value = createParam(120, 'g_per_m2')
+    middlePaperThickness.value = createParam(120, 'g_per_m2')
+    topPaperThickness.value = createParam(60, 'g_per_m2')
+  }
+
+  const updateParams = (item: string) => {
+    const selected = presetParams.value[item]
+    currentSelectIndex.value = selects.value.indexOf(item)
+    if (selected) {
+      paperCoreDiameter.value = createParam(selected.paperCoreDiameter, 'mm')
+      bottomPaperWidth.value = createParam(selected.bottomPaperWidth, 'mm')
+    }
+  }
+
+  const isCustomMode = computed(() => {
+    return currentSelectIndex.value === selects.value.length - 1
+  })
+
+  onMounted(() => {
+    currentSelect.value = selects.value[0]
+    updateParams(currentSelect.value)
+  })
+
+  watch(locale, () => {
+    currentSelect.value = selects.value[currentSelectIndex.value]
+    updateParams(currentSelect.value)
+  })
+</script>
--- a/src/components/ParamInputField.vue
+++ b/src/components/ParamInputField.vue
@ -3,9 +3,10 @@
    density="compact"
    :disabled="disabled"
    hide-details
+    hide-spin-buttons
    :label="label"
    :model-value="modelValue.value.toString()"
-    :suffix="modelValue.unit"
+    :suffix="$t(`units.${modelValue.unit}`)"
    type="number"
    variant="outlined"
    @update:model-value="handleUpdate"
--- a/src/components/ResultCard.vue
+++ b/src/components/ResultCard.vue
@ -19,7 +19,7 @@
        size="large"
        variant="outlined"
      >
-        {{ value.value.toFixed(2) }} {{ value.unit }}
+        {{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
      </v-chip>
    </v-card-text>
  </v-card>
--- a/src/components/ResultListItem.vue
+++ b/src/components/ResultListItem.vue
@ -0,0 +1,20 @@
+<template>
+  <v-row class="px-4">
+    <v-col cols="12" md="8">
+      <div class="text-h6 text-secondary-lighten-2 font-weight-bold">{{ label }}</div>
+    </v-col>
+    <v-col class="d-flex flex-column align-md-end justify-center" cols="12" md="4">
+      <div class="text-h4 text-md-h6 text-center text-primary font-weight-bold">{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}</div>
+    </v-col>
+  </v-row>
+</template>
+
+<script setup lang="ts">
+  import type { Param } from '@/types/param'
+
+  defineProps<{
+    label: string
+    value: Param
+    fixed?: number
+  }>()
+</script>
--- a/src/components/ResultSection.vue
+++ b/src/components/ResultSection.vue
@ -0,0 +1,21 @@
+<template>
+  <div>
+    <v-list-item>
+      <v-list-item-title class="text-h4 text-primary font-weight-bold">
+        {{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
+      </v-list-item-title>
+      <v-list-item-subtitle>
+        {{ label }}
+      </v-list-item-subtitle>
+    </v-list-item>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import type { Param } from '@/types/param'
+
+  defineProps<{
+    label: string
+    value: Param
+  }>()
+</script>
--- a/src/config/navigation.ts
+++ b/src/config/navigation.ts
@ -0,0 +1,41 @@
+export interface NavigationItem {
+  title: string
+  to: string
+  icon?: string
+  component?: string
+}
+
+export const navigationConfig: NavigationItem[] = [
+  {
+    title: 'common.navigation.paper-tube-weight-calculate',
+    to: '/calculators/paper-tube-weight',
+  },
+  {
+    title: 'common.navigation.belt-specification-calculate',
+    to: '/calculators/belt-specification',
+  },
+  {
+    title: 'common.navigation.paper-roll-weight-length-calculate',
+    to: '/calculators/paper-roll-weight-length',
+  },
+  {
+    title: 'common.navigation.paper-tube-production-calculate',
+    to: '/calculators/paper-tube-production',
+  },
+  {
+    title: 'common.navigation.paper-tape-width-angle-calculate',
+    to: '/calculators/paper-tape-width-angle',
+  },
+  {
+    title: 'common.navigation.multi-layer-paper-tape-width-angle-calculate',
+    to: '/calculators/multi-layer-paper-tape-width-angle',
+  },
+  {
+    title: 'common.navigation.three-layer-paper-straw-calculate',
+    to: '/calculators/three-layer-paper-straw',
+  },
+  {
+    title: 'common.navigation.four-layer-paper-straw-calculate',
+    to: '/calculators/four-layer-paper-straw',
+  },
+]
--- a/src/layouts/CalculatorLayout.vue
+++ b/src/layouts/CalculatorLayout.vue
@ -0,0 +1,549 @@
+<template>
+  <v-app>
+    <v-app-bar
+      app
+      class="app-bar-transition"
+      :class="{ 'app-bar-pill': !drawer, 'app-bar-rect': drawer }"
+      color="primary"
+      elevation="4"
+      :rounded="drawer ? 'none' : 'pill'"
+    >
+      <v-app-bar-nav-icon @click="drawer = !drawer" />
+      <v-app-bar-title class="text-h6">
+        <template v-if="menuItems.length > 0 && menuItems[selectedIndex]">
+          {{ menuItems[selectedIndex].title || $t('common.app-title') }}
+        </template>
+      </v-app-bar-title>
+
+      <v-menu v-model="languageMenu" :close-on-content-click="true" location="bottom end" offset="8">
+        <template #activator="{ props }">
+          <v-btn
+            v-bind="props"
+            :icon="$vuetify.display.mobile"
+            :prepend-icon="$vuetify.display.mobile ? undefined : 'mdi-translate'"
+            :size="$vuetify.display.mobile ? 'default' : 'large'"
+            variant="text"
+          >
+            <v-icon v-if="$vuetify.display.mobile">mdi-translate</v-icon>
+            <span v-else class="text-button">{{ currentLanguage.label }}</span>
+          </v-btn>
+        </template>
+
+        <!-- <v-list
+          class="language-menu"
+          density="compact"
+          min-width="160"
+        >
+          <v-list-item
+            v-for="lang in availableLanguages"
+            :key="lang.code"
+            :activate="locale === lang.code"
+            :title="lang.label"
+            @click="changeLanguage(lang.code)"
+          >
+            <template #append>
+              <v-icon
+                v-if="locale === lang.code"
+                class="text-primary"
+                icon="mdi-check"
+              />
+            </template>
+          </v-list-item>
+        </v-list> -->
+        <div class="language-pill-container">
+          <v-chip-group
+            v-model="selectedLanguageIndex"
+            direction="vertical"
+            selected-class="text-primary"
+            @update:model-value="handleLanguageChange"
+          >
+            <v-chip
+              v-for="(lang, index) in availableLanguages"
+              :key="lang.code"
+              class="language-pill-large"
+              :color="locale === lang.code ? 'primary' : undefined"
+              label
+              rounded="xl"
+              size="large"
+              :value="index"
+              :variant="locale === lang.code ? 'flat' : 'outlined'"
+            >
+              <v-icon v-if="locale === lang.code" class="mr-2" icon="mdi-check" size="small" />
+              {{ lang.label }}
+            </v-chip>
+          </v-chip-group>
+        </div>
+
+      </v-menu>
+    </v-app-bar>
+
+    <v-navigation-drawer v-model="drawer" app class="drawer-transition" :width="drawerWidth">
+
+      <div class="fill-height d-flex flex-column">
+        <v-list-item class="pa-4">
+          <v-list-item-title class="text-h6 text-primary">
+            {{ $t('common.calculator') }}
+          </v-list-item-title>
+          <v-list-item-subtitle>
+            {{ $t('common.app-title') }}
+          </v-list-item-subtitle>
+        </v-list-item>
+
+        <v-divider />
+
+        <v-list class="flex-grow-1" density="compact">
+          <v-list-item
+            v-for="(item, index) in menuItems"
+            :key="index"
+            :active="selectedIndex === index"
+            class="ma-1"
+            :color="selectedIndex === index ? 'primary' : undefined"
+            rounded="lg"
+            :to="item.to"
+            @click="handleSelect(index)"
+          >
+            <v-list-item-title class="text-body-2">
+              {{ item.title }}
+            </v-list-item-title>
+          </v-list-item>
+        </v-list>
+
+        <v-divider />
+
+        <div class="pa3">
+          <v-btn
+            block
+            class="mb-2"
+            prepend-icon="mdi-information-outline"
+            variant="text"
+            @click="showAboutDialog = true"
+          >
+            {{ $t('common.about') }}
+          </v-btn>
+        </div>
+
+      </div>
+
+    </v-navigation-drawer>
+
+    <v-dialog v-model="showAboutDialog" max-width="500px">
+      <v-card class="mx-auto" prepend-icon="mdi-information-outline">
+        <template #title>
+          <v-card-title class="text-h5">
+            {{ appInfo.appName }}
+          </v-card-title>
+        </template>
+
+        <template #subtitle>
+          <div class="text-caption text-secondary">
+            {{ appInfo.version }}
+            {{ appInfo.copyright }}
+          </div>
+        </template>
+
+        <template #text>
+          <v-card-text>
+            <div>
+              {{ appInfo.description }}
+            </div>
+          </v-card-text>
+
+          <div class="mb-3">
+            {{ $t('common.official-website') }}:
+            <v-btn
+              color="primary"
+              :href="appInfo.officialWebsite"
+              prepend-icon="mdi-web"
+              rel="noopener noreferrer"
+              size="small"
+              target="_blank"
+              variant="text"
+            >
+              {{ appInfo.officialWebsite }}
+            </v-btn>
+          </div>
+        </template>
+
+        <v-card-actions>
+          <v-spacer />
+          <v-btn color="primary" variant="text" @click="showAboutDialog = false">
+            {{ $t('common.close') }}
+          </v-btn>
+        </v-card-actions>
+
+      </v-card></v-dialog>
+
+    <v-main>
+      <v-container class="pa-6" fluid />
+      <router-view v-slot="{ Component }">
+        <v-fade-transition hide-on-leave>
+          <component :is="Component" />
+        </v-fade-transition>
+      </router-view>
+    </v-main>
+  </v-app>
+
+</template>
+
+<script lang="ts" setup>
+  import { computed, onMounted, onUnmounted, ref } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  import { navigationConfig } from '@/config/navigation'
+  import { useNavigationStore } from '@/stores/navigation'
+
+  const { t, locale } = useI18n()
+
+  const navigationStore = useNavigationStore()
+
+  const drawer = computed({
+    get: () => navigationStore.drawer,
+    set: (value: boolean) => {
+      navigationStore.setDrawerOpen(value)
+    },
+  })
+  const selectedIndex = computed(() => navigationStore.selectedIndex)
+
+  const windowWidth = ref(typeof window === 'undefined' ? 1200 : window.innerWidth)
+
+  const showAboutDialog = ref(false)
+  const languageMenu = ref(false)
+
+  // 应用信息
+  const appInfo = computed(() => {
+    return {
+      appName: t('common.app-title'),
+      version: '1.0.0',
+      author: t('common.company-name'),
+      description: t('common.app-description'),
+      copyright: `© ${new Date().getFullYear()} ${t('common.company-name')}. ${t('common.all-rights-reserved')}`,
+      officialWebsite: 'http://www.jinshen.cn',
+    }
+  })
+
+  // 动态设置网页标题
+  const pageTitle = computed(() => {
+    return t('common.app-title')
+  })
+
+  // 监听窗口变化
+  const handleResize = () => {
+    if (typeof window === 'undefined') return
+    windowWidth.value = window.innerWidth
+  }
+
+  onMounted(() => {
+    if (typeof window === 'undefined') return
+    window.addEventListener('resize', handleResize)
+  })
+
+  onUnmounted(() => {
+    if (typeof window === 'undefined') return
+    window.removeEventListener('resize', handleResize)
+  })
+
+  const drawerWidth = computed(() => {
+    const isZh = locale.value === 'zh'
+
+    // 计算菜单项中最长标题的长度
+    const maxTitleLength = menuItems.value.reduce((max, item) => {
+      return Math.max(max, item.title.length)
+    }, 0)
+
+    const isMobile = windowWidth.value < 600
+    const isTablet = windowWidth.value < 960
+
+    // 根据屏幕宽度和标题长度计算抽屉宽度
+    let calculatedWidth: number
+
+    if (isMobile) {
+      // 移动设备：更紧凑的布局
+      calculatedWidth = isZh ? maxTitleLength * 12 + 60 : maxTitleLength * 6 + 60
+    } else if (isTablet) {
+      // 平板设备：中等布局
+      calculatedWidth = isZh ? maxTitleLength * 13 + 70 : maxTitleLength * 6.5 + 70
+    } else {
+      // 桌面设备：宽松布局
+      calculatedWidth = isZh ? maxTitleLength * 15 + 80 : maxTitleLength * 7 + 80
+    }
+
+    const minWidth = isMobile ? 240 : (isTablet ? 280 : 300)
+    const maxWidth = isMobile ? 360 : (isTablet ? 400 : 500)
+
+    const finalWidth = Math.max(minWidth, Math.min(calculatedWidth, maxWidth))
+
+    // 开发环境调试信息
+    if (import.meta.env.DEV) {
+      console.debug('Navigation drawer width calculation:', {
+        locale: locale.value,
+        maxTitleLength,
+        calculatedWidth,
+        finalWidth,
+        windowWidth: windowWidth.value,
+        device: isMobile ? 'mobile' : (isTablet ? 'tablet' : 'desktop'),
+      })
+    }
+
+    return finalWidth
+  })
+
+  const menuItems = computed(() => {
+    return navigationConfig.map((item, _) => {
+      return {
+        title: t(item.title),
+        to: item.to,
+      }
+    })
+  })
+
+  const availableLanguages = [
+    {
+      code: 'zh',
+      label: '中文（简体）',
+    },
+    {
+      code: 'en',
+      label: 'English',
+    },
+    {
+      code: 'ru',
+      label: 'Русский(Experimental)',
+    },
+    {
+      code: 'es',
+      label: 'Español(Experimental)',
+    },
+  ]
+  const currentLanguage = computed(() => {
+    return availableLanguages.find(lang => lang.code === locale.value) || availableLanguages[0]
+  })
+
+  const selectedLanguageIndex = computed(() => {
+    return availableLanguages.findIndex(lang => lang.code === locale.value)
+  })
+
+  function handleLanguageChange (index: number) {
+    if (index !== undefined && index >= 0 && index < availableLanguages.length) {
+      locale.value = availableLanguages[index].code
+    }
+  }
+
+  function handleSelect (_index: number) {
+    drawer.value = false // 选择后自动关闭抽屉
+  }
+
+  onMounted(() => {
+    document.title = pageTitle.value
+  })
+
+  watch(locale, () => {
+    document.title = pageTitle.value
+  })
+</script>
+
+<style scoped>
+/* AppBar响应式样式 */
+@media (max-width: 599px) {
+  .v-app-bar-title {
+    font-size: 0.875rem !important;
+    line-height: 1.2 !important;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: calc(100vw - 120px);
+    /* 为导航按钮和语言按钮留出空间 */
+  }
+}
+
+@media (min-width: 600px) and (max-width: 959px) {
+  .v-app-bar-title {
+    font-size: 1rem !important;
+    line-height: 1.3 !important;
+  }
+}
+
+/* 导航抽屉响应式样式 */
+@media (max-width: 599px) {
+  .v-list-item-title {
+    font-size: 0.75rem !important;
+    line-height: 1.2 !important;
+  }
+
+  .v-list-item-subtitle {
+    font-size: 0.625rem !important;
+    line-height: 1.2 !important;
+  }
+
+  .v-list-item {
+    min-height: 36px !important;
+  }
+
+  /* 确保文本不会溢出 */
+  .v-list-item-title,
+  .v-list-item-subtitle {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (min-width: 600px) and (max-width: 959px) {
+  .v-list-item-title {
+    font-size: 0.875rem !important;
+  }
+
+  .v-list-item-subtitle {
+    font-size: 0.75rem !important;
+  }
+
+  .v-app-bar-title {
+    font-size: 1rem !important;
+  }
+}
+
+/* 关于对话框响应式样式 */
+@media (max-width: 599px) {
+  .v-dialog .v-card-title {
+    font-size: 1rem !important;
+  }
+
+  .v-dialog .v-card-text {
+    font-size: 0.875rem !important;
+  }
+
+  .v-dialog .text-caption {
+    font-size: 0.75rem !important;
+  }
+}
+
+/* 移动设备上的特殊处理 */
+@media (max-width: 599px) {
+  .v-list-item.pa-4 {
+    padding: 12px 16px !important;
+  }
+
+  .v-list-item.ma-1 {
+    margin: 2px 4px !important;
+  }
+}
+
+/* 无背景的语言选择器容器 */
+.language-pill-container {
+  padding: 8px;
+  min-width: 180px;
+  max-width: 320px;
+}
+
+/* 大尺寸语言药丸样式 */
+.language-pill-large {
+  margin: 4px 0;
+  padding: 12px 20px;
+  height: 48px;
+  font-size: 1rem;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  border-radius: 24px;
+  width: 100%;
+
+  /* 文本居中 */
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+}
+
+.language-pill-large:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* chip内容居中对齐 */
+.language-pill-large .v-chip__content {
+  display: flex !important;
+  justify-content: center !important;
+  align-items: center !important;
+  width: 100% !important;
+  font-weight: 500;
+}
+
+/* 响应式药丸样式 */
+@media (max-width: 599px) {
+  .language-pill-container {
+    min-width: 160px;
+    max-width: 280px;
+    padding: 6px;
+  }
+
+  .language-pill-large {
+    margin: 2px 0;
+    padding: 8px 16px;
+    height: 40px;
+    font-size: 0.875rem;
+  }
+
+  .text-button {
+    font-size: 0.75rem !important;
+  }
+}
+
+@media (min-width: 600px) and (max-width: 959px) {
+  .language-pill-large {
+    padding: 10px 18px;
+    height: 44px;
+    font-size: 0.9375rem;
+  }
+}
+
+/* 药丸选中状态 */
+.v-chip--variant-flat {
+  background: rgb(var(--v-theme-primary)) !important;
+  color: rgb(var(--v-theme-surface)) !important;
+  box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.1);
+}
+
+/* 药丸未选中状态 */
+.v-chip--variant-outlined {
+  border: 1px solid rgba(var(--v-theme-info), 0.3);
+  color: rgb(var(--v-theme-info));
+  background: rgba(var(--v-theme-surface), 1);
+}
+
+.v-chip--variant-outlined:hover {
+  background: rgba(var(--v-theme-info), 0.08);
+  border-color: rgba(var(--v-theme-info), 0.5);
+}
+
+/* 选中状态的图标 */
+.language-pill-large .v-icon {
+  opacity: 1;
+}
+
+/* 字体权重调整 */
+.language-pill-large .v-chip__content {
+  font-weight: 500;
+}
+
+.language-pill {
+  margin: 2px 4px;
+  transition: all 0.2s ease;
+}
+
+.language-pill:hover {
+  transform: translateY(-1px);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+/* 响应式药丸样式 */
+@media (max-width: 599px) {
+  .language-pill-menu {
+    min-width: 160px;
+    max-width: 250px;
+  }
+
+  .language-pill {
+    margin: 1px 2px;
+  }
+
+  .text-button {
+    font-size: 0.75rem !important;
+  }
+}
+</style>
--- a/src/layouts/baseline.vue
+++ b/src/layouts/baseline.vue
@ -1,33 +0,0 @@
-<template>
-  <VApp id="inspire">
-    <VNavigationDrawer v-model="drawer">
-      <!-- -->
-    </VNavigationDrawer>
-
-    <VAppBar>
-      <VAppBarNavIcon @click="drawer = !drawer" />
-      <VToolbarTitle>Baseline Layout</VToolbarTitle>
-    </VAppBar>
-
-    <VMain>
-      <!-- -->
-    </VMain>
-  </VApp>
-</template>
-<script lang="ts" setup>
-  import { ref } from 'vue'
-
-  const drawer = ref(false)
-
-</script>
-
-<script lang="ts">
-  export default {
-    name: 'BaselineLayout',
-    data () {
-      return {
-        drawer: false,
-      }
-    },
-  }
-</script>
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@ -3,7 +3,6 @@
    <router-view />
  </v-main>

-  <AppFooter />
 </template>

 <script lang="ts" setup>
--- a/src/locale/en.json
+++ b/src/locale/en.json
@ -1,51 +0,0 @@
-{
-  "appTitle": "Paper Tube Production Calculator",
-  "beltSpecificationCalculate": "Belt Specification Calculate",
-  "multiLayerPaperTapeWidthAngleCalculate": "MultiLayer Paper Tape Width Angle Calculate",
-  "paperCoreDiameter": "Paper core diameter",
-  "paperDensity": "Paper density",
-  "paperGrammage": "Grammage",
-  "paperRollExternalDiameter": "Paper roll external diameter",
-  "paperRollLength": "Paper roll length",
-  "paperRollWallThickness": "Paper roll wall thickness",
-  "paperRollWeightLengthCalculate": "Paper Roll Weight Length Calculate",
-  "paperTapeWidthAngleCalculate": "Paper Tape Width Angle Calculate",
-  "paperTubeProductionCalculate": "Paper Tube Production Calculate",
-  "paperTubeWeightCalculate": "Paper Tube Weight Calculate",
-  "parameters": "Parameters",
-  "productionAmount": "Production amount",
-  "reset": "Reset",
-  "results": "Results",
-  "singlePaperTubeWeight": "Single paper tube weight",
-  "totalPaperTubeWeight": "Total paper tube weight",
-  "paperRollWidth": "Paper roll width",
-  "paperThickness": "Paper thickness",
-  "paperRollWeight": "Paper roll weight",
-  "paperLength": "Paper Roll Length",
-  "innerPaperWidth": "Inner paper width",
-  "workFrequency": "Work Frequency",
-  "workTime": "Work time",
-  "workEfficiency": "Work efficiency",
-  "feedPaperSpeed": "Feed speed",
-  "outputSpeed": "Output speed",
-  "productionAmountPerDay": "Daily output",
-  "productionAmountPerHour": "Hourly output",
-  "productionWeightPerDay": "Daily output",
-  "productionWeightPerHour": "Hourly output",
-  "beltAngle": "Belt angle",
-  "paperHolderAngle": "Paper holder angle",
-  "leadingLength": "Leading length",
-  "paperWidth": "Paper width",
-  "machineModel": "Model",
-  "maxWheelbase": "Maximum wheelbase",
-  "hubDiameter": "Hub diameter",
-  "50_120Series": "50, 120 series",
-  "200_Series": "200 series",
-  "600_Series": "600 series",
-  "new_50_120Series": "New 50, 200 series",
-  "new_200_Series": "New 200 series",
-  "custom": "Customize",
-  "recommendBeltLength": "Recommended belt length",
-  "recommendBeltWidth": "Recommended bandwidth",
-  "recommendBeltThickness": "Recommended belt thickness"
-}
--- a/src/locale/en/common.json
+++ b/src/locale/en/common.json
@ -0,0 +1,26 @@
+{
+  "app-title": "Paper Tube Production Auxiliary Calculator",
+  "parameters": "Parameters",
+  "reset": "Reset",
+  "results": "Results",
+  "about": "About",
+  "calculator": "Calculator",
+  "company-name": "Jinshen Machinery Manufacturing Co., Ltd.",
+  "app-description": "Paper Tube Production Auxiliary Calculator, providing calculations for various parameters such as paper tube weight, size, angle, etc.",
+  "all-rights-reserved": "All rights reserved",
+  "close": "Close",
+  "official-website": "Official website",
+  "loading": "Loading",
+  "calculate-parameters": "Calculate parameters",
+  "expand-to-show-calculate-parameters": "Expand to show calculate parameters",
+  "navigation": {
+    "paper-tube-weight-calculate": "Paper Tube Weight Calculate",
+    "belt-specification-calculate": "Belt Specification Calculate",
+    "paper-roll-weight-length-calculate": "Paper Roll Weight Length Calculate",
+    "paper-tube-production-calculate": "Paper Tube Production Calculate",
+    "paper-tape-width-angle-calculate": "Paper Tape Width Angle Calculate",
+    "multi-layer-paper-tape-width-angle-calculate": "Multi-layer Paper Tape Width Angle Calculate",
+    "three-layer-paper-straw-calculate": "Three-layer Paper Straw Calculate",
+    "four-layer-paper-straw-calculate": "Four-layer Paper Straw Calculate"
+  }
+}
--- a/src/locale/en/index.ts
+++ b/src/locale/en/index.ts
@ -0,0 +1,9 @@
+import common from './common.json'
+import page from './page'
+import units from './units.json'
+
+export default {
+  common,
+  units,
+  page,
+}
--- a/src/locale/en/page/belt-specification.json
+++ b/src/locale/en/page/belt-specification.json
@ -0,0 +1,23 @@
+{
+  "title": "Belt Specification Calculate",
+  "parameters": {
+    "machine-model": "Machine model",
+    "max-wheelbase": "Max wheelbase",
+    "hub-diameter": "Hub diameter",
+    "paper-tube-inner-diameter": "Paper tube inner diameter",
+    "paper-tube-wall-thickness": "Paper tube wall thickness"
+  },
+  "results": {
+    "recommend-belt-thickness": "Recommend belt thickness",
+    "recommend-belt-width": "Recommend belt width",
+    "recommend-belt-length": "Recommend belt length"
+  },
+  "machine-model": {
+    "50_120-series": "50、120 Series",
+    "200-series": "200 Series",
+    "600-series": "600 Series",
+    "PT23-120-series": "PT23-120 Series",
+    "PT23-200-series": "PT23-200 Series",
+    "custom": "Custom"
+  }
+}
--- a/src/locale/en/page/four-layer-paper-straw.json
+++ b/src/locale/en/page/four-layer-paper-straw.json
@ -0,0 +1,40 @@
+{
+  "title": "Four Layer Paper Straw Calculate",
+  "parameters": {
+    "preset-specification": "Preset specification",
+    "paper-tube-inner-diameter": "Paper tube inner diameter",
+    "bottom-paper-width": "Bottom paper width",
+    "bottom-paper-thickness": "Bottom paper thickness",
+    "second-layer-paper-thickness": "Second layer paper thickness",
+    "third-layer-paper-thickness": "Third layer paper thickness",
+    "top-paper-thickness": "Top layer paper thickness"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Paper tube inner diameter",
+    "paper-tube-external-diameter": "Paper tube external diameter",
+    "paper-tube-wall-thickness": "Paper tube wall thickness",
+    "leading-length": "Leading length",
+    "bottom-paper-angle": "Bottom paper angle",
+    "bottom-paper-width": "Bottom paper width",
+    "second-layer-paper-width": "Second layer paper width",
+    "third-layer-paper-width": "Third layer paper width",
+    "top-paper-width": "Top paper width",
+    "belt-width": "Belt width"
+  },
+    "section": {
+    "paper-straw-specification": "Paper straw specification",
+    "production-parameters": "Production parameters"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "Inner 3.3mm, Outer 4.0mm",
+    "inner_3_8-outer_4_5": "Inner 3.8mm, Outer 4.5mm",
+    "inner_4_3-outer_5_0": "Inner 4.3mm, Outer 5.0mm",
+    "inner_5_3-outer_6_0": "Inner 5.3mm, Outer 6.0mm",
+    "inner_6_3-outer_7_0": "Inner 6.3mm, Outer 7.0mm",
+    "inner_7_3-outer_8_0": "Inner 7.3mm, Outer 8.0mm",
+    "inner_8_3-outer_9_0": "Inner 8.3mm, Outer 9.0mm",
+    "inner_9_3-outer_10_0": "Inner 9.3mm, Outer 10.0mm",
+    "inner_11_3-outer_12_0": "Inner 11.3mm, Outer 12.0mm",
+    "custom": "Custom"
+  }
+}
--- a/src/locale/en/page/index.ts
+++ b/src/locale/en/page/index.ts
@ -0,0 +1,19 @@
+import beltSpecification from './belt-specification.json'
+import fourLayerPaperStraw from './four-layer-paper-straw.json'
+import multiLayerPaperTapeWidthAngle from './multi-layer-paper-tape-width-angle.json'
+import paperRollWeightLength from './paper-roll-weight-length.json'
+import paperTapeWidthAngle from './paper-tape-width-angle.json'
+import paperTubeProduction from './paper-tube-production.json'
+import paperTubeWeight from './paper-tube-weight.json'
+import threeLayerPaperStraw from './three-layer-paper-straw.json'
+
+export default {
+  'paper-tube-weight': paperTubeWeight,
+  'belt-specification': beltSpecification,
+  'paper-roll-weight-length': paperRollWeightLength,
+  'paper-tube-production': paperTubeProduction,
+  'paper-tape-width-angle': paperTapeWidthAngle,
+  'multi-layer-paper-tape-width-angle': multiLayerPaperTapeWidthAngle,
+  'three-layer-paper-straw': threeLayerPaperStraw,
+  'four-layer-paper-straw': fourLayerPaperStraw,
+}
--- a/src/locale/en/page/multi-layer-paper-tape-width-angle.json
+++ b/src/locale/en/page/multi-layer-paper-tape-width-angle.json
@ -0,0 +1,32 @@
+{
+    "title": "Multi-Layer Paper Tape Width Angle Calculate",
+    "parameters": {
+        "paper-tube-inner-diameter": "Paper tube inner diameter",
+        "bottom-paper-width": "Bottom paper width",
+        "paper-grammage": "Paper grammage",
+        "paper-density": "Paper density"
+    },
+    "operation": {
+        "remove": "Remove",
+        "add": "Add",
+        "clear": "Clear",
+        "save": "Save"
+    },
+    "header": {
+        "layer": "Layer",
+        "paper-grammage": "Paper grammage",
+        "cumulative-thickness": "Cumulative thickness",
+        "angle": "Angle",
+        "paper-tape-width": "Paper tape width"
+    },
+    "export": {
+        "reference": "Reference",
+        "minimum": "Minimum",
+        "maximum": "Maximum",
+        "calculated-value": "Calculated value",
+        "fit": "Fit",
+        "not-fit": "Not fit",
+        "filename": "Multi-Layer-Paper-Tape-Width-Angle-Calculate",
+        "sheet-name": "Multi-Layer-Paper-Tape-Width-Angle"
+    }
+}
--- a/src/locale/en/page/paper-roll-weight-length.json
+++ b/src/locale/en/page/paper-roll-weight-length.json
@ -0,0 +1,15 @@
+{
+    "title": "Paper Roll Weight Length Calculate",
+    "parameters": {
+        "paper-core-diameter": "Paper core diameter",
+        "paper-roll-external-diameter": "Paper roll external diameter",
+        "paper-roll-width": "Paper roll width",
+        "paper-density": "Paper density",
+        "paper-grammage": "Paper grammage"
+    },
+    "results": {
+        "paper-roll-weight": "Paper roll weight",
+        "paper-roll-length": "Paper roll length",
+        "paper-thickness": "Paper thickness"
+    }
+}
--- a/src/locale/en/page/paper-tape-width-angle.json
+++ b/src/locale/en/page/paper-tape-width-angle.json
@ -0,0 +1,14 @@
+{
+    "title": "Paper Tape Width Angle Calculate",
+    "parameters": {
+        "paper-tube-inner-diameter": "Paper tube inner diameter",
+        "paper-tube-wall-thickness": "Paper tube wall thickness",
+        "inner-paper-width": "Inner paper width"
+    },
+    "results": {
+        "belt-angle": "Belt angle",
+        "paper-holder-angle": "Paper holder angle",
+        "leading-length": "Leading length",
+        "paper-tape-width": "Paper tape width"
+    }
+}
--- a/src/locale/en/page/paper-tube-production.json
+++ b/src/locale/en/page/paper-tube-production.json
@ -0,0 +1,21 @@
+{
+    "title": "Paper Tube Production Calculate",
+    "parameters": {
+        "paper-tube-inner-diameter": "Paper tube inner diameter",
+        "paper-tube-wall-thickness": "Paper tube wall thickness",
+        "paper-tube-length": "Paper tube length",
+        "paper-density": "Paper density",
+        "inner-paper-width": "Inner paper width",
+        "work-frequency": "Work frequency",
+        "work-time": "Work time",
+        "work-efficiency": "Work efficiency"
+    },
+    "results": {
+        "feed-paper-speed": "Feed paper speed",
+        "output-speed": "Output speed",
+        "production-amount-per-hour": "Hourly production",
+        "production-amount-per-day": "Daily production",
+        "production-weight-per-hour": "Hourly production (weight)",
+        "production-weight-per-day": "Daily production (weight)"
+    }
+}
--- a/src/locale/en/page/paper-tube-weight.json
+++ b/src/locale/en/page/paper-tube-weight.json
@ -0,0 +1,14 @@
+{
+    "title": "Paper Tube Weight Calculate",
+    "parameters": {
+        "paper-roll-length": "Paper roll length",
+        "paper-density": "Paper density",
+        "production-amount": "Production amount",
+        "paper-tube-inner-diameter": "Paper tube inner diameter",
+        "paper-roll-wall-thickness": "Paper roll wall thickness"
+    },
+    "results": {
+        "single-paper-tube-weight": "Single paper tube weight",
+        "total-paper-tube-weight": "Total paper tube weight"
+    }
+}
--- a/src/locale/en/page/three-layer-paper-straw.json
+++ b/src/locale/en/page/three-layer-paper-straw.json
@ -0,0 +1,38 @@
+{
+  "title": "Three Layer Paper Straw Calculate",
+  "parameters": {
+    "preset-specification": "Preset specification",
+    "paper-tube-inner-diameter": "Paper tube inner diameter",
+    "bottom-paper-width": "Bottom paper width",
+    "bottom-paper-thickness": "Bottom paper thickness",
+    "middle-paper-thickness": "Middle paper thickness",
+    "top-paper-thickness": "Top paper thickness"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Paper tube inner diameter",
+    "paper-tube-external-diameter": "Paper tube external diameter",
+    "paper-tube-wall-thickness": "Paper tube wall thickness",
+    "leading-length": "Leading length",
+    "bottom-paper-angle": "Bottom paper angle",
+    "bottom-paper-width": "Bottom paper width",
+    "middle-paper-width": "Middle paper width",
+    "top-paper-width": "Top paper width",
+    "belt-width": "Belt width"
+  },
+  "section": {
+    "paper-straw-specification": "Paper straw specification",
+    "production-parameters": "Production parameters"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "Inner 3.3mm, Outer 4.0mm",
+    "inner_3_8-outer_4_5": "Inner 3.8mm, Outer 4.5mm",
+    "inner_4_3-outer_5_0": "Inner 4.3mm, Outer 5.0mm",
+    "inner_5_3-outer_6_0": "Inner 5.3mm, Outer 6.0mm",
+    "inner_6_3-outer_7_0": "Inner 6.3mm, Outer 7.0mm",
+    "inner_7_3-outer_8_0": "Inner 7.3mm, Outer 8.0mm",
+    "inner_8_3-outer_9_0": "Inner 8.3mm, Outer 9.0mm",
+    "inner_9_3-outer_10_0": "Inner 9.3mm, Outer 10.0mm",
+    "inner_11_3-outer_12_0": "Inner 11.3mm, Outer 12.0mm",
+    "custom": "Custom"
+  }
+}
--- a/src/locale/en/units.json
+++ b/src/locale/en/units.json
@ -0,0 +1,17 @@
+{
+  "mm": "mm",
+  "m": "m",
+  "g_per_cm3": "g/cm³",
+  "pcs": "pcs",
+  "kg": "kg",
+  "g_per_m2": "g/m²",
+  "hz": "Hz",
+  "hour": "h",
+  "percent": "%",
+  "m_per_min": "m/min",
+  "kg_per_hour": "kg/h",
+  "pcs_per_hour": "pcs/h",
+  "kg_per_day": "kg/d",
+  "pcs_per_day": "pcs/d",
+  "degree": "°"
+}
--- a/src/locale/es/common.json
+++ b/src/locale/es/common.json
@ -0,0 +1,26 @@
+{
+  "app-title": "Calculadora de Producción de Tubos de Papel",
+  "parameters": "Parámetros",
+  "reset": "Restablecer",
+  "results": "Resultados",
+  "about": "Acerca de",
+    "calculator": "Calculadora",
+  "company-name": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd.",
+  "app-description": "Herramienta auxiliar de producción de tubos de papel que proporciona cálculo de varios parámetros como peso, tamaño, ángulo, etc.",
+  "all-rights-reserved": "Todos los derechos reservados",
+  "close": "Cerrar",
+  "official-website": "Sitio web oficial",
+  "loading": "Cargando",
+  "calculate-parameters": "Calcular parámetros",
+  "expand-to-show-calculate-parameters": "Expandir para mostrar los parámetros de cálculo",
+  "navigation": {
+    "paper-tube-weight-calculate": "Peso del Tubo de Papel",
+    "belt-specification-calculate": "Especificación de Correa",
+    "paper-roll-weight-length-calculate": "Peso y Longitud del Rollo de Papel",
+    "paper-tube-production-calculate": "Producción de Tubos de Papel",
+    "paper-tape-width-angle-calculate": "Ancho y Ángulo de Cinta de Papel",
+    "multi-layer-paper-tape-width-angle-calculate": "Ancho y Ángulo de Cinta de Papel Multicapa",
+    "three-layer-paper-straw-calculate": "Calcular pajita de papel de tres capas",
+    "four-layer-paper-straw-calculate": "Calcular pajita de papel de cuatro capas"
+  }
+}
--- a/src/locale/es/index.ts
+++ b/src/locale/es/index.ts
@ -0,0 +1,9 @@
+import common from './common.json'
+import page from './page'
+import units from './units.json'
+
+export default {
+  common,
+  units,
+  page,
+}
--- a/src/locale/es/page/belt-specification.json
+++ b/src/locale/es/page/belt-specification.json
@ -0,0 +1,23 @@
+{
+  "title": "Especificación de Correa",
+  "parameters": {
+    "machine-model": "Modelo de máquina",
+    "max-wheelbase": "Distancia entre ejes máxima",
+    "hub-diameter": "Diámetro del cubo",
+    "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+    "paper-tube-wall-thickness": "Grosor de la pared del tubo de papel"
+  },
+  "results": {
+    "recommend-belt-thickness": "Recommend belt thickness",
+    "recommend-belt-width": "Recommend belt width",
+    "recommend-belt-length": "Recommend belt length"
+  },
+  "machine-model": {
+    "50_120-series": "Series 50, 120",
+    "200-series": "Serie 200",
+    "600-series": "Serie 600",
+    "PT23-120-series": "Serie PT23-120",
+    "PT23-200-series": "Serie PT23-200",
+    "custom": "Personalizado"
+  }
+}
--- a/src/locale/es/page/four-layer-paper-straw.json
+++ b/src/locale/es/page/four-layer-paper-straw.json
@ -0,0 +1,40 @@
+{
+  "title": "Calcular pajita de papel de cuatro capas",
+  "parameters": {
+    "preset-specification": "Especificación preestablecida",
+    "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+    "bottom-paper-width": "Ancho del papel inferior",
+    "bottom-paper-thickness": "Espesor del papel inferior",
+    "second-layer-paper-thickness": "Espesor del papel de la segunda capa",
+    "third-layer-paper-thickness": "Espesor del papel de la tercera capa",
+    "top-paper-thickness": "Espesor del papel superior"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+    "paper-tube-external-diameter": "Diámetro exterior del tubo de papel",
+    "paper-tube-wall-thickness": "Grosor de la pared del tubo de papel",
+    "leading-length": "Longitud líder",
+    "bottom-paper-angle": "Ángulo del papel inferior",
+    "bottom-paper-width": "Ancho del papel inferior",
+    "second-layer-paper-width": "Ancho del papel de la segunda capa",
+    "third-layer-paper-width": "Ancho del papel de la tercera capa",
+    "top-paper-width": "Ancho del papel superior",
+    "belt-width": "Ancho de la correa"
+  },
+    "section": {
+    "paper-straw-specification": "Especificación de la pajita de papel",
+    "production-parameters": "Parámetros de producción"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "Interior 3,3 mm, exterior 4,0 mm",
+    "inner_3_8-outer_4_5": "Interior 3,8 mm, exterior 4,5 mm",
+    "inner_4_3-outer_5_0": "Interior 4,3 mm, exterior 5,0 mm",
+    "inner_5_3-outer_6_0": "Interior 5,3 mm, exterior 6,0 mm",
+    "inner_6_3-outer_7_0": "Interior 6,3 mm, exterior 7,0 mm",
+    "inner_7_3-outer_8_0": "Interior 7,3 mm, exterior 8,0 mm",
+    "inner_8_3-outer_9_0": "Interior 8,3 mm, exterior 9,0 mm",
+    "inner_9_3-outer_10_0": "Interior 9,3 mm, exterior 10,0 mm",
+    "inner_11_3-outer_12_0": "Interior 11,3 mm, exterior 12,0 mm",
+    "custom": "Personalizado"
+  }
+}
--- a/src/locale/es/page/index.ts
+++ b/src/locale/es/page/index.ts
@ -0,0 +1,19 @@
+import beltSpecification from './belt-specification.json'
+import fourLayerPaperStraw from './four-layer-paper-straw.json'
+import multiLayerPaperTapeWidthAngle from './multi-layer-paper-tape-width-angle.json'
+import paperRollWeightLength from './paper-roll-weight-length.json'
+import paperTapeWidthAngle from './paper-tape-width-angle.json'
+import paperTubeProduction from './paper-tube-production.json'
+import paperTubeWeight from './paper-tube-weight.json'
+import threeLayerPaperStraw from './three-layer-paper-straw.json'
+
+export default {
+  'paper-tube-weight': paperTubeWeight,
+  'belt-specification': beltSpecification,
+  'paper-roll-weight-length': paperRollWeightLength,
+  'paper-tube-production': paperTubeProduction,
+  'paper-tape-width-angle': paperTapeWidthAngle,
+  'multi-layer-paper-tape-width-angle': multiLayerPaperTapeWidthAngle,
+  'three-layer-paper-straw': threeLayerPaperStraw,
+  'four-layer-paper-straw': fourLayerPaperStraw,
+}
--- a/src/locale/es/page/multi-layer-paper-tape-width-angle.json
+++ b/src/locale/es/page/multi-layer-paper-tape-width-angle.json
@ -0,0 +1,32 @@
+{
+    "title": "Ancho y Ángulo de Cinta de Papel Multicapa",
+    "parameters": {
+        "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+        "bottom-paper-width": "Ancho del papel inferior",
+        "paper-grammage": "Gramaje del papel",
+        "paper-density": "Densidad del papel"
+    },
+    "operation": {
+        "remove": "Eliminar",
+        "add": "Agregar",
+        "clear": "Limpiar",
+        "save": "Guardar"
+    },
+    "header": {
+        "layer": "Capa",
+        "paper-grammage": "Gramaje",
+        "cumulative-thickness": "Grosor acumulativo",
+        "angle": "Ángulo",
+        "paper-tape-width": "Ancho de la cinta de papel"
+    },
+    "export": {
+        "reference": "Referencia",
+        "minimum": "Mínimo",
+        "maximum": "Máximo",
+        "calculated-value": "Valor calculado",
+        "fit": "AJUSTA",
+        "not-fit": "NO AJUSTA",
+        "filename": "Multi-Layer-Paper-Tape-Width-Angle-Calculate",
+        "sheet-name": "Multi-Layer-Paper-Tape-Width-Angle"
+    }
+}
--- a/src/locale/es/page/paper-roll-weight-length.json
+++ b/src/locale/es/page/paper-roll-weight-length.json
@ -0,0 +1,15 @@
+{
+    "title": "Peso y Longitud del Rollo de Papel",
+    "parameters": {
+        "paper-core-diameter": "Diámetro del núcleo de papel",
+        "paper-roll-external-diameter": "Diámetro externo del rollo de papel",
+        "paper-roll-width": "Ancho del rollo de papel",
+        "paper-density": "Densidad del papel",
+        "paper-grammage": "Gramaje del papel"
+    },
+    "results": {
+        "paper-roll-weight": "Peso del rollo de papel",
+        "paper-roll-length": "Longitud del rollo de papel",
+        "paper-thickness": "Grosor del papel"
+    }
+}
--- a/src/locale/es/page/paper-tape-width-angle.json
+++ b/src/locale/es/page/paper-tape-width-angle.json
@ -0,0 +1,14 @@
+{
+    "title": "Ancho y Ángulo de Cinta de Papel",
+    "parameters": {
+        "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+        "paper-tube-wall-thickness": "Espesor de la pared del tubo de papel",
+        "inner-paper-width": "Ancho interior del papel"
+    },
+    "results": {
+        "belt-angle": "Ángulo de la correa",
+        "paper-holder-angle": "Ángulo del soporte de papel",
+        "leading-length": "Longitud de avance",
+        "paper-tape-width": "Ancho de la cinta de papel"
+    }
+}
--- a/src/locale/es/page/paper-tube-production.json
+++ b/src/locale/es/page/paper-tube-production.json
@ -0,0 +1,21 @@
+{
+    "title": "Producción de Tubos de Papel",
+    "parameters": {
+        "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+        "paper-tube-wall-thickness": "Espesor de la pared del tubo de papel",
+        "paper-tube-length": "Longitud del tubo de papel",
+        "paper-density": "Densidad del papel",
+        "inner-paper-width": "Ancho interior del papel",
+        "work-frequency": "Frecuencia de trabajo",
+        "work-time": "Tiempo de trabajo",
+        "work-efficiency": "Eficiencia de trabajo"
+    },
+    "results": {
+        "feed-paper-speed": "Velocidad de alimentación del papel",
+        "output-speed": "Velocidad de salida",
+        "production-amount-per-hour": "Producción por hora",
+        "production-amount-per-day": "Producción por día",
+        "production-weight-per-hour": "Producción por hora (peso)",
+        "production-weight-per-day": "Producción por día (peso)"
+    }
+}
--- a/src/locale/es/page/paper-tube-weight.json
+++ b/src/locale/es/page/paper-tube-weight.json
@ -0,0 +1,14 @@
+{
+    "title": "Peso del Tubo de Papel",
+    "parameters": {
+        "paper-roll-length": "Longitud del rollo de papel",
+        "paper-density": "Densidad del papel",
+        "production-amount": "Cantidad de producción",
+        "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+        "paper-roll-wall-thickness": "Espesor de la pared del rollo de papel"
+    },
+    "results": {
+        "single-paper-tube-weight": "Peso de un solo tubo de papel",
+        "total-paper-tube-weight": "Peso total de los tubos de papel"
+    }
+}
--- a/src/locale/es/page/three-layer-paper-straw.json
+++ b/src/locale/es/page/three-layer-paper-straw.json
@ -0,0 +1,38 @@
+{
+  "title": "Calcular pajita de papel de tres capas",
+  "parameters": {
+    "preset-specification": "Especificación preestablecida",
+    "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+    "bottom-paper-width": "Ancho del papel inferior",
+    "bottom-paper-thickness": "Espesor del papel inferior",
+    "middle-paper-thickness": "Espesor del papel medio",
+    "top-paper-thickness": "Espesor del papel superior"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Diámetro interior del tubo de papel",
+    "paper-tube-external-diameter": "Diámetro exterior del tubo de papel",
+    "paper-tube-wall-thickness": "Grosor de la pared del tubo de papel",
+    "leading-length": "Longitud líder",
+    "bottom-paper-angle": "Ángulo del papel inferior",
+    "bottom-paper-width": "Ancho del papel inferior",
+    "middle-paper-width": "Ancho del papel medio",
+    "top-paper-width": "Ancho del papel superior",
+    "belt-width": "Ancho de la correa"
+  },
+  "section": {
+    "paper-straw-specification": "Especificación de la pajita de papel",
+    "production-parameters": "Parámetros de producción"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "interior 3,3 mm, exterior 4,0 mm",
+    "inner_3_8-outer_4_5": "interior 3,8 mm, exterior 4,5 mm",
+    "inner_4_3-outer_5_0": "interior 4,3 mm, exterior 5,0 mm",
+    "inner_5_3-outer_6_0": "interior 5,3 mm, exterior 6,0 mm",
+    "inner_6_3-outer_7_0": "interior 6,3 mm, exterior 7,0 mm",
+    "inner_7_3-outer_8_0": "interior 7,3 mm, exterior 8,0 mm",
+    "inner_8_3-outer_9_0": "interior 8,3 mm, exterior 9,0 mm",
+    "inner_9_3-outer_10_0": "interior 9,3 mm, exterior 10,0 mm",
+    "inner_11_3-outer_12_0": "interior 11,3 mm, exterior 12,0 mm",
+    "custom": "personalizado"
+  }
+}
--- a/src/locale/es/units.json
+++ b/src/locale/es/units.json
@ -0,0 +1,17 @@
+{
+  "mm": "mm",
+  "m": "m",
+  "g_per_cm3": "g/cm³",
+  "pcs": "uds.",
+  "kg": "kg",
+  "g_per_m2": "g/m²",
+  "hz": "Hz",
+  "hour": "h",
+  "percent": "%",
+  "m_per_min": "m/min",
+  "kg_per_hour": "kg/h",
+  "pcs_per_hour": "uds./h",
+  "kg_per_day": "kg/d",
+  "pcs_per_day": "uds./d",
+  "degree": "°"
+}
--- a/src/locale/ru/common.json
+++ b/src/locale/ru/common.json
@ -0,0 +1,26 @@
+{
+  "app-title": "Калькулятор производства бумажных трубок",
+  "parameters": "Параметры",
+  "reset": "Сброс",
+  "results": "Результаты",
+  "about": "О программе",
+  "calculator": "Калькулятор",
+  "company-name": "Чжэцзян Цзиньшэнь Машиностроительная компания с ограниченной ответственностью",
+  "app-description": "Вспомогательный инструмент для производства бумажных трубок, обеспечивающий расчет различных параметров: веса, размеров, углов и т.д.",
+  "all-rights-reserved": "Все права защищены",
+  "close": "Закрыть",
+  "official-website": "Официальный сайт",
+  "loading": "Загрузка",
+  "calculate-parameters": "Рассчитать параметры",
+  "expand-to-show-calculate-parameters": "Развернуть, чтобы показать параметры расчета",
+  "navigation": {
+    "paper-tube-weight-calculate": "Вес бумажной трубки",
+    "belt-specification-calculate": "Спецификация ремня",
+    "paper-roll-weight-length-calculate": "Вес и длина бумажного рулона",
+    "paper-tube-production-calculate": "Производство бумажных трубок",
+    "paper-tape-width-angle-calculate": "Ширина и угол бумажной ленты",
+    "multi-layer-paper-tape-width-angle-calculate": "Ширина и угол многослойной бумажной ленты",
+    "three-layer-paper-straw-calculate": "Трехслойная бумажная трубочка",
+    "four-layer-paper-straw-calculate": "Четырехслойная бумажная трубочка"
+  }
+}
--- a/src/locale/ru/index.ts
+++ b/src/locale/ru/index.ts
@ -0,0 +1,9 @@
+import common from './common.json'
+import page from './page'
+import units from './units.json'
+
+export default {
+  common,
+  units,
+  page,
+}
--- a/src/locale/ru/page/belt-specification.json
+++ b/src/locale/ru/page/belt-specification.json
@ -0,0 +1,23 @@
+{
+  "title": "Спецификация ремня",
+  "parameters": {
+    "machine-model": "Модель",
+    "max-wheelbase": "Максимальная колесная база",
+    "hub-diameter": "Диаметр ступицы",
+    "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+    "paper-tube-wall-thickness": "Толщина стенки бумажной трубки"
+  },
+  "results": {
+    "recommend-belt-thickness": "рекомендуемая толщина ремня",
+    "recommend-belt-width": "рекомендуемая ширина ремня",
+    "recommend-belt-length": "рекомендуемая длина ремня"
+  },
+  "machine-model": {
+    "50_120-series": "50, 120 серии",
+    "200-series": "200 серии",
+    "600-series": "600 серии",
+    "PT23-120-series": "PT23-120 серии",
+    "PT23-200-series": "PT23-200 серии",
+    "custom": "Настроить"
+  }
+}
--- a/src/locale/ru/page/four-layer-paper-straw.json
+++ b/src/locale/ru/page/four-layer-paper-straw.json
@ -0,0 +1,40 @@
+{
+  "title": "Четырехслойная бумажная трубочка",
+  "parameters": {
+    "preset-specification": "Предустановленная спецификация",
+    "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+    "bottom-paper-width": "Ширина нижнего слоя бумаги",
+    "bottom-paper-thickness": "Толщина нижнего слоя бумаги",
+    "second-layer-paper-thickness": "Толщина второго слоя бумаги",
+    "third-layer-paper-thickness": "Толщина третьего слоя бумаги",
+    "top-paper-thickness": "Толщина верхнего слоя бумаги"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+    "paper-tube-external-diameter": "Внешний диаметр бумажной трубки",
+    "paper-tube-wall-thickness": "Толщина стенки бумажной трубки",
+    "leading-length": "Длина ведущей части",
+    "bottom-paper-angle": "Угол нижнего слоя бумаги",
+    "bottom-paper-width": "Ширина нижнего слоя бумаги",
+    "second-layer-paper-width": "Ширина второго слоя бумаги",
+    "third-layer-paper-width": "Ширина третьего слоя бумаги",
+    "top-paper-width": "Ширина верхнего слоя бумаги",
+    "belt-width": "Ширина ремня"
+  },
+  "section": {
+    "paper-straw-specification": "Спецификация бумажной трубочки",
+    "production-parameters": "Параметры производства"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "Внутренний 3,3 мм, внешний 4,0 мм",
+    "inner_3_8-outer_4_5": "Внутренний 3,8 мм, внешний 4,5 мм",
+    "inner_4_3-outer_5_0": "Внутренний 4,3 мм, внешний 5,0 мм",
+    "inner_5_3-outer_6_0": "Внутренний 5,3 мм, внешний 6,0 мм",
+    "inner_6_3-outer_7_0": "Внутренний 6,3 мм, внешний 7,0 мм",
+    "inner_7_3-outer_8_0": "Внутренний 7,3 мм, внешний 8,0 мм",
+    "inner_8_3-outer_9_0": "Внутренний 8,3 мм, внешний 9,0 мм",
+    "inner_9_3-outer_10_0": "Внутренний 9,3 мм, внешний 10,0 мм",
+    "inner_11_3-outer_12_0": "Внутренний 11,3 мм, внешний 12,0 мм",
+    "custom": "Настроить"
+  }
+}
--- a/src/locale/ru/page/index.ts
+++ b/src/locale/ru/page/index.ts
@ -0,0 +1,19 @@
+import beltSpecification from './belt-specification.json'
+import fourLayerPaperStraw from './four-layer-paper-straw.json'
+import multiLayerPaperTapeWidthAngle from './multi-layer-paper-tape-width-angle.json'
+import paperRollWeightLength from './paper-roll-weight-length.json'
+import paperTapeWidthAngle from './paper-tape-width-angle.json'
+import paperTubeProduction from './paper-tube-production.json'
+import paperTubeWeight from './paper-tube-weight.json'
+import threeLayerPaperStraw from './three-layer-paper-straw.json'
+
+export default {
+  'paper-tube-weight': paperTubeWeight,
+  'belt-specification': beltSpecification,
+  'paper-roll-weight-length': paperRollWeightLength,
+  'paper-tube-production': paperTubeProduction,
+  'paper-tape-width-angle': paperTapeWidthAngle,
+  'multi-layer-paper-tape-width-angle': multiLayerPaperTapeWidthAngle,
+  'three-layer-paper-straw': threeLayerPaperStraw,
+  'four-layer-paper-straw': fourLayerPaperStraw,
+}
--- a/src/locale/ru/page/multi-layer-paper-tape-width-angle.json
+++ b/src/locale/ru/page/multi-layer-paper-tape-width-angle.json
@ -0,0 +1,32 @@
+{
+    "title": "Ширина и угол многослойной бумажной ленты",
+    "parameters": {
+        "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+        "bottom-paper-width": "Ширина нижнего слоя бумаги",
+        "paper-grammage": "Плотность бумаги",
+        "paper-density": "Плотность бумаги"
+    },
+    "operation": {
+        "remove": "Удалить",
+        "add": "Добавить",
+        "clear": "Очистить",
+        "save": "Сохранить"
+    },
+    "header": {
+        "layer": "Слой",
+        "paper-grammage": "Плотность бумаги",
+        "cumulative-thickness": "Накопленная толщина",
+        "angle": "Угол",
+        "paper-tape-width": "Ширина бумажной ленты"
+    },
+    "export": {
+        "reference": "Справочная информация",
+        "minimum": "Минимум",
+        "maximum": "Максимум",
+        "calculated-value": "Расчетное значение",
+        "fit": "ПОДХОДИТ",
+        "not-fit": "НЕ ПОДХОДИТ",
+        "filename": "Multi-Layer-Paper-Tape-Width-Angle-Calculate",
+        "sheet-name": "Multi-Layer-Paper-Tape-Width-Angle"
+    }
+}
--- a/src/locale/ru/page/paper-roll-weight-length.json
+++ b/src/locale/ru/page/paper-roll-weight-length.json
@ -0,0 +1,15 @@
+{
+    "title": "Вес и длина бумажного рулона",
+    "parameters": {
+        "paper-core-diameter": "Диаметр сердечника бумаги",
+        "paper-roll-external-diameter": "Внешний диаметр бумажного рулона",
+        "paper-roll-width": "Ширина бумажного рулона",
+        "paper-density": "Плотность бумаги",
+        "paper-grammage": "Плотность бумаги"
+    },
+    "results": {
+        "paper-roll-weight": "Вес бумажного рулона",
+        "paper-roll-length": "Длина рулона бумаги",
+        "paper-thickness": "Толщина бумаги"
+    }
+}
--- a/src/locale/ru/page/paper-tape-width-angle.json
+++ b/src/locale/ru/page/paper-tape-width-angle.json
@ -0,0 +1,14 @@
+{
+    "title": "Ширина и угол бумажной ленты",
+    "parameters": {
+        "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+        "paper-tube-wall-thickness": "Толщина стенки бумажной трубки",
+        "inner-paper-width": "Внутренняя ширина бумаги"
+    },
+    "results": {
+        "belt-angle": "Угол ремня",
+        "paper-holder-angle": "Угол держателя бумаги",
+        "leading-length": "Длина ведущей кромки",
+        "paper-tape-width": "Ширина бумажной ленты"
+    }
+}
--- a/src/locale/ru/page/paper-tube-production.json
+++ b/src/locale/ru/page/paper-tube-production.json
@ -0,0 +1,21 @@
+{
+    "title": "Производство бумажных трубок",
+    "parameters": {
+        "paper-tube-inner-diameter": "внутренний диаметр бумажной трубки",
+        "paper-tube-wall-thickness": "толщина стенки бумажной трубки",
+        "paper-tube-length": "длина бумажной трубки",
+        "paper-density": "плотность бумаги",
+        "inner-paper-width": "внутренняя ширина бумаги",
+        "work-frequency": "частота работы",
+        "work-time": "время работы",
+        "work-efficiency": "эффективность работы"
+    },
+    "results": {
+        "feed-paper-speed": "скорость подачи бумаги",
+        "output-speed": "скорость вывода",
+        "production-amount-per-hour": "часовое производство",
+        "production-amount-per-day": "дневное производство",
+        "production-weight-per-hour": "часовое производство (вес)",
+        "production-weight-per-day": "дневное производство (вес)"
+    }
+}
--- a/src/locale/ru/page/paper-tube-weight.json
+++ b/src/locale/ru/page/paper-tube-weight.json
@ -0,0 +1,14 @@
+{
+    "title": "Вес бумажной трубки",
+    "parameters": {
+        "paper-roll-length": "Длина бумажного рулона",
+        "paper-density": "Плотность бумаги",
+        "production-amount": "Количество производства",
+        "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+        "paper-roll-wall-thickness": "Толщина стенки бумажного рулона"
+    },
+    "results": {
+        "single-paper-tube-weight": "Вес одной бумажной трубки",
+        "total-paper-tube-weight": "Общий вес бумажных трубок"
+    }
+}
--- a/src/locale/ru/page/three-layer-paper-straw.json
+++ b/src/locale/ru/page/three-layer-paper-straw.json
@ -0,0 +1,38 @@
+{
+  "title": "Трехслойная бумажная трубочка",
+  "parameters": {
+    "preset-specification": "Предустановленная спецификация",
+    "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+    "bottom-paper-width": "Ширина нижнего слоя бумаги",
+    "bottom-paper-thickness": "Толщина нижнего слоя бумаги",
+    "middle-paper-thickness": "Толщина среднего слоя бумаги",
+    "top-paper-thickness": "Толщина верхнего слоя бумаги"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "Внутренний диаметр бумажной трубки",
+    "paper-tube-external-diameter": "Внешний диаметр бумажной трубки",
+    "paper-tube-wall-thickness": "Толщина стенки бумажной трубки",
+    "leading-length": "Длина ведущей части",
+    "bottom-paper-angle": "Угол нижнего слоя бумаги",
+    "bottom-paper-width": "Ширина нижнего слоя бумаги",
+    "middle-paper-width": "Ширина среднего слоя бумаги",
+    "top-paper-width": "Ширина верхнего слоя бумаги",
+    "belt-width": "Ширина ремня"
+  },
+  "section": {
+    "paper-straw-specification": "Спецификация бумажной трубочки",
+    "production-parameters": "Параметры производства"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "Внутренний 3,3 мм, внешний 4,0 мм",
+    "inner_3_8-outer_4_5": "Внутренний 3,8 мм, внешний 4,5 мм",
+    "inner_4_3-outer_5_0": "Внутренний 4,3 мм, внешний 5,0 мм",
+    "inner_5_3-outer_6_0": "Внутренний 5,3 мм, внешний 6,0 мм",
+    "inner_6_3-outer_7_0": "Внутренний 6,3 мм, внешний 7,0 мм",
+    "inner_7_3-outer_8_0": "Внутренний 7,3 мм, внешний 8,0 мм",
+    "inner_8_3-outer_9_0": "Внутренний 8,3 мм, внешний 9,0 мм",
+    "inner_9_3-outer_10_0": "Внутренний 9,3 мм, внешний 10,0 мм",
+    "inner_11_3-outer_12_0": "Внутренний 11,3 мм, внешний 12,0 мм",
+    "custom": "Настроить"
+  }
+}
--- a/src/locale/ru/units.json
+++ b/src/locale/ru/units.json
@ -0,0 +1,17 @@
+{
+  "mm": "мм",
+  "m": "м",
+  "g_per_cm3": "г/см³",
+  "pcs": "шт.",
+  "kg": "кг",
+  "g_per_m2": "г/м²",
+  "hz": "Гц",
+  "hour": "ч",
+  "percent": "%",
+  "m_per_min": "м/мин",
+  "kg_per_hour": "кг/ч",
+  "pcs_per_hour": "шт./ч",
+  "kg_per_day": "кг/д",
+  "pcs_per_day": "шт./д",
+  "degree": "°"
+}
--- a/src/locale/zh.json
+++ b/src/locale/zh.json
@ -1,51 +0,0 @@
-{
-  "appTitle": "纸管制作辅助生产工具",
-  "beltSpecificationCalculate": "皮带规格计算",
-  "multiLayerPaperTapeWidthAngleCalculate": "多层纸带宽度角度计算",
-  "paperCoreDiameter": "纸芯内径",
-  "paperDensity": "纸张密度",
-  "paperGrammage": "纸张克重",
-  "paperRollExternalDiameter": "纸卷外径",
-  "paperRollLength": "纸卷长度",
-  "paperRollWallThickness": "纸卷壁厚",
-  "paperRollWeightLengthCalculate": "纸卷重量长度计算",
-  "paperTapeWidthAngleCalculate": "纸带宽度角度计算",
-  "paperTubeProductionCalculate": "纸管产能计算",
-  "paperTubeWeightCalculate": "纸管重量计算",
-  "parameters": "参数",
-  "productionAmount": "生产数量",
-  "reset": "重置",
-  "results": "结果",
-  "singlePaperTubeWeight": "单个纸管重量",
-  "totalPaperTubeWeight": "总纸管重量",
-  "paperRollWidth": "纸卷宽度",
-  "paperThickness": "纸张厚度",
-  "paperLength": "纸卷长度",
-  "paperRollWeight": "纸卷重量",
-  "innerPaperWidth": "里纸宽度",
-  "workFrequency": "工作频率",
-  "workTime": "工作时间",
-  "workEfficiency": "工作效率",
-  "feedPaperSpeed": "进纸速度",
-  "outputSpeed": "出管速度",
-  "productionAmountPerHour": "每小时产量",
-  "productionWeightPerHour": "每小时产量",
-  "productionAmountPerDay": "每天产量",
-  "productionWeightPerDay": "每天产量",
-  "beltAngle": "皮带角度",
-  "paperHolderAngle": "纸架角度",
-  "leadingLength": "导程",
-  "paperWidth": "面纸宽度",
-  "machineModel": "机器型号",
-  "maxWheelbase": "最大轮距",
-  "hubDiameter": "轮毂直径",
-  "50_120Series": "50、120系列",
-  "200_Series": "200系列",
-  "600_Series": "600系列",
-  "new_50_120Series": "新50、200系列",
-  "new_200_Series": "新200系列",
-  "custom": "自定义",
-  "recommendBeltThickness": "推荐皮带厚度",
-  "recommendBeltWidth": "推荐皮带宽度",
-  "recommendBeltLength": "推荐皮带长度"
-}
--- a/src/locale/zh/common.json
+++ b/src/locale/zh/common.json
@ -0,0 +1,26 @@
+{
+  "app-title": "纸管生产辅助计算工具",
+  "parameters": "参数",
+  "reset": "重置",
+  "results": "结果",
+  "about": "关于",
+  "calculator": "计算工具",
+  "company-name": "浙江金申机械制造有限公司",
+  "app-description": "纸管生产辅助计算工具，提供纸管重量、尺寸、角度等多种参数的计算。",
+  "all-rights-reserved": "版权所有",
+  "close": "关闭",
+  "official-website": "官方网站",
+  "loading": "加载中",
+  "calculate-parameters": "计算参数",
+  "expand-to-show-calculate-parameters": "展开以显示计算参数",
+  "navigation": {
+    "paper-tube-weight-calculate": "纸管重量计算",
+    "belt-specification-calculate": "皮带规格计算",
+    "paper-roll-weight-length-calculate": "纸卷重量长度计算",
+    "paper-tube-production-calculate": "纸管产能计算",
+    "paper-tape-width-angle-calculate": "纸带宽度角度计算",
+    "multi-layer-paper-tape-width-angle-calculate": "多层纸带宽度角度计算",
+    "three-layer-paper-straw-calculate": "三层纸吸管计算",
+    "four-layer-paper-straw-calculate": "四层纸吸管计算"
+  }
+}
--- a/src/locale/zh/index.ts
+++ b/src/locale/zh/index.ts
@ -0,0 +1,9 @@
+import common from './common.json'
+import page from './page'
+import units from './units.json'
+
+export default {
+  common,
+  units,
+  page,
+}
--- a/src/locale/zh/page/belt-specification.json
+++ b/src/locale/zh/page/belt-specification.json
@ -0,0 +1,23 @@
+{
+  "title": "皮带规格计算",
+  "parameters": {
+    "machine-model": "机器型号",
+    "max-wheelbase": "最大轮距",
+    "hub-diameter": "轮毂直径",
+    "paper-tube-inner-diameter": "纸管内径",
+    "paper-tube-wall-thickness": "纸管壁厚"
+  },
+  "results": {
+    "recommend-belt-thickness": "推荐皮带厚度",
+    "recommend-belt-width": "推荐皮带宽度",
+    "recommend-belt-length": "推荐皮带长度"
+  },
+  "machine-model": {
+    "50_120-series": "50、120系列",
+    "200-series": "200系列",
+    "600-series": "600系列",
+    "PT23-120-series": "PT23-120系列",
+    "PT23-200-series": "PT23-200系列",
+    "custom": "自定义"
+  }
+}
--- a/src/locale/zh/page/four-layer-paper-straw.json
+++ b/src/locale/zh/page/four-layer-paper-straw.json
@ -0,0 +1,40 @@
+{
+  "title": "四层纸吸管计算",
+  "parameters": {
+    "preset-specification": "预设规格",
+    "paper-tube-inner-diameter": "纸管内径",
+    "bottom-paper-width": "底纸宽度",
+    "bottom-paper-thickness": "底层纸厚度",
+    "second-layer-paper-thickness": "第二层纸厚度",
+    "third-layer-paper-thickness": "第三层纸厚度",
+    "top-paper-thickness": "顶层纸厚度"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "纸管内径",
+    "paper-tube-external-diameter": "纸管外径",
+    "paper-tube-wall-thickness": "纸管壁厚",
+    "leading-length": "导程",
+    "bottom-paper-angle": "底层纸角度",
+    "bottom-paper-width": "底层纸宽度",
+    "second-layer-paper-width": "第二层纸宽度",
+    "third-layer-paper-width": "第三层纸宽度",
+    "top-paper-width": "顶层纸宽度",
+    "belt-width": "皮带宽度"
+  },
+    "section": {
+    "paper-straw-specification": "纸吸管规格",
+    "production-parameters": "生产参数"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "内径3.3mm，外径4.0mm",
+    "inner_3_8-outer_4_5": "内径3.8mm，外径4.5mm",
+    "inner_4_3-outer_5_0": "内径4.3mm，外径5.0mm",
+    "inner_5_3-outer_6_0": "内径5.3mm，外径6.0mm",
+    "inner_6_3-outer_7_0": "内径6.3mm，外径7.0mm",
+    "inner_7_3-outer_8_0": "内径7.3mm，外径8.0mm",
+    "inner_8_3-outer_9_0": "内径8.3mm，外径9.0mm",
+    "inner_9_3-outer_10_0": "内径9.3mm，外径10.0mm",
+    "inner_11_3-outer_12_0": "内径11.3mm，外径12.0mm",
+    "custom": "自定义"
+  }
+}
--- a/src/locale/zh/page/index.ts
+++ b/src/locale/zh/page/index.ts
@ -0,0 +1,19 @@
+import beltSpecification from './belt-specification.json'
+import fourLayerPaperStraw from './four-layer-paper-straw.json'
+import multiLayerPaperTapeWidthAngle from './multi-layer-paper-tape-width-angle.json'
+import paperRollWeightLength from './paper-roll-weight-length.json'
+import paperTapeWidthAngle from './paper-tape-width-angle.json'
+import paperTubeProduction from './paper-tube-production.json'
+import paperTubeWeight from './paper-tube-weight.json'
+import threeLayerPaperStraw from './three-layer-paper-straw.json'
+
+export default {
+  'paper-tube-weight': paperTubeWeight,
+  'belt-specification': beltSpecification,
+  'paper-roll-weight-length': paperRollWeightLength,
+  'paper-tube-production': paperTubeProduction,
+  'paper-tape-width-angle': paperTapeWidthAngle,
+  'multi-layer-paper-tape-width-angle': multiLayerPaperTapeWidthAngle,
+  'three-layer-paper-straw': threeLayerPaperStraw,
+  'four-layer-paper-straw': fourLayerPaperStraw,
+}
--- a/src/locale/zh/page/multi-layer-paper-tape-width-angle.json
+++ b/src/locale/zh/page/multi-layer-paper-tape-width-angle.json
@ -0,0 +1,32 @@
+{
+    "title": "多层纸带宽度角度计算",
+    "parameters": {
+        "paper-tube-inner-diameter": "纸管内径",
+        "bottom-paper-width": "底纸宽度",
+        "paper-grammage": "纸张克重",
+        "paper-density": "纸张密度"
+    },
+    "operation": {
+        "remove": "移除",
+        "add": "新增",
+        "clear": "清空",
+        "save": "保存"
+    },
+    "header": {
+        "layer": "层数",
+        "paper-grammage": "纸张克重",
+        "cumulative-thickness": "累计厚度",
+        "angle": "角度",
+        "paper-tape-width": "纸带宽度"
+    },
+    "export": {
+        "reference": "参考区间",
+        "minimum": "最小值",
+        "maximum": "最大值",
+        "calculated-value": "计算值",
+        "fit": "符合",
+        "not-fit": "不符合",
+        "filename": "多层纸带宽度角度计算",
+        "sheet-name": "多层纸带宽度角度"
+    }
+}
--- a/src/locale/zh/page/paper-roll-weight-length.json
+++ b/src/locale/zh/page/paper-roll-weight-length.json
@ -0,0 +1,15 @@
+{
+    "title": "纸卷重量长度计算",
+    "parameters": {
+        "paper-core-diameter": "纸芯内径",
+        "paper-roll-external-diameter": "纸卷外径",
+        "paper-roll-width": "纸卷宽度",
+        "paper-density": "纸张密度",
+        "paper-grammage": "纸张克重"
+    },
+    "results": {
+        "paper-roll-weight": "纸卷重量",
+        "paper-roll-length": "纸卷长度",
+        "paper-thickness": "纸张厚度"
+    }
+}
--- a/src/locale/zh/page/paper-tape-width-angle.json
+++ b/src/locale/zh/page/paper-tape-width-angle.json
@ -0,0 +1,14 @@
+{
+    "title": "纸带宽度角度计算",
+    "parameters": {
+        "paper-tube-inner-diameter": "纸管内径",
+        "paper-tube-wall-thickness": "纸管壁厚",
+        "inner-paper-width": "里纸宽度"
+    },
+    "results": {
+        "belt-angle": "皮带角度",
+        "paper-holder-angle": "纸架角度",
+        "leading-length": "导程",
+        "paper-tape-width": "纸带宽度"
+    }
+}
--- a/src/locale/zh/page/paper-tube-production.json
+++ b/src/locale/zh/page/paper-tube-production.json
@ -0,0 +1,21 @@
+{
+    "title": "纸管产能计算",
+    "parameters": {
+        "paper-tube-inner-diameter": "纸管内径",
+        "paper-tube-wall-thickness": "纸管壁厚",
+        "paper-tube-length": "纸管长度",
+        "paper-density": "纸张密度",
+        "inner-paper-width": "里纸宽度",
+        "work-frequency": "工作频率",
+        "work-time": "工作时间",
+        "work-efficiency": "工作效率"
+    },
+    "results": {
+        "feed-paper-speed": "进纸速度",
+        "output-speed": "出管速度",
+        "production-amount-per-hour": "每小时产量",
+        "production-amount-per-day": "每日产量",
+        "production-weight-per-hour": "每小时产量（重量）",
+        "production-weight-per-day": "每日产量（重量）"
+    }
+}
--- a/src/locale/zh/page/paper-tube-weight.json
+++ b/src/locale/zh/page/paper-tube-weight.json
@ -0,0 +1,14 @@
+{
+    "title": "纸管重量计算",
+    "parameters": {
+        "paper-roll-length": "纸卷长度",
+        "paper-density": "纸张密度",
+        "production-amount": "生产数量",
+        "paper-tube-inner-diameter": "纸管内径",
+        "paper-roll-wall-thickness": "纸卷壁厚"
+    },
+    "results": {
+        "single-paper-tube-weight": "单个纸管重量",
+        "total-paper-tube-weight": "总纸管重量"
+    }
+}
--- a/src/locale/zh/page/three-layer-paper-straw.json
+++ b/src/locale/zh/page/three-layer-paper-straw.json
@ -0,0 +1,38 @@
+{
+  "title": "三层纸吸管计算",
+  "parameters": {
+    "preset-specification": "预设规格",
+    "paper-tube-inner-diameter": "纸管内径",
+    "bottom-paper-width": "底纸宽度",
+    "bottom-paper-thickness": "底层纸厚度",
+    "middle-paper-thickness": "中层纸厚度",
+    "top-paper-thickness": "顶层纸厚度"
+  },
+  "results": {
+    "paper-tube-inner-diameter": "纸管内径",
+    "paper-tube-external-diameter": "纸管外径",
+    "paper-tube-wall-thickness": "纸管壁厚",
+    "leading-length": "导程",
+    "bottom-paper-angle": "底层纸角度",
+    "bottom-paper-width": "底层纸宽度",
+    "middle-paper-width": "中层纸宽度",
+    "top-paper-width": "顶层纸宽度",
+    "belt-width": "皮带宽度"
+  },
+  "section": {
+    "paper-straw-specification": "纸吸管规格",
+    "production-parameters": "生产参数"
+  },
+  "preset-specification": {
+    "inner_3_3-outer_4_0": "内径3.3mm，外径4.0mm",
+    "inner_3_8-outer_4_5": "内径3.8mm，外径4.5mm",
+    "inner_4_3-outer_5_0": "内径4.3mm，外径5.0mm",
+    "inner_5_3-outer_6_0": "内径5.3mm，外径6.0mm",
+    "inner_6_3-outer_7_0": "内径6.3mm，外径7.0mm",
+    "inner_7_3-outer_8_0": "内径7.3mm，外径8.0mm",
+    "inner_8_3-outer_9_0": "内径8.3mm，外径9.0mm",
+    "inner_9_3-outer_10_0": "内径9.3mm，外径10.0mm",
+    "inner_11_3-outer_12_0": "内径11.3mm，外径12.0mm",
+    "custom": "自定义"
+  }
+}
--- a/src/locale/zh/units.json
+++ b/src/locale/zh/units.json
@ -0,0 +1,17 @@
+{
+  "mm": "mm",
+  "m": "m",
+  "g_per_cm3": "g/cm³",
+  "pcs": "支",
+  "kg": "kg",
+  "g_per_m2": "g/m²",
+  "hz": "Hz",
+  "hour": "小时",
+  "percent": "%",
+  "m_per_min": "m/min",
+  "kg_per_hour": "kg/h",
+  "pcs_per_hour": "pcs/h",
+  "kg_per_day": "kg/d",
+  "pcs_per_day": "pcs/d",
+  "degree": "°"
+}
--- a/src/pages/calculators/belt-specification.vue
+++ b/src/pages/calculators/belt-specification.vue
@ -0,0 +1,13 @@
+<template>
+  <BeltSpecificationCalculate />
+</template>
+
+<script lang="ts" setup>
+  import BeltSpecificationCalculate from '@/components/Modules/BeltSpecificationCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: beltSpecification
+</route>
--- a/src/pages/calculators/four-layer-paper-straw.vue
+++ b/src/pages/calculators/four-layer-paper-straw.vue
@ -0,0 +1,13 @@
+<template>
+  <FourLayerPaperStrawCalculate />
+</template>
+
+<script setup lang="ts">
+  import FourLayerPaperStrawCalculate from '@/components/Modules/FourLayerPaperStrawCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: 4LayerPaperStraw
+</route>
--- a/src/pages/calculators/multi-layer-paper-tape-width-angle.vue
+++ b/src/pages/calculators/multi-layer-paper-tape-width-angle.vue
@ -0,0 +1,13 @@
+<template>
+  <MultiLayerPaperTapeWidthAngleCalculate />
+</template>
+
+<script lang="ts" setup>
+  import MultiLayerPaperTapeWidthAngleCalculate from '@/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: multiLayerPaperTapeWidthAngle
+</route>
--- a/src/pages/calculators/paper-roll-weight-length.vue
+++ b/src/pages/calculators/paper-roll-weight-length.vue
@ -0,0 +1,13 @@
+<template>
+  <PaperRollWeightLengthCalculate />
+</template>
+
+<script lang="ts" setup>
+  import PaperRollWeightLengthCalculate from '@/components/Modules/PaperRollWeightLengthCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: paperRollWeightLength
+</route>
--- a/src/pages/calculators/paper-tape-width-angle.vue
+++ b/src/pages/calculators/paper-tape-width-angle.vue
@ -0,0 +1,13 @@
+<template>
+  <PaperTapeWidthAngleCalculate />
+</template>
+
+<script lang="ts" setup>
+  import PaperTapeWidthAngleCalculate from '@/components/Modules/PaperTapeWidthAngleCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: paperTapeWidthAngle
+</route>
--- a/src/pages/calculators/paper-tube-production.vue
+++ b/src/pages/calculators/paper-tube-production.vue
@ -0,0 +1,13 @@
+<template>
+  <PaperTubeProductionCalculate />
+</template>
+
+<script lang="ts" setup>
+  import PaperTubeProductionCalculate from '@/components/Modules/PaperTubeProductionCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: paperTubeProduction
+</route>
--- a/src/pages/calculators/paper-tube-weight.vue
+++ b/src/pages/calculators/paper-tube-weight.vue
@ -0,0 +1,13 @@
+<template>
+  <PaperTubeWeightCalculate />
+</template>
+
+<script setup lang="ts">
+  import PaperTubeWeightCalculate from '@/components/Modules/PaperTubeWeightCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: paperTubeWeight
+</route>
--- a/src/pages/calculators/three-layer-paper-straw.vue
+++ b/src/pages/calculators/three-layer-paper-straw.vue
@ -0,0 +1,13 @@
+<template>
+  <ThreeLayerPaperStrawCalculate />
+</template>
+
+<script setup lang="ts">
+  import ThreeLayerPaperStrawCalculate from '@/components/Modules/ThreeLayerPaperStrawCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: 3LayerPaperStraw
+</route>
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@ -1,6 +1,48 @@
 <template>
-   <HelloWorld />
+  <v-container class="d-flex justify-center align-center" style="min-height: 50vh;">
+    <div class="text-center">
+      <v-progress-circular
+        color="primary"
+        indeterminate
+        size="64"
+        width="6"
+      />
+      <div class="text-h6 mt-4 text-primary">
+        {{ $t('common.loading') }}...
+      </div>
+    </div>
+  </v-container>
 </template>

 <script lang="ts" setup>
+  import { onMounted } from 'vue'
+  import { useRoute, useRouter } from 'vue-router'
+
+  const router = useRouter()
+  const route = useRoute()
+
+  onMounted(async () => {
+    // 等待路由完全准备好
+    await router.isReady()
+
+    // 检查是否是直接访问首页
+    const isDirectAccess = route.path === '/' && !document.referrer.includes(window.location.origin)
+
+    let targetPath = '/calculators/paper-tube-weight' // 默认路径
+
+    if (!isDirectAccess) {
+      // 如果不是直接访问，尝试恢复上次的路径
+      const lastRoute = sessionStorage.getItem('lastRoute')
+      const savedPath = localStorage.getItem('lastPath')
+      targetPath = lastRoute || savedPath || targetPath
+    }
+
+    // 使用 replace 避免在历史记录中留下首页
+    router.replace(targetPath)
+  })
 </script>
+
+<route lang="yaml">
+meta:
+  layout: CalculatorLayout
+</route>
--- a/src/plugins/i18n.ts
+++ b/src/plugins/i18n.ts
@ -1,13 +1,19 @@
 import { createI18n } from 'vue-i18n'
-import en from '@/locale/en.json'
-import zh from '@/locale/zh.json'
+import en from '@/locale/en'
+import es from '@/locale/es'
+import ru from '@/locale/ru'
+import zh from '@/locale/zh'

-export default createI18n({
+type MessageSchema = typeof zh
+type AvailableLocales = 'zh' | 'en' | 'ru' | 'es'
+export default createI18n<[MessageSchema], AvailableLocales>({
  legacy: false,
  locale: 'zh',
  fallbackLocale: 'en',
  messages: {
    zh,
    en,
+    ru,
+    es,
  },
 })
--- a/src/plugins/vuetify.ts
+++ b/src/plugins/vuetify.ts
@ -22,13 +22,22 @@ const jinshenLightTheme: ThemeDefinition = {
    info: '#2196F3', // Light Blue
    success: '#4CAF50', // Green
    warning: '#FB8C00', // Orange
+    surface: '#FFFFFF', // White
  },
 }

 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
+  display: {
+    mobileBreakpoint: 'md', // 当屏幕宽度小于等于这个值时，视为移动设备
+  },
  theme: {
    defaultTheme: 'light',
+    variations: {
+      colors: ['primary', 'secondary', 'success', 'info', 'warning', 'error'],
+      lighten: 5,
+      darken: 5,
+    },
    themes: {
      light: jinshenLightTheme,
    },
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -33,4 +33,28 @@ router.isReady().then(() => {
  localStorage.removeItem('vuetify:dynamic-reload')
 })

+router.beforeEach((to, from, next) => {
+  // 如果访问根路径且不是直接输入地址访问
+  if (to.path === '/' && from.path !== '/') {
+    // 检查是否有保存的路径
+    const lastRoute = sessionStorage.getItem('lastRoute')
+    const savedPath = localStorage.getItem('lastPath')
+
+    if (lastRoute || savedPath) {
+      // 重定向到上次访问的页面
+      next(lastRoute || savedPath || '/calculators/paper-tube-weight')
+      return
+    }
+  }
+
+  // 保存当前路由（非首页）
+  if (to.path !== '/') {
+    sessionStorage.setItem('lastRoute', to.fullPath)
+    localStorage.setItem('lastPath', to.fullPath)
+  }
+
+  next()
+
+})
+
 export default router
--- a/src/shims-vue.d.ts
+++ b/src/shims-vue.d.ts
@ -0,0 +1,5 @@
+declare module '*.vue' {
+  import type { DefineComponent } from 'vue'
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
--- a/src/stores/navigation.ts
+++ b/src/stores/navigation.ts
@ -0,0 +1,31 @@
+import { defineStore } from 'pinia'
+import { computed, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { navigationConfig } from '@/config/navigation'
+
+export const useNavigationStore = defineStore('navigation', () => {
+  // Status
+  const route = useRoute()
+  const drawer = ref(false)
+
+  // 当前选中的菜单项
+  const selectedIndex = computed(() => {
+    return navigationConfig.findIndex(item => item.to === route.path)
+  })
+
+  // Actions
+  function toggleDrawer () {
+    drawer.value = !drawer.value
+  }
+
+  function setDrawerOpen (open: boolean) {
+    drawer.value = open
+  }
+
+  return {
+    selectedIndex,
+    drawer,
+    toggleDrawer,
+    setDrawerOpen,
+  }
+})
--- a/src/typed-router.d.ts
+++ b/src/typed-router.d.ts
@ -19,5 +19,13 @@ declare module 'vue-router/auto-routes' {
   */
  export interface RouteNamedMap {
    '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
+    '/calculators/belt-specification': RouteRecordInfo<'/calculators/belt-specification', '/calculators/belt-specification', Record<never, never>, Record<never, never>>,
+    '/calculators/four-layer-paper-straw': RouteRecordInfo<'/calculators/four-layer-paper-straw', '/calculators/four-layer-paper-straw', Record<never, never>, Record<never, never>>,
+    '/calculators/multi-layer-paper-tape-width-angle': RouteRecordInfo<'/calculators/multi-layer-paper-tape-width-angle', '/calculators/multi-layer-paper-tape-width-angle', Record<never, never>, Record<never, never>>,
+    '/calculators/paper-roll-weight-length': RouteRecordInfo<'/calculators/paper-roll-weight-length', '/calculators/paper-roll-weight-length', Record<never, never>, Record<never, never>>,
+    '/calculators/paper-tape-width-angle': RouteRecordInfo<'/calculators/paper-tape-width-angle', '/calculators/paper-tape-width-angle', Record<never, never>, Record<never, never>>,
+    '/calculators/paper-tube-production': RouteRecordInfo<'/calculators/paper-tube-production', '/calculators/paper-tube-production', Record<never, never>, Record<never, never>>,
+    '/calculators/paper-tube-weight': RouteRecordInfo<'/calculators/paper-tube-weight', '/calculators/paper-tube-weight', Record<never, never>, Record<never, never>>,
+    '/calculators/three-layer-paper-straw': RouteRecordInfo<'/calculators/three-layer-paper-straw', '/calculators/three-layer-paper-straw', Record<never, never>, Record<never, never>>,
  }
 }
--- a/vite.config.mts
+++ b/vite.config.mts
@ -96,4 +96,5 @@ export default defineConfig({
      },
    },
  },
+  // base: process.env.NODE_ENV === 'production' ? '/calculator/' : '/',
 })
Author	SHA1	Message	Date
R2m1liA	17a4303c8f	style: 调整竖屏模式下的结果显示 - 竖屏时计算结果由一行改为两行，以避免在长文本下显示效果不佳的问题	2025-12-09 15:09:50 +08:00
R2m1liA	b12744762d	refactor: 重构i18n目录结构 - 目录重构：将i18n目录结构有单文件改为多文件 - 补全翻译：补全确实的文本翻译 - 修正代码：将西班牙语的语言代码修正为es	2025-12-08 18:20:35 +08:00
R2m1liA	13875cfc71	feat: 补全西班牙语i18n翻译 - 修正西班牙语代码为es	2025-12-08 18:18:31 +08:00
R2m1liA	86a88cf8a1	feat: 补全俄语i18n翻译	2025-12-08 17:46:38 +08:00
R2m1liA	7223730aee	feat: 补全英文i18n翻译	2025-12-08 17:18:00 +08:00
R2m1liA	a9fc4a7bda	refactor: 调整i18n文本目录结构 - 目录调整: i18n文本由单文件改为多文件 - 组件修改: 对应组件内的文本key做出对应修改 - WIP: 其他语言适配逐步完成...	2025-12-08 17:03:31 +08:00
R2m1liA	29bea6d16b	style: 调整纸吸管计算下拉框尺寸 - cols: '6' -> '8'	2025-12-08 13:53:00 +08:00
R2m1liA	2fba196bf3	feat: 纸吸管计算输入框添加图例标注	2025-12-06 16:49:22 +08:00
R2m1liA	c44cf80300	style: 调整参数输入框样式 - 删除文本区域的单位显示 - WIP：暂时注释掉尚未开发完成的帮助页面	2025-12-06 16:44:37 +08:00
R2m1liA	efb595f086	style: 调整结果卡片样式 - 计算结果样式修改 - 纸吸管尺寸计算添加图例显示	2025-12-06 16:41:57 +08:00
R2m1liA	5e3a12283b	style: 页面布局修改 - 将结果展示由卡片式修改为列表式 - 结果卡片添加原始参数展示功能	2025-12-01 16:57:15 +08:00
R2m1liA	e1438bf330	chore: component组件声明添加	2025-12-01 16:56:12 +08:00
R2m1liA	b894d2a4ae	style: 纸吸管计算页面布局调整 - 将卡片式布局调整为列表式布局	2025-12-01 16:54:04 +08:00
R2m1liA	5651405605	style: 纸带宽度长度计算页面布局调整 - 将结果展示由卡片式变为列表式	2025-12-01 16:18:33 +08:00
R2m1liA	c6190a0788	style: 纸卷产能计算页面布局调整 - 结果展示由卡片式转为列表式	2025-12-01 16:05:59 +08:00
R2m1liA	17bda531d7	style: 纸卷重量长度计算页面布局调整 - 结果显示由卡片式变为列表式	2025-12-01 15:55:19 +08:00
R2m1liA	ca5d33cf09	style: 皮带规格计算页面布局调整 - 将计算结果由卡片式转为列表式	2025-12-01 15:44:30 +08:00
R2m1liA	6a214b3796	style: 纸管重量计算页面布局调整 - 将结果由卡片式调整为列表式	2025-12-01 15:30:40 +08:00
R2m1liA	a5abfa5122	feat: 添加纸吸管计算支持 - 添加3/4层纸吸管计算	2025-11-29 16:27:14 +08:00
R2m1liA	ec333c105c	feat: 4层纸吸管计算	2025-11-29 16:25:08 +08:00
R2m1liA	b3266a438e	feat: 4层纸吸管计算	2025-11-29 16:24:27 +08:00
R2m1liA	2cff599229	feat: 3层纸吸管计算	2025-11-25 16:46:40 +08:00
R2m1liA	c646e572d9	Fix: 修正部分默认值 & 修正部分文本	2025-07-19 15:38:15 +08:00
R2m1liA	6b7ef4c994	Feature: 添加iOS图标	2025-07-19 14:41:48 +08:00
R2m1liA	21dbc31aa3	Fix: 修正中文部分文本表述	2025-07-19 11:42:13 +08:00
R2m1liA	38d10d7151	Feature: 添加俄语、西班牙语支持 & 添加单位国际化	2025-07-19 11:34:11 +08:00
R2m1liA	25d4dc7a7f	Fix: 修正导航栏动画 & 移除无用代码	2025-07-18 11:42:21 +08:00
R2m1liA	e9d254c4e7	Fix: 修改部分文本表述	2025-07-18 11:37:40 +08:00
R2m1liA	c85afc9bde	Feature: 添加更多语言支持	2025-07-18 11:36:08 +08:00
R2m1liA	1733d2ae5b	Fix: 修正计算器在小屏幕中字体无法完全显示的问题	2025-07-18 10:34:46 +08:00
R2m1liA	cb743741d2	Fix: 调整页面文本 & 修改国际化文本	2025-07-18 10:21:39 +08:00
R2m1liA	22caff155b	Fix: 移除页脚	2025-07-17 16:47:51 +08:00
R2m1liA	32e8e549dc	Fix: 修正加载Bug	2025-07-17 16:47:26 +08:00
R2m1liA	8080976772	Fix: 调整代码结构	2025-07-16 15:52:20 +08:00
R2m1liA	9720bf05c6	Fix: 修正重定向逻辑 & 使用Pinia管理状态	2025-07-16 15:51:34 +08:00
R2m1liA	bdb02fd147	Fix: 修正部分界面中的卡片错位问题	2025-07-16 14:53:39 +08:00
R2m1liA	bed128a0ba	Feature: 将单组件管理修改为路由模式	2025-07-16 14:50:01 +08:00
huanshuo-W	228f1ddcac	Fix: 修正生产版本基地址Bug	2025-07-15 16:53:33 +08:00
huanshuo-W	d693b52676	添加关于页面 & 页脚	2025-07-15 16:34:29 +08:00
huanshuo-W	de60b3cded	Fix: 修正Excel公式	2025-07-12 15:46:53 +08:00
huanshuo-W	73576a8f28	Fix: 修改国际化文件中的错误	2025-07-12 15:44:54 +08:00
huanshuo-W	cead32f93d	Feature: 为网页标题添加国际化	2025-07-12 15:21:22 +08:00
huanshuo-W	4a375f117b	Fix: 修改Excel导出文件名 & 调整单元格内容	2025-07-12 14:43:06 +08:00
huanshuo-W	13a1c7f3cf	Feature: 为多层纸带计算添加Excel导出功能	2025-07-12 14:28:56 +08:00
huanshuo-W	1fc9e226a7	Feature: 为表格增删添加动画 & 修改表格颜色	2025-07-11 17:16:47 +08:00
huanshuo-W	5d358aeb66	Feature: 多层纸带宽度角度计算-基本表格增删	2025-07-11 16:55:01 +08:00