diff --git a/src/assets/icons/svg/zskgl-zsklx.svg b/src/assets/icons/svg/zskgl-zsklx.svg
new file mode 100644
index 0000000..2989a8f
--- /dev/null
+++ b/src/assets/icons/svg/zskgl-zsklx.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"><defs><clipPath id="master_svg0_7_4554"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_7_4554)"><g><path d="M3.375,2.812499563140869C3.06434,2.812499563140869,2.8125,3.0643395631408694,2.8125,3.374999563140869L2.8125,6.749999563140869C2.8125,7.060659563140869,3.06434,7.312499563140869,3.375,7.312499563140869L6.75,7.312499563140869C7.06066,7.312499563140869,7.3125,7.060659563140869,7.3125,6.749999563140869L7.3125,3.374999563140869C7.3125,3.0643395631408694,7.06066,2.812499563140869,6.75,2.812499563140869L3.375,2.812499563140869ZM3.375,1.6874995631408691L6.75,1.6874995631408691C7.68198,1.6874995631408691,8.4375,2.443019563140869,8.4375,3.374999563140869L8.4375,6.749999563140869C8.4375,7.681979563140869,7.68198,8.437499563140868,6.75,8.437499563140868L3.375,8.437499563140868C2.443019,8.437499563140868,1.6875,7.681979563140869,1.6875,6.749999563140869L1.6875,3.374999563140869C1.687499880791,2.443019563140869,2.443019,1.6874995631408691,3.375,1.6874995631408691ZM3.375,10.68749956314087C3.06434,10.68749956314087,2.8125,10.93933956314087,2.8125,11.24999956314087L2.8125,14.624979563140869C2.8125,14.93567956314087,3.06434,15.187479563140869,3.375,15.187479563140869L6.75,15.187479563140869C7.06066,15.187479563140869,7.3125,14.93567956314087,7.3125,14.624979563140869L7.3125,11.24999956314087C7.3125,10.93933956314087,7.06066,10.68749956314087,6.75,10.68749956314087L3.375,10.68749956314087ZM3.375,9.56249956314087L6.75,9.56249956314087C7.68198,9.56249956314087,8.4375,10.318019563140869,8.4375,11.24999956314087L8.4375,14.624979563140869C8.4375,15.55697956314087,7.68198,16.31247956314087,6.75,16.31247956314087L3.375,16.31247956314087C2.443019,16.31247956314087,1.6875,15.55697956314087,1.6875,14.624979563140869L1.6875,11.24999956314087C1.687499880791,10.318019563140869,2.443019,9.56249956314087,3.375,9.56249956314087ZM11.25,10.68749956314087C10.93934,10.68749956314087,10.6875,10.93933956314087,10.6875,11.24999956314087L10.6875,14.624979563140869C10.6875,14.93567956314087,10.93934,15.187479563140869,11.25,15.187479563140869L14.625,15.187479563140869C14.9357,15.187479563140869,15.1875,14.93567956314087,15.1875,14.624979563140869L15.1875,11.24999956314087C15.1875,10.93933956314087,14.9357,10.68749956314087,14.625,10.68749956314087L11.25,10.68749956314087ZM11.25,9.56249956314087L14.625,9.56249956314087C15.557,9.56249956314087,16.3125,10.318019563140869,16.3125,11.24999956314087L16.3125,14.624979563140869C16.3125,15.55697956314087,15.557,16.31247956314087,14.625,16.31247956314087L11.25,16.31247956314087C10.31802,16.31247956314087,9.5625,15.55697956314087,9.5625,14.624979563140869L9.5625,11.24999956314087C9.5625,10.318019563140869,10.31802,9.56249956314087,11.25,9.56249956314087ZM10.58681,4.68055956314087C10.36685,4.900279563140869,10.36685,5.256779563140869,10.58681,5.4764995631408695L12.5556,7.4452495631408695C12.7753,7.6652195631408695,13.1318,7.6652195631408695,13.3515,7.4452495631408695L15.3203,5.4764995631408695C15.5402,5.256779563140869,15.5402,4.900279563140869,15.3203,4.68055956314087L13.3515,2.711809563140869C13.1318,2.4918495631408693,12.7753,2.4918495631408693,12.5556,2.711809563140869L10.58681,4.68055956314087ZM9.79144,3.885189563140869L11.7602,1.9164375631408692C12.4192,1.2572935631408693,13.4878,1.2572935631408693,14.1469,1.9164375631408692L16.1156,3.885189563140869C16.7748,4.544219563140869,16.7748,5.612839563140869,16.1156,6.271879563140869L14.1469,8.24062956314087C13.4878,8.899769563140868,12.4192,8.899769563140868,11.7602,8.24062956314087L9.79144,6.271879563140869C9.132290000000001,5.612839563140869,9.132290000000001,4.544219563140869,9.79144,3.885189563140869Z" fill="#1D2129" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/zskgl-zsknr.svg b/src/assets/icons/svg/zskgl-zsknr.svg
new file mode 100644
index 0000000..04b3f6e
--- /dev/null
+++ b/src/assets/icons/svg/zskgl-zsknr.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"><defs><clipPath id="master_svg0_7_9148"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_7_9148)"><g><path d="M5.0625,5.625L12.9375,5.625C13.24816,5.625,13.5,5.37316,13.5,5.0625C13.5,4.75184,13.24816,4.5,12.9375,4.5L5.0625,4.5C4.75184,4.5,4.5,4.75184,4.5,5.0625C4.5,5.37316,4.75184,5.625,5.0625,5.625ZM5.0625,9.5625L12.9375,9.5625C13.24816,9.5625,13.5,9.31066,13.5,9C13.5,8.68934,13.24816,8.4375,12.9375,8.4375L5.0625,8.4375C4.75184,8.4375,4.5,8.68934,4.5,9C4.5,9.31066,4.75184,9.5625,5.0625,9.5625ZM9.5625,12.375L5.0625,12.375C4.75184,12.375,4.5,12.62684,4.5,12.9375C4.5,13.24816,4.75184,13.5,5.0625,13.5L9.5625,13.5C9.87316,13.5,10.125,13.24816,10.125,12.9375C10.125,12.62684,9.87316,12.375,9.5625,12.375Z" fill="#000000" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M15.75,2.33663C15.75,1.358438,14.9687,0.5625,14.0085,0.5625L3.99094,0.5625C3.031312,0.5625,2.25,1.358438,2.25,2.33663L2.25,15.6634C2.25,16.6416,3.031312,17.4375,3.99094,17.4375L11.63756,17.4375C11.66512,17.4375,11.68875,17.4257,11.71519,17.4217C11.87269,17.4499,12.03975,17.4172,12.17194,17.307L15.5469,14.4945C15.6852,14.3762,15.7563,14.1973,15.7371,14.0164C15.7399,13.9956,15.75,13.9776,15.75,13.9562L15.75,2.33663ZM3.375,15.6634L3.375,2.33663C3.375,1.97888,3.6511899999999997,1.6875,3.99094,1.6875L14.0085,1.6875C14.3488,1.6875,14.625,1.97888,14.625,2.33663L14.625,12.9375L12.9375,12.9375C12.00552,12.9375,11.25,13.693,11.25,14.625L11.25,16.3125L3.99094,16.3125C3.6511899999999997,16.3125,3.375,16.0211,3.375,15.6634ZM14.3089,14.0625L12.375,15.6741L12.375,14.625C12.375,14.3143,12.6268,14.0625,12.9375,14.0625L14.3089,14.0625Z" fill="#000000" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/zskgl.svg b/src/assets/icons/svg/zskgl.svg
new file mode 100644
index 0000000..d59289e
--- /dev/null
+++ b/src/assets/icons/svg/zskgl.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"><defs><clipPath id="master_svg0_7_4421"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_7_4421)"><g><path d="M8.999940859375,11.7462825L15.498480859375,8.497283C15.774380859375,8.3698456,16.101580859374998,8.484568,16.237480859374998,8.7563765C16.373380859375,9.0281835,16.268880859375003,9.3587925,16.001380859375,9.5030325L9.251380859375,12.8780325C9.093080859375,12.9571325,8.906800859375,12.9571325,8.748500859375,12.8780325L1.998503859375,9.5030325C1.731022159375,9.3587935,1.626465959375,9.0281825,1.762371259375,8.7563725C1.898276859375,8.4845623,2.225498859375,8.3698404,2.501378859375,8.4972824L8.999940859375,11.7462825Z" fill="#1D2129" fill-opacity="1"/></g><g><path d="M9.000041718750001,15.12091171875L15.49861171875,11.87191171875C15.77451171875,11.74441171875,16.10171171875,11.85921171875,16.23761171875,12.13101171875C16.373511718750002,12.40281171875,16.268911718749997,12.73341171875,16.001511718750002,12.87761171875L9.25147171875,16.25261171875C9.09318171875,16.33171171875,8.90689171875,16.33171171875,8.748601718749999,16.25261171875L1.99859871875,12.87761171875C1.73111771875,12.73341171875,1.62656141875,12.40281171875,1.76246651875,12.13101171875C1.89837171875,11.85921171875,2.22559371875,11.74441171875,2.50147371875,11.87191171875L9.000041718750001,15.12091171875ZM1.99859971875,6.12821171875C1.80767871875,6.03306171875,1.68701171875,5.83809171875,1.68701171875,5.62477171875C1.68701171875,5.4114517187499995,1.80767871875,5.2164917187499995,1.99859971875,5.12133171875L8.748601718749999,1.74633631875C8.90689171875,1.66723691875,9.09318171875,1.66723691875,9.25147171875,1.74633631875L16.001511718750002,5.12133171875C16.19241171875,5.2164917187499995,16.31311171875,5.4114517187499995,16.31311171875,5.62477171875C16.31311171875,5.83809171875,16.19241171875,6.03306171875,16.001511718750002,6.12821171875L9.25147171875,9.50321171875C9.09318171875,9.582311718749999,8.90689171875,9.582311718749999,8.748601718749999,9.50321171875L1.99859971875,6.12821171875ZM9.000041718750001,8.37090171875L14.49231171875,5.62477171875L9.000041718750001,2.87865171875L3.50779171875,5.62477171875L9.000041718750001,8.37090171875Z" fill="#1D2129" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/中央.svg b/src/assets/icons/svg/中央.svg
new file mode 100644
index 0000000..3290458
--- /dev/null
+++ b/src/assets/icons/svg/中央.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"><defs><clipPath id="master_svg0_7_6278"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_7_6278)"><g><path d="M0,16.0467L0,1.95332Q0,1.85736,0.00940576,1.76186Q0.0188115,1.66636,0.0375325,1.57225Q0.0562534,1.47813,0.0841092,1.3863Q0.111965,1.29447,0.148688,1.20582Q0.18541,1.11716,0.230645,1.03253Q0.275881,0.947901,0.329194,0.868113Q0.382506,0.788325,0.443383,0.714146Q0.50426,0.639968,0.572114,0.572114Q0.639968,0.50426,0.714146,0.443383Q0.788325,0.382506,0.868113,0.329194Q0.947901,0.275881,1.03253,0.230645Q1.11716,0.18541,1.20582,0.148688Q1.29447,0.111965,1.3863,0.0841092Q1.47813,0.0562534,1.57225,0.0375325Q1.66636,0.0188115,1.76186,0.00940576Q1.85736,0,1.95332,0L16.0467,0Q16.1426,0,16.2381,0.00940576Q16.3336,0.0188115,16.4278,0.0375325Q16.5219,0.0562534,16.6137,0.0841092Q16.7055,0.111965,16.7942,0.148688Q16.8828,0.18541,16.9675,0.230645Q17.0521,0.275881,17.1319,0.329194Q17.2117,0.382506,17.2859,0.443383Q17.36,0.50426,17.4279,0.572114Q17.4957,0.639968,17.5566,0.714146Q17.6175,0.788325,17.6708,0.868113Q17.7241,0.947901,17.7694,1.03253Q17.8146,1.11716,17.8513,1.20582Q17.888,1.29447,17.9159,1.3863Q17.9437,1.47813,17.9625,1.57225Q17.9812,1.66636,17.9906,1.76186Q18,1.85736,18,1.95332L18,16.0467Q18,16.1426,17.9906,16.2381Q17.9812,16.3336,17.9625,16.4278Q17.9437,16.5219,17.9159,16.6137Q17.888,16.7055,17.8513,16.7942Q17.8146,16.8828,17.7694,16.9675Q17.7241,17.0521,17.6708,17.1319Q17.6175,17.2117,17.5566,17.2859Q17.4957,17.36,17.4279,17.4279Q17.36,17.4957,17.2859,17.5566Q17.2117,17.6175,17.1319,17.6708Q17.0521,17.7241,16.9675,17.7694Q16.8828,17.8146,16.7942,17.8513Q16.7055,17.888,16.6137,17.9159Q16.5219,17.9437,16.4278,17.9625Q16.3336,17.9812,16.2381,17.9906Q16.1426,18,16.0467,18L1.95332,18Q1.85736,18,1.76186,17.9906Q1.66636,17.9812,1.57225,17.9625Q1.47813,17.9437,1.3863,17.9159Q1.29447,17.888,1.20582,17.8513Q1.11716,17.8146,1.03253,17.7694Q0.947901,17.7241,0.868113,17.6708Q0.788325,17.6175,0.714146,17.5566Q0.639968,17.4957,0.572114,17.4279Q0.50426,17.36,0.443383,17.2859Q0.382506,17.2117,0.329194,17.1319Q0.275881,17.0521,0.230645,16.9675Q0.18541,16.8828,0.148688,16.7942Q0.111965,16.7055,0.0841092,16.6137Q0.0562534,16.5219,0.0375325,16.4278Q0.0188115,16.3336,0.00940576,16.2381Q0,16.1426,0,16.0467ZM0.89,16.0467L0.89,1.95332Q0.89,0.89,1.95332,0.89L16.0467,0.89Q16.4871,0.89,16.7986,1.20144Q17.11,1.51288,17.11,1.95332L17.11,16.0467Q17.11,17.11,16.0467,17.11L1.95332,17.11Q1.51288,17.11,1.20144,16.7986Q0.89,16.4871,0.89,16.0467ZM13.1649,4.83514Q11.4397,3.11,9,3.11Q6.56028,3.11,4.83514,4.83514Q3.11,6.56028,3.11,9Q3.11,11.4397,4.83514,13.1649Q6.56028,14.89,9,14.89Q11.4397,14.89,13.1649,13.1649Q14.89,11.4397,14.89,9Q14.89,6.56029,13.1649,4.83514ZM4,9Q4,8.87726,4.00602,8.75466Q4.01205,8.63207,4.02408,8.50992Q4.03611,8.38776,4.05412,8.26635Q4.07213,8.14493,4.09607,8.02455Q4.12002,7.90416,4.14984,7.7851Q4.17967,7.66603,4.2153,7.54858Q4.25093,7.43112,4.29228,7.31555Q4.33363,7.19998,4.3806,7.08658Q4.42757,6.97318,4.48005,6.86222Q4.53253,6.75127,4.59039,6.64302Q4.64825,6.53477,4.71136,6.42949Q4.77446,6.32421,4.84265,6.22215Q4.91084,6.12009,4.98396,6.0215Q5.05708,5.92291,5.13495,5.82803Q5.21282,5.73315,5.29524,5.64221Q5.37767,5.55126,5.46447,5.46447Q5.55126,5.37767,5.64221,5.29524Q5.73315,5.21282,5.82803,5.13495Q5.92291,5.05708,6.0215,4.98396Q6.12009,4.91084,6.22215,4.84265Q6.32421,4.77446,6.42949,4.71136Q6.53477,4.64825,6.64302,4.59039Q6.75127,4.53253,6.86222,4.48005Q6.97318,4.42757,7.08658,4.3806Q7.19998,4.33363,7.31555,4.29228Q7.43112,4.25093,7.54858,4.2153Q7.66603,4.17967,7.7851,4.14984Q7.90416,4.12002,8.02455,4.09607Q8.14493,4.07213,8.26635,4.05412Q8.38776,4.03611,8.50992,4.02408Q8.63207,4.01205,8.75466,4.00602Q8.87726,4,9,4Q9.12274,4,9.24534,4.00602Q9.36793,4.01205,9.49009,4.02408Q9.61224,4.03611,9.73365,4.05412Q9.85507,4.07213,9.97545,4.09607Q10.0958,4.12002,10.2149,4.14984Q10.334,4.17967,10.4514,4.2153Q10.5689,4.25093,10.6844,4.29228Q10.8,4.33363,10.9134,4.3806Q11.0268,4.42757,11.1378,4.48005Q11.2487,4.53253,11.357,4.59039Q11.4652,4.64825,11.5705,4.71136Q11.6758,4.77446,11.7779,4.84265Q11.8799,4.91084,11.9785,4.98396Q12.0771,5.05708,12.172,5.13495Q12.2668,5.21282,12.3578,5.29524Q12.4487,5.37767,12.5355,5.46447Q12.6223,5.55126,12.7048,5.64221Q12.7872,5.73315,12.8651,5.82803Q12.9429,5.92291,13.016,6.0215Q13.0892,6.12009,13.1573,6.22215Q13.2255,6.32421,13.2886,6.42949Q13.3517,6.53477,13.4096,6.64302Q13.4675,6.75127,13.5199,6.86222Q13.5724,6.97318,13.6194,7.08658Q13.6664,7.19998,13.7077,7.31555Q13.7491,7.43112,13.7847,7.54858Q13.8203,7.66603,13.8502,7.7851Q13.88,7.90416,13.9039,8.02455Q13.9279,8.14493,13.9459,8.26635Q13.9639,8.38776,13.9759,8.50992Q13.988,8.63207,13.994,8.75466Q14,8.87726,14,9Q14,9.12274,13.994,9.24534Q13.988,9.36793,13.9759,9.49009Q13.9639,9.61224,13.9459,9.73365Q13.9279,9.85507,13.9039,9.97545Q13.88,10.0958,13.8502,10.2149Q13.8203,10.334,13.7847,10.4514Q13.7491,10.5689,13.7077,10.6844Q13.6664,10.8,13.6194,10.9134Q13.5724,11.0268,13.5199,11.1378Q13.4675,11.2487,13.4096,11.357Q13.3517,11.4652,13.2886,11.5705Q13.2255,11.6758,13.1573,11.7779Q13.0892,11.8799,13.016,11.9785Q12.9429,12.0771,12.8651,12.172Q12.7872,12.2668,12.7048,12.3578Q12.6223,12.4487,12.5355,12.5355Q12.4487,12.6223,12.3578,12.7048Q12.2668,12.7872,12.172,12.8651Q12.0771,12.9429,11.9785,13.016Q11.8799,13.0892,11.7778,13.1573Q11.6758,13.2255,11.5705,13.2886Q11.4652,13.3517,11.357,13.4096Q11.2487,13.4675,11.1378,13.5199Q11.0268,13.5724,10.9134,13.6194Q10.8,13.6664,10.6844,13.7077Q10.5689,13.7491,10.4514,13.7847Q10.334,13.8203,10.2149,13.8502Q10.0958,13.88,9.97545,13.9039Q9.85507,13.9279,9.73365,13.9459Q9.61224,13.9639,9.49009,13.9759Q9.36793,13.988,9.24534,13.994Q9.12274,14,9,14Q8.87726,14,8.75466,13.994Q8.63207,13.988,8.50992,13.9759Q8.38776,13.9639,8.26635,13.9459Q8.14493,13.9279,8.02455,13.9039Q7.90416,13.88,7.7851,13.8502Q7.66603,13.8203,7.54858,13.7847Q7.43112,13.7491,7.31555,13.7077Q7.19998,13.6664,7.08658,13.6194Q6.97318,13.5724,6.86222,13.5199Q6.75127,13.4675,6.64302,13.4096Q6.53477,13.3517,6.42949,13.2886Q6.32421,13.2255,6.22215,13.1573Q6.12009,13.0892,6.0215,13.016Q5.92291,12.9429,5.82803,12.8651Q5.73315,12.7872,5.64221,12.7048Q5.55126,12.6223,5.46447,12.5355Q5.37767,12.4487,5.29524,12.3578Q5.21282,12.2668,5.13495,12.172Q5.05708,12.0771,4.98396,11.9785Q4.91084,11.8799,4.84265,11.7778Q4.77446,11.6758,4.71136,11.5705Q4.64825,11.4652,4.59039,11.357Q4.53253,11.2487,4.48005,11.1378Q4.42757,11.0268,4.3806,10.9134Q4.33363,10.8,4.29228,10.6844Q4.25093,10.5689,4.2153,10.4514Q4.17967,10.334,4.14984,10.2149Q4.12002,10.0958,4.09607,9.97545Q4.07213,9.85507,4.05412,9.73365Q4.03611,9.61224,4.02408,9.49009Q4.01205,9.36793,4.00602,9.24534Q4,9.12274,4,9Z" fill-rule="evenodd" fill="#1D2129" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/images/BulbFilled-active.png b/src/assets/images/BulbFilled-active.png
new file mode 100644
index 0000000..f6b7a79
Binary files /dev/null and b/src/assets/images/BulbFilled-active.png differ
diff --git a/src/assets/images/BulbFilled.png b/src/assets/images/BulbFilled.png
new file mode 100644
index 0000000..c7d9f94
Binary files /dev/null and b/src/assets/images/BulbFilled.png differ
diff --git a/src/assets/images/Recovery.jpg b/src/assets/images/Recovery.jpg
new file mode 100644
index 0000000..9f4f082
Binary files /dev/null and b/src/assets/images/Recovery.jpg differ
diff --git a/src/assets/images/Screenshot.jpg b/src/assets/images/Screenshot.jpg
new file mode 100644
index 0000000..608f4f6
Binary files /dev/null and b/src/assets/images/Screenshot.jpg differ
diff --git a/src/assets/images/Stop.jpg b/src/assets/images/Stop.jpg
new file mode 100644
index 0000000..2960845
Binary files /dev/null and b/src/assets/images/Stop.jpg differ
diff --git a/src/assets/images/bg.png b/src/assets/images/bg.png
new file mode 100644
index 0000000..8cdd300
Binary files /dev/null and b/src/assets/images/bg.png differ
diff --git a/src/assets/images/control.jpg b/src/assets/images/control.jpg
new file mode 100644
index 0000000..e3df978
Binary files /dev/null and b/src/assets/images/control.jpg differ
diff --git a/src/assets/images/dark.svg b/src/assets/images/dark.svg
new file mode 100644
index 0000000..36b58b5
--- /dev/null
+++ b/src/assets/images/dark.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="配置面板" width="48" height="40" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="setting-copy-2" width="48" height="40" transform="translate(-1190.000000, -136.000000)">
+            <g id="Group-8" width="48" height="40" transform="translate(1167.000000, 0.000000)">
+                <g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <g id="Rectangle-18">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
+                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    </g>
+                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
+                    <rect id="Rectangle-18" fill="#303648" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/energy01.png b/src/assets/images/energy01.png
new file mode 100644
index 0000000..24e2580
Binary files /dev/null and b/src/assets/images/energy01.png differ
diff --git a/src/assets/images/energy02.png b/src/assets/images/energy02.png
new file mode 100644
index 0000000..2f12da4
Binary files /dev/null and b/src/assets/images/energy02.png differ
diff --git a/src/assets/images/energySmall01.png b/src/assets/images/energySmall01.png
new file mode 100644
index 0000000..cd8ecd7
Binary files /dev/null and b/src/assets/images/energySmall01.png differ
diff --git a/src/assets/images/energySmall02.png b/src/assets/images/energySmall02.png
new file mode 100644
index 0000000..26728e6
Binary files /dev/null and b/src/assets/images/energySmall02.png differ
diff --git a/src/assets/images/fresh-1.png b/src/assets/images/fresh-1.png
new file mode 100644
index 0000000..cb36a32
Binary files /dev/null and b/src/assets/images/fresh-1.png differ
diff --git a/src/assets/images/fresh-2.png b/src/assets/images/fresh-2.png
new file mode 100644
index 0000000..76f6445
Binary files /dev/null and b/src/assets/images/fresh-2.png differ
diff --git a/src/assets/images/illustration.svg b/src/assets/images/illustration.svg
new file mode 100644
index 0000000..b58ffd0
--- /dev/null
+++ b/src/assets/images/illustration.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="380" viewBox="0 0 897.318 556.975"><path fill="#f2f2f2" d="m217.339 502.047.998-22.434a72.46 72.46 0 0 1 33.795-8.555c-16.231 13.27-14.203 38.85-25.207 56.696a43.58 43.58 0 0 1-31.96 20.14l-13.583 8.317a73.03 73.03 0 0 1 15.393-59.18 70.5 70.5 0 0 1 12.965-12.045c3.253 8.578 7.599 17.06 7.599 17.06"/><path fill="#cacaca" d="M796.921 36.552H164.598a1.016 1.016 0 0 1 0-2.03h632.324a1.016 1.016 0 0 1 0 2.03"/><ellipse cx="186.953" cy="11.169" fill="#3f3d56" rx="10.925" ry="11.169"/><ellipse cx="224.695" cy="11.169" fill="#3f3d56" rx="10.925" ry="11.169"/><ellipse cx="262.437" cy="11.169" fill="#3f3d56" rx="10.925" ry="11.169"/><path fill="#3f3d56" d="M774.304 2.768h-26.81a2.03 2.03 0 0 0 0 4.06h26.81a2.03 2.03 0 0 0 0-4.06m0 7.62h-26.81a2.03 2.03 0 0 0 0 4.06h26.81a2.03 2.03 0 0 0 0-4.06m0 7.61h-26.81a2.03 2.03 0 0 0 0 4.06h26.81a2.03 2.03 0 0 0 0-4.06m-117.591 98.143h-434.01a8.07 8.07 0 0 0-8.07 8.06v204.87a8.08 8.08 0 0 0 8.07 8.07h434.01a8.077 8.077 0 0 0 8.06-8.07v-204.87a8.07 8.07 0 0 0-8.06-8.06"/><path fill="#589ff8" d="M542.073 214.842a8.07 8.07 0 0 0-8.06 8.06v57.87a8.077 8.077 0 0 0 8.06 8.07h122.7v-74Z"/><path fill="#589ff8" d="M871.088 288.837h-329.01a8.076 8.076 0 0 1-8.067-8.066v-57.868a8.075 8.075 0 0 1 8.067-8.066h329.01a8.075 8.075 0 0 1 8.066 8.066v57.868a8.076 8.076 0 0 1-8.066 8.066" opacity=".5"/><circle cx="586.571" cy="255.537" r="13.089" fill="#fff"/><path fill="#fff" d="M860.894 251.734H624.38a3.898 3.898 0 1 1 0-7.796h236.514a3.898 3.898 0 1 1 0 7.796m-89.831 15.401H624.38a3.898 3.898 0 1 1 0-7.795h146.683a3.898 3.898 0 0 1 0 7.795"/><path fill="#ffb6b6" d="m151.406 545.537 11.328-.001 5.389-43.693h-16.719z"/><path fill="#2f2e41" d="M148.517 541.838h3.188l12.449-5.062 6.671 5.061h.001a14.22 14.22 0 0 1 14.217 14.217v.462l-36.526.001Z"/><path fill="#ffb6b6" d="m49.051 530.809 10.139 5.053 24.314-36.701-14.963-7.458z"/><path fill="#2f2e41" d="m48.115 526.21 2.854 1.422 13.4 1.022 3.712 7.507h.001a14.22 14.22 0 0 1 6.382 19.066l-.206.413-32.69-16.292Zm108.31-179.114-72.026 1.88 1.253 35.073s-1.253 9.395 1.252 11.9 3.758 2.505 2.506 6.89-4.491 46.273-4.491 46.273-29.562 52.27-28.31 53.522 2.506 0 1.253 3.132-2.505 1.879-1.252 3.132a46 46 0 0 1 3.131 3.757h20.416s1.142-6.263 1.142-6.889 1.252-4.384 1.252-5.01 35.67-38.418 35.67-38.418l7.515-62.631 18.163 61.378s0 53.863 1.253 55.116 1.252.626.626 3.132-3.132 1.878-1.253 3.757 2.505-1.252 1.88 1.88l-.627 3.13 24.062.27s2.506-5.28 1.253-7.159-1.178-1.366.35-4.44 2.155-3.702 1.529-4.328-.626-3.958-.626-3.958-9.031-123.183-9.031-125.062a6.25 6.25 0 0 1 .52-2.818v-2.55l-2.4-9.038Z"/><path fill="#589ff8" d="M869.68 238.348a27.638 27.638 0 1 1 27.638-27.638 27.64 27.64 0 0 1-27.638 27.638"/><path fill="#fff" d="M880.586 207.984h-8.18v-8.18a2.726 2.726 0 0 0-5.452 0v8.18h-8.179a2.726 2.726 0 1 0 0 5.452h8.18v8.18a2.726 2.726 0 0 0 5.452 0v-8.18h8.179a2.726 2.726 0 1 0 0-5.452"/><path fill="#589ff8" d="M447.883 289.212h-105.01a8.08 8.08 0 0 0-8.07 8.07v39.86h121.14v-39.86a8.077 8.077 0 0 0-8.06-8.07"/><path fill="#589ff8" d="M447.88 401.212H342.87a8.076 8.076 0 0 1-8.067-8.067v-95.867a8.075 8.075 0 0 1 8.067-8.067h105.01a8.075 8.075 0 0 1 8.066 8.067v95.867a8.076 8.076 0 0 1-8.066 8.067" opacity=".5"/><circle cx="373.808" cy="321.563" r="13.089" fill="#fff"/><path fill="#fff" d="M426.131 354.547h-61.514a3.898 3.898 0 1 1 0-7.795h61.514a3.898 3.898 0 1 1 0 7.795M394.3 369.95h-29.683a3.898 3.898 0 0 1 0-7.797H394.3a3.898 3.898 0 0 1 0 7.796"/><path fill="#589ff8" d="M340.68 429.348a27.638 27.638 0 1 1 27.638-27.638 27.64 27.64 0 0 1-27.638 27.638"/><path fill="#fff" d="M351.586 398.984h-8.18v-8.18a2.726 2.726 0 1 0-5.452 0v8.18h-8.179a2.726 2.726 0 1 0 0 5.452h8.18v8.18a2.726 2.726 0 1 0 5.452 0v-8.18h8.179a2.726 2.726 0 1 0 0-5.452"/><path fill="#589ff8" d="M327.887 228.266h-105.01a8.076 8.076 0 0 1-8.067-8.066v-95.867a8.075 8.075 0 0 1 8.067-8.067h105.01a8.075 8.075 0 0 1 8.066 8.067V220.2a8.076 8.076 0 0 1-8.066 8.066"/><circle cx="253.816" cy="156.618" r="13.089" fill="#589ff8"/><path fill="#589ff8" d="M306.139 185.602h-61.514a3.898 3.898 0 1 1 0-7.795h61.514a3.898 3.898 0 1 1 0 7.795m-31.831 15.402h-29.683a3.898 3.898 0 1 1 0-7.796h29.683a3.898 3.898 0 1 1 0 7.796"/><path fill="#589ff8" d="M327.887 228.266h-105.01a8.076 8.076 0 0 1-8.067-8.066v-95.867a8.075 8.075 0 0 1 8.067-8.067h105.01a8.075 8.075 0 0 1 8.066 8.067V220.2a8.076 8.076 0 0 1-8.066 8.066" opacity=".5"/><circle cx="253.816" cy="156.618" r="13.089" fill="#fff"/><path fill="#fff" d="M306.139 185.602h-61.514a3.898 3.898 0 1 1 0-7.795h61.514a3.898 3.898 0 1 1 0 7.795m-31.831 15.402h-29.683a3.898 3.898 0 1 1 0-7.796h29.683a3.898 3.898 0 1 1 0 7.796"/><circle cx="225.043" cy="115.951" r="21" fill="#ff6584"/><path fill="#ccc" d="M282.67 555.785a1.186 1.186 0 0 1-1.19 1.19H1.19a1.19 1.19 0 0 1 0-2.38h280.29a1.187 1.187 0 0 1 1.19 1.19"/><path fill="#ffb6b6" d="M220.555 171.576a9.77 9.77 0 0 1-5.759 12.435 9.6 9.6 0 0 1-1.635.451l-5.547 33.96-13.01-12.013 7.262-30.407a9.806 9.806 0 0 1 8.59-10.76 9.55 9.55 0 0 1 10.099 6.334"/><path fill="#3f3d56" d="M124.54 248.524s10.098-13.341 46.74-12.976l20.797-7.556 4.753-43.57 16.636 3.96-2.377 53.87-35.648 20.596-46.739 9.506Z"/><circle cx="119.175" cy="198.983" r="21.747" fill="#ffb6b6" data-name="ab6171fa-7d69-4734-b81c-8dff60f9761b"/><path fill="#3f3d56" d="M82.367 363.878a.4.4 0 0 1-.114-.016c-.401-.112-.719-.2.73-12.73l1.564-9.903-1.526-8.744-2.568-2.568 4.127-4.127 3.463-9.838-5.993-8.88-6.875-36.317a28.97 28.97 0 0 1 15.91-31.478l7.958-2.325 2.896-5.31a9.52 9.52 0 0 1 8.286-4.962l14.573-.11a9.52 9.52 0 0 1 7.617 3.716l5.084 6.609 21.082 7.161-3.495 75.322a5.233 5.233 0 0 1 .359 7.695c-.22.221-.393.401-.5.52-.356.505.31 4.275 1.134 7.475l1.056 4.902a3.013 3.013 0 0 0-.548 4.398l1.347 1.59a7.6 7.6 0 0 1-6.508 8.536c-19.267 2.622-68.958 9.384-69.059 9.384"/><path fill="#2f2e41" d="M113.612 219.665q-.14-.307-.278-.615c.036 0 .07.006.106.007Zm-16.789-41.441a6.05 6.05 0 0 1 3.792-1.64c1.406.046 2.832 1.316 2.54 2.693a22.35 22.35 0 0 1 26.896-10.085c3.495 1.233 6.922 3.7 7.725 7.318a6.6 6.6 0 0 0 .83 2.702 3.08 3.08 0 0 0 3.283.832l.034-.01a1.028 1.028 0 0 1 1.242 1.45l-.989 1.844a7.9 7.9 0 0 0 3.776-.08 1.027 1.027 0 0 1 1.09 1.598 17.9 17.9 0 0 1-14.269 7.334c-3.951-.024-7.943-1.386-11.789-.477a10.24 10.24 0 0 0-6.887 14.375c-1.182-1.292-3.466-.986-4.674.28a6.4 6.4 0 0 0-1.4 4.906 22.8 22.8 0 0 0 2.337 7.638 22.836 22.836 0 0 1-13.537-40.678"/><path fill="#ffb6b6" d="M90.84 395.068a9.77 9.77 0 0 1-2.303-13.509 9.6 9.6 0 0 1 1.092-1.298l-14.675-31.123 17.527 2.525 11.249 29.167a9.806 9.806 0 0 1-.98 13.733 9.55 9.55 0 0 1-11.91.505"/><path fill="#3f3d56" d="m86.395 378.074-23.352-52.483-.234-41.452 7.361-22.39a23.925 23.925 0 0 1 30.828-15.04l.162.058.068.158c.272.635 6.446 15.907-11.867 47.323l-3.686 21.496 12.933 49.274Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/images/light.svg b/src/assets/images/light.svg
new file mode 100644
index 0000000..efd52c6
--- /dev/null
+++ b/src/assets/images/light.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" 
+    xmlns="http://www.w3.org/2000/svg" 
+    xmlns:xlink="http://www.w3.org/1999/xlink">
+    <defs>
+        <filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
+            <feMerge>
+                <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
+                <feMergeNode in="SourceGraphic"></feMergeNode>
+            </feMerge>
+        </filter>
+        <rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
+        <filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
+            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="setting-copy-2" transform="translate(-1254.000000, -136.000000)">
+            <g id="Group-8" transform="translate(1167.000000, 0.000000)">
+                <g id="Group-5" filter="url(#filter-1)" transform="translate(89.000000, 137.000000)">
+                    <mask id="mask-3" fill="white">
+                        <use xlink:href="#path-2"></use>
+                    </mask>
+                    <g id="Rectangle-18">
+                        <use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
+                        <use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    </g>
+                    <rect id="Rectangle-18" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="16" height="40"></rect>
+                    <rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="48" height="10"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/images/list-1.png b/src/assets/images/list-1.png
new file mode 100644
index 0000000..0d74cfe
Binary files /dev/null and b/src/assets/images/list-1.png differ
diff --git a/src/assets/images/list.png b/src/assets/images/list.png
new file mode 100644
index 0000000..d50ceb2
Binary files /dev/null and b/src/assets/images/list.png differ
diff --git a/src/assets/images/login-background.jpg b/src/assets/images/login-background.jpg
new file mode 100644
index 0000000..8a89eb8
Binary files /dev/null and b/src/assets/images/login-background.jpg differ
diff --git a/src/assets/images/pay.png b/src/assets/images/pay.png
new file mode 100644
index 0000000..bb8b967
Binary files /dev/null and b/src/assets/images/pay.png differ
diff --git a/src/assets/images/profile.jpg b/src/assets/images/profile.jpg
new file mode 100644
index 0000000..b3a940b
Binary files /dev/null and b/src/assets/images/profile.jpg differ
diff --git a/src/assets/images/smallWater01.png b/src/assets/images/smallWater01.png
new file mode 100644
index 0000000..b48a1b5
Binary files /dev/null and b/src/assets/images/smallWater01.png differ
diff --git a/src/assets/images/smallWater02.png b/src/assets/images/smallWater02.png
new file mode 100644
index 0000000..87c07aa
Binary files /dev/null and b/src/assets/images/smallWater02.png differ
diff --git a/src/assets/images/tea-active.png b/src/assets/images/tea-active.png
new file mode 100644
index 0000000..407c3b1
Binary files /dev/null and b/src/assets/images/tea-active.png differ
diff --git a/src/assets/images/tea.png b/src/assets/images/tea.png
new file mode 100644
index 0000000..589eb32
Binary files /dev/null and b/src/assets/images/tea.png differ
diff --git a/src/assets/images/water01.png b/src/assets/images/water01.png
new file mode 100644
index 0000000..44bb8ae
Binary files /dev/null and b/src/assets/images/water01.png differ