diff --git a/package-lock.json b/package-lock.json
index 949b8b6..d9f329f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,9 @@
         "@element-plus/icons-vue": "^2.3.1",
         "autoprefixer": "^10.4.20",
         "axios": "1.8.2",
+        "chart.js": "^3.9.1",
         "cssnano": "^7.0.6",
+        "echarts": "^5.6.0",
         "element-plus": "^2.9.5",
         "express": "^5.1.0",
         "konva": "^9.3.18",
@@ -27,6 +29,7 @@
         "postcss-viewport-units": "^0.1.6",
         "postcss-write-svg": "^3.0.1",
         "vue": "^3.5.13",
+        "vue-chart-3": "^3.1.8",
         "vue-router": "^4.5.0",
         "ws": "^8.18.1"
       },
@@ -2384,6 +2387,12 @@
         "url": "https://github.com/sponsors/wooorm"
       }
     },
+    "node_modules/chart.js": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-3.9.1.tgz",
+      "integrity": "sha512-Ro2JbLmvg83gXF5F4sniaQ+lTbSv18E+TIf2cOeiH1Iqd2PGFOtem+DUufMZsCJwFE7ywPOpfXFBwRTGq7dh6w==",
+      "license": "MIT"
+    },
     "node_modules/chokidar": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
@@ -3360,6 +3369,22 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/echarts": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-5.6.0.tgz",
+      "integrity": "sha512-oTbVTsXfKuEhxftHqL5xprgLoc0k7uScAwtryCgWF6hPYFLRwOUHiFmHGCBKP5NPFNkDVopOieyUqYGH8Fa3kA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "5.6.1"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
     "node_modules/ee-first": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
@@ -10662,6 +10687,22 @@
         }
       }
     },
+    "node_modules/vue-chart-3": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/vue-chart-3/-/vue-chart-3-3.1.8.tgz",
+      "integrity": "sha512-zX5ajjQi/PocEqLETlej3vp92q/tnI/Fvu2RVb++Kap8qOrXu6PXCpodi73BFrWzEGZIAnqoUxC3OIkRWD657g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/runtime-core": "latest",
+        "@vue/runtime-dom": "latest",
+        "csstype": "latest",
+        "lodash-es": "latest"
+      },
+      "peerDependencies": {
+        "chart.js": "=> ^3.1.0",
+        "vue": ">= 3"
+      }
+    },
     "node_modules/vue-eslint-parser": {
       "version": "10.1.3",
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-10.1.3.tgz",
@@ -10971,6 +11012,21 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/zrender": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-5.6.1.tgz",
+      "integrity": "sha512-OFXkDJKcrlx5su2XbzJvj/34Q3m6PvyCZkVPHGYpcCJ52ek4U/ymZyfuV1nKE23AyBJ51E/6Yr0mhZ7xGTO4ag==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
     "node_modules/zwitch": {
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz",
diff --git a/package.json b/package.json
index 44cf27c..eb58dfc 100644
--- a/package.json
+++ b/package.json
@@ -29,7 +29,9 @@
     "@element-plus/icons-vue": "^2.3.1",
     "autoprefixer": "^10.4.20",
     "axios": "1.8.2",
+    "chart.js": "^3.9.1",
     "cssnano": "^7.0.6",
+    "echarts": "^5.6.0",
     "element-plus": "^2.9.5",
     "express": "^5.1.0",
     "konva": "^9.3.18",
@@ -44,6 +46,7 @@
     "postcss-viewport-units": "^0.1.6",
     "postcss-write-svg": "^3.0.1",
     "vue": "^3.5.13",
+    "vue-chart-3": "^3.1.8",
     "vue-router": "^4.5.0",
     "ws": "^8.18.1"
   },
diff --git a/src/assets/images/home/home-chart.svg b/src/assets/images/home/home-chart.svg
new file mode 100644
index 0000000..d5dfde4
--- /dev/null
+++ b/src/assets/images/home/home-chart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="25.375" height="22.75" viewBox="0 0 25.375 22.75"><g><path d="M24.5,21L1.75,21L1.75,0.875C1.75,0.35,1.4,0,0.875,0C0.35,0,0,0.35,0,0.875L0,21.875C0,22.4,0.35,22.75,0.875,22.75L24.5,22.75C25.025,22.75,25.375,22.4,25.375,21.875C25.375,21.35,25.025,21,24.5,21ZM4.375,8.75C4.55,8.75,4.725,8.6625,4.9,8.575L10.5875,4.55L16.1875,7.7875C16.45,7.9625,16.8,7.9625,17.0625,7.7875L22.3125,4.8125L22.1375,5.6C22.05,6.0375,22.3125,6.5625,22.8375,6.65L23.0125,6.65C23.45,6.65,23.8,6.3875,23.8875,5.95L24.5,2.8875C24.5875,2.45,24.325,1.925,23.8,1.8375L20.7375,1.225C20.3,1.1375,19.775,1.4,19.6875,1.925C19.6,2.3625,19.8625,2.8875,20.3875,2.975L21.7,3.2375L16.7125,6.125L10.9375,2.7125C10.675,2.5375,10.2375,2.5375,9.975,2.8L3.85,7.175C3.5,7.4375,3.325,7.9625,3.675,8.4C3.85,8.6625,4.1125,8.75,4.375,8.75ZM21.7,8.575L17.2375,10.325C16.975,10.4125,16.625,10.4125,16.275,10.325L11.2,8.1375C10.85,7.9625,10.4125,8.05,10.0625,8.225L4.2875,11.725C3.9375,11.9875,3.675,12.3375,3.675,12.775L3.675,18.025C3.675,18.725,4.2,19.25,4.9,19.25L22.1375,19.25C22.8375,19.25,23.3625,18.725,23.3625,18.025L23.3625,9.7125C23.3625,8.8375,22.4875,8.225,21.7,8.575Z" fill="#2892F3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/home/home-finish.svg b/src/assets/images/home/home-finish.svg
new file mode 100644
index 0000000..bbd1f58
--- /dev/null
+++ b/src/assets/images/home/home-finish.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="24" height="24" viewBox="0 0 24 24"><g><path d="M11.997,0.0000239992C18.6317,-0.013506,24.0135,5.36833,24,12.003C24,18.6084,18.604,23.9327,11.9955,23.9998C8.80965,24.0184,5.74927,22.7593,3.49887,20.5042C1.24307,18.2521,-0.0169475,15.1905,0.000172199,12.003C-0.00709523,8.81724,1.25657,5.76019,3.51107,3.5094C5.76054,1.25776,8.81426,-0.00510978,11.997,0.0000239992ZM11.997,1.40926C6.14726,1.40926,1.40604,6.15321,1.40941,12.003C1.38137,17.8624,6.13757,22.62,11.997,22.5936C17.8826,22.5936,22.6563,17.8184,22.6563,12.003C22.6563,6.17841,17.8826,1.40926,11.997,1.40926ZM15.2061,15.8677C15.6255,15.8677,15.9687,15.5246,15.9687,15.1051L15.9687,8.89473C15.9687,8.47531,15.6255,8.13215,15.2061,8.13215L8.79588,8.13215C8.37472,8.13215,8.0333,8.47357,8.0333,8.89473L8.0333,15.1051C8.0333,15.5263,8.37472,15.8677,8.79588,15.8677L15.2061,15.8677Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/home/home-round.svg b/src/assets/images/home/home-round.svg
new file mode 100644
index 0000000..c0e7e20
--- /dev/null
+++ b/src/assets/images/home/home-round.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="10" height="10" viewBox="0 0 10 10"><g><ellipse cx="5" cy="5" rx="5" ry="5" fill="#1AD66E" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/home/home-setting.svg b/src/assets/images/home/home-setting.svg
new file mode 100644
index 0000000..74ad19b
--- /dev/null
+++ b/src/assets/images/home/home-setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="22" height="22" viewBox="0 0 22 22"><g><path d="M21.499,13.0625L19.6342,11.6482C19.6539,11.4518,19.6735,11.2357,19.6735,11C19.6735,10.7643,19.6539,10.5482,19.6342,10.3518L21.499,8.9375C22.0093,8.54464,22.1467,7.85714,21.813,7.26786L19.7324,3.75179C19.4968,3.33929,19.0454,3.08393,18.5743,3.08393C18.4172,3.08393,18.2798,3.10357,18.1228,3.1625L15.9047,4.02679C15.5318,3.77143,15.1392,3.55536,14.7466,3.37857L14.4129,1.11964C14.3148,0.471429,13.7652,0,13.0978,0L8.89717,0C8.22978,0,7.68017,0.471429,7.58203,1.1L7.26796,3.37857C6.87538,3.55536,6.50243,3.77143,6.10985,4.02679L3.89178,3.1625C3.73474,3.10357,3.57771,3.08393,3.42068,3.08393C2.94958,3.08393,2.49812,3.31964,2.2822,3.73214L0.181895,7.26786C-0.151798,7.81786,-0.0143948,8.54464,0.495959,8.9375L2.36071,10.3518C2.34108,10.5875,2.32146,10.8036,2.32146,11C2.32146,11.1964,2.32146,11.4125,2.36071,11.6482L0.495959,13.0625C-0.0143947,13.4554,-0.151798,14.1429,0.181895,14.7321L2.26257,18.2482C2.49812,18.6607,2.94958,18.9161,3.42068,18.9161C3.57771,18.9161,3.71511,18.8964,3.87215,18.8375L6.09022,17.9732C6.46317,18.2286,6.85575,18.4446,7.24833,18.6214L7.58203,20.8804C7.66054,21.5089,8.22978,22,8.89717,22L13.0978,22C13.7652,22,14.3148,21.5286,14.4129,20.9L14.7466,18.6214C15.1392,18.4446,15.5121,18.2286,15.9047,17.9732L18.1228,18.8375C18.2798,18.8964,18.4369,18.9161,18.5939,18.9161C19.065,18.9161,19.5165,18.6804,19.7324,18.2679L21.8327,14.7125C22.1467,14.1429,22.0093,13.4554,21.499,13.0625ZM15.7084,11C15.7084,13.5929,13.5885,15.7143,10.9975,15.7143C8.40644,15.7143,6.28651,13.5929,6.28651,11C6.28651,8.40714,8.40644,6.28571,10.9975,6.28571C13.5885,6.28571,15.7084,8.40714,15.7084,11Z" fill="#2892F3" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/liquid/liquid-container.svg b/src/assets/images/liquid/liquid-container.svg
new file mode 100644
index 0000000..5a5a859
--- /dev/null
+++ b/src/assets/images/liquid/liquid-container.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="355" height="509" viewBox="0 0 355 509"><defs><linearGradient x1="1" y1="0.5" x2="0" y2="0.5" id="master_svg0_116_01059"><stop offset="22.380894422531128%" stop-color="#DFE9F5" stop-opacity="1"/><stop offset="49.52374994754791%" stop-color="#DFE9F5" stop-opacity="0"/><stop offset="83.80946516990662%" stop-color="#DFE9F5" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="1" x2="0.5" y2="0" id="master_svg1_116_8152"><stop offset="5.238037183880806%" stop-color="#EDF2FA" stop-opacity="1"/><stop offset="59.523749351501465%" stop-color="#EDF2FA" stop-opacity="0.5"/></linearGradient><linearGradient x1="0.5" y1="1" x2="0.5" y2="0" id="master_svg2_116_8156"><stop offset="0%" stop-color="#EDF2FA" stop-opacity="1"/><stop offset="59.523749351501465%" stop-color="#EDF2FA" stop-opacity="0.5"/></linearGradient></defs><g style="opacity:0.5;"><g><path d="M0 3C2.452636981645965e-16 1.3431457505076194 1.3431457505076199 0 3 0L352 0C353.65685424949237 0 355 1.3431457505076199 355 3L355 489C355 500.04569499661585 346.04569499661585 509 335 509L20 509C8.954305003384134 509 0 500.04569499661585 0 489Z" fill="url(#master_svg0_116_01059)" fill-opacity="1"/><path d="M1 4C1.0000000000000002 2.3431457505076194 2.34314575050762 1 4 1L351 1C352.65685424949237 1 354 2.34314575050762 354 4L354 488C354 499.04569499661585 345.04569499661585 508 334 508L21 508C9.954305003384134 508 1 499.04569499661585 1 488Z" fill-opacity="0" stroke-opacity="1" stroke="#AFC6E4" fill="none" stroke-width="2"/></g><g><path d="M249 2C249 2 249 2 249 2L353 2C353 2 353 2 353 2L353 489C353 498.94112549695427 344.94112549695427 507 335 507L249 507C249 507 249 507 249 507Z" fill="url(#master_svg1_116_8152)" fill-opacity="1"/></g><g><path d="M2 0C2 0 2 0 2 0L106 0C106 0 106 0 106 0L106 507C106 507 106 507 106 507L20 507C10.05887450304572 507 2 498.94112549695427 2 489Z" fill="url(#master_svg2_116_8156)" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/liquid/liquid-scale.svg b/src/assets/images/liquid/liquid-scale.svg
new file mode 100644
index 0000000..207b16c
--- /dev/null
+++ b/src/assets/images/liquid/liquid-scale.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="104" height="519.896484375" viewBox="0 0 104 519.896484375"><g><g><path d="M38.31,515.252C41.028,515.252,42.828,512.876,42.828,508.26800000000003C42.828,503.696,41.028,501.428,38.31,501.428C35.592,501.428,33.792,503.678,33.792,508.26800000000003C33.792,512.876,35.592,515.252,38.31,515.252ZM38.31,513.182C37.158,513.182,36.294,512.03,36.294,508.26800000000003C36.294,504.56,37.158,503.462,38.31,503.462C39.462,503.462,40.308,504.56,40.308,508.26800000000003C40.308,512.03,39.462,513.182,38.31,513.182ZM50.046,504.92Q51.198,504.92,52.089,505.379Q52.980000000000004,505.838,53.484,506.522L53.484,505.082L55.554,505.082L55.554,515.162Q55.554,516.53,54.978,517.601Q54.402,518.672,53.313,519.284Q52.224000000000004,519.896,50.712,519.896Q48.696,519.896,47.364000000000004,518.951Q46.032,518.006,45.852000000000004,516.386L47.885999999999996,516.386Q48.12,517.16,48.885,517.637Q49.65,518.114,50.712,518.114Q51.954,518.114,52.719,517.358Q53.484,516.602,53.484,515.162L53.484,513.506Q52.962,514.208,52.071,514.685Q51.18,515.162,50.046,515.162Q48.75,515.162,47.679,514.505Q46.608000000000004,513.848,45.987,512.669Q45.366,511.49,45.366,509.996Q45.366,508.502,45.987,507.35Q46.608000000000004,506.198,47.679,505.559Q48.75,504.92,50.046,504.92ZM53.484,510.032Q53.484,509.006,53.061,508.25Q52.638000000000005,507.494,51.954,507.098Q51.269999999999996,506.702,50.478,506.702Q49.686,506.702,49.001999999999995,507.089Q48.318,507.476,47.894999999999996,508.223Q47.472,508.97,47.472,509.996Q47.472,511.022,47.894999999999996,511.796Q48.318,512.57,49.010999999999996,512.975Q49.704,513.38,50.478,513.38Q51.269999999999996,513.38,51.954,512.984Q52.638000000000005,512.588,53.061,511.823Q53.484,511.058,53.484,510.032Z" fill="#191919" fill-opacity="1"/></g><g><path d="M16.986,415.252C19.416,415.252,21.630000000000003,413.54200000000003,21.630000000000003,410.572C21.630000000000003,407.674,19.776,406.36,17.526,406.36C16.914,406.36,16.445999999999998,406.468,15.924,406.72L16.176000000000002,403.894L21.018,403.894L21.018,401.662L13.89,401.662L13.53,408.142L14.736,408.916C15.528,408.412,15.96,408.23199999999997,16.734,408.23199999999997C18.066,408.23199999999997,18.984,409.096,18.984,410.644C18.984,412.21,18.012,413.092,16.626,413.092C15.402000000000001,413.092,14.448,412.48,13.692,411.742L12.468,413.434C13.475999999999999,414.424,14.862,415.252,16.986,415.252ZM28.29,415.252C31.008,415.252,32.808,412.876,32.808,408.26800000000003C32.808,403.696,31.008,401.428,28.29,401.428C25.572,401.428,23.772,403.678,23.772,408.26800000000003C23.772,412.876,25.572,415.252,28.29,415.252ZM28.29,413.182C27.137999999999998,413.182,26.274,412.03,26.274,408.26800000000003C26.274,404.56,27.137999999999998,403.462,28.29,403.462C29.442,403.462,30.288,404.56,30.288,408.26800000000003C30.288,412.03,29.442,413.182,28.29,413.182ZM39.269999999999996,415.252C41.988,415.252,43.788,412.876,43.788,408.26800000000003C43.788,403.696,41.988,401.428,39.269999999999996,401.428C36.552,401.428,34.751999999999995,403.678,34.751999999999995,408.26800000000003C34.751999999999995,412.876,36.552,415.252,39.269999999999996,415.252ZM39.269999999999996,413.182C38.117999999999995,413.182,37.254000000000005,412.03,37.254000000000005,408.26800000000003C37.254000000000005,404.56,38.117999999999995,403.462,39.269999999999996,403.462C40.422,403.462,41.268,404.56,41.268,408.26800000000003C41.268,412.03,40.422,413.182,39.269999999999996,413.182ZM50.286,404.92Q51.438,404.92,52.329,405.379Q53.22,405.838,53.724,406.522L53.724,405.082L55.794,405.082L55.794,415.162Q55.794,416.53,55.218,417.601Q54.642,418.672,53.553,419.284Q52.464,419.896,50.952,419.896Q48.936,419.896,47.604,418.951Q46.272,418.006,46.092,416.386L48.126,416.386Q48.36,417.16,49.125,417.637Q49.89,418.114,50.952,418.114Q52.194,418.114,52.959,417.358Q53.724,416.602,53.724,415.162L53.724,413.506Q53.202,414.20799999999997,52.311,414.685Q51.42,415.162,50.286,415.162Q48.99,415.162,47.919,414.505Q46.848,413.848,46.227,412.669Q45.606,411.49,45.606,409.996Q45.606,408.502,46.227,407.35Q46.848,406.198,47.919,405.559Q48.99,404.92,50.286,404.92ZM53.724,410.032Q53.724,409.006,53.301,408.25Q52.878,407.494,52.194,407.098Q51.51,406.702,50.718,406.702Q49.926,406.702,49.242,407.089Q48.558,407.476,48.135,408.223Q47.712,408.97,47.712,409.996Q47.712,411.022,48.135,411.796Q48.558,412.57,49.251,412.975Q49.944,413.38,50.718,413.38Q51.51,413.38,52.194,412.984Q52.878,412.588,53.301,411.823Q53.724,411.058,53.724,410.032Z" fill="#191919" fill-opacity="1"/></g><g><path d="M1.476,316L9.486,316L9.486,313.84L6.984,313.84L6.984,302.662L5.022,302.662C4.176,303.202,3.276,303.544,1.926,303.778L1.926,305.434L4.356,305.434L4.356,313.84L1.476,313.84L1.476,316ZM16.29,316.252C19.008,316.252,20.808,313.876,20.808,309.26800000000003C20.808,304.696,19.008,302.428,16.29,302.428C13.572,302.428,11.772,304.678,11.772,309.26800000000003C11.772,313.876,13.572,316.252,16.29,316.252ZM16.29,314.182C15.138,314.182,14.274,313.03,14.274,309.26800000000003C14.274,305.56,15.138,304.462,16.29,304.462C17.442,304.462,18.288,305.56,18.288,309.26800000000003C18.288,313.03,17.442,314.182,16.29,314.182ZM27.27,316.252C29.988,316.252,31.788,313.876,31.788,309.26800000000003C31.788,304.696,29.988,302.428,27.27,302.428C24.552,302.428,22.752,304.678,22.752,309.26800000000003C22.752,313.876,24.552,316.252,27.27,316.252ZM27.27,314.182C26.118,314.182,25.254,313.03,25.254,309.26800000000003C25.254,305.56,26.118,304.462,27.27,304.462C28.422,304.462,29.268,305.56,29.268,309.26800000000003C29.268,313.03,28.422,314.182,27.27,314.182ZM38.25,316.252C40.968,316.252,42.768,313.876,42.768,309.26800000000003C42.768,304.696,40.968,302.428,38.25,302.428C35.532,302.428,33.732,304.678,33.732,309.26800000000003C33.732,313.876,35.532,316.252,38.25,316.252ZM38.25,314.182C37.098,314.182,36.234,313.03,36.234,309.26800000000003C36.234,305.56,37.098,304.462,38.25,304.462C39.402,304.462,40.248,305.56,40.248,309.26800000000003C40.248,313.03,39.402,314.182,38.25,314.182ZM49.266,305.92Q50.418,305.92,51.309,306.379Q52.2,306.838,52.704,307.522L52.704,306.082L54.774,306.082L54.774,316.162Q54.774,317.53,54.198,318.601Q53.622,319.672,52.533,320.284Q51.444,320.896,49.932,320.896Q47.916,320.896,46.584,319.951Q45.252,319.006,45.072,317.386L47.106,317.386Q47.34,318.16,48.105,318.637Q48.87,319.114,49.932,319.114Q51.174,319.114,51.939,318.358Q52.704,317.602,52.704,316.162L52.704,314.506Q52.182,315.20799999999997,51.291,315.685Q50.4,316.162,49.266,316.162Q47.97,316.162,46.899,315.505Q45.828,314.848,45.207,313.669Q44.586,312.49,44.586,310.996Q44.586,309.502,45.207,308.35Q45.828,307.198,46.899,306.559Q47.97,305.92,49.266,305.92ZM52.704,311.032Q52.704,310.006,52.281,309.25Q51.858,308.494,51.174,308.098Q50.49,307.702,49.698,307.702Q48.906,307.702,48.222,308.089Q47.538,308.476,47.115,309.223Q46.692,309.97,46.692,310.996Q46.692,312.022,47.115,312.796Q47.538,313.57,48.231,313.975Q48.924,314.38,49.698,314.38Q50.49,314.38,51.174,313.984Q51.858,313.588,52.281,312.823Q52.704,312.058,52.704,311.032Z" fill="#191919" fill-opacity="1"/></g><g><path d="M2.476,218L10.486,218L10.486,215.84L7.984,215.84L7.984,204.662L6.022,204.662C5.176,205.202,4.276,205.544,2.926,205.778L2.926,207.434L5.356,207.434L5.356,215.84L2.476,215.84L2.476,218ZM16.966,218.252C19.396,218.252,21.61,216.542,21.61,213.572C21.61,210.674,19.756,209.36,17.506,209.36C16.894,209.36,16.426000000000002,209.468,15.904,209.72L16.156,206.894L20.998,206.894L20.998,204.662L13.87,204.662L13.51,211.142L14.716,211.916C15.508,211.412,15.94,211.232,16.714,211.232C18.046,211.232,18.964,212.096,18.964,213.644C18.964,215.21,17.992,216.09199999999998,16.606,216.09199999999998C15.382,216.09199999999998,14.428,215.48,13.672,214.742L12.448,216.434C13.456,217.424,14.842,218.252,16.966,218.252ZM28.27,218.252C30.988,218.252,32.788,215.876,32.788,211.268C32.788,206.696,30.988,204.428,28.27,204.428C25.552,204.428,23.752,206.678,23.752,211.268C23.752,215.876,25.552,218.252,28.27,218.252ZM28.27,216.182C27.118,216.182,26.254,215.03,26.254,211.268C26.254,207.56,27.118,206.462,28.27,206.462C29.422,206.462,30.268,207.56,30.268,211.268C30.268,215.03,29.422,216.182,28.27,216.182ZM39.25,218.252C41.968,218.252,43.768,215.876,43.768,211.268C43.768,206.696,41.968,204.428,39.25,204.428C36.532,204.428,34.732,206.678,34.732,211.268C34.732,215.876,36.532,218.252,39.25,218.252ZM39.25,216.182C38.098,216.182,37.234,215.03,37.234,211.268C37.234,207.56,38.098,206.462,39.25,206.462C40.402,206.462,41.248,207.56,41.248,211.268C41.248,215.03,40.402,216.182,39.25,216.182ZM50.266,207.92Q51.418,207.92,52.309,208.379Q53.2,208.838,53.704,209.522L53.704,208.082L55.774,208.082L55.774,218.162Q55.774,219.53,55.198,220.601Q54.622,221.672,53.533,222.284Q52.444,222.89600000000002,50.932,222.89600000000002Q48.916,222.89600000000002,47.584,221.951Q46.252,221.006,46.072,219.386L48.106,219.386Q48.34,220.16,49.105,220.637Q49.87,221.114,50.932,221.114Q52.174,221.114,52.939,220.358Q53.704,219.602,53.704,218.162L53.704,216.506Q53.182,217.208,52.291,217.685Q51.4,218.162,50.266,218.162Q48.97,218.162,47.899,217.505Q46.828,216.848,46.207,215.669Q45.586,214.49,45.586,212.996Q45.586,211.502,46.207,210.35Q46.828,209.198,47.899,208.559Q48.97,207.92,50.266,207.92ZM53.704,213.032Q53.704,212.006,53.281,211.25Q52.858,210.494,52.174,210.098Q51.49,209.702,50.698,209.702Q49.906,209.702,49.222,210.089Q48.538,210.476,48.115,211.223Q47.692,211.97,47.692,212.996Q47.692,214.022,48.115,214.796Q48.538,215.57,49.231,215.975Q49.924,216.38,50.698,216.38Q51.49,216.38,52.174,215.984Q52.858,215.588,53.281,214.823Q53.704,214.058,53.704,213.032Z" fill="#191919" fill-opacity="1"/></g><g><path d="M1.774,117L10.702,117L10.702,114.768L7.822,114.768C7.192,114.768,6.31,114.84,5.626,114.93C8.056000000000001,112.536,10.072,109.944,10.072,107.532C10.072,105.048,8.398,103.428,5.878,103.428C4.0600000000000005,103.428,2.872,104.13,1.63,105.462L3.106,106.884C3.772,106.146,4.564,105.516,5.536,105.516C6.814,105.516,7.534,106.344,7.534,107.658C7.534,109.728,5.41,112.23,1.774,115.47L1.774,117ZM17.29,117.252C20.008,117.252,21.808,114.876,21.808,110.268C21.808,105.696,20.008,103.428,17.29,103.428C14.572,103.428,12.772,105.678,12.772,110.268C12.772,114.876,14.572,117.252,17.29,117.252ZM17.29,115.182C16.137999999999998,115.182,15.274,114.03,15.274,110.268C15.274,106.56,16.137999999999998,105.462,17.29,105.462C18.442,105.462,19.288,106.56,19.288,110.268C19.288,114.03,18.442,115.182,17.29,115.182ZM28.27,117.252C30.988,117.252,32.788,114.876,32.788,110.268C32.788,105.696,30.988,103.428,28.27,103.428C25.552,103.428,23.752,105.678,23.752,110.268C23.752,114.876,25.552,117.252,28.27,117.252ZM28.27,115.182C27.118,115.182,26.254,114.03,26.254,110.268C26.254,106.56,27.118,105.462,28.27,105.462C29.422,105.462,30.268,106.56,30.268,110.268C30.268,114.03,29.422,115.182,28.27,115.182ZM39.25,117.252C41.968,117.252,43.768,114.876,43.768,110.268C43.768,105.696,41.968,103.428,39.25,103.428C36.532,103.428,34.732,105.678,34.732,110.268C34.732,114.876,36.532,117.252,39.25,117.252ZM39.25,115.182C38.098,115.182,37.234,114.03,37.234,110.268C37.234,106.56,38.098,105.462,39.25,105.462C40.402,105.462,41.248,106.56,41.248,110.268C41.248,114.03,40.402,115.182,39.25,115.182ZM50.266,106.92Q51.418,106.92,52.309,107.379Q53.2,107.838,53.704,108.522L53.704,107.082L55.774,107.082L55.774,117.162Q55.774,118.53,55.198,119.601Q54.622,120.672,53.533,121.28399999999999Q52.444,121.896,50.932,121.896Q48.916,121.896,47.584,120.951Q46.252,120.006,46.072,118.386L48.106,118.386Q48.34,119.16,49.105,119.637Q49.87,120.114,50.932,120.114Q52.174,120.114,52.939,119.358Q53.704,118.602,53.704,117.162L53.704,115.506Q53.182,116.208,52.291,116.685Q51.4,117.162,50.266,117.162Q48.97,117.162,47.899,116.505Q46.828,115.848,46.207,114.669Q45.586,113.49,45.586,111.996Q45.586,110.502,46.207,109.35Q46.828,108.19800000000001,47.899,107.559Q48.97,106.92,50.266,106.92ZM53.704,112.032Q53.704,111.006,53.281,110.25Q52.858,109.494,52.174,109.098Q51.49,108.702,50.698,108.702Q49.906,108.702,49.222,109.089Q48.538,109.476,48.115,110.223Q47.692,110.97,47.692,111.996Q47.692,113.02199999999999,48.115,113.79599999999999Q48.538,114.57,49.231,114.975Q49.924,115.38,50.698,115.38Q51.49,115.38,52.174,114.98400000000001Q52.858,114.588,53.281,113.82300000000001Q53.704,113.05799999999999,53.704,112.032Z" fill="#191919" fill-opacity="1"/></g><g><path d="M1.774,21L10.702,21L10.702,18.768L7.822,18.768C7.192,18.768,6.31,18.84,5.626,18.93C8.056000000000001,16.536,10.072,13.944,10.072,11.532C10.072,9.048,8.398,7.428,5.878,7.428C4.0600000000000005,7.428,2.872,8.13,1.63,9.462L3.106,10.884C3.772,10.146,4.564,9.516,5.536,9.516C6.814,9.516,7.534,10.344,7.534,11.658C7.534,13.728,5.41,16.23,1.774,19.47L1.774,21ZM16.966,21.252C19.396,21.252,21.61,19.542,21.61,16.572C21.61,13.674,19.756,12.36,17.506,12.36C16.894,12.36,16.426000000000002,12.468,15.904,12.72L16.156,9.894L20.998,9.894L20.998,7.662L13.87,7.662L13.51,14.142L14.716,14.916C15.508,14.412,15.94,14.232,16.714,14.232C18.046,14.232,18.964,15.096,18.964,16.644C18.964,18.21,17.992,19.092,16.606,19.092C15.382,19.092,14.428,18.48,13.672,17.742L12.448,19.434C13.456,20.424,14.842,21.252,16.966,21.252ZM28.27,21.252C30.988,21.252,32.788,18.876,32.788,14.268C32.788,9.696,30.988,7.428,28.27,7.428C25.552,7.428,23.752,9.678,23.752,14.268C23.752,18.876,25.552,21.252,28.27,21.252ZM28.27,19.182C27.118,19.182,26.254,18.03,26.254,14.268C26.254,10.56,27.118,9.462,28.27,9.462C29.422,9.462,30.268,10.56,30.268,14.268C30.268,18.03,29.422,19.182,28.27,19.182ZM39.25,21.252C41.968,21.252,43.768,18.876,43.768,14.268C43.768,9.696,41.968,7.428,39.25,7.428C36.532,7.428,34.732,9.678,34.732,14.268C34.732,18.876,36.532,21.252,39.25,21.252ZM39.25,19.182C38.098,19.182,37.234,18.03,37.234,14.268C37.234,10.56,38.098,9.462,39.25,9.462C40.402,9.462,41.248,10.56,41.248,14.268C41.248,18.03,40.402,19.182,39.25,19.182ZM50.266,10.92Q51.418,10.92,52.309,11.379Q53.2,11.838,53.704,12.522L53.704,11.082L55.774,11.082L55.774,21.162Q55.774,22.53,55.198,23.601Q54.622,24.672,53.533,25.284Q52.444,25.896,50.932,25.896Q48.916,25.896,47.584,24.951Q46.252,24.006,46.072,22.386L48.106,22.386Q48.34,23.16,49.105,23.637Q49.87,24.114,50.932,24.114Q52.174,24.114,52.939,23.358Q53.704,22.602,53.704,21.162L53.704,19.506Q53.182,20.208,52.291,20.685Q51.4,21.162,50.266,21.162Q48.97,21.162,47.899,20.505Q46.828,19.848,46.207,18.669Q45.586,17.49,45.586,15.996Q45.586,14.502,46.207,13.35Q46.828,12.198,47.899,11.559Q48.97,10.92,50.266,10.92ZM53.704,16.032Q53.704,15.006,53.281,14.25Q52.858,13.494,52.174,13.098Q51.49,12.702,50.698,12.702Q49.906,12.702,49.222,13.089Q48.538,13.476,48.115,14.223Q47.692,14.97,47.692,15.996Q47.692,17.022,48.115,17.796Q48.538,18.57,49.231,18.975Q49.924,19.38,50.698,19.38Q51.49,19.38,52.174,18.984Q52.858,18.588,53.281,17.823Q53.704,17.058,53.704,16.032Z" fill="#191919" fill-opacity="1"/></g><g><g><g><rect x="77" y="13" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><g><rect x="77" y="17.95029878616333" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="22.90059757232666" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="37.75149154663086" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="42.70179033279419" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="77.35388946533203" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="82.30418825149536" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="57.55268859863281" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="62.50298738479614" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="97.15508270263672" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="102.10538148880005" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="27.850895881652832" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="32.80119466781616" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="47.65209197998047" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="52.6023907661438" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="87.25448608398438" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="92.2047848701477" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="67.45328521728516" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="72.40358400344849" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><rect x="77" y="107.05567932128906" width="10.180327415466309" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="112.00596618652344" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="211.01193237304688" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><g><rect x="77" y="215.9622311592102" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="220.91252994537354" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="235.76342391967773" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="240.71372270584106" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="275.3658218383789" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="280.31612062454224" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="255.5646209716797" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="260.514919757843" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="295.1670150756836" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="300.1173138618469" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="225.8628282546997" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="230.81312704086304" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="245.66402435302734" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="250.61432313919067" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="285.26641845703125" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="290.2167172431946" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="265.46521759033203" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="270.41551637649536" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><rect x="77" y="305.06761169433594" width="10.180327415466309" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="310.0178985595703" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="112.00596618652344" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><g><rect x="77" y="116.95626497268677" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="121.9065637588501" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="136.7574577331543" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="141.70775651931763" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="176.35985565185547" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="181.3101544380188" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="156.55865478515625" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="161.50895357131958" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="196.16104888916016" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="201.1113476753235" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="126.85686206817627" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="131.8071608543396" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="146.6580581665039" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="151.60835695266724" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="186.2604522705078" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="191.21075105667114" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="166.4592514038086" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="171.40955018997192" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><rect x="77" y="206.0616455078125" width="10.180327415466309" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="211.01193237304688" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="310.0179443359375" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><g><rect x="77" y="314.96824312210083" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="319.91854190826416" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="334.76943588256836" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="339.7197346687317" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="374.37183380126953" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="379.32213258743286" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="354.5706329345703" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="359.52093172073364" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="394.1730270385742" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="399.12332582473755" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="324.86884021759033" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="329.81913900375366" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="344.67003631591797" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="349.6203351020813" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="384.2724304199219" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="389.2227292060852" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="364.47122955322266" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="369.421528339386" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><rect x="77" y="404.07362365722656" width="10.180327415466309" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="409.02391052246094" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="409.02386474609375" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><g><rect x="77" y="413.9741635322571" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="418.9244623184204" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="433.7753562927246" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="438.72565507888794" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="473.3777542114258" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="478.3280529975891" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="453.57655334472656" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="458.5268521308899" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="493.17894744873047" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="498.1292462348938" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="423.8747606277466" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="428.8250594139099" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="443.6759567260742" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="448.62625551223755" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="483.2783508300781" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="488.22864961624146" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><g><rect x="77" y="463.4771499633789" width="10.180326461791992" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="468.42744874954224" width="18.59016227722168" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g><g><rect x="77" y="503.0795440673828" width="10.180327415466309" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g><g><rect x="77" y="508.0298309326172" width="27" height="2.970179557800293" rx="0" fill="#191919" fill-opacity="1"/></g></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/liquid/liquied_bottle.svg b/src/assets/images/liquid/liquied_bottle.svg
deleted file mode 100644
index bea8fda..0000000
--- a/src/assets/images/liquid/liquied_bottle.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="162.44374084472656" height="227.99989318847656" viewBox="0 0 162.44374084472656 227.99989318847656"><g><path d="M0,54.0618L0,64.2474C0,65.1128,0.699314,65.8144,1.56196,65.8144C2.4246,65.8144,3.12392,66.516,3.12392,67.3814L3.12392,73.6495C3.12392,74.5149,2.4246,75.2165,1.56196,75.2165C0.699314,75.2165,0,75.918,0,76.7835L0,90.8866C0,91.752,0.699314,92.4536,1.56196,92.4536C2.4246,92.4536,3.12392,93.1551,3.12392,94.0206L3.12392,100.289C3.12392,101.154,2.4246,101.856,1.56196,101.856C0.699314,101.856,0,102.557,0,103.423L0,122.227C0,123.092,0.699314,123.794,1.56196,123.794C2.4246,123.794,3.12392,124.495,3.12392,125.361L3.12392,131.629C3.12392,132.494,2.4246,133.196,1.56196,133.196C0.699314,133.196,0,133.897,0,134.763L0,153.567C0,154.432,0.699314,155.134,1.56196,155.134C2.4246,155.134,3.12392,155.836,3.12392,156.701L3.12392,162.969C3.12392,163.834,2.4246,164.536,1.56196,164.536C0.699314,164.536,0,165.238,0,166.103L0,183.34C0,184.206,0.699314,184.907,1.56196,184.907C2.4246,184.907,3.12392,185.609,3.12392,186.474L3.12392,193.526C3.12392,194.391,2.4246,195.093,1.56196,195.093C0.699314,195.093,0,195.794,0,196.66L0,206.062C0,218.178,9.79038,228,21.8674,228L140.576,228C152.653,228,162.444,218.178,162.444,206.062L162.444,196.66C162.444,195.794,161.744,195.093,160.882,195.093C160.019,195.093,159.32,194.391,159.32,193.526L159.32,186.474C159.32,185.609,160.019,184.907,160.882,184.907C161.744,184.907,162.444,184.206,162.444,183.34L162.444,166.103C162.444,165.238,161.744,164.536,160.882,164.536C160.019,164.536,159.32,163.834,159.32,162.969L159.32,156.701C159.32,155.836,160.019,155.134,160.882,155.134C161.744,155.134,162.444,154.432,162.444,153.567L162.444,134.763C162.444,133.897,161.744,133.196,160.882,133.196C160.019,133.196,159.32,132.494,159.32,131.629L159.32,125.361C159.32,124.495,160.019,123.794,160.882,123.794C161.744,123.794,162.444,123.092,162.444,122.227L162.444,103.423C162.444,102.557,161.744,101.856,160.882,101.856C160.019,101.856,159.32,101.154,159.32,100.289L159.32,94.0206C159.32,93.1551,160.019,92.4536,160.882,92.4536C161.744,92.4536,162.444,91.752,162.444,90.8866L162.444,76.7835C162.444,75.918,161.744,75.2165,160.882,75.2165C160.019,75.2165,159.32,74.5149,159.32,73.6495L159.32,67.3814C159.32,66.516,160.019,65.8144,160.882,65.8144C161.744,65.8144,162.444,65.1128,162.444,64.2474L162.444,54.0618C162.444,41.9457,152.653,32.1237,140.576,32.1237L134.962,32.1237C132.711,32.1237,131.583,29.3931,133.175,27.7961C137.914,23.042,140.576,16.594,140.576,9.87062L140.576,4.70103C140.576,2.10472,138.478,0,135.89,0L26.5533,0C23.9654,0,21.8674,2.10472,21.8674,4.70103L21.8674,9.87062C21.8674,16.594,24.5297,23.042,29.2685,27.7961C30.8603,29.3931,29.7329,32.1237,27.4817,32.1237L21.8674,32.1237C9.79038,32.1237,0,41.9457,0,54.0618Z" fill="#EEEFF8" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-audit.svg b/src/assets/images/menuIcon/n-audit.svg
new file mode 100644
index 0000000..71790a4
--- /dev/null
+++ b/src/assets/images/menuIcon/n-audit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M4.73684,4.73684C5.1579,4.73684,5.52632,4.36842,5.52632,3.94737L5.52632,0.789474C5.52632,0.368421,5.1579,0,4.73684,0C4.31579,0,3.94737,0.368421,3.94737,0.789474L3.94737,3.94737C3.94737,4.36842,4.31579,4.73684,4.73684,4.73684ZM11.5789,4.73684C12,4.73684,12.3684,4.36842,12.3684,3.94737L12.3684,0.789474C12.3684,0.368421,12,0,11.5789,0C11.1579,0,10.7895,0.368421,10.7895,0.789474L10.7895,3.94737C10.7895,4.36842,11.1579,4.73684,11.5789,4.73684ZM8.94737,15.2632C8.94737,12.6842,10.5263,10.4211,12.7368,9.47369L2.89474,9.47369C2.47368,9.47369,2.10526,9.10526,2.10526,8.68421C2.10526,8.26316,2.47368,7.89474,2.89474,7.89474L12.8947,7.89474C13.3158,7.89474,13.6842,8.26316,13.6842,8.68421C13.6842,8.89474,13.5789,9.05263,13.4737,9.21053C14.0526,9.05263,14.6316,8.94737,15.2632,8.94737C15.4211,8.94737,15.6316,8.94737,15.7895,9L15.7895,4.21053C15.7895,3.05263,14.8421,2.10526,13.6842,2.10526L13.6842,3.94737C13.6842,5.26316,12.6316,6.31579,11.3158,6.31579C10,6.31579,8.94737,5.26316,8.94737,3.94737L8.94737,2.10526L6.84211,2.10526L6.84211,3.94737C6.84211,5.26316,5.78947,6.31579,4.47369,6.31579C3.1579,6.31579,2.10526,5.26316,2.10526,3.94737L2.10526,2.10526C0.947369,2.10526,0,3.05263,0,4.21053L0,17.8947C0,19.0526,0.947369,20,2.10526,20L11.1053,20C9.78947,18.8421,8.94737,17.1579,8.94737,15.2632ZM7.63158,15.7895L2.89474,15.7895C2.47368,15.7895,2.10526,15.4211,2.10526,15C2.10526,14.579,2.47368,14.2105,2.89474,14.2105L7.63158,14.2105C8.05263,14.2105,8.42105,14.579,8.42105,15C8.42105,15.4211,8.05263,15.7895,7.63158,15.7895ZM7.63158,12.6316L2.89474,12.6316C2.47368,12.6316,2.10526,12.2632,2.10526,11.8421C2.10526,11.4211,2.47368,11.0526,2.89474,11.0526L7.63158,11.0526C8.05263,11.0526,8.42105,11.4211,8.42105,11.8421C8.42105,12.2632,8.05263,12.6316,7.63158,12.6316ZM15.2632,10.5263C12.6316,10.5263,10.5263,12.6842,10.5263,15.2632C10.5263,17.8421,12.6842,20,15.2632,20C17.8421,20,20,17.8421,20,15.2632C20,12.6842,17.8947,10.5263,15.2632,10.5263ZM17.1053,16.8421L14.4737,16.8421C14.0526,16.8421,13.6842,16.4737,13.6842,16.0526L13.6842,12.8947C13.6842,12.4737,14.0526,12.1053,14.4737,12.1053C14.8947,12.1053,15.2632,12.4737,15.2632,12.8947L15.2632,15.2632L17.1053,15.2632C17.5263,15.2632,17.8947,15.6316,17.8947,16.0526C17.8947,16.4737,17.5263,16.8421,17.1053,16.8421Z" fill="#191919" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-debug.svg b/src/assets/images/menuIcon/n-debug.svg
new file mode 100644
index 0000000..29531da
--- /dev/null
+++ b/src/assets/images/menuIcon/n-debug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M16.2648,3.44855e-7L1.73484,3.44855e-7C0.776714,1.72428e-7,1.73304e-7,0.772788,3.46607e-7,1.72607L3.46607e-7,12.9462L18,12.9462L18,1.72607C18.0002,0.77284,17.2233,1.72428e-7,16.2648,3.44855e-7ZM15.8042,6.82682C15.8042,7.18361,15.5134,7.47354,15.1548,7.47418L13.0872,7.47418C12.9953,7.47424,12.9117,7.42101,12.8733,7.33789L12.6908,6.94479C12.6563,6.87062,12.5827,6.82221,12.5006,6.81976C12.4185,6.81731,12.342,6.86124,12.3031,6.93321L10.3803,10.5011C10.3054,10.6398,10.1604,10.7269,10.0021,10.7284C9.84384,10.7299,9.69731,10.6455,9.61979,10.5081L6.5646,5.08629C6.52345,5.01314,6.44343,4.97034,6.3594,4.97654C6.27538,4.98274,6.20258,5.03682,6.17273,5.11521L5.37832,7.19582C5.31435,7.36335,5.153,7.47412,4.97288,7.47418L2.84617,7.47418C2.48683,7.47418,2.19552,7.18435,2.19552,6.82682C2.19552,6.4693,2.48683,6.17946,2.84617,6.17946L4.0738,6.17946C4.25407,6.17946,4.41528,6.06857,4.47924,5.90111L5.77827,2.49718C5.83811,2.34057,5.98362,2.23255,6.15155,2.22009C6.31948,2.20762,6.47949,2.29296,6.56202,2.439L9.78714,8.1585C9.82583,8.22725,9.89912,8.26955,9.97831,8.26881C10.0575,8.26807,10.13,8.22443,10.1674,8.15496L12.1859,4.41289C12.2638,4.26915,12.4166,4.18148,12.5807,4.18638C12.7448,4.19128,12.8921,4.2879,12.9612,4.43604L13.6532,5.92843C13.7243,6.08143,13.8777,6.17914,14.047,6.17946L15.1548,6.17946C15.514,6.17946,15.8054,6.46939,15.8054,6.82682L15.8042,6.82682ZM3.46607e-7,13.6845L3.46607e-7,16.2739C1.73304e-7,17.2272,0.776714,18,1.73484,18L16.2648,18C17.223,18,17.9997,17.2272,17.9997,16.2739L17.9997,13.6845L3.46607e-7,13.6845ZM10.4381,15.75C10.437,16.1071,10.1464,16.3963,9.78746,16.3974L2.84617,16.3974C2.48683,16.3974,2.19552,16.1075,2.19552,15.75C2.19552,15.3925,2.48683,15.1026,2.84617,15.1026L9.78617,15.1026C10.1456,15.103,10.437,15.3924,10.4381,15.75ZM15.8042,15.75C15.8027,16.1063,15.5129,16.395,15.1548,16.3967L12.5513,16.3967C12.1919,16.3967,11.9006,16.1069,11.9006,15.7494C11.9006,15.3918,12.1919,15.102,12.5513,15.102L15.1548,15.102C15.5134,15.1038,15.8034,15.3932,15.8042,15.75Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-disinfect.svg b/src/assets/images/menuIcon/n-disinfect.svg
new file mode 100644
index 0000000..dac8b51
--- /dev/null
+++ b/src/assets/images/menuIcon/n-disinfect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="22" height="22" viewBox="0 0 22 22"><g><g><path d="M21.8624,10.5955C21.7156,10.3013,21.3854,10.1541,21.0554,10.1541L21.0554,10.1538L20.1022,10.1538C20.0288,9.19729,19.7719,8.27753,19.4052,7.39458L20.5425,6.73243L20.5792,6.73243C21.0195,6.47509,21.1663,5.95988,20.9094,5.51853C20.6528,5.07692,20.1391,4.92972,19.6991,5.18733L19.6624,5.18733L18.5251,5.84948C17.9013,4.96652,17.1677,4.19397,16.2873,3.56862L16.8744,2.53846C17.0579,2.24405,17.0946,1.91311,16.8377,1.58191C16.6909,1.28776,16.3977,1.10376,16.0674,1.10376C15.7374,1.10376,15.4439,1.2875,15.2971,1.58191L15.2971,1.61871L14.7103,2.64886C13.7932,2.24405,12.766,1.94991,11.7389,1.87631L11.7389,0.882955C11.7389,0.40481,11.3355,0,10.8585,0C10.3817,0,9.97809,0.404543,9.97809,0.882955L9.97809,1.87631C9.02431,1.98672,8.07054,2.24405,7.19015,2.64886L6.60331,1.61871C6.45654,1.3243,6.16298,1.14029,5.833,1.14029C5.53945,1.14029,5.20921,1.3243,5.06243,1.61871C4.91566,1.91311,4.91566,2.28112,5.09913,2.53846L5.72266,3.60542C4.87896,4.19423,4.10866,4.96679,3.52155,5.81294L2.53108,5.22413C2.23753,5.04012,1.90755,5.04012,1.614,5.18733C1.32045,5.33453,1.13698,5.62867,1.13698,5.95988C1.13698,6.29109,1.32045,6.58523,1.614,6.73243L2.60447,7.32098C2.2011,8.20393,1.94425,9.16049,1.83416,10.1538L0.843694,10.1538C0.366673,10.1538,0,10.5584,0,11.0368C0,11.5149,0.366673,11.9198,0.843694,11.9566L1.87086,11.9566C1.94425,12.8763,2.16414,13.7225,2.49439,14.5686L1.39384,15.194C1.10029,15.3412,0.916816,15.6353,0.916816,15.9665C0.916816,16.2607,1.10029,16.5919,1.39384,16.7391C1.65069,16.8863,2.01737,16.8863,2.27423,16.7023L3.30139,16.0769C3.8151,16.8495,4.43864,17.5855,5.17225,18.174L4.47533,19.3882C4.21874,19.7927,4.36525,20.3445,4.80558,20.6021C5.20894,20.8597,5.75909,20.7122,6.01594,20.2709L6.63947,19.1671C7.66664,19.7189,8.80362,20.0869,9.97756,20.1973L9.97756,21.1538C10.0142,21.632,10.3812,22,10.8579,22C11.3347,22,11.7016,21.6323,11.7383,21.1538L11.7383,20.1973C12.949,20.1237,14.1226,19.7557,15.1865,19.2039L15.81,20.2709C16.0669,20.7125,16.5803,20.8597,17.0207,20.6021C17.4607,20.3448,17.6075,19.8295,17.3506,19.3882L16.6904,18.2476C17.4243,17.6591,18.0845,16.9601,18.598,16.1876L19.6251,16.7761L19.6618,16.7761C20.0652,16.9969,20.5789,16.8497,20.8355,16.4452C21.0557,16.0036,20.9456,15.4886,20.542,15.231L20.5053,15.231L19.4414,14.6057C19.8081,13.7595,20.0282,12.8766,20.1016,11.9568L21.0554,11.9568C21.3854,11.9568,21.6789,11.8096,21.8624,11.5152C22.0459,11.2208,22.0459,10.8899,21.8624,10.5955ZM19.0004,12.6947C18.2301,16.521,14.892,19.2432,11.0038,19.2432C8.17918,19.2432,5.61167,17.7714,4.14418,15.3804C2.64026,13.026,2.45679,10.0459,3.66742,7.50742L4.29095,6.44046C6.49179,3.23958,10.6369,2.02569,14.1951,3.53399C17.7534,5.04229,19.7707,8.86852,19.0004,12.6947Z" fill-rule="evenodd" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M19.000329539871217,12.693768914337157C18.230029539871218,16.519948914337157,14.891929539871215,19.242148914337157,11.003739539871216,19.242148914337157C8.179109539871217,19.242148914337157,5.611589539871216,17.77044891433716,4.144099539871216,15.379448914337159C2.640182539871216,13.024948914337159,2.456713539871216,10.044908914337158,3.667346539871216,7.506448914337158L4.290879539871216,6.439488914337158C6.491719539871216,3.238607914337158,10.636799539871216,2.024712914337158,14.195029539871216,3.5330159143371582C17.753329539871217,5.041318914337158,19.770629539871216,8.867548914337158,19.000329539871217,12.693768914337157ZM8.143289539871216,12.657968914337157C9.793719539871216,12.657968914337157,11.151119539871216,11.296868914337159,11.151119539871216,9.641358914337157C11.151119539871216,7.949048914337158,9.793719539871216,6.587948914337158,8.143289539871216,6.624748914337158C6.492589539871216,6.624748914337158,5.135179539871215,7.985848914337158,5.135179539871215,9.641358914337157C5.135179539871215,11.296868914337159,6.492589539871216,12.657968914337157,8.143289539871216,12.657968914337157ZM15.479629539871215,9.493168914337158C14.599329539871215,9.493168914337158,13.902329539871216,10.192118914337158,13.939029539871216,11.075068914337159C13.939029539871216,11.958028914337158,14.635929539871215,12.656978914337158,15.516329539871215,12.656978914337158C16.396729539871217,12.656978914337158,17.093629539871216,11.958028914337158,17.093629539871216,11.075068914337159C17.056929539871216,10.192118914337158,16.360029539871213,9.493168914337158,15.479629539871215,9.493168914337158ZM9.829989539871216,15.008448914337158C10.123539539871217,14.309448914337159,10.857149539871216,13.831048914337158,11.627459539871216,13.831048914337158C12.141169539871216,13.831048914337158,12.617929539871216,14.015048914337159,13.021329539871216,14.419648914337158C13.351229539871216,14.787648914337158,13.571429539871216,15.266048914337158,13.571429539871216,15.780948914337158C13.571429539871216,16.590348914337156,13.094729539871215,17.289248914337158,12.361069539871217,17.58364891433716C11.627189539871216,17.877848914337157,10.783499539871215,17.69384891433716,10.233349539871217,17.14204891433716C9.683209539871216,16.590348914337156,9.536429539871216,15.744148914337158,9.829989539871216,15.008448914337158Z" fill-rule="evenodd" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-formula.svg b/src/assets/images/menuIcon/n-formula.svg
new file mode 100644
index 0000000..c8f9024
--- /dev/null
+++ b/src/assets/images/menuIcon/n-formula.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="18" viewBox="0 0 21 18"><g><path d="M14.2217,13.5542L12.1497,14.234C11.991,14.2972,11.8218,14.3279,11.6526,14.3279C10.8904,14.3279,10.2782,13.7216,10.2782,12.9667L10.205,10.7788L16.899,1.25534L16.9094,1.26558L17.11,0.983774C16.9827,0.418446,16.4752,0,15.8717,0L1.26973,0C0.570334,0,0,0.565329,0,1.25534L0,16.7447C0,17.4347,0.570334,18,1.26973,18L15.863,18C16.5606,18,17.1327,17.4347,17.1327,16.7447L17.1327,9.40905L14.2217,13.5542ZM2.96155,3.1392L11.4206,3.1392C11.8863,3.1392,12.2665,3.51665,12.2665,3.97609C12.2665,4.43553,11.8863,4.81298,11.4206,4.81298L2.96155,4.81298C2.49587,4.81298,2.11564,4.43552,2.11564,3.97609C2.11564,3.51665,2.49587,3.1392,2.96155,3.1392ZM7.61317,14.8625L2.96155,14.8625C2.49587,14.8625,2.11564,14.4851,2.11564,14.0256C2.11564,13.5645,2.49587,13.1887,2.96155,13.1887L7.61492,13.1887C8.0806,13.1887,8.46083,13.5662,8.46083,14.0256C8.45908,14.4851,8.07886,14.8625,7.61317,14.8625ZM9.30499,9.83774L2.96155,9.83774C2.49587,9.83774,2.11564,9.46029,2.11564,9.00085C2.11564,8.54142,2.49587,8.16396,2.96155,8.16396L9.30674,8.16396C9.77242,8.16396,10.1526,8.54142,10.1526,9.00085C10.1526,9.46029,9.77068,9.83774,9.30499,9.83774ZM20.832,1.99829C21.0012,2.11272,21.0535,2.35354,20.9384,2.52092L20.8529,2.64731L20.7466,2.80444L20.7047,2.85739L20.3559,3.34927L17.7327,1.55935L18.2716,0.795901L18.3135,0.732707C18.4303,0.565329,18.6728,0.512383,18.8524,0.63877L20.832,1.99829ZM17.11,2.42869L19.7332,4.23911L13.6828,12.8625L11.8636,13.4586C11.8846,13.4483,11.916,13.4278,11.9369,13.4159C11.8514,13.4688,11.7573,13.4996,11.6509,13.4996C11.3544,13.4996,11.1224,13.269,11.1224,12.9769L11.1224,12.9667L11.0596,11.0401L17.11,2.42869Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-liquid.svg b/src/assets/images/menuIcon/n-liquid.svg
new file mode 100644
index 0000000..dfff0ba
--- /dev/null
+++ b/src/assets/images/menuIcon/n-liquid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="20" viewBox="0 0 18 20"><g><path d="M0.00657838,2.51325L0.00657838,17.8167C0.00432831,17.8973,0.0217661,17.9795,0.0549541,18.0556C0.29402,18.6889,1.2486,19.1601,2.97043,19.5C4.95328,19.8567,6.97549,20.0239,8.99996,19.9972C11.025,20.0173,13.0444,19.85,15.03,19.4995C16.7491,19.1534,17.7216,18.6717,17.945,18.0551C17.9781,17.9795,17.9956,17.8995,17.9933,17.8167L17.9933,2.51325C18.0022,2.48484,18.0022,2.45444,17.9933,2.42603L17.9933,2.28936C17.9933,1.50383,17.0298,0.912176,15.0272,0.52163C13.0408,0.15514,11.0229,-0.0190142,9.00221,0.00164347C6.97718,-0.018356,4.95777,0.148862,2.97212,0.499409C0.987591,0.889954,0.00657737,1.48105,0.00657737,2.26714C-0.0000464364,2.31228,-0.0000464364,2.35812,0.00657737,2.40325C-0.0021924,2.43149,-0.0021924,2.46168,0.00657737,2.48991L0.00657737,2.51214L0.00657838,2.51325ZM12.6028,13.333C12.6073,13.0002,12.9145,12.7302,13.2947,12.7258L16.1039,12.7258L16.1039,13.938L13.2947,13.938C12.9145,13.9357,12.6073,13.6657,12.6028,13.333ZM12.6028,10.6053C12.6073,10.2731,12.9145,10.0031,13.2947,9.99861L16.0375,9.99861L16.0375,11.2041L13.2947,11.2041C12.9167,11.2041,12.6073,10.938,12.6028,10.6058L12.6028,10.6053ZM12.6028,7.872C12.6073,7.53868,12.9167,7.27368,13.2947,7.27368L16.1039,7.27368L16.1039,8.47921L13.2947,8.47921C12.9145,8.47421,12.6073,8.20421,12.6028,7.87145L12.6028,7.872ZM2.70099,13.6335C2.70099,13.1358,2.83093,12.6447,3.07843,12.2141C3.65264,11.1906,4.28205,10.1983,4.96396,9.24141L4.96396,9.20141L5.10796,9.12364L5.14734,9.08975L5.38191,9.08975L5.38191,9.12308L5.42128,9.16308Q5.45503,9.16308,5.45503,9.20363C6.31451,10.1379,7.07294,11.1582,7.718,12.248C8.30477,13.2347,8.21414,14.4767,7.49019,15.3701C6.76736,16.2562,5.56753,16.5907,4.49539,16.2001C3.42325,15.8096,2.70943,14.7835,2.71618,13.6335L2.70099,13.6335ZM1.47191,2.87268C2.1503,2.27492,2.89956,1.8866,3.67976,1.73216C5.41143,1.2532,7.20412,1.02398,9.00221,1.05162C10.7854,1.02273,12.5696,1.25272,14.3247,1.73216C15.1049,1.88215,15.8564,2.27048,16.5325,2.87268C15.8519,3.46433,15.1026,3.85266,14.3247,4.01321C12.5909,4.4807,10.7993,4.70603,9.00221,4.68264C7.20505,4.70714,5.41334,4.48179,3.67976,4.01321C2.90237,3.85655,2.1503,3.47044,1.47191,2.87268Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-seal.svg b/src/assets/images/menuIcon/n-seal.svg
new file mode 100644
index 0000000..eedfec3
--- /dev/null
+++ b/src/assets/images/menuIcon/n-seal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M9.99959,0C4.47651,0,0,4.47715,0,10.0004C0,15.5228,4.47651,20,9.99958,20C15.5235,20,20,15.5224,20,10.0004C20,4.47632,15.5235,9.51652e-7,9.99959,0ZM9.52183,1.8993L10.7933,1.8993L10.7933,4.39441L9.52183,4.39441L9.52183,1.8993ZM5.71809,6.56646L3.95385,4.80188L4.85281,3.90296L6.61705,5.66754L5.71809,6.56646ZM6.34595,2.81402L7.49605,2.27766L8.55094,4.53827L7.39958,5.07546L6.34595,2.81402ZM10.1746,17.2883C9.06902,17.2883,8.17381,16.3918,8.17381,15.2875C8.17381,14.4235,8.72058,13.6909,9.48773,13.4103L9.48773,7.70238L10.758,7.70238L10.758,13.3728C11.578,13.6219,12.1759,14.3844,12.1759,15.2879C12.1759,16.3918,11.2803,17.2883,10.1746,17.2883ZM11.6644,4.53578L12.7193,2.27433L13.8707,2.81194L12.817,5.07339L11.6644,4.53578ZM14.4586,6.56646L13.5597,5.66754L15.3239,3.90296L16.2229,4.80188L14.4586,6.56646Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n-setting.svg b/src/assets/images/menuIcon/n-setting.svg
new file mode 100644
index 0000000..6af69af
--- /dev/null
+++ b/src/assets/images/menuIcon/n-setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="20" viewBox="0 0 21 20"><g><path d="M20.8054,8.0336C20.8008,7.99101,20.7961,7.95551,20.789,7.93422L20.789,7.91529L20.7797,7.86323C20.6133,7.04449,20.0769,6.5168,19.4092,6.5168L19.2991,6.5168C18.1605,6.5168,17.2375,5.57974,17.2375,4.43445C17.2375,4.16943,17.3593,3.79318,17.4109,3.66067C17.7342,2.89872,17.3898,2.03029,16.5909,1.58779L14.0772,0.151443L14.0304,0.134879C13.843,0.0733556,13.6251,1.80535e-7,13.3815,1.80535e-7C12.927,1.80535e-7,12.4163,0.212967,12.1,0.532418C11.7041,0.927591,10.9005,1.5168,10.4226,1.5168C9.94707,1.5168,9.14118,0.929957,8.74527,0.532418C8.40792,0.196403,7.94172,0,7.46381,0C7.21315,0,7.0023,0.0709891,6.81489,0.134879L6.77272,0.151443L4.13719,1.59252L4.12079,1.60199C3.48124,2.00663,3.2212,2.93422,3.54683,3.67014L3.55152,3.6796L3.5562,3.68907C3.60774,3.80502,3.76705,4.19782,3.76705,4.54094C3.76705,5.69096,2.83934,6.62328,1.70548,6.62328L1.59537,6.62328C0.897251,6.62328,0.374831,7.14387,0.224898,7.97917L0.215528,8.0265L0.215528,8.04307C0.215528,8.06673,0.206157,8.09986,0.199129,8.14245C0.140561,8.49976,0,9.34217,0,10.0308C0,10.7194,0.138219,11.5618,0.199129,11.9191C0.203814,11.9617,0.2085,11.9972,0.215528,12.0185L0.215528,12.0374L0.224898,12.0894C0.391229,12.9082,0.927706,13.4359,1.59537,13.4359L1.6516,13.4359C2.79015,13.4359,3.71317,14.3729,3.71317,15.5182C3.71317,15.7832,3.59135,16.1595,3.53981,16.292C3.22823,17.009,3.52341,17.9295,4.21216,18.3933L4.2309,18.4027L6.71415,19.7989L6.76101,19.8154C6.94842,19.8769,7.16161,19.9503,7.40525,19.9503C7.92532,19.9503,8.39386,19.7492,8.6867,19.4179C8.71481,19.3966,8.74292,19.3682,8.77572,19.3398C9.07559,19.0748,9.88147,18.3743,10.4133,18.3743C10.8092,18.3743,11.4722,18.7932,12.1398,19.4676C12.4772,19.8036,12.9434,20,13.4213,20C13.7446,20,13.9835,19.9101,14.2553,19.7752L14.2646,19.7705L16.8112,18.3483L16.8205,18.3389C17.4601,17.9342,17.7201,17.0066,17.3945,16.2707L17.3898,16.2612L17.3851,16.2518C17.3804,16.2494,17.1813,15.8306,17.2188,15.4543L17.2235,15.4307L17.2235,15.407C17.2235,14.257,18.1512,13.3247,19.285,13.3247L19.4022,13.3247C20.1003,13.3247,20.6227,12.8041,20.7726,11.9688L20.782,11.9214L20.782,11.9049C20.7867,11.8859,20.7914,11.8575,20.7984,11.8197C20.8593,11.4718,20.9999,10.6602,20.9999,9.91718C21.0046,9.23095,20.8664,8.39091,20.8054,8.0336ZM10.4976,13.2963C8.69607,13.2963,7.23657,11.8221,7.23657,10.0024C7.23657,8.18267,8.69607,6.70847,10.4976,6.70847C12.2991,6.70847,13.7586,8.18268,13.7586,10.0024C13.7586,11.8221,12.2991,13.2963,10.4976,13.2963Z" fill="#191919" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_debug.svg b/src/assets/images/menuIcon/n_debug.svg
deleted file mode 100644
index d889929..0000000
--- a/src/assets/images/menuIcon/n_debug.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42038"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42038)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_expe.svg b/src/assets/images/menuIcon/n_expe.svg
deleted file mode 100644
index ea31df4..0000000
--- a/src/assets/images/menuIcon/n_expe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M54.037,56.006L28.80688,56.006C27.22599,56.006,25.93399,54.6781,25.93399,53.0441C25.93399,51.6375,26.888939999999998,50.4627,28.16489,50.1565L28.16489,21.0455056C25.82164,21.380591,24,23.46143,24,25.96836L24,53.0523C24,55.7785,26.15066,58,28.79886,58L54.037,58C54.5706,58,55,57.5574,55,57.0072C55.004000000000005,56.457,54.5706,56.006,54.037,56.006ZM42.742000000000004,37.799800000000005L41.847300000000004,37.799800000000005L41.847300000000004,39.1815L40.5031,39.1815L40.5031,40.1081L41.847300000000004,40.1081L41.847300000000004,41.4898L42.742000000000004,41.4898L42.742000000000004,40.1081L44.090199999999996,40.1081L44.090199999999996,39.1815L42.742000000000004,39.1815L42.742000000000004,37.799800000000005ZM44.090199999999996,29.05031L40.5031,29.05031L40.5031,33.3775L39.2994,35.6817C39.817,35.5824,40.334599999999995,35.5617,40.852199999999996,35.6155C42.2605,35.7644,42.569500000000005,36.8814,44.4393,36.8814C44.985,36.8814,45.4384,36.8193,45.807500000000005,36.6952L44.090199999999996,33.3981L44.090199999999996,29.05031ZM53.2425,21L30.09086,21L30.09086,50.1276L30.5563,50.1276C30.612470000000002,50.1358,30.67266,50.1358,30.73284,50.1358L53.2425,50.1358C54.125299999999996,50.1358,54.8475,49.3912,54.8475,48.4811L54.8475,22.65888C54.8515,21.744634,54.125299999999996,21.000000315617,53.2425,21ZM49.3224,42.424800000000005C49.1619,42.6978,48.881,42.8674,48.5721,42.875699999999995L36.0212,42.875699999999995C35.7042,42.875699999999995,35.4113,42.7061,35.2508,42.424800000000005C35.0903,42.1435,35.082300000000004,41.8001,35.2348,41.5105L39.5963,33.2161L39.5963,29.05031L38.5089,29.05031C38.2521,29.05031,38.0475,28.8352,38.0475,28.57457C38.0475,28.309820000000002,38.2561,28.09884,38.5089,28.09884L46.0643,28.09884C46.3211,28.09884,46.5257,28.31395,46.5257,28.57457C46.5257,28.83933,46.317099999999996,29.05031,46.0643,29.05031L44.9769,29.05031L44.9769,33.2203L46.561800000000005,36.231899999999996L49.3425,41.5105C49.490899999999996,41.8001,49.4869,42.1434,49.3224,42.424800000000005Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_home.svg b/src/assets/images/menuIcon/n_home.svg
deleted file mode 100644
index af15d9d..0000000
--- a/src/assets/images/menuIcon/n_home.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M20.0370799,43.6256C20.866486,47.6246,22.91091,51.222300000000004,25.94731,54.0277C26.3526,54.4028,26.9106,54.5752,27.46181,54.4956C28.0134,54.4165,28.49784,54.0943,28.77694,53.6208L31.1482,49.591300000000004C31.5442,48.9178,31.451999999999998,48.070499999999996,30.92,47.4942C29.68039,46.1482,28.77662,44.537800000000004,28.28009,42.7903C28.06083,42.015,27.34183,41.4784,26.52231,41.4784L21.82395,41.4784C21.27636,41.4781,20.757754,41.7198,20.411853,42.1363C20.0647341,42.552,19.9270634,43.0991,20.0370799,43.6256ZM44.1657,51.909C43.7696,51.233000000000004,42.9726,50.8869,42.1963,51.053799999999995C40.231899999999996,51.4761,38.1899,51.3965,36.2658,50.8227C35.453900000000004,50.580600000000004,34.579,50.9191,34.1541,51.6398L31.8262,55.5982C31.5578,56.055,31.5084,56.6046,31.691000000000003,57.1004C31.872999999999998,57.5967,32.2697,57.9884,32.7742,58.1703C34.9795,58.9695,37.3089,59.375,39.695,59.375C41.6678,59.375,43.6156,59.0954,45.482600000000005,58.543C46.0156,58.3847,46.446,57.9968,46.652,57.4891C46.8572,56.9806,46.814099999999996,56.408,46.535,55.9346L44.1657,51.909ZM52.5476,24.57127C52.2201,24.3027,51.806799999999996,24.15552,51.379999999999995,24.15542C51.2742,24.15542,51.1663,24.166330000000002,51.060500000000005,24.18424C50.531,24.2771,50.0703,24.59457,49.8016,25.05176L47.4685,29.01324C47.045100000000005,29.73472,47.183499999999995,30.6473,47.802800000000005,31.2165C49.39,32.6707,50.5347,34.5286,51.1096,36.5833C51.3275,37.3604,52.0476,37.8989,52.8691,37.899100000000004L57.568,37.899100000000004C58.1145,37.8988,58.6321,37.658,58.9784,37.2432C59.3258,36.8281,59.464,36.2815,59.3546,35.7553C58.4579,31.3953,56.0407,27.42316,52.5476,24.57127ZM46.652,21.88784C46.446600000000004,21.37975,46.0159,20.99153,45.482600000000005,20.833661C43.6053,20.279568,41.6553,19.99869145,39.695,20.00000417001C37.3089,20.00000417001,34.9795,20.405219,32.7742,21.20446C31.714199999999998,21.58978,31.262,22.8179,31.8262,23.77903L34.1541,27.73687C34.579,28.457549999999998,35.453900000000004,28.79609,36.2658,28.55402C37.3775,28.22171,38.5332,28.05317,39.6953,28.05394C40.530100000000004,28.05394,41.372299999999996,28.14349,42.1963,28.32119C42.9721,28.48767,43.7685,28.14262,44.1657,27.46794L46.5353,23.44182C46.8143,22.96858,46.857299999999995,22.39608,46.652,21.88784ZM57.568,41.4781L52.8691,41.4781C52.0475,41.477599999999995,51.327,42.0163,51.1096,42.7936C50.5345,44.848299999999995,49.3898,46.7063,47.802800000000005,48.160799999999995C47.1834,48.729,47.0449,49.6411,47.4685,50.3618L49.8016,54.3249C50.07,54.7824,50.5309,55.1001,51.060500000000005,55.1927C51.1663,55.2106,51.2742,55.2196,51.379999999999995,55.2196C51.8066,55.2202,52.2199,55.0737,52.5476,54.8057C56.0407,51.9518,58.4579,47.9814,59.3546,43.622C59.4641,43.0957,59.3259,42.549099999999996,58.9784,42.134C58.6326,41.718599999999995,58.1147,41.4778,57.568,41.4781ZM20.411568,37.241C20.757316,37.6573,21.27588,37.8989,21.82367,37.8989L26.52259,37.8989C27.34233,37.8986,28.06128,37.361999999999995,28.280369999999998,36.587C28.776699999999998,34.8389,29.68048,33.2279,30.920299999999997,31.8814C31.4524,31.3057,31.544600000000003,30.4588,31.1485,29.785890000000002L28.77722,25.75641C28.49772,25.28303,28.01361,24.96039,27.46209,24.87994C27.37433,24.86765,27.28578,24.86166,27.19713,24.86203C26.73679,24.86203,26.28729,25.03413,25.9476,25.349510000000002C22.91091,28.15468,20.866486,31.7521,20.0370799,35.7513C19.9271883,36.2779,20.0647273,36.825,20.411568,37.241Z" fill="#4F85FB" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_liquid.svg b/src/assets/images/menuIcon/n_liquid.svg
deleted file mode 100644
index 016e6a3..0000000
--- a/src/assets/images/menuIcon/n_liquid.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M30.42768,34.2143L30.42768,52.673C30.42768,53.4027,31.06121,54.0357,31.77429,54.0357L48.5584,54.0357C49.2714,54.0357,49.794,53.4027,49.794,52.673L49.794,34.2143L30.42768,34.2143ZM47.8574,46.726600000000005C47.8574,47.091499999999996,47.5684,47.387299999999996,47.2118,47.387299999999996C46.8553,47.387299999999996,46.5663,47.091499999999996,46.5663,46.726600000000005L46.5663,42.762299999999996C46.5663,42.397400000000005,46.8553,42.101600000000005,47.2118,42.101600000000005C47.5684,42.101600000000005,47.8574,42.397400000000005,47.8574,42.762299999999996L47.8574,46.726600000000005ZM47.2673,40.780100000000004C46.910799999999995,40.780100000000004,46.6218,40.4844,46.6218,40.1194C46.6218,39.7545,46.910799999999995,39.4587,47.2673,39.4587C47.6239,39.4587,47.9129,39.7545,47.9129,40.1194C47.9129,40.484300000000005,47.6239,40.780100000000004,47.2673,40.780100000000004ZM54.7629,21L29.21229,21C24.827023,21,24,23.26509,24,24.28292C26.44097,24.63393,26.55442,24.67522,26.55442,27.318080000000002L26.55442,52.673C26.55442,55.5922,28.92203,58,31.77429,58L48.5383,58C51.3904,58,53.6673,55.5922,53.6673,52.673L53.6673,24.96429C53.6673,23.28368,54.6596,21.803098,54.7579,21.6456C54.856300000000005,21.488186,55,21.331926,55,21.236123C55,21.139411,54.9664,21,54.7629,21ZM51.0851,24.96429L51.0851,52.673C51.0851,54.153,50.081,55.3571,48.679500000000004,55.3571L31.77429,55.3571C30.352719999999998,55.3571,29.136589999999998,54.128,29.136589999999998,52.673L29.136589999999998,27.318080000000002C29.136589999999998,26.34254,29.22487,24.24163,28.8277,23.6877C28.90202,23.62221,29.07898,23.64286,29.19211,23.64286L51.1939,23.64286C51.1345,23.64286,51.0851,24.53474,51.0851,24.96429Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_liquid_config.svg b/src/assets/images/menuIcon/n_liquid_config.svg
deleted file mode 100644
index 5e8da40..0000000
--- a/src/assets/images/menuIcon/n_liquid_config.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M25.010964,27.14686L25.010964,52.3976C25.00721385,52.5305,25.0362768,52.6662,25.0915901,52.791799999999995C25.490033,53.8368,27.08099,54.6141,29.95072,55.1751C33.25546,55.7635,36.6258,56.0395,39.9999,55.9955C43.375,56.0285,46.7406,55.7525,50.0501,55.1741C52.915099999999995,54.6031,54.536100000000005,53.8083,54.9083,52.7909C54.9636,52.6662,54.992599999999996,52.5342,54.9889,52.3976L54.9889,27.14686C55.003699999999995,27.099980000000002,55.003699999999995,27.04982,54.9889,27.00294L54.9889,26.77745C54.9889,25.48132,53.3829,24.50509,50.0454,23.860689999999998C46.734700000000004,23.255981,43.3715,22.9686265,40.0037,23.00271173C36.6286,22.9697126,33.26296,23.245622,29.95353,23.824024C26.64599,24.468420000000002,25.0109623,25.44373,25.0109623,26.74078C24.999922606,26.81525,24.999922606,26.89089,25.0109623,26.96536C24.996346,27.011960000000002,24.996346,27.06176,25.0109623,27.10836L25.0109623,27.14502L25.010964,27.14686ZM46.0047,44.9994C46.0122,44.4503,46.524100000000004,44.0048,47.1578,43.9975L51.8398,43.9975L51.8398,45.9976L47.1578,45.9976C46.524100000000004,45.994,46.0122,45.548500000000004,46.0047,44.9994ZM46.0047,40.4987C46.0122,39.950500000000005,46.524100000000004,39.504999999999995,47.1578,39.497699999999995L51.7292,39.497699999999995L51.7292,41.4868L47.1578,41.4868C46.5278,41.4868,46.0122,41.047799999999995,46.0047,40.4996L46.0047,40.4987ZM46.0047,35.9888C46.0122,35.4388,46.5278,35.001599999999996,47.1578,35.001599999999996L51.8398,35.001599999999996L51.8398,36.990700000000004L47.1578,36.990700000000004C46.524100000000004,36.9824,46.0122,36.537,46.0047,35.987899999999996L46.0047,35.9888ZM29.501649999999998,45.4953C29.501649999999998,44.674,29.71822,43.8637,30.13072,43.1533C31.08773,41.4645,32.13675,39.827200000000005,33.27327,38.2483L33.27327,38.1823L33.51327,38.054L33.578900000000004,37.9981L33.96984,37.9981L33.96984,38.0531L34.035470000000004,38.1191Q34.09172,38.1191,34.09172,38.186C35.5242,39.727599999999995,36.7882,41.411100000000005,37.8633,43.209199999999996C38.841300000000004,44.8373,38.690200000000004,46.8866,37.483599999999996,48.3607C36.2789,49.8228,34.27922,50.3746,32.49232,49.730199999999996C30.70542,49.0858,29.51572,47.3928,29.52697,45.4953L29.501649999999998,45.4953ZM27.45319,27.739919999999998C28.58383,26.75362,29.8326,26.11288,31.13293,25.858060000000002C34.019059999999996,25.06777,37.0069,24.68957,40.0037,24.73517C42.9756,24.6875,45.9494,25.06699,48.8744,25.858060000000002C50.174800000000005,26.10555,51.4273,26.74628,52.5542,27.739919999999998C51.419799999999995,28.71615,50.171,29.35688,48.8744,29.62179C45.9848,30.39315,42.9988,30.76495,40.0037,30.72635C37.0084,30.76678,34.02223,30.39495,31.13293,29.62179C29.83728,29.3633,28.58383,28.72623,27.45319,27.739919999999998Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_log.svg b/src/assets/images/menuIcon/n_log.svg
deleted file mode 100644
index d6a4535..0000000
--- a/src/assets/images/menuIcon/n_log.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M32,30.00793C32.8,30.00793,33.5,29.30731,33.5,28.506610000000002L33.5,22.50132C33.5,21.700617,32.8,21,32,21C31.2,21,30.5,21.700617,30.5,22.50132L30.5,28.506610000000002C30.5,29.30731,31.2,30.00793,32,30.00793ZM45,30.00793C45.8,30.00793,46.5,29.30731,46.5,28.506610000000002L46.5,22.50132C46.5,21.700617,45.8,21,45,21C44.2,21,43.5,21.700617,43.5,22.50132L43.5,28.506610000000002C43.5,29.30731,44.2,30.00793,45,30.00793ZM40,50.0255C40,45.1212,43,40.8174,47.2,39.0159L28.5,39.0159C27.7,39.0159,27,38.315200000000004,27,37.5145C27,36.7138,27.7,36.0132,28.5,36.0132L47.5,36.0132C48.3,36.0132,49,36.7138,49,37.5145C49,37.9149,48.8,38.215199999999996,48.6,38.5154C49.7,38.215199999999996,50.8,38.015,52,38.015C52.3,38.015,52.7,38.015,53,38.1151L53,29.00705C53,26.80511,51.2,25.00352,49,25.00352L49,28.506610000000002C49,31.0088,47,33.0106,44.5,33.0106C42,33.0106,40,31.0088,40,28.506610000000002L40,25.00352L36,25.00352L36,28.506610000000002C36,31.0088,34,33.0106,31.5,33.0106C29,33.0106,27,31.0088,27,28.506610000000002L27,25.00352C24.8,25.00352,23,26.80511,23,29.00705L23,55.03C23,57.2319,24.8,59.0335,27,59.0335L44.1,59.0335C41.6,56.8315,40,53.6287,40,50.0255ZM37.5,51.026399999999995L28.5,51.026399999999995C27.7,51.026399999999995,27,50.3258,27,49.525099999999995C27,48.7244,27.7,48.0238,28.5,48.0238L37.5,48.0238C38.3,48.0238,39,48.7244,39,49.525099999999995C39,50.3258,38.3,51.026399999999995,37.5,51.026399999999995ZM37.5,45.021100000000004L28.5,45.021100000000004C27.7,45.021100000000004,27,44.320499999999996,27,43.519800000000004C27,42.7191,27.7,42.0185,28.5,42.0185L37.5,42.0185C38.3,42.0185,39,42.7191,39,43.519800000000004C39,44.320499999999996,38.3,45.021100000000004,37.5,45.021100000000004ZM52,41.0176C47,41.0176,43,45.1212,43,50.0255C43,54.9299,47.1,59.0335,52,59.0335C56.9,59.0335,61,54.9299,61,50.0255C61,45.1212,57,41.0176,52,41.0176ZM55.5,53.0282L50.5,53.0282C49.7,53.0282,49,52.327600000000004,49,51.5269L49,45.5216C49,44.7209,49.7,44.0203,50.5,44.0203C51.3,44.0203,52,44.7209,52,45.5216L52,50.0255L55.5,50.0255C56.3,50.0255,57,50.7262,57,51.5269C57,52.327600000000004,56.3,53.0282,55.5,53.0282Z" fill="#4F85FB" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_ore.svg b/src/assets/images/menuIcon/n_ore.svg
deleted file mode 100644
index 0f09f4a..0000000
--- a/src/assets/images/menuIcon/n_ore.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M51.951499999999996,39.8059C50.843199999999996,40.323899999999995,49.9413,40.7615,48.9636,41.225899999999996C48.4242,40.9535,47.7542,40.408699999999996,47.004000000000005,40.2435C44.3744,39.6987,41.8501,42.1279,41.9554,44.9411C41.9554,45.378699999999995,41.593,46.0619,41.2348,46.1958C39.8694,46.687,39.2499,47.723,39.174099999999996,49.0894C39.0982,51.2194,38.9423,53.4297,41.5467,54.2513C41.7531,54.3049,41.829,54.7693,41.959599999999995,55.0417C41.652,55.2069,41.3149,55.5329,41.0072,55.5329C37.5305,55.5597,34.0496,55.5597,30.5729,55.5597C28.97572,55.5597,27.37854,55.5865,25.78137,55.5597C23.745912,55.5061,23,54.6577,23,52.527699999999996L23,23.88686C23,21.895306,23.720627,21.0468861,25.62966,21.020094C33.539699999999996,20.99330188,41.4497,20.99330188,49.364000000000004,21.020094C51.037,21.020094,51.9136,21.895306,51.9388,23.83327C52.0021,29.18278,51.951499999999996,34.5635,51.951499999999996,39.8059ZM37.6232,24.75761C37.6232,24.730809999999998,37.6232,24.730809999999998,37.6232,24.75761C35.2001,24.75761,32.776920000000004,24.730809999999998,30.35798,24.75761C29.17379,24.75761,28.19188,25.76678,28.21717,26.86079C28.26774,27.9816,29.144289999999998,28.79876,30.35798,28.79876C35.0737,28.79876,39.763999999999996,28.79876,44.4797,28.77197C45.950500000000005,28.77197,46.591,28.00839,46.565799999999996,26.56161C46.5405,25.44081,45.765100000000004,24.78886,44.4797,24.78886C42.183,24.730809999999998,39.915800000000004,24.75761,37.6232,24.75761ZM33.7841,36.3899C35.0189,36.3899,36.2578,36.4435,37.4673,36.3631C38.445,36.3095,39.1951,35.7335,39.2963,34.6171C39.4269,33.3624,38.6515,32.4336,37.6485,32.38C35.0737,32.2416,32.46928,32.4336,29.8902,32.5184C28.68073,32.5452,28.242449999999998,33.5544,28.26774,34.568C28.29302,35.7424,29.09372,36.3988,30.25262,36.3988L33.7841,36.3988L33.7841,36.3899ZM56.9495,50.3441C57.156,51.326499999999996,56.7177,51.9294,55.8412,52.3089C54.2693,52.9921,53.856300000000005,53.7825,54.1934,55.5016C54.3999,56.5644,53.7046,57.002,53.0851,57.4128C52.4403,57.8236,51.7956,58.3952,50.893699999999995,57.6048C49.6295,56.4572,48.727599999999995,56.6225,47.210499999999996,57.5245C46.6964,57.8236,45.8198,57.7968,45.2256,57.578C44.504999999999995,57.3057,43.7549,56.8145,43.9867,55.6669C44.3491,53.8941,43.5231,52.7465,42.081900000000005,52.143699999999995C40.9988,51.6793,41.1547,50.7237,41.18,49.9869C41.2053,49.415400000000005,41.6436,48.566900000000004,42.1071,48.3213C43.5231,47.584599999999995,44.1679,47.0085,44.0415,44.6062C43.965599999999995,43.324600000000004,44.787400000000005,43.021,45.4827,42.695C45.9463,42.4494,46.8228,42.3958,47.185199999999995,42.695C48.5001,43.815799999999996,49.7348,43.7577,50.948499999999996,42.7218C52.0821,41.7662,52.7269,42.775400000000005,53.5529,43.2398C54.3536,43.6774,54.2988,44.2757,54.0923,45.0706C53.7847,46.298500000000004,54.4547,47.6917,55.6136,48.0757C56.7177,48.4062,57.0802,49.143,56.9495,50.3441ZM45.7145,49.9333C45.6892,52.143699999999995,46.9787,53.5905,49.039500000000004,53.6173C50.7673,53.6441,52.259100000000004,52.2509,52.313900000000004,50.585300000000004C52.3645,48.2365,51.0497,46.682500000000005,48.9383,46.5977C47.210499999999996,46.5486,45.7398,48.049,45.7145,49.9333Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_setting.svg b/src/assets/images/menuIcon/n_setting.svg
deleted file mode 100644
index 73a9a45..0000000
--- a/src/assets/images/menuIcon/n_setting.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><g><path d="M57.7309,36.6424L54.4199,35.1065C52.2821,34.1115,51.0169,31.80957,51.2919,29.41513L51.7134,25.70348C49.9764,24.13487,47.9673,22.91636,45.7913,22.111649L42.809,24.29289C40.9002,25.70218,38.3223,25.67794,36.438900000000004,24.23298L33.5495,22C31.3612,22.766417,29.33189,23.9468,27.56639,25.48018L27.92691,29.18911C28.16995,31.58721,26.871940000000002,33.8705,24.71933,34.8315L21.35269,36.3074C20.9039103,38.6357,20.883231,41.0297,21.291719,43.3658L24.60269,44.9071C26.74368,45.8995,28.01241,48.202,27.73869,50.5985L27.30925,54.2911C29.0484,55.858,31.056800000000003,57.0779,33.2313,57.8884L36.1897,55.7098C38.098,54.2997,40.6759,54.3229,42.559799999999996,55.767L45.4705,58C47.6601,57.2361,49.6906,56.0565,51.456199999999995,54.5225L51.0984,50.8054C50.8651,48.409099999999995,52.158699999999996,46.1352,54.306,45.1685L57.6461,43.6953C58.0967,41.3643,58.1179,38.9679,57.7044,36.6287L57.7309,36.6424ZM39.5113,49.514700000000005C34.3981,49.514700000000005,30.25307,45.2566,30.25307,40.0041C30.25307,34.7515,34.3981,30.49349,39.5113,30.49349C44.6245,30.49349,48.7696,34.7515,48.7696,40.0041C48.7696,45.2566,44.6245,49.514700000000005,39.5113,49.514700000000005Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M39.503226597900394,32.666666984558105C35.85293659790039,32.6648691245581,32.89285659790039,35.650166984558105,32.89285659790039,39.3333369845581C32.89285659790039,43.01646698455811,35.85293659790039,46.0017669845581,39.503226597900394,45.99996698455811C43.15095659790039,45.998166984558104,46.10715659790039,43.01396698455811,46.10715659790039,39.3333369845581C46.10715659790039,35.65270698455811,43.15095659790039,32.66846320455811,39.503226597900394,32.666666984558105ZM39.503226597900394,43.0462669845581C37.535416597900394,42.95376698455811,35.98716659790039,41.316986984558106,35.98716659790039,39.329296984558106C35.98716659790039,37.34159698455811,37.535416597900394,35.704856984558106,39.503226597900394,35.61227698455811C41.495636597900386,35.7097269845581,43.08915659790039,37.317586984558105,43.185756597900394,39.3279469845581C43.17395659790039,41.372516984558104,41.52956659790039,43.024566984558106,39.503226597900394,43.0274669845581L39.503226597900394,43.0462669845581Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/n_user.svg b/src/assets/images/menuIcon/n_user.svg
deleted file mode 100644
index 84a6b4a..0000000
--- a/src/assets/images/menuIcon/n_user.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#EEEFF8" fill-opacity="1"/></g><g><path d="M29.44471,32.3043C29.44472,37.9952,34.0687,42.608599999999996,39.772800000000004,42.608599999999996C45.4768,42.608599999999996,50.100899999999996,37.9952,50.100899999999996,32.3043C50.100899999999996,26.6134,45.4768,22,39.772800000000004,22C34.0687,22,29.44472,26.6134,29.44471,32.3043ZM55.678,46.5004L51.0002,46.5004C50.2702,46.5004,49.678200000000004,45.9097,49.678200000000004,45.1814C49.678200000000004,44.4531,50.2702,43.8625,51.0002,43.8625L55.678,43.8625C56.408,43.8625,57,44.4531,57,45.1814C57,45.9097,56.408,46.5004,55.678,46.5004ZM55.678,52.2502L47.580799999999996,52.2502C46.8508,52.2502,46.2588,51.6595,46.2588,50.931200000000004C46.2588,50.2029,46.8508,49.612300000000005,47.580799999999996,49.612300000000005L55.678,49.612300000000005C56.408,49.612300000000005,57,50.2029,57,50.931200000000004C57,51.6595,56.408,52.2502,55.678,52.2502ZM55.678,58L47.580799999999996,58C46.8508,58,46.2588,57.4094,46.2588,56.681C46.2588,55.9527,46.8508,55.3621,47.580799999999996,55.3621L55.678,55.3621C56.408,55.3621,57,55.9527,57,56.681C57,57.4094,56.408,58,55.678,58ZM41.260000000000005,52.9303C41.260000000000005,48.602900000000005,43.934200000000004,44.898700000000005,47.723299999999995,43.3724C48.3662,43.113600000000005,48.4289,42.229,47.825,41.8898C45.435,40.546099999999996,42.6911,39.782,39.772800000000004,39.782C30.50933,39.782,23,47.4797,23,56.9757C23,57.0475,23.000413211,57.1188,23.00123932,57.1901C23.0066098,57.6398,23.376768,58,23.827485,58L41.2753,58C41.865700000000004,58,42.262299999999996,57.4015,42.037099999999995,56.857C41.5364,55.6469,41.260000000000005,54.3209,41.260000000000005,52.9303Z" fill="#4F85FB" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-audit.svg b/src/assets/images/menuIcon/s-audit.svg
new file mode 100644
index 0000000..72754ef
--- /dev/null
+++ b/src/assets/images/menuIcon/s-audit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M4.73684,4.73684C5.1579,4.73684,5.52632,4.36842,5.52632,3.94737L5.52632,0.789474C5.52632,0.368421,5.1579,0,4.73684,0C4.31579,0,3.94737,0.368421,3.94737,0.789474L3.94737,3.94737C3.94737,4.36842,4.31579,4.73684,4.73684,4.73684ZM11.5789,4.73684C12,4.73684,12.3684,4.36842,12.3684,3.94737L12.3684,0.789474C12.3684,0.368421,12,0,11.5789,0C11.1579,0,10.7895,0.368421,10.7895,0.789474L10.7895,3.94737C10.7895,4.36842,11.1579,4.73684,11.5789,4.73684ZM8.94737,15.2632C8.94737,12.6842,10.5263,10.4211,12.7368,9.47369L2.89474,9.47369C2.47368,9.47369,2.10526,9.10526,2.10526,8.68421C2.10526,8.26316,2.47368,7.89474,2.89474,7.89474L12.8947,7.89474C13.3158,7.89474,13.6842,8.26316,13.6842,8.68421C13.6842,8.89474,13.5789,9.05263,13.4737,9.21053C14.0526,9.05263,14.6316,8.94737,15.2632,8.94737C15.4211,8.94737,15.6316,8.94737,15.7895,9L15.7895,4.21053C15.7895,3.05263,14.8421,2.10526,13.6842,2.10526L13.6842,3.94737C13.6842,5.26316,12.6316,6.31579,11.3158,6.31579C10,6.31579,8.94737,5.26316,8.94737,3.94737L8.94737,2.10526L6.84211,2.10526L6.84211,3.94737C6.84211,5.26316,5.78947,6.31579,4.47369,6.31579C3.1579,6.31579,2.10526,5.26316,2.10526,3.94737L2.10526,2.10526C0.947369,2.10526,0,3.05263,0,4.21053L0,17.8947C0,19.0526,0.947369,20,2.10526,20L11.1053,20C9.78947,18.8421,8.94737,17.1579,8.94737,15.2632ZM7.63158,15.7895L2.89474,15.7895C2.47368,15.7895,2.10526,15.4211,2.10526,15C2.10526,14.579,2.47368,14.2105,2.89474,14.2105L7.63158,14.2105C8.05263,14.2105,8.42105,14.579,8.42105,15C8.42105,15.4211,8.05263,15.7895,7.63158,15.7895ZM7.63158,12.6316L2.89474,12.6316C2.47368,12.6316,2.10526,12.2632,2.10526,11.8421C2.10526,11.4211,2.47368,11.0526,2.89474,11.0526L7.63158,11.0526C8.05263,11.0526,8.42105,11.4211,8.42105,11.8421C8.42105,12.2632,8.05263,12.6316,7.63158,12.6316ZM15.2632,10.5263C12.6316,10.5263,10.5263,12.6842,10.5263,15.2632C10.5263,17.8421,12.6842,20,15.2632,20C17.8421,20,20,17.8421,20,15.2632C20,12.6842,17.8947,10.5263,15.2632,10.5263ZM17.1053,16.8421L14.4737,16.8421C14.0526,16.8421,13.6842,16.4737,13.6842,16.0526L13.6842,12.8947C13.6842,12.4737,14.0526,12.1053,14.4737,12.1053C14.8947,12.1053,15.2632,12.4737,15.2632,12.8947L15.2632,15.2632L17.1053,15.2632C17.5263,15.2632,17.8947,15.6316,17.8947,16.0526C17.8947,16.4737,17.5263,16.8421,17.1053,16.8421Z" fill="#FFFFFF" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-debug.svg b/src/assets/images/menuIcon/s-debug.svg
new file mode 100644
index 0000000..0f96a80
--- /dev/null
+++ b/src/assets/images/menuIcon/s-debug.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><g><path d="M16.2648,3.44855e-7L1.73484,3.44855e-7C0.776714,1.72428e-7,1.73304e-7,0.772788,3.46607e-7,1.72607L3.46607e-7,12.9462L18,12.9462L18,1.72607C18.0002,0.77284,17.2233,1.72428e-7,16.2648,3.44855e-7ZM15.8042,6.82682C15.8042,7.18361,15.5134,7.47354,15.1548,7.47418L13.0872,7.47418C12.9953,7.47424,12.9117,7.42101,12.8733,7.33789L12.6908,6.94479C12.6563,6.87062,12.5827,6.82221,12.5006,6.81976C12.4185,6.81731,12.342,6.86124,12.3031,6.93321L10.3803,10.5011C10.3054,10.6398,10.1604,10.7269,10.0021,10.7284C9.84384,10.7299,9.69731,10.6455,9.61979,10.5081L6.5646,5.08629C6.52345,5.01314,6.44343,4.97034,6.3594,4.97654C6.27538,4.98274,6.20258,5.03682,6.17273,5.11521L5.37832,7.19582C5.31435,7.36335,5.153,7.47412,4.97288,7.47418L2.84617,7.47418C2.48683,7.47418,2.19552,7.18435,2.19552,6.82682C2.19552,6.4693,2.48683,6.17946,2.84617,6.17946L4.0738,6.17946C4.25407,6.17946,4.41528,6.06857,4.47924,5.90111L5.77827,2.49718C5.83811,2.34057,5.98362,2.23255,6.15155,2.22009C6.31948,2.20762,6.47949,2.29296,6.56202,2.439L9.78714,8.1585C9.82583,8.22725,9.89912,8.26955,9.97831,8.26881C10.0575,8.26807,10.13,8.22443,10.1674,8.15496L12.1859,4.41289C12.2638,4.26915,12.4166,4.18148,12.5807,4.18638C12.7448,4.19128,12.8921,4.2879,12.9612,4.43604L13.6532,5.92843C13.7243,6.08143,13.8777,6.17914,14.047,6.17946L15.1548,6.17946C15.514,6.17946,15.8054,6.46939,15.8054,6.82682L15.8042,6.82682ZM3.46607e-7,13.6845L3.46607e-7,16.2739C1.73304e-7,17.2272,0.776714,18,1.73484,18L16.2648,18C17.223,18,17.9997,17.2272,17.9997,16.2739L17.9997,13.6845L3.46607e-7,13.6845ZM10.4381,15.75C10.437,16.1071,10.1464,16.3963,9.78746,16.3974L2.84617,16.3974C2.48683,16.3974,2.19552,16.1075,2.19552,15.75C2.19552,15.3925,2.48683,15.1026,2.84617,15.1026L9.78617,15.1026C10.1456,15.103,10.437,15.3924,10.4381,15.75ZM15.8042,15.75C15.8027,16.1063,15.5129,16.395,15.1548,16.3967L12.5513,16.3967C12.1919,16.3967,11.9006,16.1069,11.9006,15.7494C11.9006,15.3918,12.1919,15.102,12.5513,15.102L15.1548,15.102C15.5134,15.1038,15.8034,15.3932,15.8042,15.75Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-disinfect.svg b/src/assets/images/menuIcon/s-disinfect.svg
new file mode 100644
index 0000000..797b008
--- /dev/null
+++ b/src/assets/images/menuIcon/s-disinfect.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="22" height="22" viewBox="0 0 22 22"><g><g><path d="M21.8624,10.5955C21.7156,10.3013,21.3854,10.1541,21.0554,10.1541L21.0554,10.1538L20.1022,10.1538C20.0288,9.19729,19.7719,8.27753,19.4052,7.39458L20.5425,6.73243L20.5792,6.73243C21.0195,6.47509,21.1663,5.95988,20.9094,5.51853C20.6528,5.07692,20.1391,4.92972,19.6991,5.18733L19.6624,5.18733L18.5251,5.84948C17.9013,4.96652,17.1677,4.19397,16.2873,3.56862L16.8744,2.53846C17.0579,2.24405,17.0946,1.91311,16.8377,1.58191C16.6909,1.28776,16.3977,1.10376,16.0674,1.10376C15.7374,1.10376,15.4439,1.2875,15.2971,1.58191L15.2971,1.61871L14.7103,2.64886C13.7932,2.24405,12.766,1.94991,11.7389,1.87631L11.7389,0.882955C11.7389,0.40481,11.3355,0,10.8585,0C10.3817,0,9.97809,0.404543,9.97809,0.882955L9.97809,1.87631C9.02431,1.98672,8.07054,2.24405,7.19015,2.64886L6.60331,1.61871C6.45654,1.3243,6.16298,1.14029,5.833,1.14029C5.53945,1.14029,5.20921,1.3243,5.06243,1.61871C4.91566,1.91311,4.91566,2.28112,5.09913,2.53846L5.72266,3.60542C4.87896,4.19423,4.10866,4.96679,3.52155,5.81294L2.53108,5.22413C2.23753,5.04012,1.90755,5.04012,1.614,5.18733C1.32045,5.33453,1.13698,5.62867,1.13698,5.95988C1.13698,6.29109,1.32045,6.58523,1.614,6.73243L2.60447,7.32098C2.2011,8.20393,1.94425,9.16049,1.83416,10.1538L0.843694,10.1538C0.366673,10.1538,0,10.5584,0,11.0368C0,11.5149,0.366673,11.9198,0.843694,11.9566L1.87086,11.9566C1.94425,12.8763,2.16414,13.7225,2.49439,14.5686L1.39384,15.194C1.10029,15.3412,0.916816,15.6353,0.916816,15.9665C0.916816,16.2607,1.10029,16.5919,1.39384,16.7391C1.65069,16.8863,2.01737,16.8863,2.27423,16.7023L3.30139,16.0769C3.8151,16.8495,4.43864,17.5855,5.17225,18.174L4.47533,19.3882C4.21874,19.7927,4.36525,20.3445,4.80558,20.6021C5.20894,20.8597,5.75909,20.7122,6.01594,20.2709L6.63947,19.1671C7.66664,19.7189,8.80362,20.0869,9.97756,20.1973L9.97756,21.1538C10.0142,21.632,10.3812,22,10.8579,22C11.3347,22,11.7016,21.6323,11.7383,21.1538L11.7383,20.1973C12.949,20.1237,14.1226,19.7557,15.1865,19.2039L15.81,20.2709C16.0669,20.7125,16.5803,20.8597,17.0207,20.6021C17.4607,20.3448,17.6075,19.8295,17.3506,19.3882L16.6904,18.2476C17.4243,17.6591,18.0845,16.9601,18.598,16.1876L19.6251,16.7761L19.6618,16.7761C20.0652,16.9969,20.5789,16.8497,20.8355,16.4452C21.0557,16.0036,20.9456,15.4886,20.542,15.231L20.5053,15.231L19.4414,14.6057C19.8081,13.7595,20.0282,12.8766,20.1016,11.9568L21.0554,11.9568C21.3854,11.9568,21.6789,11.8096,21.8624,11.5152C22.0459,11.2208,22.0459,10.8899,21.8624,10.5955ZM19.0004,12.6947C18.2301,16.521,14.892,19.2432,11.0038,19.2432C8.17918,19.2432,5.61167,17.7714,4.14418,15.3804C2.64026,13.026,2.45679,10.0459,3.66742,7.50742L4.29095,6.44046C6.49179,3.23958,10.6369,2.02569,14.1951,3.53399C17.7534,5.04229,19.7707,8.86852,19.0004,12.6947Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M19.000329539871217,12.693768914337157C18.230029539871218,16.519948914337157,14.891929539871215,19.242148914337157,11.003739539871216,19.242148914337157C8.179109539871217,19.242148914337157,5.611589539871216,17.77044891433716,4.144099539871216,15.379448914337159C2.640182539871216,13.024948914337159,2.456713539871216,10.044908914337158,3.667346539871216,7.506448914337158L4.290879539871216,6.439488914337158C6.491719539871216,3.238607914337158,10.636799539871216,2.024712914337158,14.195029539871216,3.5330159143371582C17.753329539871217,5.041318914337158,19.770629539871216,8.867548914337158,19.000329539871217,12.693768914337157ZM8.143289539871216,12.657968914337157C9.793719539871216,12.657968914337157,11.151119539871216,11.296868914337159,11.151119539871216,9.641358914337157C11.151119539871216,7.949048914337158,9.793719539871216,6.587948914337158,8.143289539871216,6.624748914337158C6.492589539871216,6.624748914337158,5.135179539871215,7.985848914337158,5.135179539871215,9.641358914337157C5.135179539871215,11.296868914337159,6.492589539871216,12.657968914337157,8.143289539871216,12.657968914337157ZM15.479629539871215,9.493168914337158C14.599329539871215,9.493168914337158,13.902329539871216,10.192118914337158,13.939029539871216,11.075068914337159C13.939029539871216,11.958028914337158,14.635929539871215,12.656978914337158,15.516329539871215,12.656978914337158C16.396729539871217,12.656978914337158,17.093629539871216,11.958028914337158,17.093629539871216,11.075068914337159C17.056929539871216,10.192118914337158,16.360029539871213,9.493168914337158,15.479629539871215,9.493168914337158ZM9.829989539871216,15.008448914337158C10.123539539871217,14.309448914337159,10.857149539871216,13.831048914337158,11.627459539871216,13.831048914337158C12.141169539871216,13.831048914337158,12.617929539871216,14.015048914337159,13.021329539871216,14.419648914337158C13.351229539871216,14.787648914337158,13.571429539871216,15.266048914337158,13.571429539871216,15.780948914337158C13.571429539871216,16.590348914337156,13.094729539871215,17.289248914337158,12.361069539871217,17.58364891433716C11.627189539871216,17.877848914337157,10.783499539871215,17.69384891433716,10.233349539871217,17.14204891433716C9.683209539871216,16.590348914337156,9.536429539871216,15.744148914337158,9.829989539871216,15.008448914337158Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-formula.svg b/src/assets/images/menuIcon/s-formula.svg
new file mode 100644
index 0000000..5fc8e0e
--- /dev/null
+++ b/src/assets/images/menuIcon/s-formula.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="18" viewBox="0 0 21 18"><g><path d="M14.2217,13.5542L12.1497,14.234C11.991,14.2972,11.8218,14.3279,11.6526,14.3279C10.8904,14.3279,10.2782,13.7216,10.2782,12.9667L10.205,10.7788L16.899,1.25534L16.9094,1.26558L17.11,0.983774C16.9827,0.418446,16.4752,0,15.8717,0L1.26973,0C0.570334,0,0,0.565329,0,1.25534L0,16.7447C0,17.4347,0.570334,18,1.26973,18L15.863,18C16.5606,18,17.1327,17.4347,17.1327,16.7447L17.1327,9.40905L14.2217,13.5542ZM2.96155,3.1392L11.4206,3.1392C11.8863,3.1392,12.2665,3.51665,12.2665,3.97609C12.2665,4.43553,11.8863,4.81298,11.4206,4.81298L2.96155,4.81298C2.49587,4.81298,2.11564,4.43552,2.11564,3.97609C2.11564,3.51665,2.49587,3.1392,2.96155,3.1392ZM7.61317,14.8625L2.96155,14.8625C2.49587,14.8625,2.11564,14.4851,2.11564,14.0256C2.11564,13.5645,2.49587,13.1887,2.96155,13.1887L7.61492,13.1887C8.0806,13.1887,8.46083,13.5662,8.46083,14.0256C8.45908,14.4851,8.07886,14.8625,7.61317,14.8625ZM9.30499,9.83774L2.96155,9.83774C2.49587,9.83774,2.11564,9.46029,2.11564,9.00085C2.11564,8.54142,2.49587,8.16396,2.96155,8.16396L9.30674,8.16396C9.77242,8.16396,10.1526,8.54142,10.1526,9.00085C10.1526,9.46029,9.77068,9.83774,9.30499,9.83774ZM20.832,1.99829C21.0012,2.11272,21.0535,2.35354,20.9384,2.52092L20.8529,2.64731L20.7466,2.80444L20.7047,2.85739L20.3559,3.34927L17.7327,1.55935L18.2716,0.795901L18.3135,0.732707C18.4303,0.565329,18.6728,0.512383,18.8524,0.63877L20.832,1.99829ZM17.11,2.42869L19.7332,4.23911L13.6828,12.8625L11.8636,13.4586C11.8846,13.4483,11.916,13.4278,11.9369,13.4159C11.8514,13.4688,11.7573,13.4996,11.6509,13.4996C11.3544,13.4996,11.1224,13.269,11.1224,12.9769L11.1224,12.9667L11.0596,11.0401L17.11,2.42869Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-home.svg b/src/assets/images/menuIcon/s-home.svg
new file mode 100644
index 0000000..becfa07
--- /dev/null
+++ b/src/assets/images/menuIcon/s-home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><g><path d="M19.1413,9.23101C19.4413,9.23101,19.7415,9.36483,19.8749,9.63223C20.0417,9.89988,20.0417,10.2007,19.8749,10.4684C19.7081,10.736,19.4413,10.8698,19.1413,10.8698L18.2742,10.8698C18.2075,11.706,18.0073,12.5087,17.674,13.2779L18.6411,13.8464L18.6745,13.8464C19.0414,14.0806,19.1415,14.5487,18.9414,14.9502C18.7081,15.3179,18.2411,15.4518,17.8744,15.251L17.841,15.251L16.9072,14.716C16.4405,15.4183,15.8403,16.0537,15.1731,16.5888L15.7733,17.6256C16.0068,18.0269,15.8734,18.4952,15.4733,18.7292C15.073,18.9634,14.6063,18.8295,14.3728,18.4281L13.8059,17.4581C12.8388,17.9597,11.7718,18.2943,10.6712,18.3612L10.6712,19.2308C10.6379,19.6657,10.3043,20,9.87086,20C9.43745,20,9.10386,19.6654,9.07051,19.2308L9.07051,18.3612C8.00329,18.2608,6.96967,17.9263,6.03589,17.4247L5.46904,18.4281C5.23553,18.8293,4.7354,18.9634,4.3687,18.7292C3.96841,18.495,3.83522,17.9934,4.06848,17.6256L4.70204,16.5219C4.03512,15.9868,3.46828,15.3177,3.00126,14.6154L2.06748,15.1839C1.83397,15.3512,1.50063,15.3512,1.26712,15.2173C1.00026,15.0835,0.833469,14.7824,0.833469,14.515C0.833469,14.2139,1.00026,13.9465,1.26712,13.8127L2.26763,13.2442C1.9674,12.475,1.7675,11.7057,1.70078,10.8696L0.766995,10.8696C0.333339,10.8361,0,10.4681,0,10.0335C0,9.59854,0.333339,9.23077,0.766995,9.23077L1.66742,9.23077C1.7675,8.32772,2.001,7.45812,2.3677,6.65544L1.46727,6.12039C1.20041,5.98657,1.03362,5.71917,1.03362,5.41807C1.03362,5.11697,1.20041,4.84957,1.46727,4.71575C1.73414,4.58193,2.03412,4.58193,2.30098,4.74921L3.20141,5.28449C3.73514,4.51526,4.43542,3.81294,5.20242,3.27766L4.63557,2.30769C4.46878,2.07375,4.46878,1.73919,4.60221,1.47155C4.73564,1.20391,5.03587,1.03663,5.30273,1.03663C5.60271,1.03663,5.86958,1.20391,6.00301,1.47155L6.5365,2.40806C7.33685,2.04005,8.20392,1.8061,9.07099,1.70574L9.07099,0.802686C9.07099,0.367766,9.43793,0,9.87134,0C10.305,0,10.6717,0.368009,10.6717,0.802686L10.6717,1.70574C11.6055,1.77265,12.5393,2.04005,13.373,2.40806L13.9065,1.47155L13.9065,1.4381C14.0399,1.17045,14.3068,1.00342,14.6067,1.00342C14.907,1.00342,15.1736,1.1707,15.307,1.4381C15.5405,1.73919,15.5072,2.04005,15.3404,2.30769L14.8066,3.2442C15.607,3.8127,16.2739,4.51502,16.841,5.31771L17.8749,4.71575L17.9082,4.71575C18.3083,4.48156,18.7753,4.61539,19.0086,5.01685C19.2421,5.41807,19.1086,5.88645,18.7083,6.12039L18.675,6.12039L17.6411,6.72234C17.9745,7.52503,18.208,8.36117,18.2747,9.23077L19.1413,9.23077L19.1413,9.23101Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M10.003490732498168,17.49255735015869C13.53827073249817,17.49255735015869,16.572870732498167,15.017757350158691,17.27317073249817,11.53939735015869C17.97347073249817,8.061007350158691,16.139470732498168,4.582617350158691,12.904670732498168,3.2114363501586913C9.669910732498169,1.8402523501586914,5.9016607324981685,2.9437933501586913,3.900900732498169,5.853677350158692L3.334049732498169,6.823647350158692C2.233473732498169,9.131337350158692,2.4002647324981687,11.84049735015869,3.767460732498169,13.980957350158691C5.101550732498168,16.15455735015869,7.435650732498169,17.49255735015869,10.003490732498168,17.49255735015869Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M10.137276255645752,8.763608861236573C10.137276255645752,10.268618861236572,8.903266255645752,11.505978861236573,7.402876255645753,11.505978861236573C5.902246255645752,11.505978861236573,4.668236255645752,10.268618861236572,4.668236255645752,8.763608861236573C4.668236255645752,7.2586088612365725,5.902246255645752,6.021241756236572,7.402876255645753,6.021241756236572C8.903266255645752,5.987786261236573,10.137276255645752,7.225148861236573,10.137276255645752,8.763608861236573Z" fill="#2892F3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M14.072377022094727,8.630512237548828C13.272020022094727,8.630512237548828,12.638457322094727,9.265921237548827,12.671815512094726,10.068612237548829C12.671815512094726,10.871292237548829,13.305378022094727,11.506702237548827,14.105727022094726,11.506702237548827C14.906087022094727,11.506702237548827,15.539647022094726,10.871292237548829,15.539647022094726,10.068612237548829C15.506287022094726,9.265922237548828,14.872727022094727,8.630512237548828,14.072377022094727,8.630512237548828Z" fill="#2892F3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M10.570511600036621,12.574504852294922C9.870231600036622,12.574504852294922,9.203310600036621,13.009424852294922,8.93644560003662,13.644834852294922C8.669580600036621,14.313704852294922,8.803013370036622,15.082934852294922,9.303143600036622,15.584514852294921C9.803271600036622,16.086104852294923,10.570271600036621,16.25338485229492,11.237431600036622,15.985984852294923C11.904351600036621,15.718344852294923,12.337761600036622,15.082934852294922,12.337761600036622,14.347154852294922C12.337761600036622,13.879024852294922,12.137611600036621,13.444102852294922,11.837631600036621,13.109549852294922C11.470941600036621,12.741783852294922,11.037521600036621,12.574506331974922,10.570511600036621,12.574504852294922Z" fill="#2892F3" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-liquid.svg b/src/assets/images/menuIcon/s-liquid.svg
new file mode 100644
index 0000000..67f96ac
--- /dev/null
+++ b/src/assets/images/menuIcon/s-liquid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="20" viewBox="0 0 18 20"><g><path d="M0.00657838,2.51325L0.00657838,17.8167C0.00432831,17.8973,0.0217661,17.9795,0.0549541,18.0556C0.29402,18.6889,1.2486,19.1601,2.97043,19.5C4.95328,19.8567,6.97549,20.0239,8.99996,19.9972C11.025,20.0173,13.0444,19.85,15.03,19.4995C16.7491,19.1534,17.7216,18.6717,17.945,18.0551C17.9781,17.9795,17.9956,17.8995,17.9933,17.8167L17.9933,2.51325C18.0022,2.48484,18.0022,2.45444,17.9933,2.42603L17.9933,2.28936C17.9933,1.50383,17.0298,0.912176,15.0272,0.52163C13.0408,0.15514,11.0229,-0.0190142,9.00221,0.00164347C6.97718,-0.018356,4.95777,0.148862,2.97212,0.499409C0.987591,0.889954,0.00657737,1.48105,0.00657737,2.26714C-0.0000464364,2.31228,-0.0000464364,2.35812,0.00657737,2.40325C-0.0021924,2.43149,-0.0021924,2.46168,0.00657737,2.48991L0.00657737,2.51214L0.00657838,2.51325ZM12.6028,13.333C12.6073,13.0002,12.9145,12.7302,13.2947,12.7258L16.1039,12.7258L16.1039,13.938L13.2947,13.938C12.9145,13.9357,12.6073,13.6657,12.6028,13.333ZM12.6028,10.6053C12.6073,10.2731,12.9145,10.0031,13.2947,9.99861L16.0375,9.99861L16.0375,11.2041L13.2947,11.2041C12.9167,11.2041,12.6073,10.938,12.6028,10.6058L12.6028,10.6053ZM12.6028,7.872C12.6073,7.53868,12.9167,7.27368,13.2947,7.27368L16.1039,7.27368L16.1039,8.47921L13.2947,8.47921C12.9145,8.47421,12.6073,8.20421,12.6028,7.87145L12.6028,7.872ZM2.70099,13.6335C2.70099,13.1358,2.83093,12.6447,3.07843,12.2141C3.65264,11.1906,4.28205,10.1983,4.96396,9.24141L4.96396,9.20141L5.10796,9.12364L5.14734,9.08975L5.38191,9.08975L5.38191,9.12308L5.42128,9.16308Q5.45503,9.16308,5.45503,9.20363C6.31451,10.1379,7.07294,11.1582,7.718,12.248C8.30477,13.2347,8.21414,14.4767,7.49019,15.3701C6.76736,16.2562,5.56753,16.5907,4.49539,16.2001C3.42325,15.8096,2.70943,14.7835,2.71618,13.6335L2.70099,13.6335ZM1.47191,2.87268C2.1503,2.27492,2.89956,1.8866,3.67976,1.73216C5.41143,1.2532,7.20412,1.02398,9.00221,1.05162C10.7854,1.02273,12.5696,1.25272,14.3247,1.73216C15.1049,1.88215,15.8564,2.27048,16.5325,2.87268C15.8519,3.46433,15.1026,3.85266,14.3247,4.01321C12.5909,4.4807,10.7993,4.70603,9.00221,4.68264C7.20505,4.70714,5.41334,4.48179,3.67976,4.01321C2.90237,3.85655,2.1503,3.47044,1.47191,2.87268Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-seal.svg b/src/assets/images/menuIcon/s-seal.svg
new file mode 100644
index 0000000..a7beb61
--- /dev/null
+++ b/src/assets/images/menuIcon/s-seal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><g><path d="M9.99959,0C4.47651,0,0,4.47715,0,10.0004C0,15.5228,4.47651,20,9.99958,20C15.5235,20,20,15.5224,20,10.0004C20,4.47632,15.5235,9.51652e-7,9.99959,0ZM9.52183,1.8993L10.7933,1.8993L10.7933,4.39441L9.52183,4.39441L9.52183,1.8993ZM5.71809,6.56646L3.95385,4.80188L4.85281,3.90296L6.61705,5.66754L5.71809,6.56646ZM6.34595,2.81402L7.49605,2.27766L8.55094,4.53827L7.39958,5.07546L6.34595,2.81402ZM10.1746,17.2883C9.06902,17.2883,8.17381,16.3918,8.17381,15.2875C8.17381,14.4235,8.72058,13.6909,9.48773,13.4103L9.48773,7.70238L10.758,7.70238L10.758,13.3728C11.578,13.6219,12.1759,14.3844,12.1759,15.2879C12.1759,16.3918,11.2803,17.2883,10.1746,17.2883ZM11.6644,4.53578L12.7193,2.27433L13.8707,2.81194L12.817,5.07339L11.6644,4.53578ZM14.4586,6.56646L13.5597,5.66754L15.3239,3.90296L16.2229,4.80188L14.4586,6.56646Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s-setting.svg b/src/assets/images/menuIcon/s-setting.svg
new file mode 100644
index 0000000..1ee0ea8
--- /dev/null
+++ b/src/assets/images/menuIcon/s-setting.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="21" height="20" viewBox="0 0 21 20"><g><path d="M20.8054,8.0336C20.8008,7.99101,20.7961,7.95551,20.789,7.93422L20.789,7.91529L20.7797,7.86323C20.6133,7.04449,20.0769,6.5168,19.4092,6.5168L19.2991,6.5168C18.1605,6.5168,17.2375,5.57974,17.2375,4.43445C17.2375,4.16943,17.3593,3.79318,17.4109,3.66067C17.7342,2.89872,17.3898,2.03029,16.5909,1.58779L14.0772,0.151443L14.0304,0.134879C13.843,0.0733556,13.6251,1.80535e-7,13.3815,1.80535e-7C12.927,1.80535e-7,12.4163,0.212967,12.1,0.532418C11.7041,0.927591,10.9005,1.5168,10.4226,1.5168C9.94707,1.5168,9.14118,0.929957,8.74527,0.532418C8.40792,0.196403,7.94172,0,7.46381,0C7.21315,0,7.0023,0.0709891,6.81489,0.134879L6.77272,0.151443L4.13719,1.59252L4.12079,1.60199C3.48124,2.00663,3.2212,2.93422,3.54683,3.67014L3.55152,3.6796L3.5562,3.68907C3.60774,3.80502,3.76705,4.19782,3.76705,4.54094C3.76705,5.69096,2.83934,6.62328,1.70548,6.62328L1.59537,6.62328C0.897251,6.62328,0.374831,7.14387,0.224898,7.97917L0.215528,8.0265L0.215528,8.04307C0.215528,8.06673,0.206157,8.09986,0.199129,8.14245C0.140561,8.49976,0,9.34217,0,10.0308C0,10.7194,0.138219,11.5618,0.199129,11.9191C0.203814,11.9617,0.2085,11.9972,0.215528,12.0185L0.215528,12.0374L0.224898,12.0894C0.391229,12.9082,0.927706,13.4359,1.59537,13.4359L1.6516,13.4359C2.79015,13.4359,3.71317,14.3729,3.71317,15.5182C3.71317,15.7832,3.59135,16.1595,3.53981,16.292C3.22823,17.009,3.52341,17.9295,4.21216,18.3933L4.2309,18.4027L6.71415,19.7989L6.76101,19.8154C6.94842,19.8769,7.16161,19.9503,7.40525,19.9503C7.92532,19.9503,8.39386,19.7492,8.6867,19.4179C8.71481,19.3966,8.74292,19.3682,8.77572,19.3398C9.07559,19.0748,9.88147,18.3743,10.4133,18.3743C10.8092,18.3743,11.4722,18.7932,12.1398,19.4676C12.4772,19.8036,12.9434,20,13.4213,20C13.7446,20,13.9835,19.9101,14.2553,19.7752L14.2646,19.7705L16.8112,18.3483L16.8205,18.3389C17.4601,17.9342,17.7201,17.0066,17.3945,16.2707L17.3898,16.2612L17.3851,16.2518C17.3804,16.2494,17.1813,15.8306,17.2188,15.4543L17.2235,15.4307L17.2235,15.407C17.2235,14.257,18.1512,13.3247,19.285,13.3247L19.4022,13.3247C20.1003,13.3247,20.6227,12.8041,20.7726,11.9688L20.782,11.9214L20.782,11.9049C20.7867,11.8859,20.7914,11.8575,20.7984,11.8197C20.8593,11.4718,20.9999,10.6602,20.9999,9.91718C21.0046,9.23095,20.8664,8.39091,20.8054,8.0336ZM10.4976,13.2963C8.69607,13.2963,7.23657,11.8221,7.23657,10.0024C7.23657,8.18267,8.69607,6.70847,10.4976,6.70847C12.2991,6.70847,13.7586,8.18268,13.7586,10.0024C13.7586,11.8221,12.2991,13.2963,10.4976,13.2963Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_debug.svg b/src/assets/images/menuIcon/s_debug.svg
deleted file mode 100644
index f7cf8b0..0000000
--- a/src/assets/images/menuIcon/s_debug.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><defs><clipPath id="master_svg0_592_42099"><rect x="19" y="18.921875" width="41" height="41" rx="0"/></clipPath></defs><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g clip-path="url(#master_svg0_592_42099)"><g><path d="M53.8413984375,21.65234443077L25.1580984375,21.65234443077C23.2666884375,21.652344090385,21.733398779614,23.17788375,21.733399121728,25.05973375L21.733399121728,47.20904375L57.2666984375,47.20904375L57.2666984375,25.05973375C57.2670984375,23.17798375,55.7333984375,21.652344090385,53.8413984375,21.65234443077ZM52.9319984375,35.12904375C52.9319984375,35.83334375,52.3579984375,36.405643749999996,51.6500984375,36.406943749999996L47.5684984375,36.406943749999996C47.3869984375,36.40704375,47.2220984375,36.30194375,47.1462984375,36.13784375L46.7859984375,35.36184375C46.7178984375,35.21544375,46.5724984375,35.11984375,46.410498437499996,35.11504375C46.2483984375,35.11024375,46.0974984375,35.19694375,46.0206984375,35.33904375L42.2247984375,42.38224375C42.0768984375,42.65614375,41.7907984375,42.828143749999995,41.478398437500005,42.83104375C41.165898437500005,42.83394375,40.8765984375,42.66724375,40.7235984375,42.39624375L34.6923984375,31.69304375C34.6111984375,31.54864375,34.4531984375,31.46415375,34.2872984375,31.47640375C34.1214984375,31.48864375,33.9777984375,31.59540375,33.9187984375,31.75014375L32.3505984375,35.85744375C32.224298437499996,36.18814375,31.9057984375,36.40684375,31.5502384375,36.406943749999996L27.3519484375,36.406943749999996C26.6425784375,36.406943749999996,26.067528437500002,35.83474375,26.067528437500002,35.12904375C26.067528437500002,34.42324375,26.6425784375,33.85104375,27.3519484375,33.85104375L29.7753884375,33.85104375C30.1312484375,33.85104375,30.4494884375,33.63214375,30.5757584375,33.30154375L33.1400984375,26.58196375C33.2582984375,26.27280375,33.5454984375,26.05956375,33.8769984375,26.03496375C34.2084984375,26.01035375,34.5243984375,26.17881375,34.687298437500004,26.46711375L41.053898437499996,37.75784375C41.1302984375,37.89354375,41.2749984375,37.97704375,41.431298437500004,37.97554375C41.587698437499995,37.974143749999996,41.7307984375,37.887943750000005,41.804598437500005,37.75084375L45.789198437500005,30.36372375C45.9430984375,30.079963749999997,46.244798437499995,29.906903749999998,46.568698437500004,29.916573749999998C46.8925984375,29.926243749999998,47.1832984375,30.11697375,47.3197984375,30.40940375L48.6858984375,33.35554375C48.8261984375,33.65754375,49.129098437500005,33.85044375,49.4632984375,33.85104375L51.6500984375,33.85104375C52.3592984375,33.85104375,52.9344984375,34.423443750000004,52.9344984375,35.12904375L52.9319984375,35.12904375ZM21.733399121728,48.66654375L21.733399121728,53.77824375C21.733398779614,55.66014375,23.2666884375,57.18564375,25.1580984375,57.18564375L53.8413984375,57.18564375C55.7327984375,57.18564375,57.2660984375,55.66014375,57.2660984375,53.77824375L57.2660984375,48.66654375L21.733399121728,48.66654375ZM42.338998437499995,52.74404375C42.3368984375,53.44894375,41.7630984375,54.01984375,41.054598437500005,54.02194375L27.3519484375,54.02194375C26.6425784375,54.02194375,26.067528437500002,53.449743749999996,26.067528437500002,52.74404375C26.067528437500002,52.03824375,26.6425784375,51.46604375,27.3519484375,51.46604375L41.0519984375,51.46604375C41.761498437499995,51.46674375,42.3368984375,52.03814375,42.338998437499995,52.74404375ZM52.9319984375,52.74404375C52.9291984375,53.447443750000005,52.3570984375,54.01724375,51.6500984375,54.02064375L46.510498437500004,54.02064375C45.8010984375,54.02064375,45.2260984375,53.44854375,45.2260984375,52.74274375C45.2260984375,52.03694375,45.8010984375,51.46484375,46.510498437500004,51.46484375L51.6500984375,51.46484375C52.358098437500004,51.46834375,52.930598437499995,52.03954375,52.9319984375,52.74404375Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_expe.svg b/src/assets/images/menuIcon/s_expe.svg
deleted file mode 100644
index 2b7f644..0000000
--- a/src/assets/images/menuIcon/s_expe.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M54.037,56.006L28.80688,56.006C27.22599,56.006,25.93399,54.6781,25.93399,53.0441C25.93399,51.6375,26.888939999999998,50.4627,28.16489,50.1565L28.16489,21.0455056C25.82164,21.380591,24,23.46143,24,25.96836L24,53.0523C24,55.7785,26.15066,58,28.79886,58L54.037,58C54.5706,58,55,57.5574,55,57.0072C55.004000000000005,56.457,54.5706,56.006,54.037,56.006ZM42.742000000000004,37.799800000000005L41.847300000000004,37.799800000000005L41.847300000000004,39.1815L40.5031,39.1815L40.5031,40.1081L41.847300000000004,40.1081L41.847300000000004,41.4898L42.742000000000004,41.4898L42.742000000000004,40.1081L44.090199999999996,40.1081L44.090199999999996,39.1815L42.742000000000004,39.1815L42.742000000000004,37.799800000000005ZM44.090199999999996,29.05031L40.5031,29.05031L40.5031,33.3775L39.2994,35.6817C39.817,35.5824,40.334599999999995,35.5617,40.852199999999996,35.6155C42.2605,35.7644,42.569500000000005,36.8814,44.4393,36.8814C44.985,36.8814,45.4384,36.8193,45.807500000000005,36.6952L44.090199999999996,33.3981L44.090199999999996,29.05031ZM53.2425,21L30.09086,21L30.09086,50.1276L30.5563,50.1276C30.612470000000002,50.1358,30.67266,50.1358,30.73284,50.1358L53.2425,50.1358C54.125299999999996,50.1358,54.8475,49.3912,54.8475,48.4811L54.8475,22.65888C54.8515,21.744634,54.125299999999996,21.000000315617,53.2425,21ZM49.3224,42.424800000000005C49.1619,42.6978,48.881,42.8674,48.5721,42.875699999999995L36.0212,42.875699999999995C35.7042,42.875699999999995,35.4113,42.7061,35.2508,42.424800000000005C35.0903,42.1435,35.082300000000004,41.8001,35.2348,41.5105L39.5963,33.2161L39.5963,29.05031L38.5089,29.05031C38.2521,29.05031,38.0475,28.8352,38.0475,28.57457C38.0475,28.309820000000002,38.2561,28.09884,38.5089,28.09884L46.0643,28.09884C46.3211,28.09884,46.5257,28.31395,46.5257,28.57457C46.5257,28.83933,46.317099999999996,29.05031,46.0643,29.05031L44.9769,29.05031L44.9769,33.2203L46.561800000000005,36.231899999999996L49.3425,41.5105C49.490899999999996,41.8001,49.4869,42.1434,49.3224,42.424800000000005Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_home.svg b/src/assets/images/menuIcon/s_home.svg
deleted file mode 100644
index a627913..0000000
--- a/src/assets/images/menuIcon/s_home.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M20.0370799,43.6256C20.866486,47.6246,22.91091,51.222300000000004,25.94731,54.0277C26.3526,54.4028,26.9106,54.5752,27.46181,54.4956C28.0134,54.4165,28.49784,54.0943,28.77694,53.6208L31.1482,49.591300000000004C31.5442,48.9178,31.451999999999998,48.070499999999996,30.92,47.4942C29.68039,46.1482,28.77662,44.537800000000004,28.28009,42.7903C28.06083,42.015,27.34183,41.4784,26.52231,41.4784L21.82395,41.4784C21.27636,41.4781,20.757754,41.7198,20.411853,42.1363C20.0647341,42.552,19.9270634,43.0991,20.0370799,43.6256ZM44.1657,51.909C43.7696,51.233000000000004,42.9726,50.8869,42.1963,51.053799999999995C40.231899999999996,51.4761,38.1899,51.3965,36.2658,50.8227C35.453900000000004,50.580600000000004,34.579,50.9191,34.1541,51.6398L31.8262,55.5982C31.5578,56.055,31.5084,56.6046,31.691000000000003,57.1004C31.872999999999998,57.5967,32.2697,57.9884,32.7742,58.1703C34.9795,58.9695,37.3089,59.375,39.695,59.375C41.6678,59.375,43.6156,59.0954,45.482600000000005,58.543C46.0156,58.3847,46.446,57.9968,46.652,57.4891C46.8572,56.9806,46.814099999999996,56.408,46.535,55.9346L44.1657,51.909ZM52.5476,24.57127C52.2201,24.3027,51.806799999999996,24.15552,51.379999999999995,24.15542C51.2742,24.15542,51.1663,24.166330000000002,51.060500000000005,24.18424C50.531,24.2771,50.0703,24.59457,49.8016,25.05176L47.4685,29.01324C47.045100000000005,29.73472,47.183499999999995,30.6473,47.802800000000005,31.2165C49.39,32.6707,50.5347,34.5286,51.1096,36.5833C51.3275,37.3604,52.0476,37.8989,52.8691,37.899100000000004L57.568,37.899100000000004C58.1145,37.8988,58.6321,37.658,58.9784,37.2432C59.3258,36.8281,59.464,36.2815,59.3546,35.7553C58.4579,31.3953,56.0407,27.42316,52.5476,24.57127ZM46.652,21.88784C46.446600000000004,21.37975,46.0159,20.99153,45.482600000000005,20.833661C43.6053,20.279568,41.6553,19.99869145,39.695,20.00000417001C37.3089,20.00000417001,34.9795,20.405219,32.7742,21.20446C31.714199999999998,21.58978,31.262,22.8179,31.8262,23.77903L34.1541,27.73687C34.579,28.457549999999998,35.453900000000004,28.79609,36.2658,28.55402C37.3775,28.22171,38.5332,28.05317,39.6953,28.05394C40.530100000000004,28.05394,41.372299999999996,28.14349,42.1963,28.32119C42.9721,28.48767,43.7685,28.14262,44.1657,27.46794L46.5353,23.44182C46.8143,22.96858,46.857299999999995,22.39608,46.652,21.88784ZM57.568,41.4781L52.8691,41.4781C52.0475,41.477599999999995,51.327,42.0163,51.1096,42.7936C50.5345,44.848299999999995,49.3898,46.7063,47.802800000000005,48.160799999999995C47.1834,48.729,47.0449,49.6411,47.4685,50.3618L49.8016,54.3249C50.07,54.7824,50.5309,55.1001,51.060500000000005,55.1927C51.1663,55.2106,51.2742,55.2196,51.379999999999995,55.2196C51.8066,55.2202,52.2199,55.0737,52.5476,54.8057C56.0407,51.9518,58.4579,47.9814,59.3546,43.622C59.4641,43.0957,59.3259,42.549099999999996,58.9784,42.134C58.6326,41.718599999999995,58.1147,41.4778,57.568,41.4781ZM20.411568,37.241C20.757316,37.6573,21.27588,37.8989,21.82367,37.8989L26.52259,37.8989C27.34233,37.8986,28.06128,37.361999999999995,28.280369999999998,36.587C28.776699999999998,34.8389,29.68048,33.2279,30.920299999999997,31.8814C31.4524,31.3057,31.544600000000003,30.4588,31.1485,29.785890000000002L28.77722,25.75641C28.49772,25.28303,28.01361,24.96039,27.46209,24.87994C27.37433,24.86765,27.28578,24.86166,27.19713,24.86203C26.73679,24.86203,26.28729,25.03413,25.9476,25.349510000000002C22.91091,28.15468,20.866486,31.7521,20.0370799,35.7513C19.9271883,36.2779,20.0647273,36.825,20.411568,37.241Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_liquid.svg b/src/assets/images/menuIcon/s_liquid.svg
deleted file mode 100644
index eac9765..0000000
--- a/src/assets/images/menuIcon/s_liquid.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M30.42768,34.2143L30.42768,52.673C30.42768,53.4027,31.06121,54.0357,31.77429,54.0357L48.5584,54.0357C49.2714,54.0357,49.794,53.4027,49.794,52.673L49.794,34.2143L30.42768,34.2143ZM47.8574,46.726600000000005C47.8574,47.091499999999996,47.5684,47.387299999999996,47.2118,47.387299999999996C46.8553,47.387299999999996,46.5663,47.091499999999996,46.5663,46.726600000000005L46.5663,42.762299999999996C46.5663,42.397400000000005,46.8553,42.101600000000005,47.2118,42.101600000000005C47.5684,42.101600000000005,47.8574,42.397400000000005,47.8574,42.762299999999996L47.8574,46.726600000000005ZM47.2673,40.780100000000004C46.910799999999995,40.780100000000004,46.6218,40.4844,46.6218,40.1194C46.6218,39.7545,46.910799999999995,39.4587,47.2673,39.4587C47.6239,39.4587,47.9129,39.7545,47.9129,40.1194C47.9129,40.484300000000005,47.6239,40.780100000000004,47.2673,40.780100000000004ZM54.7629,21L29.21229,21C24.827023,21,24,23.26509,24,24.28292C26.44097,24.63393,26.55442,24.67522,26.55442,27.318080000000002L26.55442,52.673C26.55442,55.5922,28.92203,58,31.77429,58L48.5383,58C51.3904,58,53.6673,55.5922,53.6673,52.673L53.6673,24.96429C53.6673,23.28368,54.6596,21.803098,54.7579,21.6456C54.856300000000005,21.488186,55,21.331926,55,21.236123C55,21.139411,54.9664,21,54.7629,21ZM51.0851,24.96429L51.0851,52.673C51.0851,54.153,50.081,55.3571,48.679500000000004,55.3571L31.77429,55.3571C30.352719999999998,55.3571,29.136589999999998,54.128,29.136589999999998,52.673L29.136589999999998,27.318080000000002C29.136589999999998,26.34254,29.22487,24.24163,28.8277,23.6877C28.90202,23.62221,29.07898,23.64286,29.19211,23.64286L51.1939,23.64286C51.1345,23.64286,51.0851,24.53474,51.0851,24.96429Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_liquid_config.svg b/src/assets/images/menuIcon/s_liquid_config.svg
deleted file mode 100644
index c9f96f9..0000000
--- a/src/assets/images/menuIcon/s_liquid_config.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M25.010964,27.14686L25.010964,52.3976C25.00721385,52.5305,25.0362768,52.6662,25.0915901,52.791799999999995C25.490033,53.8368,27.08099,54.6141,29.95072,55.1751C33.25546,55.7635,36.6258,56.0395,39.9999,55.9955C43.375,56.0285,46.7406,55.7525,50.0501,55.1741C52.915099999999995,54.6031,54.536100000000005,53.8083,54.9083,52.7909C54.9636,52.6662,54.992599999999996,52.5342,54.9889,52.3976L54.9889,27.14686C55.003699999999995,27.099980000000002,55.003699999999995,27.04982,54.9889,27.00294L54.9889,26.77745C54.9889,25.48132,53.3829,24.50509,50.0454,23.860689999999998C46.734700000000004,23.255981,43.3715,22.9686265,40.0037,23.00271173C36.6286,22.9697126,33.26296,23.245622,29.95353,23.824024C26.64599,24.468420000000002,25.0109623,25.44373,25.0109623,26.74078C24.999922606,26.81525,24.999922606,26.89089,25.0109623,26.96536C24.996346,27.011960000000002,24.996346,27.06176,25.0109623,27.10836L25.0109623,27.14502L25.010964,27.14686ZM46.0047,44.9994C46.0122,44.4503,46.524100000000004,44.0048,47.1578,43.9975L51.8398,43.9975L51.8398,45.9976L47.1578,45.9976C46.524100000000004,45.994,46.0122,45.548500000000004,46.0047,44.9994ZM46.0047,40.4987C46.0122,39.950500000000005,46.524100000000004,39.504999999999995,47.1578,39.497699999999995L51.7292,39.497699999999995L51.7292,41.4868L47.1578,41.4868C46.5278,41.4868,46.0122,41.047799999999995,46.0047,40.4996L46.0047,40.4987ZM46.0047,35.9888C46.0122,35.4388,46.5278,35.001599999999996,47.1578,35.001599999999996L51.8398,35.001599999999996L51.8398,36.990700000000004L47.1578,36.990700000000004C46.524100000000004,36.9824,46.0122,36.537,46.0047,35.987899999999996L46.0047,35.9888ZM29.501649999999998,45.4953C29.501649999999998,44.674,29.71822,43.8637,30.13072,43.1533C31.08773,41.4645,32.13675,39.827200000000005,33.27327,38.2483L33.27327,38.1823L33.51327,38.054L33.578900000000004,37.9981L33.96984,37.9981L33.96984,38.0531L34.035470000000004,38.1191Q34.09172,38.1191,34.09172,38.186C35.5242,39.727599999999995,36.7882,41.411100000000005,37.8633,43.209199999999996C38.841300000000004,44.8373,38.690200000000004,46.8866,37.483599999999996,48.3607C36.2789,49.8228,34.27922,50.3746,32.49232,49.730199999999996C30.70542,49.0858,29.51572,47.3928,29.52697,45.4953L29.501649999999998,45.4953ZM27.45319,27.739919999999998C28.58383,26.75362,29.8326,26.11288,31.13293,25.858060000000002C34.019059999999996,25.06777,37.0069,24.68957,40.0037,24.73517C42.9756,24.6875,45.9494,25.06699,48.8744,25.858060000000002C50.174800000000005,26.10555,51.4273,26.74628,52.5542,27.739919999999998C51.419799999999995,28.71615,50.171,29.35688,48.8744,29.62179C45.9848,30.39315,42.9988,30.76495,40.0037,30.72635C37.0084,30.76678,34.02223,30.39495,31.13293,29.62179C29.83728,29.3633,28.58383,28.72623,27.45319,27.739919999999998Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_log.svg b/src/assets/images/menuIcon/s_log.svg
deleted file mode 100644
index bdb7726..0000000
--- a/src/assets/images/menuIcon/s_log.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M32,30.00793C32.8,30.00793,33.5,29.30731,33.5,28.506610000000002L33.5,22.50132C33.5,21.700617,32.8,21,32,21C31.2,21,30.5,21.700617,30.5,22.50132L30.5,28.506610000000002C30.5,29.30731,31.2,30.00793,32,30.00793ZM45,30.00793C45.8,30.00793,46.5,29.30731,46.5,28.506610000000002L46.5,22.50132C46.5,21.700617,45.8,21,45,21C44.2,21,43.5,21.700617,43.5,22.50132L43.5,28.506610000000002C43.5,29.30731,44.2,30.00793,45,30.00793ZM40,50.0255C40,45.1212,43,40.8174,47.2,39.0159L28.5,39.0159C27.7,39.0159,27,38.315200000000004,27,37.5145C27,36.7138,27.7,36.0132,28.5,36.0132L47.5,36.0132C48.3,36.0132,49,36.7138,49,37.5145C49,37.9149,48.8,38.215199999999996,48.6,38.5154C49.7,38.215199999999996,50.8,38.015,52,38.015C52.3,38.015,52.7,38.015,53,38.1151L53,29.00705C53,26.80511,51.2,25.00352,49,25.00352L49,28.506610000000002C49,31.0088,47,33.0106,44.5,33.0106C42,33.0106,40,31.0088,40,28.506610000000002L40,25.00352L36,25.00352L36,28.506610000000002C36,31.0088,34,33.0106,31.5,33.0106C29,33.0106,27,31.0088,27,28.506610000000002L27,25.00352C24.8,25.00352,23,26.80511,23,29.00705L23,55.03C23,57.2319,24.8,59.0335,27,59.0335L44.1,59.0335C41.6,56.8315,40,53.6287,40,50.0255ZM37.5,51.026399999999995L28.5,51.026399999999995C27.7,51.026399999999995,27,50.3258,27,49.525099999999995C27,48.7244,27.7,48.0238,28.5,48.0238L37.5,48.0238C38.3,48.0238,39,48.7244,39,49.525099999999995C39,50.3258,38.3,51.026399999999995,37.5,51.026399999999995ZM37.5,45.021100000000004L28.5,45.021100000000004C27.7,45.021100000000004,27,44.320499999999996,27,43.519800000000004C27,42.7191,27.7,42.0185,28.5,42.0185L37.5,42.0185C38.3,42.0185,39,42.7191,39,43.519800000000004C39,44.320499999999996,38.3,45.021100000000004,37.5,45.021100000000004ZM52,41.0176C47,41.0176,43,45.1212,43,50.0255C43,54.9299,47.1,59.0335,52,59.0335C56.9,59.0335,61,54.9299,61,50.0255C61,45.1212,57,41.0176,52,41.0176ZM55.5,53.0282L50.5,53.0282C49.7,53.0282,49,52.327600000000004,49,51.5269L49,45.5216C49,44.7209,49.7,44.0203,50.5,44.0203C51.3,44.0203,52,44.7209,52,45.5216L52,50.0255L55.5,50.0255C56.3,50.0255,57,50.7262,57,51.5269C57,52.327600000000004,56.3,53.0282,55.5,53.0282Z" fill="#FFFFFF" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_ore.svg b/src/assets/images/menuIcon/s_ore.svg
deleted file mode 100644
index 8879f90..0000000
--- a/src/assets/images/menuIcon/s_ore.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M51.951499999999996,39.8059C50.843199999999996,40.323899999999995,49.9413,40.7615,48.9636,41.225899999999996C48.4242,40.9535,47.7542,40.408699999999996,47.004000000000005,40.2435C44.3744,39.6987,41.8501,42.1279,41.9554,44.9411C41.9554,45.378699999999995,41.593,46.0619,41.2348,46.1958C39.8694,46.687,39.2499,47.723,39.174099999999996,49.0894C39.0982,51.2194,38.9423,53.4297,41.5467,54.2513C41.7531,54.3049,41.829,54.7693,41.959599999999995,55.0417C41.652,55.2069,41.3149,55.5329,41.0072,55.5329C37.5305,55.5597,34.0496,55.5597,30.5729,55.5597C28.97572,55.5597,27.37854,55.5865,25.78137,55.5597C23.745912,55.5061,23,54.6577,23,52.527699999999996L23,23.88686C23,21.895306,23.720627,21.0468861,25.62966,21.020094C33.539699999999996,20.99330188,41.4497,20.99330188,49.364000000000004,21.020094C51.037,21.020094,51.9136,21.895306,51.9388,23.83327C52.0021,29.18278,51.951499999999996,34.5635,51.951499999999996,39.8059ZM37.6232,24.75761C37.6232,24.730809999999998,37.6232,24.730809999999998,37.6232,24.75761C35.2001,24.75761,32.776920000000004,24.730809999999998,30.35798,24.75761C29.17379,24.75761,28.19188,25.76678,28.21717,26.86079C28.26774,27.9816,29.144289999999998,28.79876,30.35798,28.79876C35.0737,28.79876,39.763999999999996,28.79876,44.4797,28.77197C45.950500000000005,28.77197,46.591,28.00839,46.565799999999996,26.56161C46.5405,25.44081,45.765100000000004,24.78886,44.4797,24.78886C42.183,24.730809999999998,39.915800000000004,24.75761,37.6232,24.75761ZM33.7841,36.3899C35.0189,36.3899,36.2578,36.4435,37.4673,36.3631C38.445,36.3095,39.1951,35.7335,39.2963,34.6171C39.4269,33.3624,38.6515,32.4336,37.6485,32.38C35.0737,32.2416,32.46928,32.4336,29.8902,32.5184C28.68073,32.5452,28.242449999999998,33.5544,28.26774,34.568C28.29302,35.7424,29.09372,36.3988,30.25262,36.3988L33.7841,36.3988L33.7841,36.3899ZM56.9495,50.3441C57.156,51.326499999999996,56.7177,51.9294,55.8412,52.3089C54.2693,52.9921,53.856300000000005,53.7825,54.1934,55.5016C54.3999,56.5644,53.7046,57.002,53.0851,57.4128C52.4403,57.8236,51.7956,58.3952,50.893699999999995,57.6048C49.6295,56.4572,48.727599999999995,56.6225,47.210499999999996,57.5245C46.6964,57.8236,45.8198,57.7968,45.2256,57.578C44.504999999999995,57.3057,43.7549,56.8145,43.9867,55.6669C44.3491,53.8941,43.5231,52.7465,42.081900000000005,52.143699999999995C40.9988,51.6793,41.1547,50.7237,41.18,49.9869C41.2053,49.415400000000005,41.6436,48.566900000000004,42.1071,48.3213C43.5231,47.584599999999995,44.1679,47.0085,44.0415,44.6062C43.965599999999995,43.324600000000004,44.787400000000005,43.021,45.4827,42.695C45.9463,42.4494,46.8228,42.3958,47.185199999999995,42.695C48.5001,43.815799999999996,49.7348,43.7577,50.948499999999996,42.7218C52.0821,41.7662,52.7269,42.775400000000005,53.5529,43.2398C54.3536,43.6774,54.2988,44.2757,54.0923,45.0706C53.7847,46.298500000000004,54.4547,47.6917,55.6136,48.0757C56.7177,48.4062,57.0802,49.143,56.9495,50.3441ZM45.7145,49.9333C45.6892,52.143699999999995,46.9787,53.5905,49.039500000000004,53.6173C50.7673,53.6441,52.259100000000004,52.2509,52.313900000000004,50.585300000000004C52.3645,48.2365,51.0497,46.682500000000005,48.9383,46.5977C47.210499999999996,46.5486,45.7398,48.049,45.7145,49.9333Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_setting.svg b/src/assets/images/menuIcon/s_setting.svg
deleted file mode 100644
index 8cd6722..0000000
--- a/src/assets/images/menuIcon/s_setting.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><g><path d="M57.7309,36.6424L54.4199,35.1065C52.2821,34.1115,51.0169,31.80957,51.2919,29.41513L51.7134,25.70348C49.9764,24.13487,47.9673,22.91636,45.7913,22.111649L42.809,24.29289C40.9002,25.70218,38.3223,25.67794,36.438900000000004,24.23298L33.5495,22C31.3612,22.766417,29.33189,23.9468,27.56639,25.48018L27.92691,29.18911C28.16995,31.58721,26.871940000000002,33.8705,24.71933,34.8315L21.35269,36.3074C20.9039103,38.6357,20.883231,41.0297,21.291719,43.3658L24.60269,44.9071C26.74368,45.8995,28.01241,48.202,27.73869,50.5985L27.30925,54.2911C29.0484,55.858,31.056800000000003,57.0779,33.2313,57.8884L36.1897,55.7098C38.098,54.2997,40.6759,54.3229,42.559799999999996,55.767L45.4705,58C47.6601,57.2361,49.6906,56.0565,51.456199999999995,54.5225L51.0984,50.8054C50.8651,48.409099999999995,52.158699999999996,46.1352,54.306,45.1685L57.6461,43.6953C58.0967,41.3643,58.1179,38.9679,57.7044,36.6287L57.7309,36.6424ZM39.5113,49.514700000000005C34.3981,49.514700000000005,30.25307,45.2566,30.25307,40.0041C30.25307,34.7515,34.3981,30.49349,39.5113,30.49349C44.6245,30.49349,48.7696,34.7515,48.7696,40.0041C48.7696,45.2566,44.6245,49.514700000000005,39.5113,49.514700000000005Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M39.503226597900394,32.666666984558105C35.85293659790039,32.6648691245581,32.89285659790039,35.650166984558105,32.89285659790039,39.3333369845581C32.89285659790039,43.01646698455811,35.85293659790039,46.0017669845581,39.503226597900394,45.99996698455811C43.15095659790039,45.998166984558104,46.10715659790039,43.01396698455811,46.10715659790039,39.3333369845581C46.10715659790039,35.65270698455811,43.15095659790039,32.66846320455811,39.503226597900394,32.666666984558105ZM39.503226597900394,43.0462669845581C37.535416597900394,42.95376698455811,35.98716659790039,41.316986984558106,35.98716659790039,39.329296984558106C35.98716659790039,37.34159698455811,37.535416597900394,35.704856984558106,39.503226597900394,35.61227698455811C41.495636597900386,35.7097269845581,43.08915659790039,37.317586984558105,43.185756597900394,39.3279469845581C43.17395659790039,41.372516984558104,41.52956659790039,43.024566984558106,39.503226597900394,43.0274669845581L39.503226597900394,43.0462669845581Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/menuIcon/s_user.svg b/src/assets/images/menuIcon/s_user.svg
deleted file mode 100644
index 3bde347..0000000
--- a/src/assets/images/menuIcon/s_user.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="80" height="80" viewBox="0 0 80 80"><g><g><ellipse cx="40" cy="40" rx="40" ry="40" fill="#479CF1" fill-opacity="1"/></g><g><path d="M29.44471,32.3043C29.44472,37.9952,34.0687,42.608599999999996,39.772800000000004,42.608599999999996C45.4768,42.608599999999996,50.100899999999996,37.9952,50.100899999999996,32.3043C50.100899999999996,26.6134,45.4768,22,39.772800000000004,22C34.0687,22,29.44472,26.6134,29.44471,32.3043ZM55.678,46.5004L51.0002,46.5004C50.2702,46.5004,49.678200000000004,45.9097,49.678200000000004,45.1814C49.678200000000004,44.4531,50.2702,43.8625,51.0002,43.8625L55.678,43.8625C56.408,43.8625,57,44.4531,57,45.1814C57,45.9097,56.408,46.5004,55.678,46.5004ZM55.678,52.2502L47.580799999999996,52.2502C46.8508,52.2502,46.2588,51.6595,46.2588,50.931200000000004C46.2588,50.2029,46.8508,49.612300000000005,47.580799999999996,49.612300000000005L55.678,49.612300000000005C56.408,49.612300000000005,57,50.2029,57,50.931200000000004C57,51.6595,56.408,52.2502,55.678,52.2502ZM55.678,58L47.580799999999996,58C46.8508,58,46.2588,57.4094,46.2588,56.681C46.2588,55.9527,46.8508,55.3621,47.580799999999996,55.3621L55.678,55.3621C56.408,55.3621,57,55.9527,57,56.681C57,57.4094,56.408,58,55.678,58ZM41.260000000000005,52.9303C41.260000000000005,48.602900000000005,43.934200000000004,44.898700000000005,47.723299999999995,43.3724C48.3662,43.113600000000005,48.4289,42.229,47.825,41.8898C45.435,40.546099999999996,42.6911,39.782,39.772800000000004,39.782C30.50933,39.782,23,47.4797,23,56.9757C23,57.0475,23.000413211,57.1188,23.00123932,57.1901C23.0066098,57.6398,23.376768,58,23.827485,58L41.2753,58C41.865700000000004,58,42.262299999999996,57.4015,42.037099999999995,56.857C41.5364,55.6469,41.260000000000005,54.3209,41.260000000000005,52.9303Z" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/seal/seal-instrument.svg b/src/assets/images/seal/seal-instrument.svg
new file mode 100644
index 0000000..3d426d7
--- /dev/null
+++ b/src/assets/images/seal/seal-instrument.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="30" height="30" viewBox="0 0 30 30"><g><path d="M14.9994,0C6.71476,0,0,6.71573,0,15.0006C0,23.2843,6.71476,30,14.9994,30C23.2852,30,30,23.2836,30,15.0006C30,6.71448,23.2852,0,14.9994,0ZM14.2827,2.84895L16.19,2.84895L16.19,6.59162L14.2827,6.59162L14.2827,2.84895ZM8.57713,9.8497L5.93077,7.20282L7.27921,5.85443L9.92557,8.50131L8.57713,9.8497ZM9.51892,4.22103L11.2441,3.41649L12.8264,6.80741L11.0994,7.6132L9.51892,4.22103ZM15.262,25.9324C13.6035,25.9324,12.2607,24.5878,12.2607,22.9313C12.2607,21.6353,13.0809,20.5364,14.2316,20.1154L14.2316,11.5536L16.137,11.5536L16.137,20.0592C17.3669,20.4328,18.2638,21.5766,18.2638,22.9319C18.2638,24.5878,16.9204,25.9324,15.262,25.9324ZM17.4967,6.80367L19.079,3.4115L20.806,4.21791L19.2256,7.61008L17.4967,6.80367ZM21.6879,9.8497L20.3395,8.50131L22.9859,5.85443L24.3343,7.20282L21.6879,9.8497Z" fill="#2892F3" fill-opacity="1"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/styles/common.scss b/src/assets/styles/common.scss
index b634e27..30cff0f 100644
--- a/src/assets/styles/common.scss
+++ b/src/assets/styles/common.scss
@@ -89,3 +89,6 @@ input[type='number'] {
     border: 1px solid #ccc !important;
   }
 }
+.el-main{
+  overflow: hidden;
+}
\ No newline at end of file
diff --git a/src/components/common/SelectModal/index.vue b/src/components/common/SelectModal/index.vue
new file mode 100644
index 0000000..993e750
--- /dev/null
+++ b/src/components/common/SelectModal/index.vue
@@ -0,0 +1,251 @@
+<script lang="ts" setup>
+import { computed, defineEmits, defineProps, ref, toRefs } from 'vue'
+
+interface Option {
+  value: any
+  label: string
+}
+
+const props = defineProps({
+  options: {
+    type: Array as () => Option[],
+    required: true,
+  },
+  selectedValue: {
+    type: [String, Number, Boolean, Object],
+    default: null,
+  },
+  placeholder: {
+    type: String,
+    default: '请选择',
+  },
+  searchable: {
+    type: Boolean,
+    default: true,
+  },
+})
+
+const emits = defineEmits(['confirm', 'cancel'])
+
+const { options, selectedValue, searchable } = toRefs(props)
+
+// 组件状态
+const searchTerm = ref('')
+const tempSelectedValue = ref(selectedValue.value)
+
+// 计算属性
+const filteredOptions = computed(() => {
+  if (!searchTerm.value || !searchable.value) {
+    return options.value
+  }
+  return options.value.filter((option) => {
+    return option.label.toLowerCase().includes(searchTerm.value.toLowerCase())
+  })
+})
+
+// 方法
+const selectOption = (option: Option) => {
+  tempSelectedValue.value = option.value
+}
+
+const confirmSelection = () => {
+  emits('confirm', tempSelectedValue.value)
+}
+
+const handleCancel = () => {
+  emits('cancel')
+}
+</script>
+
+<template>
+  <div class="modal-overlay" @click.self="handleCancel">
+    <div class="modal-container">
+      <div class="modal-header">
+        <h3>{{ placeholder }}</h3>
+        <button class="close-btn" @click="handleCancel">
+          <i class="fa fa-times"></i>
+        </button>
+      </div>
+      <div class="modal-content">
+        <ul class="options-list">
+          <li
+            v-for="(option, index) in filteredOptions"
+            :key="option.value || index"
+            :class="{ selected: option.value === tempSelectedValue }"
+            @click="selectOption(option)"
+          >
+            {{ option.label }}
+          </li>
+        </ul>
+        <div v-if="!filteredOptions.length && searchTerm" class="no-results">
+          没有找到匹配项
+        </div>
+      </div>
+      <div class="modal-footer">
+        <button class="cancel-btn" @click="handleCancel">取消</button>
+        <button class="confirm-btn" @click="confirmSelection">确定</button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 200;
+}
+
+.modal-container {
+  background-color: white;
+  border-radius: 12px;
+  width: 90%;
+  max-width: 400px;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
+  animation: fadeIn 0.2s ease-out;
+}
+
+.modal-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid #e2e8f0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.modal-header h3 {
+  margin: 0;
+  font-size: 18px;
+  font-weight: 500;
+  color: #1e293b;
+}
+
+.close-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 18px;
+  color: #94a3b8;
+  transition: color 0.2s ease;
+}
+
+.close-btn:hover {
+  color: #64748b;
+}
+
+.modal-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 10px 0;
+}
+
+.search-box {
+  position: relative;
+  padding: 8px 16px;
+}
+
+.search-box input {
+  width: 100%;
+  padding: 10px 32px 10px 12px;
+  border: 1px solid #e2e8f0;
+  border-radius: 8px;
+  font-size: 14px;
+  outline: none;
+  transition: border-color 0.2s ease;
+}
+
+.search-box input:focus {
+  border-color: #3b82f6;
+}
+
+.search-box i {
+  position: absolute;
+  right: 28px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: #94a3b8;
+}
+
+.options-list {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.options-list li {
+  padding: 14px 20px;
+  font-size: 16px;
+  color: #334155;
+  cursor: pointer;
+  transition: background-color 0.2s ease;
+}
+
+.options-list li:hover {
+  background-color: #f1f5f9;
+}
+
+.options-list li.selected {
+  background-color: #a4c4f1;
+  color: #0284c7;
+  font-weight: 500;
+}
+
+.no-results {
+  padding: 16px 20px;
+  font-size: 14px;
+  color: #94a3b8;
+  text-align: center;
+}
+
+.modal-footer {
+  padding: 12px 16px;
+  border-top: 1px solid #e2e8f0;
+  display: flex;
+  gap: 12px;
+}
+
+.modal-footer button {
+  flex: 1;
+  padding: 10px 16px;
+  border-radius: 8px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+
+.cancel-btn {
+  background-color: #ffffff;
+  border: 1px solid #e2e8f0;
+  color: #64748b;
+}
+
+.cancel-btn:hover {
+  background-color: #f8fafc;
+}
+
+.confirm-btn {
+  background-color: #3b82f6;
+  border: none;
+  color: white;
+}
+
+.confirm-btn:hover {
+  background-color: #2563eb;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: scale(0.95); }
+  to { opacity: 1; transform: scale(1); }
+}
+</style>
diff --git a/src/components/common/SoftKeyboard/index.vue b/src/components/common/SoftKeyboard/index.vue
new file mode 100644
index 0000000..ac1b393
--- /dev/null
+++ b/src/components/common/SoftKeyboard/index.vue
@@ -0,0 +1,166 @@
+<script lang="ts" setup>
+import { computed, defineEmits, defineProps, ref, watch } from 'vue'
+
+const props = defineProps<{
+  modelValue: string
+  keyboardType: string
+  isVisible: boolean
+}>()
+
+const emits = defineEmits<{
+  (e: 'update:modelValue', value: string): void
+  (e: 'confirm', value: string): void
+  (e: 'close'): void
+}>()
+
+const isOpen = ref(props.isVisible)
+const activeKey = ref('')
+
+const keyboardLayout = computed(() => {
+  if (props.keyboardType === 'number') {
+    return [
+      ['1', '2', '3'],
+      ['4', '5', '6'],
+      ['7', '8', '9'],
+      ['.', '0', 'del'],
+    ]
+  }
+  return [
+    ['q', 'w', 'e', 'r', 't', 'y', 'u', 'i', 'o', 'p'],
+    ['a', 's', 'd', 'f', 'g', 'h', 'j', 'k', 'l', 'del'],
+    ['z', 'x', 'c', 'v', 'b', 'n', 'm', '.'],
+    [' ', 'enter'],
+  ]
+})
+const specialKeys = ['del', 'enter', ' ']
+const handleKeyPress = (key: string) => {
+  activeKey.value = key
+  setTimeout(() => {
+    activeKey.value = ''
+  }, 150)
+
+  if (key === 'del') {
+    emits('update:modelValue', props.modelValue.slice(0, -1))
+  }
+  else if (key === 'enter') {
+    emits('confirm', props.modelValue)
+    closeKeyboard()
+  }
+  else {
+    emits('update:modelValue', props.modelValue + key)
+  }
+}
+
+const closeKeyboard = () => {
+  isOpen.value = false
+  emits('close')
+}
+
+watch(() => props.isVisible, (newVal) => {
+  isOpen.value = newVal
+})
+</script>
+
+<template>
+  <div class="soft-keyboard" :class="{ 'keyboard-open': isOpen }">
+    <div class="keyboard-header">
+      <button @click="closeKeyboard">
+        关闭键盘
+      </button>
+    </div>
+    <div class="keyboard-body">
+      <div class="keyboard-row" v-for="(row, index) in keyboardLayout" :key="index">
+        <button
+          v-for="(key, keyIndex) in row"
+          :key="keyIndex"
+          :class="{
+            'key-space': key === ' ',
+            'key-special': specialKeys.includes(key),
+            'key-active': activeKey === key,
+          }"
+          @click="handleKeyPress(key)"
+        >
+          {{ key === ' ' ? '空格' : key === 'del' ? '删除' : key === 'enter' ? '确认' : key }}
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.soft-keyboard {
+  position: fixed;
+  bottom: -300px;
+  left: 0;
+  right: 0;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  padding: 10px;
+  transition: bottom 0.3s ease;
+  user-select: none;
+  z-index: 9999;
+}
+
+.keyboard-open {
+  bottom: 0;
+}
+
+.keyboard-header {
+  margin-bottom: 10px;
+  position: absolute;
+  float:right;
+}
+
+.keyboard-header button {
+  padding: 8px 15px;
+  background-color: #e0e0e0;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.keyboard-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.keyboard-row {
+  display: flex;
+  justify-content: center;
+  gap: 5px;
+}
+
+.keyboard-row button {
+  min-width: 50px;
+  height: 50px;
+  font-size: 18px;
+  border: none;
+  border-radius: 5px;
+  background-color: #fff;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.keyboard-row button:hover {
+  background-color: #e0e0e0;
+}
+
+.keyboard-row button:active {
+  transform: scale(0.95);
+}
+
+.key-space {
+  width: 45vw;;
+}
+
+.key-special {
+  background-color: #e0e0e0;
+}
+
+.key-active {
+  background-color: #a0c4ff;
+  transform: scale(0.95);
+}
+</style>
diff --git a/src/components/liquid/LiquidLevel.vue b/src/components/liquid/LiquidLevel.vue
new file mode 100644
index 0000000..d0a6507
--- /dev/null
+++ b/src/components/liquid/LiquidLevel.vue
@@ -0,0 +1,72 @@
+<script lang="ts" setup>
+import liquidLevelSvg from 'assets/images/liquid/liquid-container.svg'
+import liquidScaleSvg from 'assets/images/liquid/liquid-scale.svg'
+
+import { ref } from 'vue'
+
+const currentLevel = ref(2000)
+// 总容量
+const totalCapacity = 2500
+// 计算液位高度（根据比例计算，假设图片高度固定为200px，可根据实际调整）
+const liquidHeight = ref((currentLevel.value / totalCapacity) * 200)
+</script>
+
+<template>
+  <div class="liquid-level-main">
+    <img :src="liquidScaleSvg" alt="刻度" class="liquid-level-img">
+    <div class="liquid-level-contailner">
+      <img :src="liquidLevelSvg" alt="液位图" class="liquid-level-img">
+      <div class="liquid-level-middle" :style="{ height: `${liquidHeight}px` }" />
+      <div class="liquid-level" :style="{ height: `${liquidHeight}px` }" />
+      <div class="current-level">
+        <span>当前液位</span>
+        <span class="text">{{ currentLevel }}</span>
+        <span class="text">g</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.liquid-level-main {
+  display: flex;
+  gap: 5px;
+}
+.liquid-level-contailner{
+  position: relative;
+  height: 60vh;; /* 根据实际调整 */
+}
+.liquid-level-img {
+  /* width: 100%;
+  height: 100%; */
+  height: 60vh;
+}
+.liquid-level {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: linear-gradient(to top, #0099ff, #e6f7ff); /* 颜色渐变，可按需调整 */
+  border-radius: 10px;
+}
+.liquid-level-middle{
+    background: linear-gradient(352deg, #0093f5, #effafe);
+    bottom: 0;
+    left: 0;
+    position: absolute;
+    width: 50%;
+    z-index: 1;
+    margin-left: 23%
+}
+.current-level {
+  position: absolute;
+  top: 10px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-weight: bold;
+  .text{
+    color: #007bff;
+    padding: 3px;
+  }
+}
+</style>
diff --git a/src/components/liquid/ScaleMark.vue b/src/components/liquid/ScaleMark.vue
new file mode 100644
index 0000000..b3d2a5a
--- /dev/null
+++ b/src/components/liquid/ScaleMark.vue
@@ -0,0 +1,11 @@
+<script lang="ts" setup>
+</script>
+
+<template>
+  <div class="scale-container">
+    1
+  </div>
+</template>
+
+<style scoped>
+</style>
diff --git a/src/components/seal/DashboardChart.vue b/src/components/seal/DashboardChart.vue
new file mode 100644
index 0000000..3741220
--- /dev/null
+++ b/src/components/seal/DashboardChart.vue
@@ -0,0 +1,94 @@
+<script lang="ts" setup>
+import * as echarts from 'echarts'
+import { onMounted, ref } from 'vue'
+
+const option = ref()
+const pressure = ref(50)
+onMounted(() => {
+  const chartDom = document.getElementById('main')!
+  const myChart = echarts.init(chartDom)
+  init()
+  setInterval(() => {
+    myChart.setOption<echarts.EChartsOption>({
+      series: [
+        {
+          data: [
+            {
+              value: +(Math.random() * 100).toFixed(1),
+            },
+          ],
+        },
+      ],
+    })
+  }, 2000)
+  option.value && myChart.setOption(option.value)
+})
+
+const init = () => {
+  option.value = {
+    series: [
+      {
+        type: 'gauge',
+        axisLine: {
+          lineStyle: {
+            width: 15,
+            color: [
+              [0.3, '#67e0e3'],
+              [0.7, '#37a2da'],
+              [1, '#fd666d'],
+            ],
+          },
+        },
+        pointer: { // 指针
+          itemStyle: {
+            color: 'auto',
+          },
+        },
+        axisTick: { // 中间刻度值
+          distance: -15,
+          length: 8, // 刻度线长度
+          lineStyle: {
+            color: '#fff',
+            width: 1, // 刻度线宽度
+          },
+        },
+        splitLine: {
+          distance: -30, // 与圆盘之间的距离
+          length: 30,
+          lineStyle: {
+            color: '#fff',
+            width: 4,
+          },
+        },
+        axisLabel: {
+          color: 'inherit',
+          distance: 25,
+          fontSize: 14,
+        },
+        detail: {
+          valueAnimation: true,
+          formatter: '{value} KPa',
+          color: 'inherit',
+          fontSize: 14,
+        },
+        data: [
+          {
+            value: pressure.value,
+          },
+        ],
+      },
+    ],
+  }
+}
+</script>
+
+<template>
+  <div id="main" style="width: 40vw; height: 30vw" />
+</template>
+
+<style>
+  canvas{
+    width: 600px !important;
+    height: 450px !important;
+  }
+</style>
diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index a42deb6..a573cc0 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -34,7 +34,7 @@ onUnmounted(() => {
               :class="{ 'aside-item-active': router.currentRoute.value.path.includes(item.path) }"
               @click="router.push(item.path)"
             >
-              <!-- <img class="swing-icon" :src="((router.currentRoute.value.path.includes(item.path) ? item.meta!.activeIcon : item.meta!.icon) as string)" alt=""> -->
+              <img class="swing-icon" :src="((router.currentRoute.value.path.includes(item.path) ? item.meta!.activeIcon : item.meta!.icon) as string)" alt="">
               <span class="text">{{ item.meta!.title }}</span>
             </div>
           </div>
@@ -164,11 +164,11 @@ onUnmounted(() => {
     overflow: hidden;
     height: 3.5vw;
     justify-content: center;
-    border: 1px solid #e7e7e7;
+    // border: 1px solid #e7e7e7;
     min-width: 6rem;
     img {
-      height: 80%;
-      margin-right: 20px;
+      // height: 80%;
+      margin-right: 10px;
     }
     .text {
       transition: opacity 0.3s ease;
@@ -266,9 +266,10 @@ onUnmounted(() => {
     }
   }
 }
-.aside-item:hover {
+.aside-item {
   .swing-icon {
-    animation: swing 1s ease-in-out;
+    // animation: swing 1s ease-in-out;
+    width: 1.25rem;
   }
 }
 .logout {
diff --git a/src/router/routes.ts b/src/router/routes.ts
index bc886d5..ec8aaac 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -1,4 +1,18 @@
 import type { RouteRecordRaw } from 'vue-router'
+import n_audit from 'assets/images/menuIcon/n-audit.svg'
+import n_debug from 'assets/images/menuIcon/n-debug.svg'
+import n_disinfect from 'assets/images/menuIcon/n-disinfect.svg'
+import n_formula from 'assets/images/menuIcon/n-formula.svg'
+import n_liquid from 'assets/images/menuIcon/n-liquid.svg'
+import n_seal from 'assets/images/menuIcon/n-seal.svg'
+import n_setting from 'assets/images/menuIcon/n-setting.svg'
+import s_audit from 'assets/images/menuIcon/s-audit.svg'
+import s_debug from 'assets/images/menuIcon/s-debug.svg'
+import s_disinfect from 'assets/images/menuIcon/s-disinfect.svg'
+import s_formula from 'assets/images/menuIcon/s-formula.svg'
+import s_liquid from 'assets/images/menuIcon/s-liquid.svg'
+import s_seal from 'assets/images/menuIcon/s-seal.svg'
+import s_setting from 'assets/images/menuIcon/s-setting.svg'
 
 const authRoutes: RouteRecordRaw[] = [
   {
@@ -8,42 +22,74 @@ const authRoutes: RouteRecordRaw[] = [
     meta: {
       isDefault: true,
       title: '消毒',
+      icon: n_disinfect,
+      activeIcon: s_disinfect,
     },
   },
   {
-    path: '/addLliquid',
-    name: 'addLliquid',
-    component: () => import('views/liquid/addLliquid.vue'),
+    path: '/liquid',
+    name: 'liquid',
+    component: () => import('views/liquid/index.vue'),
     meta: {
       isDefault: true,
-      title: '加液',
+      title: '消毒液',
+      icon: n_liquid,
+      activeIcon: s_liquid,
     },
   },
   {
-    path: '/drainLiquid',
-    name: 'drainLiquid',
-    component: () => import('views/liquid/drainLiquid.vue'),
+    path: '/seal',
+    name: 'seal',
+    component: () => import('views/seal/index.vue'),
     meta: {
       isDefault: true,
-      title: '排液',
+      title: '密封测试',
+      icon: n_seal,
+      activeIcon: s_seal,
     },
   },
   {
-    path: '/runing',
-    name: 'runing',
-    component: () => import('views/runing/index.vue'),
+    path: '/formula',
+    name: 'formula',
+    component: () => import('views/formula/index.vue'),
     meta: {
       isDefault: true,
-      title: '运行参数',
+      title: '配方',
+      icon: n_formula,
+      activeIcon: s_formula,
     },
   },
   {
-    path: '/formula',
-    name: 'formula',
-    component: () => import('views/formula/index.vue'),
+    path: '/debug',
+    name: 'debug',
+    component: () => import('views/debug/index.vue'),
+    meta: {
+      isDefault: true,
+      title: '测试',
+      icon: n_debug,
+      activeIcon: s_debug,
+    },
+  },
+  {
+    path: '/audit',
+    name: 'audit',
+    component: () => import('views/audit/index.vue'),
+    meta: {
+      isDefault: true,
+      title: '审计',
+      icon: n_audit,
+      activeIcon: s_audit,
+    },
+  },
+  {
+    path: '/setting',
+    name: 'setting',
+    component: () => import('views/setting/index.vue'),
     meta: {
       isDefault: true,
-      title: '配方管理',
+      title: '设置',
+      icon: n_setting,
+      activeIcon: s_setting,
     },
   },
 ]
diff --git a/src/stores/homeStore.ts b/src/stores/homeStore.ts
index 7d2c576..6776e5c 100644
--- a/src/stores/homeStore.ts
+++ b/src/stores/homeStore.ts
@@ -49,6 +49,20 @@ export const useHomeStore = defineStore('home', {
     updateHomeLiquid(liquidData: Home.LiquidData) {
       this.liquidData = liquidData
     },
+
+    startDisinfect() {
+      // 是否进行设备的初始化  return false
+      // 是否选择了配方 return false
+      // 未选择配方时，是否配置了默认值 return false
+      // 检查消毒液余量是否满足此次消毒 return false
+      // 检查压力是否正常 return false
+      // 是否选择了消毒级别 return false
+      /* 调用开始消毒指令
+      *className: "DisinfectionCtrlService",
+      *fnName: "start",
+      **/
+      return true
+    },
   },
   persist: false,
 })
diff --git a/src/types/softKeyboard.d.ts b/src/types/softKeyboard.d.ts
new file mode 100644
index 0000000..ba25790
--- /dev/null
+++ b/src/types/softKeyboard.d.ts
@@ -0,0 +1,13 @@
+// types/softKeyboard.d.ts
+declare module 'vue-soft-keyboard' {
+  import type { Component } from 'vue';
+  
+  export interface SoftKeyboardProps {
+    modelValue: string;
+    keyboardType?: 'number' | 'text';
+    isVisible?: boolean;
+  }
+  
+  const SoftKeyboard: Component<SoftKeyboardProps>;
+  export default SoftKeyboard;
+}  
\ No newline at end of file
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a56bc2e..6f67869 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,8 +1,12 @@
-import homeLiquid from 'assets/images/liquid/home-liquid.svg';
 <script lang="ts" setup>
 import { sendCmd } from '@/apis/system'
+import homeChart from 'assets/images/home/home-chart.svg'
+import homeFinish from 'assets/images/home/home-finish.svg'
 import homeLiquid from 'assets/images/home/home-liquid.svg'
+import homeRound from 'assets/images/home/home-round.svg'
+import homeSetting from 'assets/images/home/home-setting.svg'
 import homeStart from 'assets/images/home/home-start.svg'
+import SelectModal from 'components/common/SelectModal/index.vue'
 import Environment from 'components/home/Environment.vue'
 import { useHomeStore } from 'stores/homeStore'
 import { onMounted, ref, watch } from 'vue'
@@ -18,7 +22,19 @@ const environmentParams = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2Se
 const probe1Params = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2SensorData[1])
 const probe2Params = ref<Home.DisplayrelyMgrParams>(homeStore.$state.h2O2SensorData[2])
 const liquidInfo = ref<Home.LiquidData>(homeStore.$state.liquidData)
-
+const deviceState = ref(1)
+const isModalOpen = ref(false)
+const options = ref([{
+  label: '1级',
+  value: 1,
+}, {
+  label: '2级',
+  value: 2,
+}, {
+  label: '3级',
+  value: 3,
+}])
+const selectedValue = ref()
 watch(() => homeStore.$state.h2O2SensorData, (newVal) => {
   if (newVal && newVal.length) {
     environmentParams.value = newVal[0]
@@ -47,6 +63,37 @@ const initData = async () => {
     liquidInfo.value = liquidData.rely
   }
 }
+
+// 开始消毒
+const onStartDisinfect = () => {
+  const isStart = homeStore.startDisinfect()
+  deviceState.value = 2
+  if (isStart) {
+    // 提示消毒开始执行
+  }
+}
+
+// 结束消毒
+const onFinishDisinfect = () => {
+  deviceState.value = 1
+  console.log('结束消毒')
+}
+
+// 方法
+const openModal = () => {
+  isModalOpen.value = true
+}
+
+const loglevel = ref()
+const handleConfirm = (value: any) => {
+  console.log('value---', value)
+  isModalOpen.value = false
+  loglevel.value = value
+}
+
+const handleCancel = () => {
+  isModalOpen.value = false
+}
 </script>
 
 <template>
@@ -81,23 +128,70 @@ const initData = async () => {
         </div>
       </div>
       <div class="home-grid-item home-right">
+        <div class="home-right-title">
+          <div class="title-formula">
+            <div>
+              <img :src="homeRound" alt="">
+            </div>
+            <div>配方1</div>
+          </div>
+          <div class="title-spend">
+            <span>速率</span>
+            <span style="color: #31CB7A">50</span>g/分钟
+          </div>
+        </div>
         <div class="home-right-level">
-          消毒等级：<el-input
+          消毒等级：
+          <el-input
+            v-model="loglevel"
             class="input"
             placeholder="请选择"
+            @focus="openModal"
           >
             <template #append>
-              <el-button type="primary" style="color: #ffffff">
+              <el-button type="primary" class="input-log">
                 Log
               </el-button>
             </template>
           </el-input>
+          <SelectModal
+            v-if="isModalOpen"
+            :options="options"
+            :selected-value="selectedValue"
+            placeholder="请选择"
+            @confirm="handleConfirm"
+            @cancel="handleCancel"
+          />
         </div>
         <div class="home-disinfect">
-          <div class="home-start">
+          <div v-if="deviceState === 1" class="home-disinfect-btn home-start" @click="onStartDisinfect">
             <img :src="homeStart" alt="">
             <div>开始消毒</div>
           </div>
+          <div v-else class="home-disinfect-btn home-end" @click="onFinishDisinfect">
+            <img :src="homeFinish" alt="">
+            <div>结束消毒</div>
+          </div>
+        </div>
+        <div class="home-remain-time">
+          <div class="home-remaini-label">预计剩余时间:   </div>
+          <div class="home-remaini-value">10:00:20</div>
+        </div>
+        <div class="home-start-opt">
+          <div class="home-opt-flex">
+            <FtButton size="large">
+              <div class="home-chart">
+                <div><img :src="homeChart" style="width: 20px"></div>
+                <div class="home-chart-text">图表数据</div>
+              </div>
+            </FtButton>
+            <FtButton>
+              <div class="home-chart">
+                <div><img :src="homeSetting" style="width: 20px"></div>
+                <div class="home-chart-text">消毒设置</div>
+              </div>
+            </FtButton>
+          </div>
         </div>
       </div>
     </div>
@@ -105,6 +199,7 @@ const initData = async () => {
 </template>
 
 <style lang="scss" scoped>
+  $input-height: 3rem;
   .home-grid-container {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
@@ -113,7 +208,6 @@ const initData = async () => {
   .home-grid-item {
     padding: 0.5rem;
     border-radius: 8px;
-    font-weight: bold;
     text-align: center;
     transition: all 0.3s ease;
     background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
@@ -136,15 +230,38 @@ const initData = async () => {
     height: 83vh;
     background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
 
+    .home-right-title{
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      .title-formula{
+        display: flex;
+        justify-self: start;
+        align-items: center;
+        gap: 5px;
+        padding: 10px;
+      }
+      .title-spend{
+        justify-self: end;
+        display: flex;
+        align-items: center;
+        gap: 5px;
+        padding: 10px;
+      }
+    }
     .home-right-level{
       display: flex;
       align-items: center;
       justify-content: center;
-      margin-top: 28vh;
+      margin-top: 18vh;
       font-family: Source Han Sans;
       font-size: 24px;
       .input{
         width: 15vw;
+        height: $input-height
+      }
+      .input-log{
+        color: #ffffff;
+        height: $input-height
       }
     }
   }
@@ -238,8 +355,7 @@ const initData = async () => {
     justify-content: center;
     margin-top: 5vh;
   }
-  .home-start{
-    background: #31CB7A;
+  .home-disinfect-btn{
     width: 27vw;
     height: 8vh;
     border-radius: 12px;
@@ -250,7 +366,52 @@ const initData = async () => {
     font-size: 24px;
     gap: 10px;
   }
+
+  .home-start{
+    background: #31CB7A;
+  }
+
+  .home-end{
+    background: #FF6767;
+  }
+
   .el-button {
     background-color: #2892F3 !important;
   }
+  .home-start-opt{
+    position: absolute;
+    bottom: 10px;
+    margin: 1rem;
+    gap: 5px;
+    .home-opt-flex{
+      display: flex;
+      gap: 25px;
+      .home-chart{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 5px;
+        .home-chart-text{
+          font-size: 1.2rem;
+        }
+      }
+    }
+  }
+
+  .home-remain-time{
+    background: #F6FAFE;
+    margin-top: 5rem;
+    width: 27vw;
+    height: 8vh;
+    border-radius: 12px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 24px;
+    gap: 10px;
+    margin-left: 1rem;
+    .home-remaini-value{
+      color: #2892F3;
+    }
+  }
 </style>
diff --git a/src/views/liquid/index.vue b/src/views/liquid/index.vue
index 4909d06..2c25f0e 100644
--- a/src/views/liquid/index.vue
+++ b/src/views/liquid/index.vue
@@ -1,11 +1,169 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import homeStart from 'assets/images/home/home-start.svg'
+import SoftKeyboard from 'components/common/SoftKeyboard/index.vue'
+import LiquidLevel from 'components/liquid/LiquidLevel.vue'
+import { ref, watch } from 'vue'
+
+const stopatg = ref()
+const inputValue = ref('')
+const keyboardVisible = ref(false)
+const keyboardType = ref('number')
+
+watch(inputValue, (newVal) => {
+  console.log('new-valu==', newVal)
+  stopatg.value = newVal
+})
+const openKeyboard = () => {
+  keyboardVisible.value = true
+}
+
+const handleConfirm = (value: string) => {
+  console.log('确认输入:', value)
+}
+
+const onStartAddLiquid = () => {
+  // TODO
+}
+
+const onStartDrainLiquid = () => {
+  // TODO
+}
+</script>
 
 <template>
-  <div class="dashboard-container">
+  <div>
     <main class="main-content">
-      <div>加液</div>
+      <div class="liquid-left">
+        <LiquidLevel />
+      </div>
+      <div class="liquid-right">
+        <!-- 当前液位 -->
+        <div class="liquid-surplus-title">
+          <div>当前液位：</div>
+          <div class="liquid-title-g">2000g</div>
+        </div>
+
+        <!-- 输入加液/排液量 -->
+        <div class="liquid-input">
+          <el-input
+            v-model="stopatg"
+            class="input"
+            placeholder=""
+            style="height: 4rem"
+            @focus="openKeyboard"
+          >
+            <template #append>
+              <el-button type="primary" class="input-append">
+                2500g
+              </el-button>
+            </template>
+          </el-input>
+        </div>
+
+        <!-- 操作区 -->
+        <div class="liquid-opt">
+          <div>
+            <div class="liquid-add-btn liquid-start" @click="onStartAddLiquid">
+              <img :src="homeStart" alt="">
+              <div>开始加液</div>
+            </div>
+            <div class="liquid-add-btn liquid-drain" @click="onStartDrainLiquid">
+              <img :src="homeStart" alt="">
+              <div>开始排液</div>
+            </div>
+          </div>
+        </div>
+      </div>
     </main>
+    <SoftKeyboard
+      v-model="inputValue"
+      :is-visible="keyboardVisible"
+      :keyboard-type="keyboardType"
+      @confirm="handleConfirm"
+      @close="keyboardVisible = false"
+    />
   </div>
 </template>
 
-<style scoped></style>
+<style lang="scss" scoped>
+.main-content{
+  display: grid;
+  grid-template-columns: repeat(3,1fr);
+  height: 100%;
+  gap: 10px;
+  overflow: hidden;
+  .liquid-left{
+    background: #FFFFFF;
+    grid-column:  1 / 3;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
+  }
+  .liquid-right{
+    background:#FFFFFF;
+    box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
+    padding-top: 15vh;
+    width: 100%;
+    .liquid-surplus-title{
+      height: 10vh;
+      display: flex;
+      padding-left: 2rem;
+      align-items: center;
+      font-size: 24px;
+      font-weight: 400;
+
+      .liquid-title-g{
+        color: #2892F3;
+        font-weight: bold;
+      }
+    }
+    .liquid-input{
+      display: flex;
+      padding-left: 2rem;
+      align-items: center;
+      .input{
+        width: 25vw;
+      }
+      .input-append{
+        color: #ffffff;
+        height: 4rem;
+        font-size: 24px;
+      }
+    }
+
+    .liquid-opt{
+      display: flex;
+      justify-content: center;
+      margin-top: 5vh;
+    }
+    .liquid-add-btn{
+      width: 27vw;
+      height: 8vh;
+      border-radius: 12px;
+      color: #FFFFFF;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      gap: 10px;
+    }
+
+    .liquid-start{
+      background: #31CB7A;
+    }
+
+    .liquid-drain{
+      background: #2892F3;
+      margin-top: 1.5rem;
+    }
+  }
+}
+.el-button {
+  background-color: #2892F3 !important;
+}
+.el-input__inner {
+  height: 40px !important; /* 这里设置你想要的高度，比如40px */
+  border: 1px solid red
+}
+</style>
diff --git a/src/views/seal/index.vue b/src/views/seal/index.vue
index 832c6fc..cd3adeb 100644
--- a/src/views/seal/index.vue
+++ b/src/views/seal/index.vue
@@ -1,11 +1,175 @@
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+import homeFinish from 'assets/images/home/home-finish.svg'
+import homeStart from 'assets/images/home/home-start.svg'
+import SealInstrumentSvg from 'assets/images/seal/seal-instrument.svg'
+import DashboardChart from 'components/seal/DashboardChart.vue'
+// import { ref } from 'vue'
+
+// const pressure = ref()
+const onStartTest = () => {
+}
+
+const onFinishTest = () => {
+}
+</script>
 
 <template>
   <div class="dashboard-container">
     <main class="main-content">
-      <div>密封测试</div>
+      <div class="seal-left">
+        <div class="left-title">
+          <div class="title-text-test">
+            <img :src="SealInstrumentSvg" alt="仪表盘">
+            <div class="title-text">
+              测试前气压
+            </div>
+            <div class="title-text title-text-kpa">
+              <span>2</span>
+              <span class="title-kpa-pl">KPa</span>
+            </div>
+          </div>
+        </div>
+        <!-- 仪表盘 -->
+        <div class="seal-chart">
+          <div class="chart-ml">
+            <DashboardChart />
+          </div>
+          <div class="seal-opt">
+            <div class="seal-add-btn seal-start" @click="onStartTest">
+              <img :src="homeStart" alt="">
+              <div>启动测试</div>
+            </div>
+            <div class="seal-add-btn seal-stop" @click="onFinishTest">
+              <img :src="homeFinish" alt="">
+              <div>停止测试</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="seal-right">
+        <div class="seal-time">
+          <div class="seal-time-text">测试时间</div>
+          <div class="seal-time-statue seal-time-text">
+            未开始
+          </div>
+        </div>
+        <div class="seal-diff">
+          <div  class="seal-diff-text">气压差值</div>
+          <div class="seal-diff-statue seal-diff-text">
+            未开始
+          </div>
+        </div>
+      </div>
     </main>
   </div>
 </template>
 
-<style scoped></style>
+<style lang="scss" scoped>
+.main-content{
+  display: grid;
+  grid-template-columns: repeat(3,1fr);
+  height: 100%;
+  gap: 10px;
+  height: 100%;
+  .seal-left{
+    background: #FFFFFF;
+    grid-column:  1 / 3;
+    box-shadow: 0px 1px 5px 0px rgba(9, 39, 62, 0.15);
+    .left-title{
+      padding-top: 40px;
+      padding-left: 28px;
+      display: flex;
+      height: 5rem;
+      .title-text-test{
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 1rem;
+        .title-text{
+          font-size: 20px;
+        }
+        .title-text-kpa{
+          color: #409EFF;
+        }
+        .title-kpa-pl{
+          padding-left: 5px;
+          font-weight: bold;
+        }
+      }
+    }
+    .seal-chart{
+      margin-left: 1rem;
+    }
+    .chart-ml{
+      margin-left: 3rem;
+    }
+  }
+}
+.seal-opt{
+  display: flex;
+  justify-content: center;
+  margin-top: 8vh;
+  gap: 2rem
+}
+.seal-add-btn{
+  width: 18vw;
+  height: 8vh;
+  border-radius: 12px;
+  color: #FFFFFF;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24px;
+  gap: 10px;
+}
+
+.seal-start{
+  background: #31CB7A;
+}
+
+.seal-stop{
+  background: #e8e8e8;
+}
+
+.seal-right{
+  display: grid;
+  grid-template-rows: 1fr 1fr;
+  background: linear-gradient(180deg, rgba(147, 203, 255, 0.01) -190%, #FFFFFF 24%);
+  .seal-time{
+    margin-top: 6.25rem;
+    margin-left: 2rem;
+    .seal-time-text{
+      font-size: 24px;
+      font-weight: 500;
+    }
+    .seal-time-statue{
+      height: 7rem;
+      width: 21.25rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background: #F6FAFE;
+      margin-top: 20px;
+    }
+  }
+
+  .seal-diff{
+    margin-top: 2.25rem;
+    margin-left: 2rem;
+    .seal-diff-text{
+      font-size: 24px;
+      font-weight: 500;
+    }
+    .seal-diff-statue{
+      height: 7rem;
+      width: 21.25rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      background: #F6FAFE;
+      margin-top: 20px;
+    }
+  }
+
+}
+</style>